I code it

Code and Life

Turning to a Designer

Hack design的建议

首先,design无处不在,它的目的是提高产品使用者的效率和易用性的。它不是一个“运用之妙,存乎一心”的东西,它是一个实实在在可以通过学习来获得的能力(正如编程或者写作或者厨艺一样,当然,如果一个人把精力和心血放在编程上,同样可以将编程做成一个“运用之妙,存乎一心”的东西。)

什么是一个好的设计?下面是设计师Dieter Rams给出的10条原则:

  1. 创新性
  2. 使产品有用
  3. 美学
  4. 使产品可以被理解
  5. 不那么引人注目
  6. 诚实的设计
  7. 可持久的
  8. 彻底,纯粹
  9. 尽量做小的设计
  10. 环境友好

image

这里有原文的链接,总而言之,设计不仅仅是一个web页面,一个海报,所有的产品都会有不同程度的设计包含在其中。

Alex的建议

想想你觉得“好看”的页面为什么好看,是字体,配色,背景色,布局还是其他?把这些记录下来,并在自己后续的设计中尝试使用。

多看一些优秀的设计,比如web页面,如果你发现上边有一些很感兴趣的特性,或者细节,比如这个菜单看着很漂亮,后者标签功能很炫,你可以用chrome的inspect来查看别人使用了什么样的HTML,又apply了那些CSS,做出了这样的效果。

如果在这个过程中,遇到一些没有见过的标签,或者标签的属性,那么去w3school上查看一下这些标签/属性的含义,尽量使用这些Tag原始的意义(设计时的初衷)。

比如div,它是divider的缩写,本来是用来分割块的,那么就用它来做分割,比如p(paragraph)标签,用来分段,可以将文字放入其中。这些都是HTML标签的设计初衷,我们应该尽量遵循,在实现的时候,如果使用原始的标签很难实现,那么可以尝试一些比较trick的方式来绕过,但是毕竟并非正途。

最后,design和编程类似,你需要不断的练习,自己动手多尝试,在研究了别人的实现之后,自己最好做一个示例出来。

其他人的建议

最近读到的一篇写的非常好的文章,作者也是一个有开发背景的设计师,因此有很多地方可以借鉴:

  1. 在转向designer的同时,不要丢掉编程
  2. 按照一定的顺序来学习design(可用优先,性能优先)
  3. 设计一切见得到的东西
  4. 和其他人一起讨论设计,并聆听别人
  5. 尝试分享,尝试将自己的设计讲给别人

Comments