本书为“十四五”职业教育国家规划教材，也是国家职业教育数字媒体专业群教学资源库配套教材。

UI 设计是高职院校数字媒体艺术设计专业的一门专业必修课程，也是该专业学生需要掌握的核心能力的课程之一。全书包括了解UI 设计行业、UI 设计师的工作内容，理解UI 设计的基础理论知识，掌握图标设计、App 界面设计、网页设计的设计技巧等内容。

本书配有微课视频、授课用PPT、案例素材等丰富的数字化学习资源。与本书配套的数字课程“UI 设计”在“智慧职教”平台（www.icve.com.cn）上线，学习者可登录平台进行在线学习，授课教师可调用本课程构建符合自身教学特色的SPOC 课程，详见“智慧职教”服务指南。

本书同时配有MOOC 课程，学习者可以访问“智慧职教MOOC 学院”（mooc.icve.com.cn）进行在线开放课程学习。教师也可发邮件至编辑邮箱1548103297@qq.com 获取相关资源。

本书可作为高等职业院校UI 设计的课程教材，也可作为UI 设计爱好者的学习和参考用书。

前辅文
单元1 初识UI设计的世界
  【学习目标】
  【引例描述】
  【知识准备】
  1.1 初识UI设计
   1.1.1 什么是UI设计
   1.1.2 UI设计常用名词及缩写.
   1.1.3 UI设计的分类
  1.2 初识UI设计行业.10 1.2.1 UI行业现状.
   1.2.2 未来UI设计新领域
   1.2.3 UI设计的发展趋势
  1.3 初识UI设计师
   1.3.1 UI设计师所需装备
   1.3.2 UI设计师必备技能
   1.3.3 UI设计师的职业规划
  1.4 UI设计工作流程.21 1.4.1 自主软件产品开发流程
   1.4.2 外包公司产品开发流程
   1.4.3 网站推出流程.
   1.4.4 企业体制与文化环境对UI设计工作的影响
  任务1——应聘UI设计师岗位 【难度★★】
   【知识引导】
   【任务实施】
  【课后回顾与思考】
  【拓展训练】
  【学习评估】
  【小结】
单元2 图标设计
  【学习目标】
  【引例描述】
  【知识准备】
  2.1 图标设计基础
   2.1.1 图标的概念.
   2.1.2 图标､标志与标识的区别
   2.1.3 图标设计的作用和意义
   2.1.4 图标设计的原则
   2.1.5 图标设计的分类
  2.2 图标概念设计的灵感来源
  任务2——像素图标的绘制 【难度★★★】
   【知识引导】
   【任务实施】
   【知识点拓展】
  任务3——2D剪影图标的绘制 【难度★★★】
   【知识引导】
   【任务实施】
   【知识点拓展】
  任务4——写实图标的绘制【难度★★★】
   【知识引导】
   【任务实施】
   【知识点拓展】
  任务5——扁平化图标的绘制 【难度★★】
   【知识引导】
   【任务实施】
   【知识点拓展】
  【课后回顾与思考】
  【拓展训练】
  【学习评估】
  【小结】
单元3 App界面设计
  【学习目标】
  【引例描述】
  【知识准备】
  3.1 App设计基础
   3.1.1 常见智能手机的操作系统
   3.1.2 App的界面构成
   3.1.3 App设备的设计规范
  3.2 App视觉设计流程及方法
   3.2.1 产品定位及市场分析阶段
   3.2.2 草图绘制和架构设计阶段
   3.2.3 视觉设计及界面设计阶段
   3.2.4 界面输出及可用性测试阶段
   3.2.5 产品上线及优化方案阶段
   3.2.6 成功App的设计思路与注意事项
  3.3 7类App的界面设计欣赏及要点分析
   3.3.1 金融相关App界面设计实例
   3.3.2 网购电商相关App界面设计实例
   3.3.3 摄影美图相关App界面设计实例
   3.3.4 阅读新闻相关App界面设计实例
   3.3.5 社交地图相关App界面设计实例
   3.3.6 音乐播放相关App界面设计实例
   3.3.7 工具相关App界面设计赏析
  3.4 App设计检查标准.
  任务6——电商App页面设计与输出 【难度★★★★】
   【知识引导】
   【任务实施】
   【知识点拓展】
  【课后回顾与思考】
  【拓展训练】
  【学习评估】
  【小结】
单元4 网站界面设计
  【学习目标】
  【引例描述】
  【知识准备】
  4.1 网站设计的前期定位
   4.1.1 网站目标分析
   4.1.2 用户需求分析
   4.1.3 网站类型与规模
  4.2 视觉设计元素
   4.2.1 文字
   4.2.2 图形图像
   4.2.3 色彩
   4.2.4 布局
   4.2.5 动态效果
  4.3 网站用户体验
   4.3.1 浏览型体验网站
   4.3.2 交互型体验网站
   4.3.3 信任型体验网站
   4.3.4 感受型体验网站
  4.4 9项网页设计要素规范
   4.4.1 网站站名/标题文字
   4.4.2 导航
   4.4.3 功能块
   4.4.4 控制
   4.4.5 语言
   4.4.6 反馈
   4.4.7 一致性
   4.4.8 防止出错
   4.4.9 视觉清晰
  任务7——企业门户网站设计实例 【难度★★★★】
   【知识引导】
   【任务实施】
  任务8——电商网站设计实例 【难度★★★】
   【知识引导】
   【任务实施】
  任务9——活动专题网站设计实例 【难度★★★★】
   【知识引导】
   【任务实施】
   【知识点拓展】
  【课后回顾与思考】
  【拓展训练】
  【学习评估】
  【小结】
本书引用案例来源及参考书籍
本书引用图片来源
附录:学生作品欣赏
后记

“十四五”职业教育国家规划教材