iT邦幫忙

2021 iThome 鐵人賽

DAY 13
0
Mobile Development

30天零負擔輕鬆學會製作APP介面及設計系列 第 13

30天零負擔輕鬆學會製作APP介面及設計【DAY 13】

  • 分享至 

  • xImage
  •  

大家好,我是YIYI,今天要來公開設計好的封面,還有修正、增加一些前面沒想到的東西。

APP一點開的介面

底色一樣使用前面設定好的App底色,字使用E8B6A5的色號。
並將主要使用的Icon去背後調整透明度,再放到圖片中調整位置,有一種高級的感覺(?/images/emoticon/emoticon07.gif

https://ithelp.ithome.com.tw/upload/images/20210922/20140979p2Fw4HFig1.png

增加TODAY以及WEEK按下加號的頁面

製作方法如同昨天製作PLUS的頁面。
完成後如下圖~

https://ithelp.ithome.com.tw/upload/images/20210922/20140979wTwiM8hDtX.png
https://ithelp.ithome.com.tw/upload/images/20210922/20140979FCSJgPXKJk.png

調整架構圖

首先將COVER放入架構圖中,並將TODAY、MONTH的頁面放置到HOMEPAGE的左右,並用RECTANGLE將所有的HOMEPAGE框起來。
再來加入今天製作的TODAY、MONTH的PLUS頁面,放置個別對照的頁面下方。並將LIST、CAMERA放到HOMEPAGE的左右,這樣前半段清晰的架構圖就完成了!/images/emoticon/emoticon42.gif

https://ithelp.ithome.com.tw/upload/images/20210922/20140979JRp9bYJPZ4.png

預告

明天將製作APP的日記部分的頁面。

謝謝大家的閱讀/images/emoticon/emoticon29.gif


上一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 12】
下一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 14】
系列文
30天零負擔輕鬆學會製作APP介面及設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言