UI设计基础培训教程 全彩版·第2版 视频版

本书接近针对零基础的读者编写，是入门级读者快速而全面掌握UI设计的参考书； 全面介绍了UI 设计的工具、设计理论和界面制作方法， 包括Photoshop和Illustrator的常用工具； 本书可以作为想从事和刚从事UI设计工作人员的自学参考用书，也适合作为院校设计专业和培训机构相关课程的教材。 附赠教学资源资源： 提供本书课堂案例、课堂练习和课后习题的素材文件、实例文件和600多分钟在线视频。 UI配色方案、UI图标、免抠素材及配色卡，以及专门为教师准备的教学大纲、教学规划参考及PPT课件等专享资源。

本书接近针对零基础的读者编写，是入门级读者快速而全面掌握UI设计的参考书。本书以各种重要技术和常见界面为主线，全面介绍了UI 设计的工具、设计理论和界面制作方法， 包括Photoshop和Illustrator的常用工具，UI设计的理论、原则和规范，图标设计，常见界面的概念和制作，切图与标注，以及艺术二维码的制作方法。书中提供的大量课堂案例，可以帮助读者快速上手，熟悉设计思路和制作要点；课堂练习和课后习题可以拓展读者的实际操作能力，巩固所学的知识点。同时，本书配套资源丰富，包括课堂案例、课堂练习和课后习题的素材文件、实例文件和在线教学视频，UI配色方案、UI图标、免抠素材、配色卡和iOS尺寸规范电子书，以及为教师准备的教学大纲、教学规划参考及PPT课件等。本书可以作为想从事和刚从事UI设计工作人员的自学参考用书，也适合作为院校设计专业和培训机构相关课程的教材。

任媛媛，毕业于电子科技大学成都学院图形艺术系，4年建筑动画、室内外效果图表现工作经验，参与编写《中文版3ds Max 2014/VRay效果图制作接近自学宝典》 等图书。 王依洪，从事设计相关工作多年，拥有丰富的实战经验。

