UI界面设计（第3版）

图书标准信息

• 作者 张小玲 著
• 出版社 电子工业出版社
• 出版时间 2022-01
• 版次 1
• ISBN 9787121422720
• 定价 49.00元
• 装帧 平装
• 开本 16开
• 页数 240页

【内容简介】

本书从用户研究、交互设计入手，到视觉设计理念的分析，再结合实例对UI 界面设计全过程进行剖析、归纳和演绎，将“理论知识”“软件技术”与“艺术设计”“美育思政”各项元素充分融合，是一本全面的UI界面设计与制作的基础教程。本书结构合理、内容翔实、图文并茂，结合Photoshop、Illustrator 软件中常用的工具和方法，有针对性地剖析UI 界面设计设计与制作的实施策略与过程，精选了图标设计、手机主题界面设计、App 界面设计、网页界面设计、智能电视界面设计、其他类型人机界面设计等典型UI 界面设计项目，将艺术设计与软件操作技巧融入其中，引导学生进行思考及操作实践，提升学生的审美、审艺能力。本书适合作为高等职业院校计算机数字媒体/艺术类相关专业的教材，也可供平面设计人员、美工和对UI 设计感兴趣的读者阅读和参考。为了方便教与学，本书提供全套教学资料（案例操作视频、教纲、考纲、学时安排、课件集、教案、拓展资源等），请扫描书中二维码或登录华信教育资源网（http：//www.hxedu.com.cn）免费注册后下载。

【作者简介】

张小玲，毕业于西南大学艺术设计专业，现就职于重庆工程学院，先后担任专业教师、教研室主任等职。兼任正大恒领网络公司设计总监。 参与各类教研科研项目十余项。热衷于教学科技研究，积极参与各项项目申报，已经顺利主持完成结项省部级教改科研项目6项，完成课程建设3门，其中一门为重庆市级精品资源共享课，2门为校级重点课程。近年来已经成功申请作品著作权登记40余项。

【目录】

