首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> .NET 網頁程式設計 >> ASP.NET 基礎 >> 關於ASP.NET

顏色與 UI 設計

     編輯:關於ASP.NET

顏色在 GUI 的關鍵角色

GUI 透過視覺呈現功能,人機互動高度依賴可視介面。顏色是視覺畫面首要特徵,不僅限螢幕,貫穿日常生活。適當顏色強化體驗,不當顏色(如黑底深灰字)嚴重損害可用性。

使用者體驗 (UX) 兩大維度

  • 可用性:能否快速達成目標(ISO 9241-110、Nielsen 研究為經典)。
  • 吸引力:用戶情感反應——喜歡/討厭、時尚/著迷、引以為傲。雖難量化但決定產品成敗,吸引力強的系統使用更愉悅、更順手。

顏色知覺生理基礎

  • 可見光 360~720nm 刺激視網膜三類錐狀細胞:L(長波/紅)、M(中波/綠)、S(短波/藍)。
  • 530nm 光最強刺激 M、次 L、極弱 S → 知覺為綠色。
  • 三種錐狀細胞光譜敏感度曲線

RGB 色彩模型

  • 螢幕以紅(R)、綠(G)、藍(B)三原色加成混色。
  • 三原色對應 L/M/S 錐體最高敏感波長,不可由其他色混出;混合三原色可產生所有顏色。
  • 每像素由極微紅/綠/藍光源組成,肉眼無法分辨單獨光源。

對比度

  • UI 元素非孤立,相鄰產生對比。不足對比無法分辨區域。
  • Office 預設白底黑字 → 最強對比、最佳可視度。
  • 對比度可引導視覺焦點至關鍵資訊/輸入元素。
  • 暖色調(紅/黃/橙)配冷色調(藍/綠/紫)背景(或反向)提升視覺吸引力。

同時對比效應

灰色方塊置於紅背景顯綠、綠背景顯紅。按鈕在不同背景下視覺截然不同,設計時須考慮上下文色彩影響。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved