20个技能提升设计的对照度！ 企业统一工作服的重要性事实上，对照度是最重要的设计原则之1，它也是每一个设计项目中必不可少的设计要求。为何这么说呢？控制对照度有助于设计项目的组织结构化，建立信息和视觉的层次，让你最重要的部份成为视觉的重心，让关键信息突出展现。善于使用有对照度的设计，能增加视觉的观赏性和趣味性。在相同的布局、相同的视觉元素中，形态和色采的变化有时候非常单调，但是对照能让变化显得不同凡响。但是，和绝大多数的设计规则1样，平衡是对照度控制的核心规则。如果对照度反差太大，这样的视觉设计多是混乱而不和谐的，如果对照度不明显，那末设计作品可能看起来单调而昏暗，绝不突出。那末，怎样控制对照度才能真正提升设计项目的视觉效果

事实上，对照度是最重要的设计原则之1，它也是每一个设计项目中必不可少的设计要求。为何这么说呢？控制对照度有助于设计项目的组织结构化，建立信息和视觉的层次，让你最重要的部份成为视觉的重心，让关键信息突出展现。善于使用有对照度的设计，能增加视觉的观赏性和趣味性。在相同的布局、相同的视觉元素中，形态和色采的变化有时候非常单调，但是对照能让变化显得不同凡响。

但是，和绝大多数的设计规则1样，平衡是对照度控制的核心规则。如果对照度反差太大，这样的视觉设计多是混乱而不和谐的，如果对照度不明显，那末设计作品可能看起来单调而昏暗，绝不突出。

那末，怎样控制对照度才能真正提升设计项目的视觉效果呢？遗憾的是，你所期待的奇异公式其实不存在。正犹如你刚刚开始学习设计技能的时候1样，对照度设计中的许多技能不是非此即彼的简单规程。

但是如果你认为它过于神秘那就错了，对照度是成绩好设计的1种规则，它还是有迹可循的，任何人都可以将它添加到设计项目中，作出优秀的作品。如果你对对照有兴趣的话，无妨都下去，下面的20个设计技能，或许会帮你打开1扇门。

01. 深浅色采对照

这个值通常指的是色采的明暗度，纯黑和纯白深浅的极致。但是要创造高对照度的色调其实不是非得使用黑色和白色。将1个色采调亮1个调暗是调出对照度的有效手段。

案例中，深蓝色的背景和浅色的文本就很好的构成了对照。

02. 不同色调构建对照度

传统的色轮上有12种色采，但是经常使用的配色方案有很多，系统的配色理论台球厅工作服t恤ps素材
中对如何借助色轮来创建配色方案有比较系统的介绍，比如大家所熟知的单色方案、类似色方案、对照色方案、对称3色方案等等。在诸多配色方案中，有1些对照度非常高的配色方案，比如：

€€对照色：色轮对称位置的两种色采对照强烈，比如红和绿，蓝和黄，等等。下方案例中就很好地应用了对照色，配合繁复的结构，全部设计实用且充满了视觉冲击力。

€€分离式对照色：色轮上任意位置的色采，和它正对位置的色采两侧的色采，3种色采共同组成的配色方案。

€€对称3色：色轮上相互构成120度角度的3种色采。

值得注意的是，在实际应用中不要使用高饱和度的纯色，虽然那样对照强烈，但是其实不1定好看。适当地调剂深浅和色调，会让全部配色更优秀。

03. 控制色温营建对照

色采都有着不同的色温，黑白灰是中性色（米色和棕色有时候也会被归类与中性色），红色、橙色是暖色调，蓝色、绿色是冷色调。不同色温的色调在1起的时候能够构成不错的对照度。

下面的案例中，蓝色和黄色就构成了不错的对照，大块的绿色包围着明亮的黄色按钮，全部配色充满凝聚力。

04. 借助饱和度控制对照

色采的强度最强的时候，也就是饱和度最高的时候，是最纯洁的色采。饱和度越高色采越艳丽，饱和度越低越接近于灰色。同1色采不同饱和度下的色采能够构成对照，不同色采不同饱和度下也能构成对照。

下面的案例中，高饱和度的红色和低饱和度的绿色对照明显。

05. 形状对照：几何形状与有机形状

我所熟知的几何形状，诸如矩形、3角形和圆形都是规整的形状，而流态的、或源自自然物体的各种不规整的有机形状则通常不是特别规整，和几何形状可以构成对照。

下面的LOGO整体的构成都是规整的几何图形，而其中填充着自然的、插画式的图案，二者构成对照又相互依存。

06. 用边角构成对照

圆润的形状会更加柔和，给人友好的感觉，而带有尖角的形状则会给人锋锐明快的感觉。在进行设计的时候，奇妙地将圆角和锋利的边沿搭配到1起，可以构成相互映衬相互调和的效果。

07. 用纹理来对照

和形状类似，纹理能赋予形体以性情，不同的性情则能构成对照。粗糙与光滑、坚固与柔软、参差和平整，它们都是对照。网络上的纹理资源非常多，如果你公道应用能够到达不错的效果。

案例中的图案整体上都是平滑的线条和形状，惟有其中的数字添加了少叙粗糙而复古的纹理，让巨大的数字增加的信息量和对照，不再单调。

08. 调剂比例构成对照

