Sketch-运动APP界面设计

1.本节课为大家带来一个运动APP的数据统计界面的设计。

2.打开【Sketch】，新建一个空白文档，按【A】呼出画板，选择【iPhone 7】的尺寸。

3.【从模板新建】选择【ios用户界面设计】。

4.选择一个白色的电池条，然后【Ctrl+C】复制，【Ctrl+V】复制到画布上。

5.在画布上按【R】键选择矩形，画一个深色背景图。

6.再利用【矩形工具】在画布上方预留一个20pt的电池条，去掉【描边】，改为【填充】，颜色改为更深一级的黑色。

7.然后【Ctrl+D】复制一个，再按住【Shift】移动下来作为头部，高度参数【如图所示】。

8.调整图层顺序，把电池条移动到最上面。

9.在头部输入【记录】，然后按住【Alt】移动并复制两个。

10.修改文字，因为【跑步】是重点，所以修改文字大小。

11.将文字【居中】对齐一下。

12.【Ctrl+G】对文字进行【图层编组】。