iT邦幫忙

2021 iThome 鐵人賽

DAY 15
0
Mobile Development

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

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

大家好,我是YIYI,今天我要來製作日記-LIST以及個人資料頁面。

日記LIST

日記LIST是在昨天製作的日記頁面的基礎上增加LIST的頁面。
製作完成後如下圖~
https://ithelp.ithome.com.tw/upload/images/20210924/20140979f1DZvrvfdJ.png
這邊的LIST跳轉頁面和前面是導向一樣的頁面呦~

個人資料

個人資料頁面的製作是我認為比較麻煩的部分~
可能是我缺乏美術細胞/images/emoticon/emoticon02.gif
第一階段用WHIMSICAL做完後如下圖~
https://ithelp.ithome.com.tw/upload/images/20210924/20140979SfReIMbluu.png
再來一樣匯入PHOTOPEA做調色、打上文字~
感覺就非常不一樣了呢~(雖然看起來還是醜醜的)/images/emoticon/emoticon46.gif
https://ithelp.ithome.com.tw/upload/images/20210924/20140979bOw5WTvCwF.png

整理資料夾

在製作介面的過程中,整理資料夾我覺得是非常重要的一件事呢!
https://ithelp.ithome.com.tw/upload/images/20210924/20140979P3g0eNsmgc.png
今天將已經製作完成的介面重新命名、排序,相信會加速明天工作的速度~/images/emoticon/emoticon01.gif

預告

明天將把到目前為止的所有頁面放入MARVEL APP做DEMO。
謝謝大家的閱讀/images/emoticon/emoticon29.gif



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

尚未有邦友留言

立即登入留言