除为设计作品增加有趣的内容增加视觉吸引力，还可以通过调剂比例，构成大小对照来增加对照度。相同大小的元素很难构成层次感，而有了大小对照就有了重心区分和差异，这样也更利于构建有张力的布局和有趣的样式。

下面案例中，巨大的汉堡具有压倒1切的份量感，这就是通过比例大小差异显现出来的对照。

09. 调剂视觉重心来对照

视觉重心也是设计中常说的概念，你需要告知用户某个部份比其他的更重要，可以将它设计成视觉重心，通过调剂它的色采、造型、尺寸、样式、纹理等属性，同周围的元素辨别开来，成为视觉重心。

案例中是1组辛辛那提的明信片设计，虽然全部建筑物是明信片中最大的视觉元素，但是哪些“Enjoy More”的文字在视觉上更加突出，那就是视觉重心。

10. 通过留白构成对照

虽然将页面或画布填满信息是非常诱人的事情，但是效果常常不好，留白一样重要。留白可以期待分割内容、组织设计元素、构成对照的作用。越是复杂多变的布局，留白越是重要（值得注意的是，它其实不1定非得是白色）。留白出现以后，可让设计不同的部份有明显的对照。

案例中，留白分割出两个侧边栏和中间的图片，让信息更加有组织，也突出了重点。

11. 通过位置控制来实现对照

从某种程度上来讲，每一个设计作品都需要统筹到平衡和张力，这样可让设计均衡而又不烦闷，有条理又不紊乱。具体怎样做呢？最多见的是借助3分法和对角线结构来控制布局。

€€3分法：页面被两横两竖划分成9块区域，而4条线的4个交点是视觉重心。这是1种动态的布局方式，它更自然舒适，甚么都放到正中心的设计是单调而枯燥的。

案例中的页面，玫瑰和标题都处于全部布局的两个节点上，对称而自然，不同属性的元素也错落开构成了对照。

€€对角线：对角线和S型布局都可让设计充满动感，眼睛会更自然地运动，不会沿袭传统的横竖方向运动，更有趣，消解了布局的单调性。

12. 意图外来营建对照

出乎意料的设计很多时候非常有效，由于它让人更加难忘。突变、不集中、不典型都是意外的特点。充满欣喜的元素会让设计内出现前后对照。意想不到的色采和图形都是这样的设计。

这个页面的设计、排版就是这么做的，本来简单的布局通过元素间的遮盖“互动”了起来。

13. 通太重复和模式来对照

严格意义上来说，重复的样式和模式化的设计是通过营建视觉焦点和趣味性的视觉来实现对照效果的。

这个名片设计中，设计师在左边使用了模式化的图形来填充，它不但和右侧构成对照，而且还有助于强化品牌认知。

14. 使用位置和方向来对照

错落的位置、不1致的方向能够构成对照。不1样的间距，不同的空间特点，打破了全部设计的1致性特点，公道地掌控其中的平衡，可以营建出很是不错的对照，又不会太过背和。

案例中的部份文字采取了倾斜式的布局，使得布局不再单调，手写体与非衬线字体构成了对照。

15. 通过靠近和分离来对照

通过靠近分组的方式来组织内容也是1种常见的设计技能，可以更加便于阅读，更清晰地分割内容。通过这类方式划分出群体和个体，这也是1种对照。

案例是1份简历，其中良好的结构就是通过不同内容的靠近和分离来显现的，结合对齐和配色设定，很好地完成了这1工作。

16. 借助视觉引导来构建对照

研究表明，人能记住他们所看到的80%的内容，这也是为何设计是强大的工具。但是用户需要适当的视觉引导来找到重要的内容。所以，视觉引导很重要，通过圆点、箭头、下划线等多种方式来辨别内容的重要性、条理性。而下面的案例也正是这样做的。

17. 复杂和简单的对照

将复杂和简单的样式混合使用，常常能够产生足够的对照度。这类对峙本身就是对照。下面的案例就是很好的例子，繁复的花卉样式和中间简约的留白与文字构成对照。

18. 字体组合的对照

不同于使用单1字体家族所寻求的1致性设计，讲求对照度的字体组合常常会使用不同类型的字体搭配。

不过这样的设计有1些地方值得注意：如果要对照度，那末字体1定要有明显的差异，只有这样才有辨别度。不同字体应对不同的职能，不要在一样的功能区使用不同的字体，这样会造成混乱。1般而言，使用1个衬线体和1个非衬线体来搭配是个不错的选择。下面的案例就是这么做的。

19. 在进行排版的对照度设计的时候务必要注意

当你寻求字体组合的时候，你需要的是对照度而非冲突，这二者是有区分的。两种字体有差异，有的时候是对照，有的则是冲突。这类差异并没有1种明确的规则，更多的时候是需要依托设计者的直觉来判断，多看多做你会逐步明白的。

下面的信息图就是反应的各种字体之间的搭配关系，非常有趣，可以点大来看。

20. 借助样式和字重来构建排版对照度

许多字体都有着不同合肥定做西服
的样式和字重，比如细体、粗体、斜体、窄体等等等等。这些字体在排版中使用，构成对照，突出不同的部份。

原文：designschool

译者：@陈子木

《3个设计师》

专注成长型企业品牌设计，我们的客户正在成为行业领袖!

《设计师交换群》资深设计师微信群交换计划€€€€跳槽、招兵、胡侃、救急

€€ 点这儿，来3个设计师的微博获得更多干货