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