iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

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

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

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

Day 11 | 顏色×icon:介面的視覺語言

顏色是介面中最直覺、最能瞬間影響使用者感受的元素。它能傳達情緒、建立品牌記憶,也能直接左右操作的效率。而在實際體驗中,顏色與 icon 往往搭配使用,成為「訊息...

2025-09-24 ‧ 由 XIN 分享
DAY 12

Day 12 | 當介面會說話:文字帶來的體驗差異

今天是基礎概念篇的最後一篇了!來講講文字如何影響介面體驗。 上一篇說到顏色和 icon 是 UI 的「外觀語言」,那文字就是最直接的資訊語言。 介面裡大多數訊息...

2025-09-25 ‧ 由 XIN 分享
DAY 13

Day 13 | 設計不只靠直覺:為什麼要懂設計指引和易用性原則?

在做 UI/UX 設計的過程中,我們常常會聽到「設計規範」、「設計系統」,還有「設計指引」。 前兩者比較具體,像是按鈕高度多少、字體行距多少,這些能被明確量化。...

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

Day 14 | 易用性原則 ①:別讓使用者瞎猜 ── 系統狀態與真實世界的關聯

上一篇我們聊到「設計指引」與「易用性原則」的重要性,今天,我們要更深入聊聊,聚焦在 Nielsen 十大易用性原則中的前兩項👉 「系統狀態可見性」與「系統與真實...

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

Day 15 | 易用性原則 ②:設計裡的安全感 ── 自由的保障與一致性的力量

上一篇聊到「系統狀態可見性」和「系統與真實世界的關聯性 」,強調的是讓使用者理解系統的「現在狀況」與「生活語言」。這一篇我們繼續往下走,來看看另外兩個對日常設計...

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

Day 16 | 易用性原則 ③:少犯錯,少動腦 ── 從預防到辨識的 UX 實踐

上一篇我們聊到「使用者的操控自由」以及「一致性與標準」,今天要繼續介紹兩個常被忽略,卻能大大影響體驗的原則:錯誤預防 和 辨識而非記憶。 5️⃣ 錯誤預防 在...

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

Day 17 | 易用性原則 ④:剛剛好就好 ── 彈性效率與簡約美學的平衡

上一篇文章我們聊到「錯誤預防」和「辨識而非記憶」,強調了如何幫助使用者減少出錯、降低腦力負擔。 今天要介紹的是兩個看似風格不同,但其實互補的原則:「彈性與效率」...

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

Day 18 | 易用性原則 ⑤:犯錯沒關係 ── 復原與指引幫你撐腰

上一篇文章我們聊到「彈性與效率」與「簡約美學」,強調系統能保持簡潔的第一印象,又能提供足夠的彈性,滿足不同層次使用者的需求。今天要介紹不管設計多完美、多小心要預...

2025-10-01 ‧ 由 XIN 分享
DAY 19

Day 19 | 別再採雷!最常見的 5 大 UI/UX 易用性陷阱

前幾篇都在介紹十大易用性原則,今天整理出 5 個最常見的 UI/UX 易用性陷阱,讓你設計時能提前避開這些地雷。☠️ 1. 不清楚的狀態回饋 系統沒有明確告訴...

2025-10-02 ‧ 由 XIN 分享
DAY 20

Day 20 | 好設計需要驗證:帶你認識易用性測試

在上一篇我們聊到設計中常見的 UI/UX 易用性陷阱。 不過就算設計師和團隊再有經驗,也難以保證一開始就能做出完全符合使用者直覺的產品。因為設計不只是在畫面上的...

2025-10-03 ‧ 由 XIN 分享