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

大家好，我是YIYI，今天我要制作APP登入後的介面。

先制作登入後介面的原因

因为我画的封面一直达不到我想要的感觉，於是决定先做里面，後面再来做封面~

HOMEPAGE

登入後的第一个介面，我希望是看起来是不会太复杂的，达到操作是有直觉性的。

开始制作页面

首先我先利用昨天提过的工具PHOTOPEA制作了如下图的页面。

接下来我要利用Whimsical内建的Icon来做排版。
用它来排版虽然方便，但是Icon的颜色非常基本，并没有我想要的配色，所以我将先把排版做好，再来调色。

这是我放好Icon後最初的样子。

然後将图片汇出，并利用PHOTOPEA打开档案，并利用油漆桶工具将我想要的颜色放入，就会变成下图这样。

最後就是将图片从PHOTOPEA汇出成PNG档，并汇入Whimsical中。
再经过一下加工，我的首页就完成了~(开心洒花)

欸不是才完成首页洒甚麽花…

预告

明天将制作左上角点开的清单以及右上角相机功能点开後的样子。

谢谢大家的阅读