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