設計系統 (Design System) | 數碼產品的生態系統 2022-01-152022-01-15 Constance 設計系統 (Design System) 是產品的生態系統,設計給產品的產品。設計系統跟 UI Kit 和前端開發框架不同,它是更完整的共享系統,包含了可重用的組件外,還有一系列設計以外的規範來保持體驗一致。不同層面的一致性,可改善不同階段的用戶體驗,同時令產品開發和溝通更有效。
通用設計 – 針對色盲色弱者的設計要點 2020-10-042021-05-09 Constance1 Comment 色盲又稱色覺辨認障礙,患者無法辨別顏色,而色弱則辨色能力低於正常。雖然色覺障礙不影響肢體活動,但它確實影響生活,甚至置患者於危險之中。產品設計通常只顧及主要、視力正常的使用者,我們如何在網頁或平面設計上運用通用設計,藉此同時照顧色盲色弱患者及健全人士的需要?
網頁幻燈片排版 2016-09-032021-05-07 ConstanceLeave a comment 最近我發現使用幻燈片 (slideshow/carousel) 排版的時尚網站愈來愈多。這類排版把文章分為多組圖文,並以幻燈片形式展示,對愛看圖片多於文字的時尚網站讀者無可厚非,但將文章解體,且要讀者手動跳頁的閱讀方式,令人感覺新鮮但欠實際。
網頁版面重心權衡 2013-04-022021-05-08 ConstanceLeave a comment 很早之前我已打算寫這篇文章,一切要從 Google 搜尋開始說起:打開搜尋首頁,先來個很易懂的文字輸入框,但下一秒則完全相反:「右邊的空白畫面,搞甚麼啊?!」