设计师的APP UI设计色彩搭配手册

目录

第1章 APP UI设计基础知识

1.1　APP UI设计的概念002

1.2　APP UI设计的点线面003

1.2.1　点003

1.2.2　线006

1.2.3　面008

1.3　APP UI设计的原则010

1.3.1　商业性原则010

1.3.2　艺术性原则012

1.3.3　实用性原则013

1.3.4　趣味性原则014

第2章 认识色彩

2.1　色相、明度、纯度016

2.2　主色、辅助色、点缀色018

2.2.1　主色018

2.2.2　辅助色019

2.2.3　点缀色020

2.3　色相对比021

2.3.1　同类色对比021

2.3.2　邻近色对比022

2.3.3　类似色对比023

2.3.4　对比色对比024

2.3.5　互补色对比025

2.4　色彩的距离026

2.5　色彩的面积027

2.6　色彩的冷暖028

第3章 APP UI设计基础色

3.1　红色030

3.2 橙色033

3.3 黄色 036

3.4 绿色039

3.5 青色042

3.6 蓝色045

3.7 紫色048

3.8 黑、白、灰051

第4章 APP UI中的元素构成

4.1 标志055

4.2　图案058

4.3　字体061

4.4　导航栏064

4.5　搜索栏067

4.6　主视图070

4.7　图标073

4.8　工具栏076

4.9　标签栏079

4.10　按钮082

第5章 APP UI设计的版式

5.1　骨骼型086

5.2　对称型089

5.3　分割型092

5.4　满版型095

5.5　曲线形098

5.6　倾斜型101

5.7　中心型104

5.8　三角形107

5.9　并置型110

5.10　中轴型113

5.11　自由型116

第6章 APP UI设计的风格

6.1　扁平化设计风格120

6.2　数据可视化设计风格123

6.3　图像化设计风格126

6.4　极简风设计风格129

6.5　卡片化设计风格132

6.6　拟物化设计风格135

6.7　大标题化设计风格138

6.8　网格化设计风格141

6.9　单色调设计风格144

6.10　渐变色设计风格147

6.11　多色彩设计风格150

6.12　几何化设计风格153

6.13　插画式设计风格156

6.14　立体化设计风格159

第7章 APP UI设计的经典技巧

7.1　同一界面中圆角和直角的统一163

7.2　设计元素的表达要符合用户需求164

7.3　适当的留白减轻用户阅读压力165

7.4　运用插画营造故事场景吸引用户注意力166

7.5　运用“撞色”增强视觉吸引力167

7.6　正确处理文字排版的层级关系168

7.7　合理运用线条与色块对界面进行分割169

7.8　运用无彩色提升界面格调170

7.9　运用几何图形要重点突出171

7.10　巧用渐变色丰富界面色彩质感172

7.11　运用较大字号的无衬线字体173

7.12　注重图标大小的视觉平衡174

7.13　合理运用投影，增强层次感与立体感175

7.14　巧妙运用对比，增强界面节奏感176

7.15　运用简单柔和的色调177