身为一枚传播学人士,每天都在和品牌、宣传、策划、广告等与之相关的工作打交道,这些工作都与设计息息相关。好的设计让人眼前一亮,不好的设计怎么看怎么别扭。
作为团队的一员,如何用较为专业的眼光和术语,去引导设计师做出符合产品调性的设计是一项难题。这篇文章主要给大家普及在《写给大家看的设计书》里涉及到的设计原则及设计技巧。
在本书中设计主要涉及四大原则:亲密性原则、对齐原则、重复原则及对比原则。
一、亲密性原则
熟悉运用亲密性原则能够使页面更为整洁有条理,便于理解。
亲密性意味着存在关联,如果一个页面需要放置多种元素(主题、文字、图片等),并且这些元素理解上存在关联,或者相互之间存在关系,那么应该把相关的元素分在一起,使它们建立更近的亲密性。
↑ 此页面中的元素较多,有照片、实物图、名字、介绍、价格等,设计者将相关的元素分到一起,在不相关的元素之间留有空白,画面条理清晰,让人一目了然。
忌一个页面有太多孤立的元素。
忌在元素之间留出同样大小的空白(除非属于同一组)。
↑上图中的红橙黄的介绍内容之间留白间隙不大并且并不突出,一眼看上去无法让人区分模块及内容,画面较为凌乱枯燥。
二、对齐原则
运用对齐原则使文本连接在一起,使画面统一且有条理。
对齐原则即是我们接触得最多的文本编辑功能,左对齐、右对齐和居中对齐。原则上一个页面中只使用一种文本对齐方式,但若设计中的对齐很明确,可以有意识地打破对齐,但一定要表现出这是有意的。对齐原则运用得好的检验法则是可以在对齐的对象间画出“对齐线”。
↑上图整体采用了两种对齐方式。右边文本采用右对齐的方式,左边文本按照图片中女人的一滴泪流下的路线对齐,泪水作为区隔左右文本的线条,有意识的打破右对齐的方式,非常新奇有趣但又不失条理。
忌居中对齐。初学者在排版文字的时候最喜欢的对齐方式是居中对齐,但这种排版方式较为乏味。若要有效居中,有三种方法:1.尝试另一种方式;2.变换字体;3.让居中效果更明显。
↑上图采用了居中对齐的排版方式,整体来说较为乏味。
↑上图采用了居中对齐的排版方式,但是页面下方的文字居中效果很明显,左右留白空隙较多,非常吸引眼球。
三、重复原则
重复原则主要加强读者记忆,联系作品,为作品提供统一性,并增强视觉效果。
重复原则多采用多样性实现统一,用不同的方式去重复画面中的元素。加强读者记忆的重要点是,要确保有足够多的重复的元素。
↑上图为系列作品,作品中采用的重复的元素为蘑菇头的美女形象及红色原色,贯穿作品始终,串联整个系列,并加强读者的记忆点。
↑上图中的大字(人物名字)中字体相同,造型相同(第一行单词不加粗,第二行单词加粗)为重复的元素,将人物名字联系起来,整个画面形成统一。
忌太多重复一个元素,注意对比(请看下一小节)的价值。
↑上图中的整体颜色过于重复,皆为粉色、淡粉色,把重复用得过滥,混淆重点,图中需要宣传的产品并不突出,感觉上也让人不太舒服,应当尽量使用多样性实现统一。
四、对比原则
对比原则主要为页面增强视觉效果,让人眼前一亮。
有效的对比=强烈的对比,对比原则主张完全不同,在排版中可以通过字体、线宽、颜色、形状、大小、空间等产生对比。
↑上图中的“FRAYED”这六个字母就采用了对比,在字体、形状、大小、空间这几个方面跟页面其余的文字形成强烈的对比,整个画面更加鲜明有活力。
忌稍有不同。不要将0.5的线与1的线对比,不要将棕色和黑色对比。
↑拿本图中的文字举例,作品中的标题采用的是与内文相同的字体,字号也是稍微大一些而已,看起来并无明显的区分。(但本图中强调的重点是图片,因此画面并无不妥。)
文章中的许多知识点皆为书中的知识点,只是给大家整理了出来,并配合了我自己的理解。例子也是我自己找的,要是理解和点评得不对请大家多多指教。