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

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

本书配有微课视频、授课用PPT、案例素材等丰富的数字化教学资源。与本书配套的数字课程“UI设计”在“智慧职教”平台（www.icve.com.cn）上线，学习者可以登录平台进行在线学习及资源下载，授课教师可以调用本课程构建符合自身教学特色的SPOC课程，详见“智慧职教”服务指南。本书同时配有MOOC课程，学习者可以访问“智慧职教MOOC学院”（mooc.icve.com.cn）进行在线开放课程学习。授课教师也可登录“高等教育出版社产品信息检索系统”（xuanshu.hep.com.cn）搜索并下载本书配套教学资源，首次使用本系统的用户，请先进行注册并完成教师资格认证。

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

前辅文
单元1 初识UI设计的世界
  【学习目标】
  【引例描述】
  【知识准备】
  1.1 初识UI设计
   1.1.1 什么是UI设计
   1.1.2 UI设计常用名词及缩写
   1.1.3 UI设计的分类
  1.2 初识UI设计行业
   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设计工作流程
   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.1.6 图标设计规范
  2.2 图标概念设计
   2.2.1 图标概念设计流程
   2.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.4 网站用户体验
   4.4.1 浏览型体验网站
   4.4.2 交互型体验网站
   4.4.3 信任型体验网站
   4.4.4 感受型体验网站
  4.5 网站界面设计流程
   4.5.1 原型图阶段
   4.5.2 视觉稿阶段
   4.5.3 设计规范阶段
   4.5.4 切图阶段
   4.5.5 前端代码阶段
   4.5.6 项目走查阶段
  4.6 9项网站界面设计要素规范
   4.6.1 网站站名/标题文字
   4.6.2 导航
   4.6.3 功能块
   4.6.4 控制
   4.6.5 语言
   4.6.6 反馈
   4.6.7 一致性
   4.6.8 防止出错
   4.6.9 视觉清晰
  任务7——企业门户网站设计实例【难度★★★★】
   【知识引导】
   【任务实施】
  任务8——电商网站设计实例【难度★★★】
   【知识引导】
   【任务实施】
  任务9——活动专题网站设计实例【难度★★★★】
   【知识引导】
   【任务实施】
   【知识点拓展】
  【课后回顾与思考】
  【拓展训练】
  【学习评估】
  【小结】
本书引用案例图片主要来源及参考书籍
附录：学生作品欣赏
后记

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