本书使用Photoshop、Illustrator、After Effects作为基础工具，以设计理论为蓝本，讲解图标设计、界面设计的主要内容，以及iOS和Android系绞设计原则及规范、移动端App界面设计等相关知识点，同时简述界面交互设计原理，并以案例的形式详细讲解制作过程和进行技巧总结。从理论学习到设计实践，真正做到让读者学以致用。
本书提供案例素材文件和效果源文件，以及在线教学视频，方便读者学习。此外，本书还提供配套教学PPT课件，供读者参考使用。
本书将界面设计理论与实践相结合，针对高校设计专业学生及UI设计爱好者的学习需求而编写，可作为高等院校视觉传达，数字媒体、交互设计等相关专业的教材；也可作为界面设计初学者、UI设计师拓展阅读和实践的学习资料；还可作为相关培训机构的辅导教材。

第1章 图标设计
1.1 图标设计基础
1.1.1 图标的形式分类
1.1.2 图标的属性分类
1.1.3 图标设计的视觉规范
1.1.4 图标设计软件介绍
1.1.5 布尔运算
1.2 剪影图标
1.2.1 剪影图标简介
1.2.2 剪影图标案例
1.3 MBE图标
1.3.1 MBE图标简介
1.3.2 MBE图标案例
1.4 扁平化图标
1.4.1 扁平化图标配色特点
1.4.2 扁平化图标风格
1.4.3 扁平化图标案例
1.5 等距视图（2.5D）图标
1.5.1 等距视图风格特点
1.5.2 等距视图图标案例
1.6 像素风图标
1.6.1 像素风图标特点
1.6.2 像素风图标案例
1.7 拟物化图标
1.7.1 拟物化图标特点
1.7.2 图层样式解析
1.7.3 拟物化图标案例
1.8 主题图标设计
1.8.1 主题图标赏析
1.8.2 主题图标案例
第2章 iOS系统和Android系统设计原则及规范
2.1 iOS系统设计原则及规范
2.1.1 界面尺寸
2.1.2 栏高度
2.1.3 边距和间距
2.1.4 界面布局
2.1.5 图片比例
2.1.6 图标规范
2.1.7 版式规范
2.1.8 文字规范
2.1.9 设计适配
2.2 Android系统的界面设计原则及规范
2.2.1 界面尺寸
2.2.2 iOS与Android系统的设计语言及界面结构差异对比
2.2.3 栏高度
2.2.4 图标规范
2.2.5 文字与版式规范
2.2.6 设计适配
第3章 App界面设计
3.1 格式塔原理在界面设计中的应用
3.1.1 接近性法则
3.1.2 相似性原理
3.2 控件
3.3 组件
3.4 闪屏页和启动页
3.4.1 闪屏页和启动页的特征
3.4.2 闪屏页分类
3.4.3 闪屏页和启动页的功能与适配度
3.5 引导页
3.5.1 引导页分类
3.5.2 引导页的功能与特征
3.6 空白页/出错页
3.7 首页
3.7.1 首页的功能与特征
3.7.2 首页设计案例解析
3.8 个人中心页
3.9 详情页
3.9.1 详情页内容设置
3.9.2 详情页设计案例解析
3.10 登录页
3.10.1 登录页设置
3.10.2 登录页设计案例解析
3.11 沉浸式页面
3.11.1 页面配色
3.11.2 沉浸式页面赏析
第4章 页面标注与切图
4.1 常用标注工具介绍
4.2 Parker使用说明
4.3 切图输出
第5章 交互设计
5.1 认识交互设计
5.1.1 交互设计与界面设计的区别
5.1.2 交互设计的五要素
5.2 交互设计七大定律
5.2.1 席克定律
5.2.2 菲茨定律
5.2.3 泰思勒定律
5.2.4 奥卡姆剃刀原理
5.2.5 新乡重夫防错原则
5.2.6 接近性法则
5.2.7 神奇数字7±2法则
5.3 交互设计辅助工具及应用
5.3.1 思维导图
5.3.2 流程图
5.3.3 线框图
5.3.4 交互说明文档
第6章 移动端产品界面设计解析
6.1 互联网公司团队架构
6.1.1 产品团队
6.1.2 研发团队
6.2 移动端产品开发流程
6.3 名绣App界面设计案例解析
6.3.1 产品分析
6.3.2 品牌形象
6.3.3 界面配色
6.3.4 界面图标设计
6.3.5 界面版式设计
6.4 “MUSIC & COFFEE”音咖概念App界面设计案例解析
6.4.1 产品定位
6.4.2 用户研究
6.4.3 视觉规范
6.4.4 界面布局
6.4.5 界面视觉设计
第7章 UI中的动效设计
7.1 动效设计软件介绍
7.1.1 UI常用动效设计软件
7.1.2 AE界面结构与基本功能
7.1.3 AE合成与变换
7.2 UI动效设计案例详解
7.2.1 弹射玩具
7.2.2 动态进度条
7.2.3 充电显示
7.2.4 发光盒子
7.2.5 信息提示
7.2.6 飞行动画
7.2.7 渐变字体
7.2.8 炫彩图标
7.2.9 广告动效
7.2.10 传送动效
7.2.11 变色雪花
7.2.12 加载动效
7.2.13 合成图标
7.2.14 弹跳效果