目录

目　录

前　言

前　言

第一章　UI设计基础

第一节　什么是UI设计

一　用户研究

二　信息结构设计

三　交互设计

四　视觉设计

第二节　UI的设计流程

一　用户需求分析阶段

二　工业设计/界面设计

三　使用性测试以及设计改进/发布

四　品牌维护以及优化

第三节　用户体验中的职业选择

一　产品/项目经理

二　用户体验研究员

三　互动设计师

四　视觉设计师

五　前台、后台工程师

六　用户体验研究员

第二章　图标设计

第一节　图标设计规范

第二节　工作环境

一　Photoshop重点工具介绍

二　制作图标之前首选项的设置

第三节　形状图层

第四节　智能对象与智能滤镜

第五节　布尔运算

案例1　图标设计制作——短信图标

案例2　图标设计制作——扁平化图标

第六节　优秀图标欣赏

第七节　设计工具类型的图标

案例3　绘制图标栅格系统

案例4　绘制图标栅格系统图标

案例5　绘制启动图标

第八节　课程训练

一　作业要求

二　学生作业范例及点评

第九节　优秀作品欣赏

第三章　手机UI主题设计

第一节　手机UI主题设计概述

第二节　手机主题风格分类

一　拟物设计

二　扁平化风格

三　卡通风格

四　中国元素

五　混搭风格

案例6　锁屏界面设计制作

案例7　应用程序主菜单界面设计制作

第三节　课程训练

一　作业要求

二　学生作业范例及点评

第四节　优秀作品欣赏

第四章　产品原型设计

第一节　互联网产品分类

一　电子商务类（B2B、B2C、C2C）产品(https://www.daowen.com)

二　SNS类产品

三　O2O类产品

第二节　手机APP产品设计概述

一　手机APP界面UI设计规范

二　APP配色

三　APP构图

第三节　手机产品思维策划

第四节　手机产品线框图设计

一　线框图是产品设计和开发的重要工具

二　制作线框图的工具和媒介

三　APP启动页设计方案及分析

案例8　启动设计案例

案例9　首页设计案例

第五节　课程训练

一　作业要求

二　学生作业范例及点评

第六节　优秀作品欣赏

一　故宫博物院APP欣赏

二　面馆APP欣赏

三　蓝芝士APP欣赏

四　鸟萌APP欣赏

五　海报工厂APP欣赏

六　GeGe APP欣赏

七　Wokamon走星人APP欣赏

八　Lu's Camera APP欣赏

九　樱桃音乐APP欣赏

第五章　游戏UI设计

第一节　游戏UI

第二节　游戏UI设计的流程

案例10　游戏界面设计

案例11　游戏操作界面

第三节　课程训练

一　作业要求

二　学生作业范例及点评

第四节　优秀作品欣赏

一　部落冲突

二　疯狂外科医生

三　迷失之风

四　Alien Hive

五　HEROKI

六　KAMI

七　KINGDOM RUSH

八　TINY FARM

第六章　音乐播放器设计与制作

第一节　音乐播放器

案例12　音乐播放器界面

第二节　课程训练

一　作业要求

二　学生作品范例及点评

第七章　UI设计与制作课程思政

第一节　以时政热点为设计主题

案例13　建党100周年触摸屏—启动页面设计

第二节　课程训练

一　作业要求

二　作业范例及点评