iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

30天UIUX自學之路 系列

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

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

Day 01 30天UIUX自學之路-前言

前言 大家好!我是Dolly,今年第一次參加IThome鐵人賽,大學的背景是資管系,在學期間也輔系設計系,與UIUX的初次接觸是在學校的兩門課上: 第一次是大學...

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

Day 02 介面設計工具簡介 來製作登入畫面吧!

鐵人賽的第二天,DailyUI挑戰的第一天,題目是SIGN UP(登入畫面),元素會有註冊/登入/透過FB等帳號連結登入、帳號密碼輸入欄位、登入按鈕等等,登入頁...

2022-09-17 ‧ 由 Dolly 分享
DAY 3

DAY3 信用卡付款介面製作

Daily UI第三日,先來說明前面未說明的UI/UX介紹。 使用者介面 (User Interface, UI)使用者在使用數位產品的流程中,使用到的操作介面...

2022-09-18 ‧ 由 Dolly 分享
DAY 4

Day 04 來做Landing page吧!

今日的發現:發現做daily ui的好處,它有非常多樣性的UI設計題目,像是昨天DAY2是設計信用卡確認頁面(關於金融)、今天Landing page(關於行銷...

2022-09-19 ‧ 由 Dolly 分享
DAY 5

Day 05 來做計算機吧

今天的Dailyui主題是計算機,在思考如何畫框前,我先思考使用者情境: 我平常會使用手機計算機的時候幾乎都是在超商買東西,結帳前先計算錢是否帶的足夠,而且時常...

2022-09-20 ‧ 由 Dolly 分享
DAY 6

Day06 設計APP ICON

今天要做的是icon,對於figma按鈕好像還有點不熟悉,找不太到ps一些功能的對應(像是相加相減圖形的按鈕),看來這是未來能夠多琢磨的,此外,對於做icon真...

2022-09-21 ‧ 由 Dolly 分享
DAY 7

Day07 製作profile介面設計

今天終於來到挑戰的第七天了,果然堅持才是最困難的事情啊! 今天的主題式個人profile頁面,這就讓我想到每次開IG跟FB看別人的個人頁面,雖然兩者都算是社群網...

2022-09-22 ‧ 由 Dolly 分享
DAY 8

Day08 製作設定頁面

今日小觀察:想不到自己能夠堅持到第八天(汗顏),今日接續著昨天製作的個人profile,做設定頁面,觀察許多app,設定底下幾乎是使用條列式的方式做排版,並且每...

2022-09-23 ‧ 由 Dolly 分享
DAY 9

Day09 製作error404畫面

今天的DailyUI題目為製作ERROR404畫面,這個畫面會出現的情境在於伺服器無法提供使用者訊息時會出現。 體驗情境:雖然這是個平常網站如果沒問題鮮少會遇到...

2022-09-24 ‧ 由 Dolly 分享
DAY 10

Day10 來做音樂播放器!

今天的Daily UI題目是做一個Music Player,此次的作業我參考了SPOTIFY的音樂播放介面安排架構,聽音樂時除了音樂好聽很重要之外,我覺得播放跟...

2022-09-25 ‧ 由 Dolly 分享