UI界面设计

图书标准信息

• 作者 张小玲、张莉 编
• 出版社 电子工业出版社
• 出版时间 2014-09
• 版次 1
• ISBN 9787121241604
• 定价 29.80元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 216页
• 字数 346千字
• 正文语种 简体中文
• 丛书 高等职业院校教学改革创新示范教材.数字媒体系列

【内容简介】

本书按照高职高专计算机多媒体技术专业教学大纲的要求编写，是一本全面的UI界面设计与制作的基础教程。本书以培养学生的UI设计理念、方法为基本，结合Photoshop软件中常用的各种工具和方法，有针对性地剖析设计制作的实施策略与过程，以训练和提高学生UI界面设计制作技能。
全书内容共7章，分为三个部分。第一部分是UI界面设计相关知识的介绍，包括什么是UI界面设计、UI界面设计的常用方法和设计工具、UI设计与用户体验的关系等基本知识。第二部分是各种UI界面常用元素的制作。第三部分是UI界面设计典型实战，通过4个递进的设计实例，从任务分析、功能定位、制作步骤入手对界面设计制作进行全过程讲解。
本书结构合理、内容翔实、图文并茂，在项目中讲述Photoshop CC的要点和难点，将艺术设计的知识与技巧融入其中，引导读者进行思考及软件操作实践，提升读者的审美、审艺能力。

【作者简介】

张小玲，高级界面设计师。擅长艺术设计。在界面设计方面，她有系统的理论基础，并且已经在多年的实践中得以应用和验证。曾任正大恒领网络科技有限公司美术总监，项目经验丰富。现任职于重庆工程学院，负责和参与多项教研教改项目研究，为界面设计领域培养了诸多专业人才。

【目录】

第一部分  知识准备
第1章  UI界面设计相关知识1
1．1  UI界面设计1
1．1．1  UI设计的概念1
1．1．2　UI设计的流程2
1．1．3　UI界面设计的规范4
1．1．4  UI界面设计常用工具5
1．2  UI界面设计与用户体验6
1．2．1  UI界面设计与用户体验6
1．2．2  影响用户体验的因素7
1．3  知识拓展8
1．3．1  Photoshop CC入门8
1．3．2  Photoshop CC精彩新功能9
1．3．3  图像常用基本操作11
1．3．4  选区的基本操作14
1．3．5  画笔工具的应用16
本章小结19
第2章  UI界面设计的常用方法20
2．1  UI界面设计中的设计方法20
2．1．1  方法与方法论20
2．1．2  认识论和设计方法20
2．1．3  UI界面设计中实用的设计方法21
2．2  UI界面设计中实用的构成方法23
2．2．1  什么是构成23
2．2．2  形式美法则23
2．2．3  构成的思维方式29
2．3  UI界面设计中实用的色彩搭配技巧32
2．3．1  色彩的基本理论33
2．3．2  色彩搭配法则35
2．4  知识拓展――UI界面设计风格46
2．4．1  扁平化46
2．4．2  拟物化48
2．4．3  卡通化48
2．5  能力拓展――Photoshop CC中图层的应用49
2．5．1  图层类别49
2．5．2  图层的基础操作49
2．5．3  图层样式50
2．5．4  混合模式51
2．5．5  Photoshop中的蒙版52
2．5．6  渐变工具56
本章小结58
第二部分  牛刀小试
第3章  各种UI界面常用元素制作59
3．1  常用图形制作59
3．1．1  圆形、圆角59
3．1．2  多边形60
3．1．3  直线60
3．2  常见控件制作60
3．2．1  按钮的制作60
3．2．2  下拉选择框的制作62
3．2．3  滑动条的制作64
3．2．4  TAB切换块的制作66
3．2．5  气泡对话框的制作68
3．3  创意图标设计与制作70
3．3．1  图标设计技巧70
3．3．2  利用Photoshop打造拟物化设计风格图标74
3．3．3  利用Photoshop打造四种扁平化设计风格图标79
3．4  知识拓展83
3．4．1  图标设计的趋势――响应式图标83
3．4．2  路径与形状工具83
3．4．3  擦除类工具86
3．5  能力拓展――简单网页设计制作实例87
本章小结93

第三部分  UI界面设计典型实战
第4章  操作型APP――计算器界面设计94
4．1　界面设计任务分析94
4．2　学习目标95
4．3　制作步骤详解95
4．3．1  新建文件，确定尺寸规范95
4．3．2  制作背景96
4．3．3  制作状态栏区域96
4．3．4  制作显示区细节96
4．3．5  制作功能键区和数字键区细节97
4．3．6  定稿输出有效的设计方案97
4．4  知识拓展98
4．4．1  图层组98
4．4．2  APP界面布局设计99
4．4．3  Photoshop外部素材的载入使用100
4．5  能力拓展100
4．5．1  拓展练习：水平仪UI界面设计100
4．5．2  拓展练习：拼拼乐APP界面设计101
4．5．3  独立实践105
本章小结105
第5章  实用型软件――播放器界面设计106
5．1　界面设计任务分析106
5．2　学习目标106
5．3  制作步骤详解106
5．3．1　创建播放器106
5．3．2　播放器专辑信息部分制作108
5．3．3　播放器播放按钮部分制作112
5．4  知识拓展119
5．4．1  色彩的搭配119
5．4．2  Photoshop中的色彩调整120
5．5  能力拓展120
5．5．1  拓展练习：设计制作DVD光盘图标120
5．5．2  拓展练习：设计制作金属按钮121
5．5．3  拓展练习：为黑白照片调色122
5．5．4  独立实践125
本章小结125

第6章  手机主题UI界面设计126
6．1  界面设计任务分析126
6．2  学习目标127
6．3  制作步骤详解127
6．3．1  主体形象设计制作127
6．3．2  手机壁纸设计制作129
6．3．3  锁屏设计制作130
6．3．4  天气插件制作131
6．3．5  桌面图标制作137
6．4  知识拓展147
6．4．1  手机界面设计原则147
6．4．2  手机常用尺寸与图标格式148
6．5  能力拓展149
6．5．1  拓展练习：ico图标设计制作149
6．5．2  拓展练习：伪扁平手机主题UI界面设计150
6．5．3  独立实践152
本章小结152
第7章  Web界面设计实例――儿童节专题网页设计153
7．1　界面设计任务分析153
7．2　学习目标154
7．3　制作步骤详解154
7．3．1  设计制作头部主图154
7．3．2  设计制作装饰图形167
7．3．3  设计制作栏目“书籍系列”173
7．3．4  设计制作栏目“服饰系列”181
7．3．5  设计制作栏目“玩具系列”184
7．3．6  设计制作底部区域187
7．4  知识拓展189
7．4．1  网站界面设计基本原则189
7．4．2  网站界面的功能美与形式美189
7．5  能力拓展190
7．5．1  拓展练习：照射在透明玻璃窗上效果190
7．5．2  拓展练习：Photoshop打造倾盆大雨效果191
7．5．3  拓展练习：Photoshop打造电子商务网页界面192
7．5．4  全局观念的强化206
7．5．5  独立实践206
本章小结206
参考文献207