——作者:[美]Robin Williams
设计师,畅销作家。通过写书和授课,它已经影响了整整一代数字设计师。在Adobe和Mac技术社区拥有大批拥护者。
——推荐这本书的理由
1、“这些年我逐渐认识到,通晓图像设计是一个人最有用也最有成就感的技能。每天我都庆幸自己养成了一双设计师的眼睛,学会了利用软件将设计技能应用到工作中。我说的不限于图像设计领域,而是日常生活的各个方面。”
2、“学会设计,是人生的必修课。如果每个人都有一点设计的知识,那么这个社会将无比优雅、文明。”
3、“这个世界,设计无处不在,然而多数人未必有机会学习专业的设计。实际上,设计不仅仅是专业设计师的事情。”
4、作者打破了大量理论叙述的模式,注意实际举例对比。大量的举例说明,让各项表达更加容易理解,而且很多道理能应用到工作和生活中。
5、生活要设计,即使你不是设计师,读完这本书你的PPT一定会做的清晰美观,甚至日常发朋友圈的图片都会更高级。
——设计的四大基本原则
引言:“一旦能够说出什么东西的名字,就会很容易注意到它。你就会掌握它,拥有它,让它受你所控。”
1、亲密性(Proximity)
彼此相关的的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单位,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。
* 如果某些元素存在关联,或者相互之间存在某种关系,那么这些元素在视觉上也应当有关联。
* 物理位置的接近就意味着存在关联,将相关的项组织在一起,相互之间没有直接关系的项要分开。
* 利用位置的紧密程度反映元素间的关系(设置不同的间隔来指示各项的接近程度或关系的重要性)。
* 关注空间,合理布局空白,使空白更美观(也更有条理)。
亲密性具有组织性,让设计不论从理解上还是从视觉上都很有条理(令表达更清晰,让页面更美观)。
2、对齐(Alignment)
任何东西都不能在页面上随意安放。每个元素都应当与页面上另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。
* 摒弃居中对齐(有时可以有意地选择,但不要把它作为默认方式),通过充分利用亲密性,并结合明确的左对齐或右对齐,你会惊异于设计的改观。
* 只使用一种对齐方式(左对齐、右对齐、居中对齐、两端对齐) 。
* 对齐线(明确的边界,即边界的强度为布局提供力度),找一条明确的对齐线,并坚持以它为准则。
* 只要你是有意为之,有时完全可以任意地打破常规对齐。(但必须记住,在打破规则之前必须清楚规则是什么。)
对齐具有统一性,使页面统一且有条理,不论创建精美的、正式的、有趣的还是严肃的外观,通常都可以利用一种明确的对齐(当然,要结合适当的字体)来达到目的。
3、重复(Repetition)
让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。
* 设计的某些方面需要在整个作品中重复,重复的元素可能时一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等。
* 重复是一种统一设计各个部分的有意识的行为。有助于组织信息,有利于将设计中单独的部分统一起来。还有助于增强读者对设计所表示的实体的认知度
* 重复具有一致性的元素,让这些元素效果更强更生动。通过把重复表现得更明显,页面看上去更有趣,视觉上会增强其条理性和一致性。
* 有时重复的项并不一定完全相同,而只是存在明确关联的紧密相关的对象。
* 使用重复原则,有事可以把一个元素从现有的设计中抽取出来,并根据这个元素创建一个新设计。
重复具有一致性,设计中视觉元素的重复可以将作品的各部分连在一起,从而统一并增强整个作品。
4、对比(Contrast)
对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要夫人一个因素,正是它能使读者首先看这个页面。
* 页面上的不同元素之间要有对比效果,达到吸引读者的对比效果。如果两个项不完全相同,就应当使之不同,而且应当截然不同。
* 对比不仅可以吸引眼球,还可以用来组织信息、清晰层级、在页面上指引读者,并且制造焦点。
* 对比元素不应当让读者混淆,也不能错误强调重点(即本不该是重点的元素)。
* 可以通过字体选择、线宽、颜色、形状、大小、空间等来增加对比。它们不可以类似,要实现有效对比。
对比具有增强性,对比可能是增加视觉效果最有意思也最让人满意的方法了。重要的是:对比一定要强烈。
——颜色的运用
1、12种基本颜色构成色轮
三原色(黄、红、蓝),三间色(绿、紫、橙),第三色(橙黄、橙红、紫红、蓝紫、蓝绿、黄绿)
2、色轮上颜色的搭配
互补色:色轮上完全对立的颜色。最佳搭配是一种作为主色,另一种用于强调。
三色组:彼此等距的三种颜色,例如红黄蓝、橙绿紫。这样的组合流行、舒服、协调。
分裂互补三色组:从色轮上选择一种颜色,再找出它对面的互补色两侧的颜色。这样得到的组合有一种更为细致的颜色边界。
类似色: 有色轮上彼此相邻的颜色组成,例如水绿色、绿色、黄绿色。无论两种颜色还是三种颜色都形成协调的组合。
* 暗色和亮色:纯色就是色调,向色调增加黑色就构成暗色,向色调增加白色就构成亮色。
* 单色组合:由一种色调及其相应的多种亮色和暗色组成。设计项目里使用一种单色组合,尽享其中的快乐。
* 暗色和亮色的组合:选择上述颜色组合的不同亮色和暗色形成新的组合。大大丰富你的选择,每个组合都有新的效果
* 暖色和冷色: 冷色趋于做背景色,暖色是趋进型。不要让冷暖色太过均衡,组合暖色和冷色,一定要少用暖色。冷色是后退型,使用更多的冷色才能产生效果或形成对比。
* 注意色质: 指某种颜色的特定明暗度、深浅度或色调。如果色质很接近,看上去会模糊不清。
3、CMYK
Cyan(一种蓝色)、Magenta(一种红/粉色)、Yellow(黄色)、Key色(通常是黑色)
如果你的项目要由一个印刷机印到某种物理介质上,就可以使用CMYK颜色模型。
4、RGB
Red、Green、Blue
我们在计算机显示器、电视、手机等上看到的就是RGB颜色模型。
——字体设计
1、字体的基本规则:
各种符号和标点的正确使用
专业排版的小细节
2、字体是”搭建“所有排版页面的基本模块
3、字体类别:
旧式体、现代体、 粗衬线体、手写体、花体
4、字体对比:
大小、粗细、结构、形状、方向、颜色
——设计的大概过程
1、从中点开始。
2、将信息按逻辑进行分组,确定这些组之间的关系,通过亲密性来显示这些关系。
3、创建重复,看看布局里哪些元素自然重复,再看看是否适合加大重复力度。
4、除非你已经决定创建一种协调的设计,否则一定要建立强烈的对比。