iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Mobile Development

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

相信大家都有想自己用GOOGLE PLAY的東西用的不愉快,想自己製作APP的衝動的時候吧!
但是卻苦於不會寫程式而放棄~
我將利用三十天來介紹介面設計的一些東西與使用方法並實作給大家看!

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 11

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

大家好,我是YIYI,今天我要利用MARVEL將前面三個介面做出連結。 製作介面連結 首先,先進入昨天的介面,並且將滑鼠放在HOMEPAGE的頁面上,就會看到P...

2021-09-20 ‧ 由 YIYI 分享
DAY 12

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

大家好,我是YIYI,今天我要來製作HOMEPAGE中MONTH與TODAY的切換以及右下角的加號點擊後的畫面。 HOMEPAGE的切換 在HOMEPAGE的設...

2021-09-21 ‧ 由 YIYI 分享
DAY 13

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

大家好,我是YIYI,今天要來公開設計好的封面,還有修正、增加一些前面沒想到的東西。 APP一點開的介面 底色一樣使用前面設定好的App底色,字使用E8B6A5...

2021-09-22 ‧ 由 YIYI 分享
DAY 14

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

大家好,我是YIYI,今天我要來製作日記部分的介面。 如何進入日記頁面? 日記的部分是點選像是筆的icon來進入畫面,分別有三個地方可以進入這個頁面。第一個是H...

2021-09-23 ‧ 由 YIYI 分享
DAY 15

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

大家好,我是YIYI,今天我要來製作日記-LIST以及個人資料頁面。 日記LIST 日記LIST是在昨天製作的日記頁面的基礎上增加LIST的頁面。製作完成後如下...

2021-09-24 ‧ 由 YIYI 分享
DAY 16

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

大家好,我是YIYI,今天我要來製作到目前為止所有頁面放入MARVEL APP做DEMO。 進入MARVELAPP 首先,進入登入好的APP頁面,將所有頁面放入...

2021-09-25 ‧ 由 YIYI 分享
DAY 17

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

大家好,我是YIYI,今天我要來製作記帳和報表的頁面。 記帳頁面 和製作前面的頁面一樣,先將BACKGROUND放入WHIMSICAL中,並拉ICON到手機框裡...

2021-09-26 ‧ 由 YIYI 分享
DAY 18

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

大家好,我是YIYI,今天我要來製做製做紀錄月經的頁面。 紀錄經期 這邊我把左上角的LIST換成返回上一頁,下面一樣放入跳轉至各個頁面的ICON。用WHIMSI...

2021-09-27 ‧ 由 YIYI 分享
DAY 19

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

大家好,我是YIYI,今天我要來製做體重的頁面。 點哪些地方可以進到這個頁面呢? 第一個是從HOMEPAGE的下排最左側ICON進入~第二個是從LIST的體重進...

2021-09-28 ‧ 由 YIYI 分享
DAY 20

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

大家好,我是YIYI,今天我要來製做趨勢的頁面。 點哪些地方可以進到這個頁面呢? 點擊LIST的趨勢~如下圖 趨勢頁面 這邊我設計的是體重、基礎代謝、BMI、肌...

2021-09-29 ‧ 由 YIYI 分享