来源:站酷 作者:Healan
07.质感对比
就像形状对比一样,具有不同特性的质感也可以用来创造对比,比如粗糙和光滑、坚硬和柔软、立体和平面等。任何质感都是具有视觉性的(除非运用了特殊的印刷效果或其他物理手段),只要你把在网上找到的各种uimaker.com/uimakerdown/">素材与不同的设计主题相结合,就能创造出许多对比效果。
在下图案例中,磨砂质感为整洁的logo加入了一点复古的感觉。磨砂质感或破坏处理能够为你的设计添加一点复古或磨损的效果。
08.尺寸和层次的对比
对比除了能够在设计中添加视觉趣味之外,还可以为不同的设计元素安排层次。如果设计中的所有元素大小相同,那么就不会有层级区别。观众怎样才能知道什么是最重要的?显然运用层次就能既有效又简便地创造出动态、有趣、戏剧化的效果。
这款杂志封面上的巨幅图片强调了杂志的主题,但与此同时并没有淹没其他元素的光彩。实际上是字体的尺寸、形状和色彩的综合作用强调了图片的主要焦点。
09.视觉重量的对比
就像层次对比一样,视觉重量也是强调设计元素重要性的另一办法。视觉重量指的是让某一元素突出于其他元素的设计手法,换句话说就是高对比。设计中具有最多视觉重量的元素(通常为设计的主要焦点)不一定要是页面上最大的元素,你可以运用色彩、质感、形状等特性来区分或突出某个元素。
我们来看看这一系列美国辛辛那提市为宣传当地文化场所而发行的明信片。各种建筑插图是每一张明信片上的最大元素,但是“Enjoy More”的标语却是最醒目的,因为它是整个画面中最暗的元素。
10.边距的对比
很多人在设计的时候都想要尽可能地将整个版面填满,但记得边距在设计平衡的布局中起到非常重要的作用,它能够归纳整理各种设计元素。当你处理一个复杂布局时的时候,记得在重要元素周围留出一些边距(当然不一定要是白色),这样会把观众的注意力吸引到那些元素上,而且也让这些元素与其他部分产生有效对比。
这个网页设计使用空白和细分界线来有效组织信息。页面左边和右边的两栏环绕了一圈空白,而且产品图片四周的空白范围更大,使其成为吸引消费者注意的中心。
11.比例分割的对比
从某种程度上说,每一项设计都需要达到一种平衡。如何让你的设计和谐而不无聊,活泼却不浮躁?在两者之间找到一个平衡点的好办法就是比例的分割。通过学习艺术家作品中经典的比例分割是掌握这种技巧的好办法。
•三分之一法:将设计页面分别从竖直和水平方向三等分分割,让后把主要焦点放在某一个分割线相交点,这就是创建一个动态布局的办法。将所有元素不假思索地堆在页面中央造就的只能是十分乏味的设计。
这个网站首页的标题和玫瑰花图片大约就处于三分之一分割网的前两个交界点,形成一种平衡的吸引眼球的布局。三组原则(Groups of Three,另一种比例分割法)也在该设计中体现。
12.出人意料的对比