`
sunxboy
  • 浏览: 2866008 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

程序员应该知道的 13 个设计技巧

 
阅读更多

 

开发你的美感

… 我最喜欢的站点是:

多花些时间

我在开发应用和网站时,会在设计上花掉和编码同样的时间。好的设计需要时间来完善。

在开始项目时,我一般对于整体布局有基本的想法。当我有想法的时候,我同时进行设计和编程。我会在开发细节功能的同时在浏览器里边设计那些细节。这可能不是最有效率的,但这样可以让我在工作时对项目进行上千次的小迭代。

 

创造的秘密就是知道如何藏好信息来源 – 爱因斯坦

好的艺术家抄,伟大的艺术家偷。- Pablo Picasso

这不是什么新建议,但是可能是这些技巧中最重要的。当你刚开始的时候,你没有技能创造出有吸引力的设计。这就意味着你需要模仿知名的设计师,或者让你深受他们作品的影响。

下边是我的步骤:我会搜索那些和我的基本想法类似的,但是设计得很好的web应用。我会找出那些我认为会在我的app中有用的元素,然后在我的 app中重新创造它。不要直接copy html或者css,那样学不到任何东西。只学习视觉,然后用自己的代码实现。当你慢慢有经验了,就可以开始创造自己的东西了。

 

忘了PhotoShop

 

如果你和我一样不知道怎么用PS,用你的代码直接在浏览器里边设计吧。我只用PS调整图标以及给app截图。( Easy注:最近Sketch挺火的,很多设计师已经从PS完全转向Sketch了。

精通CSS

css

直接在浏览器中设计需要精通CSS。… 下边是一些资源:

  • MDN - Mozilla开发者中心,我用它干很多事,不只是css

  • Less

  • Sass

前端框架是你的好朋友

zurb-foundation

 

从无到有的创建一个网站或者app是很难的,尤其对于新手。所以现在我使用前端框架。最有名的是的Foundation和Bootstrap,也有很多其他备选。

  • Foundation - 我最喜欢的前端框架

  • Bootstrap - 最流行的

  • Pure - 从未用过,但是看起来很酷

  • Polymer – Google Material Design全平台实现的一部分,很酷的交互细节 ( 这行是Easy加的,GFWED

图标意外的重要

icons

 

我用了很长时间才认识到图标对于一个好的设计来说有多么重要,这并不那么显而易见。图标改善了导航,添加了色彩,传情达意。图标不一定能让设计NB,但一堆烂图标一定会让你的设计SB。

根据项目的不同我使用icon fonts或者svg icons。icon fonts非常好用,尤其是你在浏览器里边设计的时候。icon fonts让你很容易给一个元素添加图标,你只需要加个class就好了。

icon fonts大法好的另一个原因是你可以像改变字体大小一样改变这些图标的大小。换颜色也一样。

下边是我喜欢的一些icon资源

迭代,非常重要

尝试和失败是非常有价值的工具。很多尝试看起来不爽,和你的设计不搭。但是没有关系,每次失败时回滚到上一步再继续。在我确定Duet的设计之前我迭代过上千次。

关注可用性和易用性

好的设计不止是app看起来如何。它还涉及了app的功能好不好,用起来容易不容易。即使不用专业培训,一点小常识就能让你在构建可用的app上受益匪浅。

你只需要中一件事就可以确保app的可用性—— 保证你真的在用你开发的app。经常用。如果有东西让你觉得小不爽,修理它。相信你的自觉。如果一个流程不清晰或者太复杂,你能直观的感受到。是不是步骤 太多?是不是某个功能难以找到?是不是常用功能用起来要点太多次?或者是不是你有时候都会忘掉一些功能在哪里?不管可用性问题在哪儿,只要你一直用你的 app,我相信你能发现它的,然后你会修好它。

显然这个流程是不完美的,你代表不了其他的每一个用户使用它的方式,但我的经验是绝大部分问题通过这个方式可以找出来。…

 

排版比你想象的重要

type

 

Easy:由于此段内容都是英文排版相关,直接跳过。补充两个中文排版开源项目:

 

选择正确的图片和图库

… 几个高质量的免费图库

 

重视反馈

无法否认我在这个方面做得很差,但我认识到了反馈的重要性。我做的大部分东西在发布之前没有得到反馈。为了在测试阶段获得反馈,我开始关注这些资源:

 

分享到:
评论

相关推荐

    浅谈数据库设计技巧-程序员应该读的

    通过学习和实践这些数据库设计技巧,程序员能够更好地应对各种复杂的业务场景,构建出高效、可靠的数据存储系统。在实际工作中,不断总结经验,持续学习新的数据库技术和最佳实践,是保持竞争力的关键。

    老鸟程序员才知道的 40 个小技巧

    以下将详细解读这40条“老鸟程序员才知道的小技巧”,并尽可能全面地挖掘其中的知识点。 1. 重构是程序员的主力技能:重构,即对软件代码进行结构上的优化而不改变其外部行为的过程,是程序员提高代码质量的重要...

    程序员高级程序员 程序设计辅助理解软件

    理解并熟练掌握这些数据结构的特性,能帮助程序员设计出更优化的算法,提高程序性能。 2. **高级程序员**:作为高级程序员,不仅需要精通至少一种编程语言,如C语言,还需要理解软件工程的整个生命周期,包括需求...

    沟通技巧-程序员也该懂的技巧

    程序员往往需要与产品经理、设计师、测试人员甚至是非技术团队成员进行交流,因此,他们必须掌握有效的沟通技巧以确保需求被准确理解,避免设计失误和减少不必要的返工。 沟通技巧培训经常提到的一个重要概念是“约...

    程序员技巧收集助手-程序员的好帮手

    【程序员技巧收集助手】是一款专为程序员设计的实用工具,旨在帮助他们更有效地积累和管理在编程工作中遇到的各种技巧和经验。这款软件的核心价值在于它提供了便捷的方式,让程序员能够整理、分类、检索他们在开发...

    作一个真正合格的程序员要知道的

    ### 作一个真正合格的程序员要知道的关键点 在IT行业中,成为一名合格的程序员不仅意味着能够编写代码,还需要具备一系列的专业素质和技术能力。本文将根据给定的标题、描述及部分内容,详细阐述一名真正的合格...

    黑马程序员毕业设计资料,代码,数据库设计论文等

    "黑马程序员毕业设计资料,代码,数据库设计论文等" 这个标题表明这是一份来自“黑马程序员”教育平台的资源集合,主要用于帮助学生进行毕业设计。其中包含了项目代码、数据库设计相关的论文等内容,适用于计算机科学...

    老程序员才知道的技巧

    ### 老程序员才知道的技巧 #### 1. 重构:程序员的核心技能 重构是程序员的一项核心技能,它不仅能够帮助提高代码的质量,还能增强软件的可维护性和扩展性。重构涉及修改现有代码而不改变其外部行为的过程,通过...

    一个Java程序员应该掌握的10项技能

    ### 一个Java程序员应该掌握的10项技能详解 #### 1. 语法 作为Java程序员,必须熟悉Java语言的基本语法。在实际编程过程中,能够根据集成开发环境(IDE)提供的错误提示信息迅速识别出语法错误,并且知道如何进行...

    程序设计思想修炼 每个程序员必备的书籍

    总的来说,这个压缩包集合了编程理论、实践经验、设计原则和技巧,对于想要提升编程思想的程序员来说,是一份宝贵的参考资料。通过学习这些书籍,开发者可以更好地理解和应用程序设计思想,从而提高自己在软件开发...

    你是合格的程序员吗?—合格程序员应该具备的12种能力

    —合格程序员应该具备的12种能力" 指向了一个讨论合格程序员所需技能的主题。在这个行业中,成为一个优秀的程序员不仅仅是掌握编程语言那么简单,还需要一系列综合能力。以下是对这些能力的详细阐述: 1. **解决...

    成为优秀程序员的 101 个技巧

    "成为优秀程序员的 101 个技巧" 本资源为程序员提供了 101 条实用的技巧,从搜索问题答案到编写有用的注释,从承诺不足到超额交付,从寻找导师到成为导师,从适当命名变量到删除不用的代码,从学习阅读代码到建立...

    程序员10大职业生存技巧

    程序员10大职业生存技巧 1. 你是最棒的 要相信自己是最棒的程序员,充满自信。随着时间的推移,你的崇拜者会越来越多。别担心会出洋相,IT这一行是如此复杂,你完全可以把皮球踢给别人。 2. 你的代码就代表你 如果...

    C++编程惯用法(高级程序员常用方法和技巧)

    综上所述,《C++编程惯用法(高级程序员常用方法和技巧)》这份资源很可能会涵盖以上所述的多个方面,并可能提供深入的实践示例和最佳实践。通过学习和实践这些高级技巧,程序员可以编写出更高效、更可靠且更易于维护...

    程序员道路的十个层次

    《程序员道路的十个层次》是一份深度探讨程序员职业生涯发展的文档,旨在帮助程序员明确自我定位,规划职业路径。这篇文档从入门新手到顶尖专家,详细描绘了程序员在技术成长过程中的十个不同阶段,每个阶段都有其...

    C++编程惯用法.高级程序员常用方法和技巧.pdf

    高级程序员常用方法和技巧》这本书的相关知识点。首先,这本书是由Robert B. Murray所著,他可能是一位在C++领域内有相当经验的高级程序员或技术专家。书中主要探讨了C++程序员在编写代码时常用的一些方法和技巧,...

    c++编程惯用法——高级程序员惯常用方法和技巧

    《C++编程惯用法——高级程序员惯常用方法和技巧》是一本面向有一定C++编程基础的开发者的专业书籍,由知名作者Robet B. Murray撰写。这本书深入探讨了C++编程中的高级技巧和最佳实践,旨在提升程序员的编程效率和...

Global site tag (gtag.js) - Google Analytics