iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

UI/UX 不只是漂亮!30 天讓你的設計人人都能用 系列

作為設計師常常會遇到有人把 UI/UX 和美工搞混,以為設計只是把畫面變漂亮,其實 UI/UX 更重要的是讓產品順手好用、操作直覺。
在這個 30 天系列中,整理了基礎概念、設計流程、使用者研究、資訊架構、元件設計與視覺排版,也會介紹易用性原則與無障礙設計重點,希望能幫助大家理解怎麼做出好用又包容的介面,把設計做得更順手、更友善!

參賽天數 25 天 | 共 25 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01 | 什麼是UI/UX? UI vs UX 的差異與關聯

What is UI/UX ? 很多剛接觸設計的人,或是非設計背景人員,常常分不清「UI」跟「UX」。簡單來說,UI(User Interface 使用者介面)...

2025-09-14 ‧ 由 XIN 分享
DAY 2

Day02 | 為什麼要學 UI/UX?設計師在產品中的角色

當我們打開手機 App、操作網銀、或是訂外送時,背後其實都有涉及到 UI/UX 喔~那麼,為什麼要學 UI/UX 呢?🤔 🌟 UI/UX 的價值在於「橋樑角色...

2025-09-15 ‧ 由 XIN 分享
DAY 3

Day 03 | 設計不是憑感覺:UI/UX 背後流程大揭秘

今天來介紹 UI/UX 的設計流程,上篇有提到 UI/UX 設計不只是「設計畫面」,其實背後是一個有脈絡的流程的喔!一般來說,我自己會把它拆成幾個步驟: 1️⃣...

2025-09-16 ‧ 由 XIN 分享
DAY 4

Day 04 | 需求訪談不只是聊天:抓住設計的第一手資訊

在 UI/UX 設計流程中,「需求訪談」幾乎是最前面的工作。很多設計師一開始會忍不住打開 Figma 開畫面開始設計,但如果沒有先理解需求,很容易設計到一半就被...

2025-09-17 ‧ 由 XIN 分享
DAY 5

Day 05 | 使用者研究三神器:Persona、CJM、User Story 怎麼用?

在 UI/UX 設計流程裡,「使用者研究」是一個承上啟下的關鍵步驟。 上一步的需求訪談會蒐集大量資訊,但這些資料如果只是散落在筆記裡,團隊會很難吸收和運用。 這...

2025-09-18 ‧ 由 XIN 分享
DAY 6

Day 06 | 別再讓使用者迷路!3 步驟搞懂資訊架構

在 Day03 的設計流程有介紹到『 資訊架構就像蓋房子前的藍圖,這步驟決定資訊要怎麼被整理和放置,使用者進來時才知道要去哪裡找東西。』 當使用者打開一個網站或...

2025-09-19 ‧ 由 XIN 分享
DAY 7

Day 07 | 從藍圖到樣品屋:Wireframe 到 Hi-Fi Prototype 的進化之路

在 UI/UX 設計流程裡,介面設計不是一開始就畫精緻的畫面🙅‍♀️。 我們通常會先做 Wireframe、Lo-Fi Prototype、Hi-Fi Prot...

2025-09-20 ‧ 由 XIN 分享
DAY 8

Day 08 | 設計的共同語言魔法:淺談設計系統的重要性

在 UI/UX 設計中,設計系統已經從「選擇性工具」變成現代產品團隊不可或缺的核心資源。很多新人設計師可能覺得,反正只要畫出漂亮介面、按顏色與字體規則就好,何必...

2025-09-21 ‧ 由 XIN 分享
DAY 9

Day 09 | 設計規範到底管什麼?談談元件背後的秩序規則

在上一篇文章中,我們談了設計系統的重要性:它是一套團隊共同語言,讓設計與開發可以對齊、確保介面一致性。這一篇則更往下聊 設計規範 和 介面元件,告訴你設計系統如...

2025-09-22 ‧ 由 XIN 分享
DAY 10

Day 10 | 元件不只是樣式,而是體驗的橋樑

在設計元件時,大家第一直覺可能會是定義樣式:按鈕長什麼樣、表單欄位的圓角多少、icon 要實心還是空心 …。 這些確實重要,但元件不單只是為了「好看」,而是為了...

2025-09-23 ‧ 由 XIN 分享