作為設計師常常會遇到有人把 UI/UX 和美工搞混,以為設計只是把畫面變漂亮,其實 UI/UX 更重要的是讓產品順手好用、操作直覺。
在這個 30 天系列中,整理了基礎概念、設計流程、使用者研究、資訊架構、元件設計與視覺排版,也會介紹易用性原則與無障礙設計重點,希望能幫助大家理解怎麼做出好用又包容的介面,把設計做得更順手、更友善!
What is UI/UX ? 很多剛接觸設計的人,或是非設計背景人員,常常分不清「UI」跟「UX」。簡單來說,UI(User Interface 使用者介面)...
當我們打開手機 App、操作網銀、或是訂外送時,背後其實都有涉及到 UI/UX 喔~那麼,為什麼要學 UI/UX 呢?🤔 🌟 UI/UX 的價值在於「橋樑角色...
今天來介紹 UI/UX 的設計流程,上篇有提到 UI/UX 設計不只是「設計畫面」,其實背後是一個有脈絡的流程的喔!一般來說,我自己會把它拆成幾個步驟: 1️⃣...
在 UI/UX 設計流程中,「需求訪談」幾乎是最前面的工作。很多設計師一開始會忍不住打開 Figma 開畫面開始設計,但如果沒有先理解需求,很容易設計到一半就被...
在 UI/UX 設計流程裡,「使用者研究」是一個承上啟下的關鍵步驟。 上一步的需求訪談會蒐集大量資訊,但這些資料如果只是散落在筆記裡,團隊會很難吸收和運用。 這...
在 Day03 的設計流程有介紹到『 資訊架構就像蓋房子前的藍圖,這步驟決定資訊要怎麼被整理和放置,使用者進來時才知道要去哪裡找東西。』 當使用者打開一個網站或...
在 UI/UX 設計流程裡,介面設計不是一開始就畫精緻的畫面🙅♀️。 我們通常會先做 Wireframe、Lo-Fi Prototype、Hi-Fi Prot...
在 UI/UX 設計中,設計系統已經從「選擇性工具」變成現代產品團隊不可或缺的核心資源。很多新人設計師可能覺得,反正只要畫出漂亮介面、按顏色與字體規則就好,何必...
在上一篇文章中,我們談了設計系統的重要性:它是一套團隊共同語言,讓設計與開發可以對齊、確保介面一致性。這一篇則更往下聊 設計規範 和 介面元件,告訴你設計系統如...
在設計元件時,大家第一直覺可能會是定義樣式:按鈕長什麼樣、表單欄位的圓角多少、icon 要實心還是空心 …。 這些確實重要,但元件不單只是為了「好看」,而是為了...