第一章 UI设计基础 9
第一节 什么是UI设计 10
一 用户研究 10
二 信息结构设计 11
三 交互设计 11
四 视觉设计 12
第二节 UI的设计流程 12
一 用户需求分析阶段性 12
二 工业设计/界面设计 12
三 使用性测试以及设计改进/发布 12
四 品牌维护以及优化 13
第三节 用户体验中的职业选择 13
一 产品/项目经理 13
二 用户体验研究员 13
三 互动设计师 14
四 视觉设计师 14
五 前台、后台工程师 14
六 用户体验研究员 15
第二章 图标设计 17
第一节 图标设计规范 18
第二节 工作环境 19
一 Photoshop重点工具介绍 19
二 制作图标之前首选项的设置 20
第三节 形状图层 20
第四节 智能对象与智能滤镜 21
第五节 布尔运算 22
Smart案例1图标设计制作—短信图标 23
Smart案例2图标设计制作—扁平化图标 26
第六节 优秀图标欣赏 29
第三章 手机UI主题设计 31
第一节 手机UI主题设计概述 32
第二节 手机主题风格分类 32
一 拟物设计 32
二 扁平化风格 33
三 卡通风格 33
四 中国元素 34
五 混搭风格 34
Smart案例3锁屏界面设计制作 35
Smart案例4应用程序主菜单界面设计制作 38
第三节 课程训练 42
一 作业要求 42
二 学生作业范例及点评 42
第四节 优秀作品欣赏 43
第四章 产品原型设计 45
第一节 互联网产品分类 45
一 电子商务类（B2B/B2C/C2C）产品 45
二 SNS类产品 45
三 020类产品 45
第二节 手机APP产品设计概述 47
一 手机APP界面UI设计规范 47
二 APP配色 49
三 APP构图 51
第三节 手机产品思维策划 54
第四节 手机产品线框图设计 55
一 线框图是产品设计和开发的重要工具 55
二 制作线框图的工具和媒介 55
三 APP启动页设计方案及分析 57
Big案例1启动设计案例 59
Big案例2首页设计案例 65
第五节 课程训练 74
一 作业要求 74
二 学生作业范例及点评 74
第六节 优秀作品欣赏 68
一 故宫博物院APP欣赏 68
二 面馆APP欣赏 69
三 蓝芝士APP欣赏 70
四 鸟萌APP欣赏 70
五 海报工厂APP欣赏 71
六 GeGe的APP欣赏 71
七 Wokamon走星人的APP欣赏 72
八 Lu’ s Camera APP欣赏 73
九 樱桃音乐APP欣赏 73
第五章 游戏UI设计 77
第一节 游戏UI 78
第二节 游戏UI设计的流程 79
Big案例3游戏界面设计 80
Big案例4游戏操作界面 85
第三节 课程训练 94
一 作业要求 94
二 学生作业范例及点评 94
第四节 优秀作品欣赏 90
一 部落冲突 90
二 疯狂外科医生 90
三 迷失之风 91
四 Alien Hive 91
五 HEROKI 92
六 KAMI 92
七 KINGDOM RUSH 93
八 TINY FARM 93
参考书目、网站 96