1　认识UI视觉风格设计与Illustrator软件　1
1．1　如何理解视觉风格　2
1．2　Illustrator在UI设计中的作用与优势　2

2　Illustrator软件基础　3
2．1　认识Illustrator　4
2．2　 查看文件（缩放与抓手）　7
2．3　 绘制简单图形　7
2．4　存储与导出　16

3　几何化风格设计　19
3．1　 几何化风格图标　20
3．2　 几何化风格插画　30
3．3　 几何化风格文字　41
3．4　 几何化风格综合设计　48

4　线性风格设计　51
4．1　 线性风格图标　52
4．2　 线性风格插画　62
4．3　 线性风格文字　66
4．4　 线性风格综合设计　68

5　渐变风格设计　71
5．1　 渐变风格图标　72
5．2　 渐变风格插画　83
5．3　 渐变风格文字　94
5．4　 渐变风格综合设计　98

6　2．5D风格设计　101
6．1　 2．5D风格图标　102
6．2　 2．5D风格插画　115
6．3　 2．5D风格文字　121
6．4　 2．5D风格综合设计　122

7　合理地运用风格　125
7．1　风格与产品定位　126
7．2　构建风格情绪板 　126
7．3　提炼设计元素　127
7．4　融合设计需求与设计元素　128

参考文献　129