第1章　移动UI设计基础__eol__1.1 UI设计与移动UI设计 1__eol__1.1.1 了解UI设计 1__eol__1.1.2 了解移动UI设计 2__eol__1.1.3 移动UI与平面UI 3__eol__1.2 移动UI设计的平台类型 4__eol__1.2.1 Android系统 5__eol__1.2.2 iOS系统 6__eol__1.2.3 Wear OS系统和Watch OS 系统 7__eol__1.3 移动UI的设计内容 8__eol__1.3.1 配色方案的设计 8__eol__1.3.2 页面布局的设计 10__eol__1.3.3 按钮和图标的设计 12__eol__1.3.4 文字和版式的设计 15__eol__1.4 了解移动UI设计常用的软件 16__eol__1.4.1 Axure RP 和Adobe XD 16__eol__1.4.2 Photoshop和Sketch 17__eol__1.4.3 PxCook和Assistor PS 18__eol__1.5 了解UI设计的工作流程 19__eol__1.5.1 需求分析 19__eol__1.5.2 交互设计 22__eol__1.5.3 视觉设计 25__eol__1.6 了解互联网产品职位划分 26__eol__1.6.1 产品经理 27__eol__1.6.2 项目经理 27__eol__1.6.3 页面设计师 27__eol__1.6.4 开发人员 27__eol__1.7 本章小结 28__eol__第2章　iOS系统界面设计__eol__2.1 分辨率与界面设计尺寸 29__eol__2.1.1 像素与分辨率 29__eol__2.1.2 iOS系统界面设计尺寸 30__eol__实战练习01—使用Photoshop新建App文件 30__eol__2.2 iOS系统的组件尺寸 32__eol__2.2.1 组件尺寸 32__eol__2.2.2 边距和间距 32__eol__实战练习02—创建辅助线绘制iOS组件 35__eol__2.3 iOS系统文字设计规范 36__eol__2.3.1 字体 36__eol__2.3.2 字号 37__eol__2.3.3 颜色和字重 38__eol__2.4 iOS系统图标设计规范 39__eol__2.5 iOS系统图片设计规范 40__eol__2.5.1 图片的比例 40__eol__2.5.2 图片的格式 41__eol__2.6 iOS系统内容布局 42__eol__2.6.1 列表式布局 42__eol__2.6.2 陈列馆式布局 42__eol__2.6.3 宫格式布局 43__eol__2.6.4 卡片式布局 43__eol__2.7 iOS系统版式设计规范 44__eol__实战练习03—设计制作iOS 系统App版面 45__eol__2.8 iOS系统设计适配 47__eol__2.8.1 向下适配 47__eol__2.8.2 向上适配 49__eol__2.9 iOS切图规范 50__eol__2.9.1 切图输出 51__eol__实战练习04—使用Photoshop切图输出 52__eol__2.9.2 切片命名规范 54__eol__2.9.3 设计稿标注 55__eol__2.10 提交最终文件 58__eol__2.11 本章小结 58__eol____eol__第3章　Android系统界面设计__eol__3.1 了解Android系统“碎片化” 59__eol__3.2 Android系统界面设计尺寸 60__eol__3.2.1 了解屏幕密度的概念 60__eol__3.2.2 Android系统开发单位 61__eol__3.2.3 Android系统界面设计尺寸 61__eol__实战练习01—使用Adobe XD创建Android__eol__文档 62__eol__3.3 Android系统组件设计尺寸 64__eol__3.3.1 Android系统组件尺寸 64__eol__3.3.2 Android系统的元素间距 64__eol__实战练习02—创建Android系统界面的组件 65__eol__3.4 Android系统文字设计规范 66__eol__3.4.1 字体 66__eol__3.4.2 字号 67__eol__3.5 Android系统中图标设计规范 67__eol__3.5.1 图标尺寸 69__eol__3.5.2 触摸反馈 70__eol__实战练习03—绘制Android App界面结构 70__eol__3.6 Android界面标注与切图 73__eol__3.6.1 Android界面的标注 73__eol__3.6.2 Android界面的切图 74__eol__3.6.3 “点9”切图的应用 75__eol__3.7 Android系统界面适配问题 79__eol__3.7.1 采用哪种分辨率设计 79__eol__3.7.2 设计师需要提供几套切图 79__eol__3.7.3 界面设计中字体的应用技巧 79__eol__3.8 如何做到一稿两用 80__eol__3.9 本章小结 80__eol__第4章　移动UI图标设计__eol__4.1 图标设计基础 81__eol__4.1.1 图标设计的必要性 81__eol__4.1.2 影响图标的属性 82__eol__4.1.3 好图标的特点 85__eol__4.2 了解图标栅格系统 85__eol__4.2.1 系统图标栅格 86__eol__4.2.2 不同造型图标的栅格规范 86__eol__4.3 图标的渲染风格 88__eol__4.4 图标的透视 91__eol__4.4.1 关于透视 91__eol__4.4.2 绘制零点透视图标 91__eol__实战练习01—绘制零点透视图标 92__eol__4.4.3 绘制一点透视图标 93__eol__实战练习02—绘制一点透视图标 94__eol__4.4.4 绘制两点透视图标 95__eol__实战练习03—绘制两点透视图标 96__eol__4.5 图标集的制作流程 97__eol__4.5.1 创建制作清单 98__eol__4.5.2 设计草图 98__eol__4.5.3 数字呈现 98__eol__4.5.4 确定最终效果 99__eol__4.5.5 命名并导出 99__eol__4.6 移动UI图标设计形式 99__eol__4.6.1 中文形式 99__eol__4.6.2 英文形式 101__eol__4.6.3 图形形式 102__eol__4.6.4 数字和特殊符号形式 102__eol__4.7 启动图标设计 103__eol__4.7.1 启动图标设计要求 103__eol__4.7.2 启动图标设计规范 104__eol__实战练习04—设计制作iOS指南针启动图标 104__eol__4.7.3 快速索引、设置页面和通知图标 107__eol__4.8 标签栏图标设计 107__eol__实战练习05—设计制作标签栏图标 108__eol__4.9 图标设计的优点与原则 111__eol__4.10 本章小结 112__eol__第5章　iOS系统界面应用设计__eol__5.1 设计制作旅游App界面 113__eol__5.1.1 旅游App界面布局分析 113__eol__实战练习01—设计制作旅游App界面布局 114__eol__5.1.2 旅游App界面色彩搭配分析 115__eol__5.1.3 旅游App界面元素分析 116__eol__实战练习02—设计制作旅游App界面 118__eol__5.1.4 旅游App界面输出分析 123__eol__实战练习03—旅游App界面适配 123__eol__5.2 设计制作外卖App界面 125__eol__5.2.1 外卖App界面布局分析 125__eol__实战练习04—设计制作外卖App界面布局 126__eol__5.2.2 外卖App界面色彩搭配分析 127__eol__5.2.3 外卖App界面元素分析 128__eol__实战练习05—设计制作外卖App登录界面 129__eol__实战练习06—设计制作外卖App主页界面 134__eol__5.2.4 外卖App界面输出分析 138__eol__实战练习07—外卖App界面适配 139__eol__5.2.5 外卖App界面交互效果分析 140__eol__实战练习08—设计制作外卖App交互原型 141__eol__5.3 设计制作播放器App界面 143__eol__5.3.1 播放器App界面图标组 143__eol__实战练习09—设计制作播放器App界面图__eol__标组 144__eol__5.3.2 设计制作播放器App界