译序
最近几天搞css搞得头昏脑胀,我们新来的年轻设计师给的设计稿和切图都很“完美”,但就是实现起来觉得很不符合HTML的特性,总觉得不像一个“页面”。我是不打算学习设计了,但是如果设计圈的孩子们都能像下面这篇文章的作者那样务实,大家切切图写写正常的网页,把加班的时间省下来去上上网,刷刷dribbble之类的不也挺好嘛。
该译文来自quora上的一个问题:在设计的流程和工具上有哪些有用的小窍门;以下是回答
呃,先声明一下比起窍门来本文更像是一种理念,一下作答。 由内而外地设计,而不是由外而内。这里有一篇我之前写的有关这个想法的东西,刚才编辑了一下以适应普通设计而非页面设计。
别再“语不惊人死不休”听上去有点奇怪,但这是真的。作为设计师,我们总是想着让人们惊叹,因为我们喜欢听人们“哇哦”的声音。我们崇尚新颖的,创新的,非传统的设计,我们认为别人也喜欢这样。现在更糟糕的是我们甚至开始谋求圈内人的“哇哦”声了(如dribbble.com),因此这限制了我们的意图。
如今拿到一个项目,设计师们马上就开始用最新颖的方式来开始“加大筹码”,姑且这么说吧。他们开始设计图形,颜色,图标,按钮……哦,对了,不能忘了还有最近才看到的那种牛逼哄哄的动画特效。但请停一下,发生了什么?
我们迷路了,我们忘记了为“谁”设计“什么”,以及“为什么”要设计在不停创新的路上,我们忘记了为“用户”来做我们的设计。我们同样设计的是“信息”,最后我们忘记了我们为什么要设计:是为了信息能够更好地被传递和理解
自从我们迷路之后,我们就开始由外而内地设计上了。换句话说,我们开始专注于有关设计的一切而非内容本身。这有两个效果:一是它忽略了内容(设计的全部原因),而是它把重点全部倾向到了只有其他设计师才会注意的方面——新奇。
但是用户不是设计师。在累了一天之后,他们需要的是不闹心的,尊重正常操作习惯的,文字大而合理的,颜色对比足够的设计。设计师的任务是为用户吸收和理解信息一路保驾护航,而不是隔三差五的让他分心。说到这,你该问了:那我要怎么做呢?
由内而外地设计!首先弄清楚内容及其来龙去脉。这是哪种类型的内容?严肃的?激动人心的还是有趣的。我们要达到什么目的?增加注册量,下载量,捐赠量还是仅仅传达一个消息?
我们的受众是什么样的?他们有多少时间,岁数多大?老人,年轻人,是潮人吗?他们将在3寸的手机上看到内容还是在30米的路边广告牌上看到?
注意:下面的内容并无定式,随个人理解。内容传达给你什么信息,你将如何处理它,它将已怎么的方式被接受,用哪种字体展示在公众面前。
一旦你找到了内容的展示欲和内在需求,倾听它吧。它会将你引导到正确的关注点上,引导你获得关键信息。然后就简单了,就是文字嘛,顶多加上字体,行距,尺寸等一起搅拌搅拌,然后再用框架以最少的线条和留白把文字框起来,注意只有文字信息,没有颜色、纹理、图像等等,一概没有。
一旦你把内容(关键信息)设计完了,开始添点必要的图形元素吧。一些配色,纹理方面的细节,为区分交互的和普通的内容而增加一些吸引力深度(多样性)。除非有充足的理由支持,不要添加其他任何东西。一旦你完成了,重新评估一下你刚做的,删掉一切不需要出现的部分。
请记住,整个过程是关于内容的,而不是关于你自己的。em>你是这个作品的设计师这一简单事实已经影响了这个设计,不要担心这样的设计没有打上你的烙印。从你开始接手他的第一刻开始,你已经主宰和占有了整个设计。
总之:设计是一种交流,而最好的交流就是信息清晰,意图被理解,而且是用最少的言语,动作和花里胡哨来达成的。不要设计成像政治家的演说那样天花乱坠,忽而煽情忽而严谨,却使听众如坠五里云雾。
原文地址