第1章UI设计的常用工具009
1．1Photoshop的界面介绍010
1．2Photoshop中的常用工具012
1．2．1课堂案例：用常用工具制作界面012
1．2．2移动工具015
1．2．3矩形工具016
1．2．4椭圆工具017
1．2．5钢笔工具017
1．2．6直接选择工具018
1．2．7横排文字工具018
1．3Illustrator的界面介绍019
1．4Illustrator中的常用工具020
1．4．1课堂案例：用常用工具制作手机图标021
1．4．2选择工具023
1．4．3直接选择工具023
1．4．4钢笔工具023
1．4．5矩形工具024
1．4．6椭圆工具025
1．4．7多边形工具026
1．4．8文字工具026
1．5在Photoshop中导入Illustrator文件的方法027
课堂练习：在Illustrator中绘制闹钟App功能图标028
课后习题：在Photoshop中制作闹钟App界面028
第2章界面构图、布局与色彩029
2．1界面的常见构图类型030
2．1．1井字形构图030
2．1．2三角形构图031
2．1．3放射形构图031
2．1．4折线形构图032
2．1．5直角形构图033
2．2界面布局的要素034
2．2．1页面的留白034
2．2．2页面的对齐方式034
2．2．3界面的间距035
2．2．4界面的层次035
2．3界面的色彩搭配037
2．3．1色彩心理学037
2．3．2配色的方法039
2．3．3配色的要素040
第3章UI设计的原则及规范041
3．1iOS系统的设计原则042
3．1．1统一化042
3．1．2凸显内容042
3．1．3适应性043
3．1．4层级性045
3．1．5易操作性046
3．2iOS界面尺寸与控件的设计规范046
3．2．1界面尺寸046
3．2．2控件规范047
3．3Android系统的设计原则050
3．3．1核心视觉载体050
3．3．2层级空间050
3．3．3动画050
3．3．4颜色053
3．4Android界面尺寸与控件的设计规范054
3．4．1界面尺寸054
3．4．2控件规范055
3．5常用字体规范063
3．5．1文字设计的要素063
3．5．2常用字体的类型065
3．5．3界面字体的规范066
3．6UI设计的整体规范069
3．6．1色彩控件069
3．6．2按钮控件069
3．6．3分割线070
3．6．4头像070
3．6．5提示框070
3．6．6文字071
3．6．7间距072
3．6．8图标072
第4章图标设计073
4．1扁平化风格图标074
4．1．1课堂案例：制作扁平化风格的播放器图标074
4．1．2课堂案例：制作扁平化风格的旅游图标075
4．1．3扁平化图标的概念077
4．1．4扁平化图标的类型078
4．1．5设计扁平化图标的注意事项078
4．2线性风格图标079
4．2．1课堂案例：制作线性风格的聊天图标079
4．2．2课堂案例：制作线性风格的功能图标082
4．2．3线性图标的概念084
4．2．4设置线性图标的注意事项084
4．3其他类型的图标085
4．3．1像素图标085
4．3．2拟物化图标085
4．3．3立体图标085
4．3．4卡通图标085
4．3．5文字图标086
4．3．6功能图形化图标086
课堂练习：在Illustrator中绘制手机功能图标086
课后习题：在Photoshop中绘制功能图标086
第5章闪屏页设计087
5．1闪屏页的概念088
5．2闪屏页的常见类型088
5．2．1课堂案例：制作中秋主题的闪屏页088
5．2．2宣传型092
5．2．3关怀型092
5．2．4推广型093
课堂练习：制作品牌宣传型闪屏页093
课后习题：制作推广型闪屏页094
第6章引导页与浮层引导页设计095
6．1引导页的概念096
6．2引导页的常见类型096
6．2．1课堂案例：制作功能介绍型引导页096
6．2．2功能介绍型100
6．2．3情感型101
6．2．4幽默型101
6．3浮层引导页102
6．3．1课堂案例：制作浮层引导页102
6．3．2浮层引导页的概念104
课堂练习：制作旅游App引导页105
课后习题：制作文档App引导页106
第7章空白页设计107
7．1空白页的概念108
7．2空白页的常见类型108
7．2．1课堂案例：制作资料审核空白页108
7．2．2首次进入型112
7．2．3错误提示型112
课堂练习：制作消息中心空白页113
课后习题：制作购物车空白页114
第8章首页设计115
8．1首页的概念116
8．2首页的常见类型116
8．2．1课堂案例：制作外卖App首页116
8．2．2列表型125
8．2．3图标型126
8．2．4卡片型126
8．2．5综合型127
课堂练习：制作旅游App主页128
课后习题：制作美食类App主页128
第9章个人中心页设计129
9．1个人中心页的概念130
9．2个人中心页的常见类型131
9．2．1课堂案例：制作个人中心页131
9．2．2头像居中对齐137
9．2．3头像居左对齐137
课堂练习：制作视频App个人中心页138
课后习题：制作学习类App个人中心页138
第10章列表页设计139
10．1列表页的概念140
10．2列表页的常见类型141
10．2．1课堂案例：制作图书折扣列表页141
10．2．2单行列表145
10．2．3双行列表146
10．2．4时间轴146
10．2．5图库列表147
课堂练习：制作购物App列表页147
课后习题：制作物流信息列表页148
第11章播放页设计149
11．1播放页的概念150
11．2播放页的常见类型150
11．2．1课堂案例：制作音乐播放器界面150
11．2．2音乐播放页155
11．2．3视频播放页156
11．2．4音频播放页157
课堂练习：制作音乐播放页157
课后习题：制作音频播放页158
第12章详情页设计159
12．1详情页的概念160
12．2详情页的常见类型161
12．2．1课堂案例：制作购物App详情页161
12．2．2普通型170
12．2．3销售型170
课堂练习：制作食谱详情页171
课后习题：制作旅游详情页172
第13章可输入页设计173
13．1可输入页的概念174
13．2可输入页的常见类型175
13．2．1课堂案例：制作软件登录页175
13．2．2登录页面180
13．2．3信息发布页面180
13．2．4聊天页面181
课堂练习：制作预约信息页181
课后习题：制作聊天页182
第14章切图与标注183
14．1iOS与Android的切图方法184
14．1．1课堂案例：对个人中心界面进行切图184
14．1．2Android的常用单位187
14．1．3iOS与Android的尺寸关系188
14．1．4iOS与Android的切图命名方式188
14．1．5通用切图法189
14．1．6Android的“点九”切图法189
14．2界面标注190
14．2．1标注软件190
14．2．2标注规范190
课堂练习：对播放页进行切图191
课后习题：对旅游主页进行切图192
第15章制作艺术二维码193
15．1二维码的原理结构194
15．2制作艺术二维码195
15．2．1课堂案例：制作数艺设艺术二维码195
15．2．2生成二维码的方法197
15．2．3设计艺术二维码的注意事项199
课堂练习：制作软件书艺术二维码200
课后习题：制作手绘书艺术二维码200