|
|
|
为什么别人的作品看上去很有质感，细节到位，自己的就平淡无奇，谈不上满意。问题到底出在哪?那种隐形的层次是通过什么来调出来的，让最终的设计脱颖而出?下面这5条经验之谈(层次、色彩、阴影、字体、氛围)能帮你搞定这个问题。
作为一个设计师，有没有反思过或疑惑过：自己设计书看的不少，”设计大牛”的文章一篇不落，工作几年经手的项目不说多有难度，至少数量上也很足够了，照理说”设计经验”为什么有时候看到一些网页是总能莫名的震撼，总能明显感觉到，明明风格相近，别人的作品看上去很有质感，细节到位，自己的就平淡无奇，谈不上满意。问题到底出在哪?
不光是刚入门的设计师会有这样的困惑，就连”身经百战”的资深设计师，也会面临类似的瓶颈，只是深度不同。
所以，如何给设计作品最后”定妆”，让最终的设计脱颖而出?
一、色彩
对于网页设计中的色彩运用前面的文章已经说过很多遍，这里就不浪费口舌了；永远记住一句话，在绝大多数没有把握的情况下，要严格控制画面中颜色的数量，否则很容易擦枪走火。
二、层次
层次分平面和纵深。任何一个设计师，都应该充分意识到，有节奏的层次变化，能在用户内心产生微妙的化学反应。
我们来举个栗子。
这是一个简单的底图+文字(背景是卡塔尔航空)，没有任何特别之处。然而却问题多多，不赶紧补救一下，根本拿不出手。首当其冲的是平面版式的层次，全部内容堆到一起，丢失视觉重心;其次是画面没有纵深感，稍作停留就觉得乏味。
网页设计可以从那几个方面提升网站的质感？
理一下思路，我们可以从这几个地方入手：
一级标题、二级标题、正文的强弱层次区分开;
沿着左侧的机翼割裂方形框，形成纵深感;
来看看效果：
网页设计可以从那几个方面提升网站的质感？
看出区别了吗。按照刚才的思路稍作修改，是不是立刻焕然一新。
原理很简单：
通过后期将画面中的元素突出或弱化，人为的制造出视觉差，大大增强画面的立体感。
在设计中多多运用这样的技巧，给自己的设计制造富有节奏的层次感，结果可能就大有不同。
是为「设计最后一公里」之层次。
三、阴影
几乎是GUI界面设计诞生的那一刻起，阴影的运用就无处不在。
界面设计有高光有阴影有渐变。在当时GUI设计是一个新兴的行业，大家都没有可参考的对象，传统的平面印刷设计很难拿来借鉴，同时又受制于制图软件特性限制，也就有了如上图的结果。
后来设计工具不断迭代，手法也越来越多，特别是iPhone OS(是的那会还不叫iOS)出世后，拟物设计「Skeuomorph」风靡整个设计圈，在iOS 6的时候达到了顶峰。几乎所有设计师都在拼命画ICON，花费大量的时间在界面中的投影、反射、纹理、高光上，谁的设计能让人更想”舔”一口，谁就赢了：
iOS 7 推行扁平化设计后，当时的设计圈就炸开了锅。「这么多年辛苦练习的设计技巧，说抛弃就抛弃?」于是他们还是想到了阴影。你要说2014年最流行的设计风格是什么，毫无疑问是渐变+长投影：
网页设计可以从那几个方面提升网站的质感？
「阴影在设计中运用的演变」
小编想说的是，对潮流不要抗拒，新的设计风格兴起一定有它的时代背景。(比如扁平化的设计将设计师从无止尽的像素堆叠中解放出来，从更实用的角度去做设计，让精力回归到最基本的交互和使用体验上。)然而也要时刻保持思考，风格是皮外物，适合的才是好的。
后期装饰的阴影，可以增加页面的层次感。一个小小的阴影，运用好了，有着非凡的作用。
四、字体
字体咋网页设计界面占大多数，学会运用字体，页面才会整齐干净；给予用户专业的感觉；当然，在网页设计中，小编诚秉一个理念：用对字体，设计才得体。
你不会想要在卡通风格的设计中用宋体，同理，也不会用娃娃体去做严肃文学作品的封面。
用错字体，就像是穿着高跟鞋去登山，夹着拖鞋去跑步，总归是劳心乏力，还不好看。
五、氛围
优秀的设计作品无一不重视氛围的渲染，就好像去餐馆吃饭，同样一盘菜摆在苍蝇馆子的餐桌上，和摆在米其林餐厅里，人们对它的价格预期是不一样的。我们花了95%的时间在反复推敲设计的合理性，交互的一致性。为何不多花那5%的时间，将最终要给别人看的设计好好打磨，呈现一个更好的样貌?
网页设计可以从那几个方面提升网站的质感？
这张卡片设计没有丝毫特别之处，换句话说，太单调了。
我想我们可以从这几个方面入手，强化设计最终呈现的效果：
呼应主题的背景，可以用高斯模糊或渐变;
一些细微的装饰性元素;
文字和阴影;
一起动手试试：
网页设计可以从那几个方面提升网站的质感？
看起来是不是比原来孤零零的卡片更完整。
这就是为什么我们要强调氛围的重要性，同样的设计，仅仅多用一些心思，就提升了整个设计作品的完成度。
「越用心，越美好」这句话，在这里是适用的。
每当设计接近尾声时，时刻记着从这五个角度重新梳理一遍(这里只是抛砖引玉)：层次、色彩、阴影、氛围、字体，你会发现，如果每样都比之前好那么一点点，整体设计会大有不同。
归根结底是设计师要细节的积累，用心探索，设计会越做越好。
这篇文章里提到的几点，不过是设计中经常会碰到的常识，要想真正提高设计能力，还需要大量反复的练习。 |
|
发表于 2016-6-16 20:58:13
