界面设计

本书采用实例引导的方式，根据移动界面设计的顺序，讲解软件Axure RP8、Adobe Illustrator和Photoshop在界面原型设计、图标设计和美化方面的功能和用法，在教学中广受欢迎。配有本书实例和素材文件，并进行了在线课程建设。

本书共12章，兼顾界面设计的理论与实践。第1～2章通过对界面设计研究范畴、移动应用界面设计风格发展史、界面设计流行元素变化趋势等内容的介绍，启发读者思考界面设计发展趋势和相关领域的联系与支持；第3～12章采用实例引导的方式，根据移动界面设计完成的顺序，分别讲解软件Axure RP8、Adobe Illustrator、Photoshop在界面原型设计、界面图标设计和界面美化方面的功能与方法，以及与内容相关的实例操作。 本书条理清楚、语言流畅，在内容组织上力求自然、合理、循序渐进，并提供了丰富的实例和实践要点，使读者更好地把握界面设计的特点，更容易理解所涉及的理论知识，掌握设计软件的应用。 本书可作为高等学校信息设计、交互设计及相关专业的教材，亦可作为相关从业人员的参考书。

吴旭敏，武汉理工大学艺术与设计学院副教授，硕士生导师，研究生学历博士，研究方向是信息艺术设计研究与实践，教授《界面设计》《网络设计》《交互设计原理》《用户体验设计》等本科和硕士研究生专业课程 。

第1章 界面设计概述
1.1 绪论
1.2 界面设计基本原则
1.3 界面设计研究范畴
1.3.1 网页UI设计
1.3.2 移动端UI设计
1.3.3 智能设备UI设计
1.3.4 游戏及其他领域UI设计
1.4 界面设计平台及设计风格
1.4.1 智能手机及其平台发展历程
1.4.2 移动应用界面设计风格发展历程
1.4.3 界面设计流行趋势变化
1.4.4 移动应用界面设计人才需求
文中参考文献
推荐阅读文献
思考题
第2章 界面设计流程与模式
2.1 UI 设计工作流程
2.2 结构设计
2.2.1 界面流程图设计
2.2.2 界面模式原型设计
2.3 交互设计
2.3.1 手势互动
2.3.2 界面跳转互动
2.3.3 基于界面优化的交互设计原则
2.4 视觉设计
推荐阅读文献
思考题
第3章 Axure RP概述
3.1 Axure RP 8介绍
3.2 Axure RP 8的主界面
3.2.1 菜单栏区域
3.2.2 工具栏区域
3.2.3 样式工具栏
3.2.4 页面编辑区域
3.2.5 元件库区域
3.2.6 母版库区域
3.2.7 工作区域
3.2.8 检视器区域
3.2.9 页面元素大纲区域
思考题
第4章 应用Axure进行界面原型设计
4.1 页面编缉区
4.1.1 页面编辑区的作用
4.1.2 页面编辑区的功能
4.1.3 实例——iOS时钟App
4.2 Axure的流程图元件
4.2.1 绘制流程图所用的元件
4.2.2 流程图关联页面
4.2.3 流程图显示具体控件
4.2.4 流程图的结构
4.2.5 实例——网易云音乐App
4.3 应用Axure中的简单交互
4.3.1 页面触发事件
4.3.2 “用例编辑”对话框
4.3.3 打开链接
4.3.4 元件的交互行为
4.3.5 动态面板
4.4 母版的使用
4.4.1 母版的概念
4.4.2 母版的功能
4.4.3 母版的创建方法
4.4.4 母版的拖放行为
4.4.5 实例——网易云音乐App标签栏
课后练习
第5章 综合实战应用——“爱彼迎”App低保真原型设计
5.1 需求描述
5.2 设计思路
5.3 准备工作
5.4 设计规范
5.5 原型制作
5.5.1 底部标签导航母版设计
5.5.2 搜索框及海报位区域布局设计
5.5.3 “人气目的地推荐”布局设计
5.5.4 “特惠房源”布局设计
5.5.5 海报轮播图效果制作
5.5.6 “探索”页面上下滑动与回弹效果制作
5.5.7 “人气目的地推荐”区域左右滑动与回弹效果制作
5.5.8 “新年特惠房源”页签切换效果制作
课后练习
第6章 Adobe Illustrator概述
6.1 Adobe Illustrator介绍
6.2 Adobe Illustrator的主界面
第7章 应用Adobe Illustrator进行界面图标设计
7.1 Adobe Illustrator CC的常用基本操作
7.2 常用工具的基本操作
7.2.1 线段工具
7.2.2 矩形工具
7.2.3 椭圆工具
7.2.4 多边形和星形工具
7.3 对象的基本操作方法
7.3.1 选择移动
7.3.2 调整图形堆叠顺序
7.3.3 编组
7.3.4 对齐与分布
7.4 填色与描边
第8章 综合实战应用——图标设计
8.1 制作安卓图标
8.2 Material Design图标绘制
8.2.1 制作谷歌浏览器图标
8.2.2 绘制“文件”图标
8.2.3 使用Adobe Illustrator制作视频图标按钮
8.3 使用Adobe Illustrator制作断线图标
8.3.1 绘制“我的”图标
8.3.2 绘制“发现”图标
8.3.3 绘制“分类”图标
8.3.4 绘制“旅游”图标
课后练习
第9章 Photoshop CC概述
9.1 Photoshop CC介绍
9.2 Photoshop CC的操作界面
9.3 文件的基本操作
参考文献
课后练习
第10章 应用Photoshop CC进行界面美化设计
10.1 Photoshop CC五大核心功能
10.1.1 改变设计对象顺序——图层
10.1.2 编辑图像的准确区域——蒙版
10.1.3 调整图像色彩色调——调整/填充图层
10.1.4 准确把握编辑区域——选区
10.1.5 准确传递界面信息——文字
10.2 绘图工具
10.2.1 矩形工具
10.2.2 圆角矩形工具
10.2.3 椭圆工具
10.2.4 多边形工具
10.2.5 直线工具
10.2.6 自动形状工具
10.2.7 钢笔工具
10.3 质感提升工具
10.3.1 斜面和浮雕
10.3.2 描边
10.3.3 内阴影
10.3.4 内发光
10.3.5 光泽
10.3.6 颜色叠加
10.3.7 渐变叠加
10.3.8 图案叠加
10.3.9 外发光
10.3.10 投影
推荐阅读文献
课后练习
第11章 综合实战应用——界面美化设计
11.1 工具类App界面设计
11.2 生活类App界面设计
11.2.1 扁平风格健康App界面设计
11.2.2 卡片投影风格烹饪App界面设计
11.2.3 半透明线条感音乐App界面设计
推荐阅读文献
课后练习
第12章 界面动态效果制作
12.1 猴子跑动动态效果制作
12.2 启动页动态效果制作