动静之美 Sketch移动UI与交互动效设计详解

目录



CHAPTER 01 移动UI设计师的入门 011

1.1　移动UI的发展　012

1.1.1　第一阶段：移动UI设计的目的是保证软件的可用　012

1.1.2　第二阶段：从可用到易用　012

1.1.3　第三阶段：内容为王的设计追求减法和好用　013

1.2　移动UI设计师的工作流程　014

1.3　不同移动平台之间的差异　015

1.4　移动UI设计师应了解的基本常识　018

1.4.1　移动UI设计中用到的单位　019

1.4.2　常用移动设备的尺寸　019

1.4.3　文字设计注意事项　021

1.4.4　为触控而设计　022

1.4.5　从iOS9的特点看设计趋势　023

1.5　本章小结　024

CHAPTER　02 初识Sketch　025

2.1　Sketch的安装　026

2.2　Sketch的界面介绍　027

2.2.1　欢迎界面　028

2.2.2　Sketch的主界面　029

2.3　Sketch的快捷键　032

2.3.1　Sketch的快捷键列表　033

2.3.2　自定义快捷键　036

2.4　Sketch的常见问题　037

2.5　本章小结　038

CHAPTER　03 从线框原型开始　039

3.1　线框原型的基本概念　040

3.2　绘制线框原型的注意事项　041

3.2.1　导航菜单的样式　041

3.2.2　线框原型中的层次　042

3.2.3　线框原型风格对设计的影响　043

3.3　使用Sketch绘制线框原型　044

3.3.1　注册页线框原型的绘制　044

引申知识点01——回到Sketch文档的历史版本　045

引申知识点02——Sketch的画板预设　046

引申知识点03——画板的检查器　048

引申知识点04——图层面板　049

引申知识点05——模板　052

引申知识点06——图层组的检查器　054

引申知识点07——形状图层的检查器　055

引申知识点08——文字图层的检查器　057

3.3.2　内容列表页线框原型的绘制　059

3.3.3　完整线框原型的绘制　061

3.3.4　绘制线框原型的思考　062

3.4　本章小结　062

CHAPTER　04 移动UI界面的设计　063

4.1　iOS应用界