UI设计中的色彩与构图

构图

构图造型艺术术语

它是指作品中艺术形象的结构配置方法。是造型艺术表达作品思想内容，并获得艺术感染力的重要手段。

在UI设计中，构图的主要作用是：构建和谐稳定的页面布局。

构图来自于人身上的一些对比，如人体的对称、建筑物的对称、LOGO的对称、生活中的对称等等。

构图的4要素

1、稳定性

对称平衡的形态在视觉上有自然、安定、均匀、协调、整齐、典雅、庄重的朴素美感，很符合人们的视觉习惯。

椭圆形构图、三角形构图、倒三角形构图、六芒星构图、梯形构图、S形构图、镜像对称构图等。

对称图形由于过于完美，缺少变化，会给人一种呆滞，单调的感觉。所以人们会在保持平衡的前提下，改变其部分元素，使画面具有变化性。

2、强点优先

一张画面中的视觉中心可以不是一个点，可以是一条线。

画面中人的眼睛是天生的强点。

画面中一个人那么人脸是天生强点。

画面中明暗交界处是天生强点。

最常见的法线是黄金分割线。

3、韵律

在版面构成中，节奏和韵律指的是同一图案在一定的变化规律中，重复出现所产生的运动感。由于节奏和韵律有一定的秩序美感，所以在生活中得到了广泛的应用。

曲线中最美的东西，一般都来源于女性的身体。

4、均势

通过物理力学规律给画面支撑，保持视觉重心的平衡。

脑见非眼见，通过构图技巧，巧妙平衡用户心理。

人脑会自动补齐画面中的三角形、长方形，线的长短（其实第三幅图的两段线是同样长的）。

色彩

棋盘测试

人的眼睛会因为不同的明暗，相邻颜色而影响颜色的识别。

色彩理论

色散实验

1666年，牛顿用三菱镜进行了色散实验。证明了白光由红、橙、黄、绿、蓝、靛、紫等各种单色光复合而成。

色光混合

不同量的红、绿、蓝混合可以呈现其它颜色，被称为色光三原色。

等量纯度的色光原色混合为白色光。色光混合又称加法混合或正混合。

 

油墨混合

从动物、植物、矿物以及化学合成的颜料通过不同比列的混合可以呈现多种色彩。青、品、黄三种颜料是不能通过混合形成颜色，称为颜料三原色。

等量纯度的原色混合为次黑色。颜料混合又称减法混合或负混合。

色相：（H，又称色名）色彩名称，色彩的最大特征，用来辨别不同色彩的视觉特征。

 

饱和度：（简称S）指色彩的同色名色所占比列的大小。黑白灰是属于物彩度的，他们只有明度。

 

明度：（B，又称对比度）色彩对光的反射折射强度即明度，高明度指色彩较明亮，较灰暗的则为低明度色彩。

基本色相环

同一色：色相环中的任意色因为明度变化而呈现的色彩。颜色混合是通过再纯色中加入黑白灰形成的。

 

同类色：又称类似色。色环原色起45度以内，含有较多共同的色彩元素的色彩。

 

相邻色：又称临近色。色环原色起90度以内，含有共同的色彩元素的色彩。

 

对比色：指色相环上色相区别较大、纯度较高的任意两色。对比色直接无过多的共性，对比效果强烈。

 

补色：色相环直径两端的颜色，是一组完全对立的颜色。补色进行调和会呈现灰色。

色彩搭配

1、色彩构成

一款APP颜色应该不超过三个色系，分别为主色、辅色和点缀色。

主色（75%）决定界面的风格趋向，辅色（20%）使界面更丰富，点缀色（5%）引导阅读，装饰画面。

 

2、色彩关系

协调感是人类生理和心理安全感的需求，也是保障受众长时间持久阅读的色彩学保障。

对于快速使作品获得关注，形成视觉冲击力的作品，对比是一种有效的视觉压力。

灵感捕捉技巧

1、图片

找一些美丽漂亮的图片，然后用PS、AI，滤镜-马赛克-吸管，吸色。

 

2、室内设计

室内设计配色技巧用在UI上非常靠谱。

 

3、中国风

http://zhongguose.com/

 

4、图片收藏

 

5、色彩流行趋势