iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

30天UIUX自學之路 系列

透過30天的自我挑戰,激發對UIUX的興趣與學習力。

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

Day11 讓頁面連動起來 !製作Prototype

何謂Prototype?Wireframe框架稿畫完之後,我們開始用figma設計出介面,什麼是Prototype呢?Prototype是產品的原型設計,當我們...

2022-09-26 ‧ 由 Dolly 分享
DAY 12

Day12 flash Message製作

今天Daily UI的主題是Flash Message,我想做的是登入後的跳轉頁面,像是登入成功/登入失敗的介面,廢話不多說馬上開始! 首先點擊Figma上面的...

2022-09-27 ‧ 由 Dolly 分享
DAY 13

Day13 製作電商購物產品頁

今天是教師節也是Daily UI第13日,除了祝老師教師節快樂外,今天要來製作「電商購物產品頁面」(E-Commerce Shop-Single Item),我...

2022-09-28 ‧ 由 Dolly 分享
DAY 14

Day14 私訊頁面製作

今天是Day14,題目是Direct Messaging(私訊),收到題目第一件事就是,先開始聯想生活使用情境:打開我的LINE、FB Messenger、IG...

2022-09-29 ‧ 由 Dolly 分享
DAY 15

Day15 建立計時器的Dark/Light Mode 頁面

今天是Day15,也進行了比賽的一半,我決定把dailyUI14、15結合在一起做,今天的主題是「倒數計時器」,也練習明天的題目「開關」,於是我要在倒數計時器頁...

2022-09-30 ‧ 由 Dolly 分享
DAY 16

Day16 彈出式頁面製作

今天的題目是Pop-Up/Overlay,是一種彈出視窗,以我們日常生活的體驗來說,可能是在使用需要開啟GPS的APP,他就會跳出一個「非滿版」的彈出示畫面,提...

2022-10-01 ‧ 由 Dolly 分享
DAY 17

Day 17 E-mail Receipt頁面製作

今天要做的是Email Receipt,我們購買商品之後,系統會寄一封信到信箱確認訂單內容,等到我們付完款項後,就會有發票,這個Email Receipt就是我...

2022-10-02 ‧ 由 Dolly 分享
DAY 18

Day18 來做圖表吧!

今天來到了挑戰的第18天!時光匆匆,從一開始不斷增加天數,到現在好像準備要倒數進入尾聲,今天的Daily UI題目為Analytics Chart(分析圖表)。...

2022-10-03 ‧ 由 Dolly 分享
DAY 19

Day19 建立LeaderBoard頁面

今天是DailyUI第19天,題目是LeaderBoard(排行榜),先前的UI我大多都做的是Mobile App的格式,現在開始要來練習畫網頁了,並且要開始思...

2022-10-04 ‧ 由 Dolly 分享
DAY 20

Day20 今天來做Location Tracker

今天的Daily UI題目為:Location Tracker,我決定來做去年F2E的題目「自行車地圖資訊整合網」,將Google地圖結合在網站上,今天學習網路...

2022-10-05 ‧ 由 Dolly 分享