第1章 网页UI设计入门
1.1 UI设计发展史
1.1.1 早期UI设计的风格
1.1.2 中期UI设计的兴起
1.1.3 后期UI设计的发展
知识点讲解——iOS系统
知识点讲解——Android系统
知识点讲解——Windows系统
知识点讲解——拟物化风格设计
知识点讲解——扁平化风格设计
1.2 网页UI设计的制作流程
1.2.1 产品调研阶段
1.2.2 UI视觉设计
1.2.3 产品技术开发
1.2.4 BUG测试
1.2.5 产品上线
1.2.6 产品迭代
1.3 UI设计的注意事项
1.3.1 图稿一致性原则
知识点讲解——字体
知识点讲解——表单录入
知识点讲解——鼠标手势
1.3.2 图稿准确性原则
1.3.3 布局合理化原则
1.3.4 操作合理性原则
1.3.5 系统响应时间原则
1.4 配色对于UI设计的影响
1.4.1 网页配色基本概念
知识点讲解——网页主色
知识点讲解——网页背景色
知识点讲解——网页辅色
知识点讲解——网页点缀色
1.4.2 网页配色基本方法
知识点讲解——根据产品内容确定网页主色
知识点讲解——根据网页主色确定配色方案
1.4.3 网页色彩搭配技巧
知识点讲解——同色系
知识点讲解——邻近色
知识点讲解——对比色
知识点讲解——互补色
1.5 本章小结
第2章 初识Sketch
2.1 绘制iOS照片分享界面
2.1.1 Sketch的安装与启动
操作案例——安装与启动Sketch
2.1.2 了解Sketch界面
知识点讲解——Sketch的主界面
知识点讲解——菜单栏
知识点讲解——工具栏
操作案例——自定义工具栏
2.1.3 设置Sketch的快捷键
知识点讲解——Sketch的快捷键
操作案例——自定义快捷键
2.1.4 添加图片、形状
知识点讲解——Sketch插入面板
知识点讲解——插入图片
知识点讲解——插入形状
2.1.5 添加文本
知识点讲解——插入文本
2.2 绘制手机登录页
2.2.1 新建和保存Sketch文件
知识点讲解——文件的新建和保存
……
第3章 绘制线框原型
第4章 使用Sketch绘制图标
第5章 Android UI设计
第6章 iOS UI设计
第7章 PC端UI设计
第8章 UI的输出与交互设计

夏志丽主编的《Sketch移动UI与交互设计（视频讲解版）》通过大量的案例制作，向读者详细地介绍了Sketch在设计网页界面时的使用方法，分别针对Sketch绘制线框原型、设计图标、Android UI设计、iOS UI设计、PC端UI设计和UI的输出与交互进行了讲解。通过学习，读者可以熟悉移动端UI设计和PC端UI设计的规范和设计要点，并掌握网页界面的输出及交互动效的添加方法。本书在每一章中都根据该章内容添加知识点讲解，为读者解答一些与实际工作相关的疑难问题。
本书适合UI设计师、网站设计人员和网页设计爱好者阅读，也可作为网页设计师、专业移动UI设计师、交互设计师、艺术院校师生及UI设计爱好者的理想参考书。