本书通过大量的案例分析,详细介绍了Sketch 4在设计移动UI中的应用,分别针对Sketch绘制线框原型、设计图标、设计移动UI、设计网站UI和UI的输出与交互进行了讲解。通过学习读者应该熟悉移动UI设计的规范和设计要点,同时掌握移动UI的输出以及交互动效的添加方法。本书在每一章中都根据该章节内容添加专家支招,为读者解答一些与实际工作相关的疑难问题。本书适用于UI设计师、网站设计人员和网页设计爱好者阅读,也可作为网页设计师、专业移动UI设计师、交互设计师、艺术院校师生及UI设计爱好者的参考书。
内容简介
前言
Chapter 01 移动UI设计师入门
1.1 移动UI设计的发展
1.2 移动UI设计师的工作流程
1.3 iOS和Android设计特色
1.4 移动UI设计师应了解的基本常识
1.5 专家支招
1.6 本章小结
Chapter 02 初识Sketch
2.1 Sketch的安装和启动
2.2 Sketch的欢迎介绍
2.3 Sketch的主界面
2.4 Sketch的快捷键
2.5 Sketch的系统偏好设置
2.6 Sketch的标尺、参考线和网格
2.7 Sketch的常见问题
2.8 专家支招
2.9 本章小结
Chapter 03 从线框原型开始
3.1 线框原型的基本概念
3.2 绘制线框原型的注意事项
3.3 Sketch绘制线框原型
3.4 使用Sketch绘制线框原型
3.5 完整线框原型的绘制
3.6 绘制线框原型的思考
3.7 专家支招
3.8 本章小结
Chapter 04 使用Sketch设计图标
4.1 图标的设计准则
4.2 图标集的制作过程
4.3 使用Sketch插入面板
4.4 图形的布尔运算
4.5 实战—绘制iOSApp图标
4.6 实战——绘制音乐应用图标
4.7 图标的源文件格式
4.8 专家支招
4.9 本章小结
Chapter 05 使用Sketch设计移动UI
5.1 移动UI的设计原则
5.2 移动界面的色彩搭配与视觉效果
5.3 iOS应用界面设计规范
5.4 安卓界面及MaterialDesign设计规范
5.5 移动界面中的色彩应用
5.6 文字的创建与编辑
5.7 使用共享样式
5.8 文字的导出
5.9 实战—绘制iOS音乐播放界面
5.10 实战—绘制iOS社交App界面
5.11 实战—绘制iOS支付App界面
5.12 专家支招
5.13 本章小结
Chapter 06 使用Sketch设计PC端网站UI
6.1 网页设计PC端和移动端的区别
6.2 扁平化设计在UI设计中的应用
6.3 编辑绘制的图形
6.4 位图的编辑
6.5 应用样式
6.6 混合模式
6.7 组件
6.8 实战—绘制企业PC端网站界面
6.9 实战—绘制企业PC端网站界面
6.10 专家支招
6.11 本章小结
Chapter 07 UI的输出与交互设计
7.1 适配多分辨率移动界面
7.2 实现在设备上实时预览
7.3 分享设计稿
7.4 交付给开发人员的文件
7.5 使用Sketch切图
7.6 使用Sketch标注
7.7 设计移动交互动效
7.8 使用Sketch插件
7.9 专家支招
7.10 本章小结
