本书根据高等职业教育“注重实践”的教学特点，采用“案例引导、任务驱动”的编写方式，以实用为目的，注重对学生专业技能、动手能力的培养。书中对知识点进行了细致的取舍和编排，融通俗性、实用性和技巧性于一体。本书内容包括UI设计行业及UI设计师的工作内容，由UI设计基础、图标设计、导航设计、网络广告设计、网页界面设计、配色、App界面设计等组成。通过对本书的学习，能够理解UI设计的基础理论知识，掌握图标设计、网页界面设计、App界面设计等技能。
为了使学习者能快速且有效地掌握核心知识和技能，也方便教师更有效地教学，本书配有电子课件、微课、源素材等资源，读者可从http://www.tup.com.cn下载。
本书既可作为职业院校、应用型本科院校计算机应用专业或数字媒体艺术类专业UI设计、平面设计课程的教材，也可作为相关自学人员的参考用书。

第1章 UI设计基础
1.1 初识UI设计
1.1.1 什么是UI设计
1.1.2 UI设计常用名词
1.1.3 UI设计的分类
1.2 初识设计行业
1.2.1 UI行业现状
1.2.2 未来UI设计的发展趋势
1.2.3 UI设计师的发展方向
1.3 UI设计工作流程
1.3.1 自主研发产品的开发流程
1.3.2 外包公司开发流程
1.3.3 网站推出流程
第2章 图标设计
2.1 图标的概念
2.2 图标、标志和标识的区别
2.3 图标的分类
2.4 图标的风格
2.5 图标设计的原则
2.6 图标制作
2.6.1 像素图标制作
2.6.2 剪影图标制作
2.6.3 拟物化图标制作
2.6.4 扁平化图标制作
第3章 导航设计
3.1 网页导航的概念
3.2 导航的分类
3.2.1 按表现形式划分
3.2.2 按作用划分
3.2.3 按设计模式划分
3.2.4 App导航分析
3.3 网站导航设计
3.3.1 注意事项和设计原则
3.3.2 导航创意
3.4 网站导航赏析
3.4.1 真功夫
3.4.2 汇源果汁
3.4.3 可口可乐
3.4.4 李宁
3.4.5 乐途
3.4.6 相宜本草
3.4.7 露得清
3.5 导航制作案例
3.5.1 门牌导航的制作
3.5.2 苹果下载按钮的制作
3.6 课堂实训
3.6.1 新浪微博导航的制作
3.6.2 苹果导航栏的制作
3.7 拓展练习
3.8 知识拓展
3.8.1 二分环的制作
3.8.2 钢笔工具的运用
第4章 网络广告设计
4.1 网络广告概述
4.2 网络广告设计的目标和创意
4.2.1 网络广告设计的目标
4.2.2 网络广告的创意
4.3 网络广告案例赏析
4.4 Banner的设计
4.4.1 Banner设计的目标
4.4.2 Banner的主要构成元素
4.4.3 Banner的设计方法
4.4.4 Banner的设计原则和设计要求
4.5 Banner制作案例
4.5.1 浙江音乐学院研究生处官网通栏效果
4.5.2 设计分析
4.5.3 制作要点分析
4.5.4 操作过程
4.6 网店海报制作案例
4.6.1 概述
4.6.2 Coccinelle广告设计过程分析
4.6.3 经验分享
4.7 课堂实训
4.7.1 数码广告的制作
4.7.2 丝巾广告的制作
4.8 课后练习
4.9 知识拓展——图层蒙版在UI设计中的使用技巧
4.9.1 图层蒙版的概念
4.9.2 操作演示
第5章 网页界面设计
5.1 网页界面设计概述
5.2 界面文字设计
5.2.1 网页字体与字体安排
5.2.2 文字形式
5.2.3 网页文字编排方式
5.2.4 网页文字设计方法
5.2.5 网页文字编排技巧
5.3 图形图像
5.3.1 网页图形图像设计的构成要素
5.3.2 网页图形图像的创意设计
5.3.3 网页图形图像的处理方法
5.4 色彩
5.4.1 色彩的基本知识
5.4.2 网页中的色彩搭配
5.4.3 大公司的网站中颜色运用的例子
5.5 网页布局
5.5.1 版式设计原则
5.5.2 版式设计的视觉因素
5.5.3 版式构成类型
5.5.4 网页版面布局与制作
5.6 网页界面设计实例
第6章 配色
6.1 三原色
6.1.1 色光三原色
6.1.2 颜料三原色
6.2 色彩的种类
6.2.1 无彩色系
6.2.2 有彩色系
6.3 色彩的三要素
6.3.1 色相
6.3.2 纯度
6.3.3 明度
6.4 色彩的感觉
6.5 配色
6.5.1 色环配色
6.5.2 明度配色
6.5.3 纯度配色
6.6 ColorImpact软件
6.7 配色板生成技巧
第7章 App界面设计
7.1 App界面设计基础
7.1.1 什么是App
7.1.2 AppUI设计和平面UI设计的区别
7.1.3 AppUI设计的要点
7.2 App界面前期设计流程及方法
7.2.1 分析App的市场定位
7.2.2 草图的绘制
7.2.3 视觉设计
7.2.4 最终定制方案
7.3 移动设备中的常用尺寸
7.3.1 屏幕尺寸
7.3.2 屏幕分辨率
7.3.3 App中图标的尺寸
7.3.4 图标格式
7.4 App的界面构成
7.4.1 导航栏
7.4.2 主屏幕
7.4.3 下方按钮栏
7.5 App界面设计流程及要点分析
7.5.1 电商类
7.5.2 音乐播放器类
7.6 App界面风格设计——绘画艺术
7.6.1 创意构思
7.6.2 手绘卡通界面制作
参考文献