UI / UX 設計

「網路購物，到底為什麼要填這麼多欄位辣？」應該很多人在網路上買東西，都會有這個想法╰(〒皿〒)╯奔潰不論是 App 還是網頁式購物，大家是不是除了寄送地和聯絡號碼以外，都被要求寫過一些「註冊基本欄位、...

資訊的傳達是網頁設計的重要關鍵。除了靜態的圖文排版外，可以結合滾動、游標移入、點擊等多樣化的互動模式，讓畫面更豐富。 以首頁來說，它像是全站的重點整理，除了視覺吸睛外，也要順利傳達資訊，並引導使用者順...

字體設定的複雜度光譜 接續上一篇 CSS 設定字體的邏輯，我們可以歸納出字體設定的思路，基本就是越特定的越前面、越通用的越後面，並且大致能整理成下面這些選項：

二十世紀初葉，平面設計網格系統開始萌芽，而在二十一世紀網路發達的今日，網格系統不再僅具備「高效率的視覺設計系統」這一身份，更能應用在網頁設計上，使網頁的開發更為高效便捷。那麼，網頁的網格又和平面設計的...

連阿嬤都叫我幫她在網路上買東西 想起某次帶著外婆去買外套，店面裡剛好沒有外婆的外套尺寸，熱情的服務員說著：「奶奶～我幫您調貨好嗎？」外婆立刻回：「阿～免啦！我叫我孫上網買給偶就好啦～」 現今社會上，不...

有幾個剛接觸 UI/UX 的朋友都問過我：『到底該怎麼著手開始設計，完全沒方向，提了好多個版型每次都打槍，我是不是不適合當網頁設計師？』 為了讓網站順利執行，及抓準設計方向，我們會花費較多的時間在事前...

為什麼會寫這篇文章呢？是因為筆者最近在 UI/UX Design 社團看到一篇發文討論，原文大致是一間公司的 PM 詢問社團內的人有沒有推薦的實體 UI 課程，他想讓公司內的設計師上課，因為內部的設計...

網格系統於二十世紀初葉開始萌芽，在二十世紀的五十年代得到完善，並於瑞士平面設計雜誌宣傳得到普遍認可，成為戰後影響力最廣的一種平面設計風格，因此又被稱為「國際主義平面設計風格」。它的特點是「理性、秩序、...

為什麼明明使用同樣的字體，但在排版軟體裡看到的效果就是和網頁上不一樣？或是在網頁上沿用平面設計常用的字型，結果實際開啟網頁，線條看起來卻不平均、有粗有細？

網頁設計雖然看似只是載體不同的平面設計，但內在設計邏輯卻與一般平面設計大有不同！他們就像一對長得很像但個性完全不同的雙胞胎，如果忽視它們的不同，照搬與姊姊的相處經驗去應對妹妹，極大可能會雷殘翻車，使你...