新印象 解构UI设计(第2版)

UI设计界高人气设计师、MICU设计G众号创办人王铎倾力打造！360设计总监、Boss直聘设计总监、UI中国联合创办人、抖音设计总监联袂推。 从UI设计的基础入手，结合大量的案例分析和针对性实战（界面设计、字体设计、图标设计、Logo设计、界面切图以及二 维码制作），深入地阐述了UI设计的操作技巧。 46大知识点：9大版块+25个设计分析+12个实战案例，25大设计分析：设计思维+用户体验+设计方法，12套实战案例：界面设计+切图输出+图标制作+Logo定制。 丰富的配套学习资源及教学资源：所有实战案例的设计源文件、PPT教学课件及教学大纲。

这是一本系统介绍UI设计的书，可带领初、中级读者快速学习UI设计知识、技巧和操作。 本书从UI设计基础入手，结合大量的案例分析，深入地讲解了UI设计的界面类型、界面构图、版面布局、元素、界面用色、设计原则与规范、切图与标注、图标设计及艺术二维 码设计等方面的内容。通过实战练习，帮助读者轻松地掌握UI设计的相关技术。 随书附带所有实战案例的源文件和素材文件，方便读者练习。 本书适合UI设计师、交互设计师、准备转至UI设计方向的平面设计师，以及相关专业的高校学生阅读。

王铎，先后服务于腾讯、奇虎360、今日头条等公司，人民网特邀讲师。 参与项目手机QQ、360儿童卫士、360空气净化器及360防丢卫士、老虎地图、内涵段子等产品。 第五届国际大学生动画节漫画插画类作品奖 创意紫峰优秀作品奖中国包装创意设计大赛 优秀奖中国之星设计艺术大奖获 中国绿化基金会“绿色爱心设计师”称号。

第1章界面类型/009
1.1闪屏页/010
1.1.1品牌宣传型/010
1.1.2节日关怀型/011
1.1.3活动推广型/012
1.2引导页/013
1.2.1功能介绍型（初级）/013
1.2.2情感带入型（中级）/014
1.2.3搞笑型（高级）/015
1.3浮层引导页/016
1.4空白页/017
1.4.1首次进入型/017
1.4.2错误提示型/018
1.5首页/019
1.5.1列表型/019
1.5.2图标型/020
1.5.3卡片型/020
1.5.4综合型/021
1.6个人中心页/022
1.7列表页/024
1.7.1单行列表页/024
1.7.2双行列表页/025
1.7.3时间轴列表页/025
1.7.4图库列表页/026
1.8播放页面/027
1.9详情页/028
1.10可输入页面/029
1.11实战：两步打造炫酷界面/030
1.11.1绘制基础图形/030
1.11.2添加颜色与细节/032
第2章界面构图/035
2.1九宫格构图/036
案例分析/037
2.2圆心放射构图/038
案例分析/039
2.3三角形构图/041
案例分析/041
2.4S形构图/043
案例分析/044
2.5F形构图/047
案例分析/047
2.6实战：用多种构图方式
制作运动App界面/048
2.6.1用放射构图设计运动页面/048
2.6.2用倒三角形构图设计地图页面/053
2.6.3用三角形构图设计个人页面/056
第3章版面布局/059
3.1界面版率/060
3.1.1单色块填充/061
3.1.2多色块组合/062
3.1.3穿插填充/062
3.1.4关键词图形化/063
3.1.5放大文字/064
3.2抠图法/065
案例分析/065
3.3破界法/066
案例分析/066
3.4局部提取/069
案例分析/069
3.5对齐方式/070
3.5.1界面中常用的对齐方式/070
3.5.2小米官网的登录页/072
3.5.3苹果官网的登录页/073
3.6间距/074
案例分析/074
3.7视觉层次/077
案例分析/077
3.8实战：设计空气净化器App界面/080
3.8.1对页面进行整体布局/080
3.8.2设计“较差”页面/082
3.8.3设计“良好”页面/086
第4章元素/087
点线面/088
案例分析/088
4.2极简至上/093
案例分析/093
4.3品牌灵魂/095
案例分析/095
4.4形象灵魂化/096
案例分析/096
4.5动画赋予设计生命/099
案例分析/099
4.6菜单设定/100
案例分析/100
4.7实战：快速制作晶格化界面/101
4.7.1制作圆形头像/101
4.7.2制作晶格背景/102
4.7.3制作界面细节/104
第5章界面用色/107
5.1感知色彩/108
5.1.1红色/109
5.1.2橙色/110
5.1.3黄色/110
5.1.4绿色/111
5.1.5蓝色/111
5.1.6粉色/112
5.1.7黑色/112
5.2色不过三/113
案例分析/113
5.3主色、辅助色及点睛色/116
5.3.1主色/116
5.3.2辅助色/117
5.3.3点睛色/118
5.4配色/119
5.4.1互补色搭配/119
5.4.2冷暖对比色搭配/121
5.5实战：设计色彩统一的页面/123
5.5.1设计页面图标/123
5.5.2设计个人中心页/128
5.5.3设计聊天页/132
第6章设计原则与规范/135
6.1iOS的五大设计原则/136
6.1.1突显内容原则/137
6.1.2统一化原则/139
6.1.3适应化原则/140
6.1.4层级性原则/144
6.1.5易操作性原则/145
6.2iOS界面尺寸及控件设计规范/147
6.2.1界面尺寸/147
6.2.2控件设计规范/149
6.3Android设计原则及规范/154
6.3.1Android的设计原则/154
6.3.2Android的控件设计规范/158
6.3.3Android的设计尺寸及单位/163
6.4常用字体规范/165
6.4.1成也字，败也字/165
6.4.2字不过三/166
案例分析/166
6.4.3文字与背景要分明/168
6.4.4字体与气氛要匹配/168
案例分析/168
6.4.5常用字体类型/169
6.4.6界面字体规范/172
6.4.7常用字体颜色/174
6.5制定一套设计规范/175
6.5.1色彩规范/176
6.5.2按钮控件规范/177
6.5.3分割线规范/177
6.5.4头像规范/177
6.5.5其他控件与聊天气泡规范/178
6.5.6文字字号规范/179
6.5.7间距规范/180
6.5.8图标规范/181
6.6实战：设计毛笔字风格的登录页/182
6.6.1制作基础字体/182
6.6.2用笔刷设计细节/184
第7章切图与标注/189
7.1高效切图/190
7.1.1iPhone屏幕与Android手机屏幕的关系/190
7.1.2Android的常用单位/191
7.1.3通用切图法/192
7.1.4Android的“点九”切图法/194
7.2界面标注/197
……