設計系統
色彩模式
DARK MODE
在深邃中點亮科技的生命力
宇宙深空為靈感基底,透過高對比與精準光效建構沉浸式介面
關鍵字:光的流動、克制的霓虹、聚焦微光
LIGHT MODE
以空氣感承載進化的輕盈性
建構零負重體驗,以通透層次與智慧留白詮釋未來效率
關鍵字:輕盈、超薄投影、超透明
夜間模式
夜間模式作用於低照明環境,它不同於dark模式的高對比,夜間模式需要超越美學,降低視覺疲勞,保障低照明環境下用眼的安全性
顏色範例:
元素 | 日間模式 | 夜間模式 | 科學依據 |
---|---|---|---|
背景基底 | #FFFFFF (純白) | #0F1421 (深靛藍) | 減少99%藍光輻射 vs 純黑 |
文字主體 | #333333 (深灰色) | #E6ECFA (月白色) | 明度差控制85%避免眩光 |
主色按鈕 | #3A7BFA (品牌藍) | #6CB4FF (冰川藍) | 提升飽和度15%補償暗環境辨識度 |
禁用狀態 | #CCCCCC (淺灰) | #4A5568 (岩灰) | 維持30%可辨識性 |