第一部分  知识准备
第1章  UI设计相关知识
1．1  UI设计概述1
1．1．1  UI设计的概念1
1．1．2 UI设计的流程2
1．1．3 UI设计的规范4
1．2  UI设计与用户体验6
1．2．1  用户体验的含义6
1．2．2  影响用户体验的因素6
1．3  UI设计常见风格7
1．3．1  扁平化风格8
1．3．2  拟物化风格10
1．3．3  卡通化风格10
1．3．4  立体风格10
1．3．5  几何风格11
1．3．6  渐变风格11
第2章  UI设计的常用方法
2．1  UI设计中的设计方法12
2．1．1  方法与方法论12
2．1．2  设计方法学12
2．1．3  UI设计中实用的设计方法13
2．2  UI设计中实用的构成方法13
2．2．1  什么是构成13
2．2．2  形式美法则14
2．2．3  构成的思维方式17
第3章  UI设计的配色方法
3．1  色彩基础21
3．1．1 色彩的基本理论21
3．1．2 常用颜色模式23
3．2  色彩搭配23
3．2．1  界面中不同色彩的象征与联想23
3．2．2  色彩搭配方法27
3．2．3  色彩搭配的其他原则28
3．3  设计软件中的色彩调整31
3．3．1  Photoshop中的色彩调整31
3．3．2  Illustrator中的色彩调整31
第4章  UI设计常用工具
4．1  Photoshop33
4．1．1  初识Photoshop33
4．1．2  图像常用基本操作34
4．1．3  选区的基本操作36
4．1．4  矢量绘制类工具的应用38
4．1．5  画笔工具的应用40
4．1．6  图层相关知识42
4．1．7  蒙版相关知识46
4．1．8  擦除类工具的应用48
4．1．9  外部素材的载入49
4．1．10  小练手50
4．2  Illustrator52
4．2．1  初识Illustrator52
4．2．2  界面设计常用图形53
4．2．3  绘制对象的常用操作55
4．2．4  填色和描边55
4．2．5  直角变圆角56
4．2．6  路径查找器与形状生成器56
4．2．7  通过扩展路径描边让线变成面57
4．2．8  Illustrator 工具箱中的比例缩放工具57
4．2．9  旋转与镜像打造对称图形58
4．2．10  图像描摹58
4．2．11  小练手59
4．3  其他辅助工具62
第5章  UI界面常用壁纸与控件制作
5．1  常用壁纸制作64
5．1．1  摄影像素壁纸64
5．1．2  设计构成壁纸64
5．1．3  综合图像壁纸65
5．1．4  小练手：多种壁纸设计65
5．2  常见控件制作70
5．2．1  按钮70
5．2．2  下拉选择框72
5．2．3  进度条74
5．2．4  TAB切换块78
5．2．5  气泡对话框79
5．2．6  步进器80
5．2．7  开关80
第6章  图标设计
6．1  图标的设计与制作概述82
6．1．1  图标设计概述82
6．1．2  图标的背板83
6．1．3  图标的分类83
6．1．4  图标的规格87
6．1．5  图标的统一性89
6．2  线性图标89
6．2．1  利用Illustrator打造线性图标89
6．2．2  多种线性图标风格98
6．3  面性图标102
6．3．1  面性图标设计制作思路102
6．3．2  多种面性图标风格102
6．4  2．5D图标104
6．4．1  利用Illustrator打造2．5D图标104
6．4．2  使用Photoshop打造2．5D图标107
6．5  MBE图标107
6．6  利用Photoshop打造拟物化图标108
6．7  延伸阅读与练习111
6．7．1  利用Illustrator批量导出图标111
6．7．2  拓展练习： 利用Photoshop打造扁平化图标114
6．7．3  拓展练习： 利用Photoshop打造单色图标116
6．7．4  拓展练习： 利用Photoshop打造线性图标117
6．7．5  拓展练习：利用Photoshop打造样式图标118
6．8  独立实践118
第7章  手机主题界面设计
7．1  手机主题界面设计概述119
7．1．1  手机常用尺寸与图标格式119
7．1．2  手机主题界面设计内容120
7．1．3  手机界面设计的原则120
7．2  项目实作：卡通小熊手机主题界面设计121
7．2．1  界面设计任务分析121
7．2．2  学习目标122
7．2．3  制作步骤详解122
7．3  项目实作：伪扁平手机主题界面设计136
7．3．1  界面设计任务分析136
7．3．2  学习目标136
7．3．3  关键步骤提示136
7．4  独立实践137
7．5  本章小结137
第8章  App界面设计
8．1  App界面设计概述138
8．1．1  手机App界面视觉设计138
8．1．2  手机App界面用户体验设计139
8．1．3  App界面布局设计139
8．2  项目实作：操作型AppD计算器界面设计140
8．2．1  界面设计任务分析140
8．2．2  学习目标141
8．2．3  制作步骤详解141
8．3  项目实作：拼拼乐App界面设计143
8．3．1  界面设计任务分析143
8．3．2  学习目标143
8．3．3  制作步骤详解144
8．4  项目实做：水平仪App界面设计148
8．5  独立实践148
8．6  本章小结148
第9章  网页界面设计
9．1  网页界面设计概述149
9．1．1  网页界面设计基本原则149
9．1．2  网站页面的功能美与形式美149
9．2  项目实作：一栏式简单网页设计与制作150
9．2．1  界面设计任务分析150
9．2．2  学习目标151
9．2．3  制作步骤详解151
9．3  项目实作：多栏式电子商务网页设计与制作156
9．3．1  界面设计任务分析156
9．3．2  学习目标157
9．3．3  制作步骤详解157
9．4  项目实作：自由版式专题网页设计与制作169
9．4．1  界面设计任务分析169
9．4．2  学习目标171
9．4．3  制作步骤详解171
9．5  独立实践203
9．6  本章小结203
第10章  智能电视界面设计
10．1  智能电视界面设计概述204
10．1．1  智能电视界面设计204
10．1．2  智能电视界面设计的原则204
10．2  项目实作：智能电视界面设计205
10．2．1  界面设计任务分析205
10．2．2  学习目标205
10．2．3  制作步骤详解206
10．3  独立实践217
10．4  本章小结217
第11章  其他类型人机界面设计
11．1  人机界面设计概述218
11．1．1  人机界面概述218
11．1．2  人机界面设计的要点220
11．1．3  人机界面设计的原则221
11．2  项目实作：播放器界面设计221
11．2．1  界面设计任务分析221
11．2．2  学习目标222
11．2．3  制作步骤详解222
11．3  独立实践229
11．4  本章小结229