每次与设计沟通修改意见,你可能会崩溃。不是推三阻四,就是整出一大堆的理由搪塞你。为什么跟设计师的沟通这么困难呢?大多数情况下是因为你不能准确陈述问题。如果你不能准确表达出哪里出了问题,设计师又怎能进行修正呢?
最近看了一本书《写给大家看的设计书》才恍然大悟。原来复杂的设计原理可以精简为4个基本的原理。掌握这4个基本原理,我们就可以正确表达出自己想要的设计效果,和设计还是能愉快地做朋友的。
一、精良的设计和平庸的设计,到底有哪些不同?
在这本书里,作者总结了4大基本原理,几乎每一个精良的设计都会运用到这4大基本原理,精良设计与平庸设计在这些方面有明显的区别:
1.亲密性。彼此相关的项应当靠近,归组在一起。这有助于组织信息,减少混乱,为读者提供清晰的结构。人的大脑也偏好结构性的内容。
2.对齐。任何东西都不能在页面上随便安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样可以使页面统一而且有条理。
3.重复。让设计中的视觉要素在整个作品中重复出现,可以重复颜色、字体、大小、材质、空间关系、图片等,这有助于页面统一,并增强视觉效果。
4.对比。要让页面吸引人,对比通常是一个重要的因素。要避免页面的元素太过相似,如果元素不相同,那就让它们完全不相同。
二、精良的设计是怎么配色的?
配色的过程,涉及三个方面的知识,一是颜色关系,二是暗色与亮色,三是暖色与冷色
1.辨别颜色的关系是配色的第一步,也是精良设计配色的关键。
作者介绍了一个由12种基本颜色构成的工具,这个工具叫色轮。利用色轮,可以创建彼此非常协调的颜色组合。这里介绍了4种常用的颜色组合:
互补:色轮中完全对立的两种颜色。最佳搭配是一种作为主色,另一种用于强调。
三色组:彼此等距离的三种颜色会让人愉悦。红、黄、蓝就是一种极其流行的颜色组合,儿童产品通常会采用这种组合。
分裂互补三色组:从色轮中选取一种颜色,然后找到它的互补色,不过并不直接使用这个互补色,而是选取该互补色两侧的颜色。这样的组合会有一种更为细致的颜色边界。
类似色:色轮中彼此相邻的两种或三种颜色组合。
2.暗色与亮色可以丰富你的配色选择。
在色调中,添加黑色或白色,可以调整色调的暗亮。这里主要有两种组合:单色和多色组合。
单色组合,是由一种色调及其相应的多种亮色和暗色组成。如黑白照片。
多色组合很有意思,它是选择上面4种颜色关系之一进行配色,不过它并直接使用色调,而是使用这些颜色的不同亮色和暗色。如红绿互补组合,这种组合很绝妙,但是它们总是脱离不了圣诞节的感觉,不过使用了这些互补色的某些暗色,就能表现出丰富的效果。
3.配色要有温度。
颜色要么暖,要么冷。暖色包含红或黄,冷色包含蓝。想要给某些颜色“加热”,可以添加红色或黄色。同理,对颜色增加不同程度的蓝色可以对其“降温”。
颜色冷暖最重要的一种作用是冷色总是趋于后退,而暖色总是趋进型的。暖色使用一点点就能产生效果,而冷色却需要更多的冷色才能产生效果或形成有效对比。
这里需要注意的是不要让冷暖色太过均衡。
三、字体如何设计
作者重点讲解了字体的对比设计。字体对比不仅是为了美观,还可以加强意思表达。书中主要介绍了以下六方面的对比。
1.大小。字体的大小对比应非常明显,绝对不要保守。如12px和14px是无法形成明显对比的。字体大小对比并不意味着字体必须很大,而只是要求应该对比。
2.粗细。粗细对比不仅能使页面更引人注目,也是组织信息的最有效方式之一。字体的粗细是指笔划的粗细度。同样,字体的粗细对比也绝对不要保守。这里要强调的是,除非有一种笔划很粗大的字体,否则是得不到那种漂亮的强烈对比效果。
3.结构。字体的结构是指这种字体是如何建立的,可以想象利用库房里的材料建立一个字体。这里需要注意的是不要把同一个类别中的两种字体放在同一个页面。它们之间的相似性是无法避免的。
4.形状。这里主要指字体的外形。经典的形状对比是大写和小写的对比。
5.方向。字体方向就是给文字一定的倾斜性。令人意外的是作者在这里强调说不要给字体设置方向。另外还要注意的是,千万别在角落里放有角度的字体。
6.颜色。颜色对比最重要的是记住冷暖色的运用,暖色是趋进型的,冷色是后退型的