界面UI设计的五大要素

2.4 中差色搭配

色环上相距90°左右的颜色为中差色，例如红与黄橙，蓝绿与黄等。中差色搭配对比效果明快、活泼、饱满、使人兴奋，同时不失调和之感。

2.5 对比色搭配

色环上相距120°左右的颜色为对比色，例如红与黄，红紫与黄橙等。对比色搭配对比效果强烈、醒目、刺激、有力，但也容易造成视觉疲劳，一般需要采用多种调和手段来改善对比效果。

2.6 互补色搭配

色环上相距180°左右的颜色为互补色，例如红与绿，黄与紫等。互补色搭配表现出一种力量、气势与活力，具有非常强烈的视觉冲击力。

2.7 多色搭配

多色搭配顾名思义是由多种色彩组合而成的一种搭配方式，一般以不超过 4 种颜色为宜，规定一种作为主导色，其余作为辅助色使用。

多色搭配会让画面显得更加丰富、多彩，充满趣味性，但若控制不好，也容易让画面变花，失去平衡。搭配时须注意区分主次，按比例进行调和。

要素二：文字

1. 字体简介

中文字体种类大致分为：宋体、黑体、仿宋、楷体、其它（变体字）。

西文字体种类大致分为：无衬线体、罗马正体或衬线体、意大利斜体、手写体、黑字体（哥特体）。

这次主要给大家介绍一下比较常用的衬线体和无衬线体。

1.1 衬线体

衬线字体在笔画末端具有附加的装饰线条或者"韵脚"。衬线字体字母的横线较细、竖线较粗，如Times New Roman、Georgia等字体属于衬线体。

衬线体具有复古传统的曲线美、个性鲜明、张力十足，通常用在时尚奢侈品牌、复古海报等设计领域中。

1.2 无衬线体

无衬线体顾名思义，就是指"没有衬线的字体"。衬线指的是字母结构笔画之外的装饰性线条，无衬线字体字母的竖线和横线粗细基本相同，像经典的Helvetica和Futula等字体就属于无衬线体。

无衬线体通常比较简约、具有现代感，适用于 Web、App 等互联网科技领域的设计中。