本书基于UI设计师所需的岗位技能，聚焦UI设计工作流程，围绕“伴游”App和“博学苑”App的UI设计展开讲解，集图标设计、主界面设计、登录界面设计、引导页界面设计、搜索产品列表页界面设计、详情页界面设计、个人**页界面设计为一体，再现项目功能需求确定，原型图绘制、视觉规范设计、页面效果图制作、标注及切图等环节的设计思路和工作流程，使学生对UI设计师这一岗位及UI设计行业的环境有一个清晰的认识。本书针对的是已掌握Photoshop或Illustrator基本操作技能的读者，适合作为高等职业院校UI设计课程的教材，也适合作为对UI设计感兴趣的读者的参考书。

项目1 认识UI设计 1.1 相关知识 2 1.1.1 UI设计的概念 2 1.1.2 UI设计分类 3 1.1.3 UI设计师简介 4 1.1.4 UI设计的发展趋势 5 1.1.5 UI设计基础 6 1.2 项目小结 16 1.3 课后习题 16 项目2 设计“伴游”App图标 2.1 任务导入 18 2.2 相关知识 18 2.2.1 图标的概念 18 2.2.2 图标的设计规范 19 2.2.3 图标的风格类型 20 2.2.4 图标网格 22 2.3 任务实施 23 2.3.1 思路解析 23 2.3.2 应用图标的设计与制作 23 2.3.3 面性“首页”图标的设计与制作 31 2.3.4 渐变“攻略”图标的设计与制作 36 2.4 创意设计实践 46 2.5 项目小结 48 2.6 课后习题 48 项目3 设计“伴游” App主界面和登录界面 3.1 任务导入 50 3.2 相关知识 50 3.2.1 主界面中的主要元素 50 3.2.2 App产品原型 57 3.2.3 标注 60 3.2.4 卡片式设计 60 3.3 任务实施 61 3.3.1 主界面设计思路解析 61 3.3.2 ���界面的设计与制作 62 3.3.3 登录界面设计思路解析 67 3.3.4 登录界面的设计与制作 68 3.4 创意设计实践 70 3.5 项目小结 72 3.6 课后习题 72 项目4 设计“伴游”App引导页界面 4.1 任务导入 74 4.2 相关知识 74 4.2.1 引导页的分类 74 4.2.2 引导页界面的表现方式 76 4.2.3 UI设计中的MBE风格 78 4.3 任务实施 79 4.3.1 引导页界面设计思路解析 79 4.3.2 引导页界面的设计与制作 79 4.4 创意设计实践 88 4.5 项目小结 89 4.6 课后习题 89 项目5 设计“伴游”App 搜索列表页和详情页界面 5.1 任务导入 91 5.2 相关知识 92 5.2.1 了解搜索列表页和详情页 92 5.2.2 详情页界面版面布局 92 5.2.3 字体规范 93 5.3 任务实施 94 5.3.1 搜索列表页界面设计思路解析 94 5.3.2 搜索列表页界面的设计与制作 95 5.3.3 详情页界面设计思路解析 102 5.3.4 详情页界面的设计与制作 103 5.4 创意设计实践 108 5.5 项目小结 109 5.6 课后习题 109 项目6 设计“伴游”App个人**页界面 6.1 任务导入 111 6.2 相关知识 111 6.2.1 了解个人**页 111 6.2.2 个人**页界面的组成 112 6.2.3 界面中的色彩系统 112 6.3 任务实施 114 6.3.1 个人**页界面设计思路解析 114 6.3.2 个人**页界面的设计与制作 115 6.3.3 设置页界面的设计与制作 119 6.4 创意设计实践 122 6.5 项目小结 123 6.6 课后习题 123 项目7 设计“伴游”网页端首页界面 7.1 任务导入 125 7.2 相关知识 126 7.2.1 网页界面设计的概念 126 7.2.2 网页界面设计的流程 126 7.2.3 栅格系统 127 7.3 任务实施 130 7.3.1 网页端首页界面设计思路解析 130 7.3.2 网页端首页界面的设计与制作 131 7.4 创意设计实践 138 7.5 项目小结 139 7.6 课后习题 140 项目8 设计“伴游”网页端搜索列表页和详情页界面 8.1 任务导入 142 8.2 相关知识 143 8.2.1 常用网页界面的类型 143 8.2.2 常见的网页界面布局方式 144 8.3 任务实施 147 8.3.1 网页端搜索列表页界面设计思路解析 147 8.3.2 网页端搜索列表页界面的设计与制作 148 8.3.3 网页端详情页界面设计思路解析 153 8.3.4 网页端详情页界面的设计与制作 154 8.4 创意设计实践 168 8.5 项目小结 169 8.6 课后习题 169 项目9 设计“伴游”网页端个人**订单页和下载页界面 9.1 任务导入 171 9.2 相关知识 172 9.2.1 网页界面设计规范 172 9.2.2 了解下载页 174 9.3 任务实施 175 9.3.1 网页端个人**订单页界面设计思路解析 175 9.3.2 网页端个人**订单页界面的设计与制作 176 9.3.3 网页端下载页界面设计思路解析 179 9.3.4 网页端下载页界面的设计与制作 179 9.4 创意设计实践 182 9.5 项目小结 182 9.6 课后习题 182