30天零负担轻松学会制作APP介面及设计【DAY 09】

大家好，我是YIYI，今天我要来制作左上角点开的清单以及点开右上角相机後的页面。

清单LIST

考虑到这款APP的功能多样化，所有的Icon都必须是让人一眼就知道这是做什麽的。以避免操作上的不方便。
我依序设置了主页、个人资料、日记、记帐、报表、月事、体重、趋势、设定，以及最後广告性质的关注我们。

这是在icon全部放上去後的初版。
在Rectangle(可以把这个矩形当成小白板的概念)放到复制出来的HOMEPAGE之前，要先放一个Overlay，也就是覆盖住整个页面，目的是为了让大家知道这个地方目前是不能做点击的。放上Overlay後会变成如下图。

接着将前面做好的Rectangle放到画面中。

并重复昨天的动作，将图片汇出，并以PHOTOPEA打开做调色。
在操作的过程中发现文字部分在PHOTOPEA在打上去效果会比较好，所以就将原本字的地方盖掉了，并用文字工具放入图片中。
下图中看到的就是在对齐文字时所用的参考线。

接着就要转存成PNG档并汇入Whimsical中。
并拉出关联图的线。