UI-行事历APP界面设计

1.【打开】Sketch软件，【打开】整体布局图。具体效果如图示。

2.【新建】画板，【选择】合适的屏幕尺寸。具体效果如图示。

3.按R键使用【矩形工具】绘制44PX高，与屏幕宽一样的矩形，放置顶部合适的位置。具体效果如图示。

4.拖出参考线，排列至矩形合适的位置。按Alt键【移动复制】矩形至合适的位置，调整高度，并拖出参考线，排列至合适的位置。具体效果如图示。

5.使用【矩形工具】绘制34PX高的矩形，排列至画板底部合适的位置，拖出参考线固定尺寸。具体效果如图示。

6.使用【矩形工具】绘制矩形，调整矩形圆角至合适的角度，【填充】黑色，排列至画板底部合适的位置。具体效果如图示。

7.使用【矩形工具】绘制16PX宽的矩形，置于边界，拖出参考线固定文本区域。【拖入】顶部电池条素材，放置顶部合适的位置，【修改】顶部矩形颜色。具体效果如图示。

8.使用【矩形工具】，根据菜单的版式设计，绘制菜单ICON图标，放置画板合适的位置。具体效果如图示。

9.【修改】菜单栏矩形框颜色，【复制】标题素材，使用【文字工具】输入文字信息，排列至版面合适的位置。具体效果如图示。

10.使用【矩形工具】绘制画板大小矩形，调整图层顺序，【填充】合适的颜色。以大标题为基准，拖出参考线，排列至合适的位置。根据参考线的大小，使用【矩形工具】，在标题右侧绘制ICON图标，【填充】合适的颜色，添加【投影】。具体效果如图示。

11.使用【文字工具】，输入文字，【颜色】白色，调整大小，放置ICON上方合适的位置。具体效果如图示。