UI / UX 設計

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

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

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

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

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

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

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

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

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

為了讓自己的職涯能有更多選擇，不少平面設計師選擇跨足網頁設計領域，筆者身邊也有同事與朋友在完全沒有網頁設計經驗的情況下進入這個產業。剛開始接觸網頁設計，除了會碰到排版規則、元件狀態等等大方向與平面設計...