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

标签: 程序员 知道 设计 | 发表时间:2014-09-14 00:56 | 作者:Jing
出处:http://blog.jingwentian.com/

开发你的美感

我最喜欢的站点是:

多花些时间

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

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

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

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

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

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

忘了PhotoShop

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

精通CSS

image

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

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

前端框架是你的好朋友

image

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

  • Foundation – 我最喜欢的前端框架
  • Bootstrap – 最流行的
  • Pure – 从未用过,但是看起来很酷
  • Polymer – Google Material Design全平台实现的一部分,很酷的交互细节

图标意外的重要

image

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

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

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

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

迭代,非常重要

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

关注可用性和易用性

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

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

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

排版比你想象的重要

image

两个中文排版开源项目:

  • typo.css
  • yue.css

相关 [程序员 知道 设计] 推荐:

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

- - Jing
awwwards.com – 多看每日和每月上榜站点. unmatchedstyle.com – 评论很有用. dribbble.com (很多NB的app设计都在上边). 我在开发应用和网站时,会在设计上花掉和编码同样的时间. 在开始项目时,我一般对于整体布局有基本的想法. 当我有想法的时候,我同时进行设计和编程.

程序员离职前应知道的12件事

- Frank Cai - 程序员_搜搜博客搜索

Python 程序员应该知道的 10 个库

- - 博客 - 伯乐在线
Python是优雅的,使用这些库可以使你的代码更简洁,并保持持久性. 抛弃 optparse和 argparse吧,使用 docstrings来构建优雅的,可读性强的,并且复杂(如果你需要的话)的命令行界面. IMO2013年创建的最好的库. Requests,或称为人类使用的HTTP,是一个处理HTTP请求更为pythonic 的方法,比 urllib2更更更好用.

Java程序员应该知道的10个调试技巧

- - 博客 - 伯乐在线
摘要:调试不仅可以查找到应用程序缺陷所在,还可以解决缺陷. 对于Java 程序员来说,他们不仅要学会如何在Eclipse里面开发像样的程序,更需要学会如何调试程序. 本文介绍了Java程序员必知的10个调试技巧,保证让你受益匪浅. 调试可以帮助识别和解决应用程序缺陷,在本文中,作者将使用大家常用的的开发工具Eclipse来调试Java应用程序.

Python 程序员应该知道的 10 个库

- - ITeye资讯频道
Python是优雅的,使用这些库可以使你的代码更简洁,并保持持久性. docstrings来构建优雅的,可读性强的,并且复杂(如果你需要的话)的命令行界面. IMO2013年创建的最好的库. Requests,或称为人类使用的HTTP,是一个处理HTTP请求更为pythonic 的方法,比. 口碑可见,他在PyPI上下载已经超过5,000,000次 :).

作为程序员,不得不知道的App推广知识

- - ITeye博客
初看这个题目,大家可能就疑问,作为程序员只管做自己的产品就好了,写代码就OK了,我干嘛要知道一些推广知识,跟我没关系,不需要知道. 你是否也像我一样以后做个产品经理,项目CTO,项目CEO这样的有抱负,还是默默无闻的做个简单的程序员,从码农到码圣的升级版程序员. 你是否也像我一样以后的职业规划不仅仅局限于程序员这个角色,而不想突破垂直职业的牢笼,从剑客到武林盟主的蜕变.

每个Python程序员都要知道的日志实践

- - ITeye资讯频道
在现实生活中,记录日志非常重要. 银行转账时会有转账记录;飞机飞行过程中,会有黑盒子(飞行数据记录器)记录飞行过程中的一切. 如果有出现什么问题,人们可以通过日志数据来搞清楚到底发生了什么. 对于系统开发、调试以及运行,记录日志都是同样的重要. 如果没有日志记录,程序崩溃时你几乎就没办法弄明白到底发生了什么事情.

20件程序员必须知道的事

- - 行业应用 - ITeye博客
我最近看了一本叫做《the 97 Things a Programmer Should Know》的书. 不过,下面我将我认为最值得我们了解的 20 件事情列举给大家: . 引用透明性是一个非常可取的特性. 这意味着,不论何时调用它,对于同一组参数它永远给出同样的结果,这使它跟那些与其他系统相互交织的东西比起来更易于使用.

硅谷“老黄忠”程序员:Google+设计者上榜

- beralee - cnBeta.COM
美国科技博客BusinessInsider今天撰文分析了目前依旧位居一线的老计算机程序员,这其中包括了万维网之父Tim Berners-Lee等知名科技界人物,谷歌最新社交网络Google+圈子的用户界面设计者Andy Hertzfeld也在该榜单中.

好的程序员做不出好的软件设计

- Jacky - cnBeta.COM
你不能看到一个程序员还不错,就把他推到系统分析师、软件设计师或软件架构师的位置上. 如果你在团队或公司里寻找一个能胜任软件架构师或设计师这样重要位置的人时,首先出现在脑子里的想法通常是在程序员中选一个最好的. 这样的位置不是随意的找个不错的程序员就能胜任的. 把你最资深的程序员晋升到这个位置也未必就合适.