ui設計-color

1.色板

2.色板生成工具

https://ant.design/docs/spec/colors-cn



色彩運用場景

3.品牌色

品牌色主要體現在關鍵行動點及操作狀態、重要信息高亮等場景。

4.中性色

灰色作爲經典中性色,它的使用有利於關鍵內容的襯托和功能的引導。
這類色彩主要體現在導航框架、背景底色、描邊、或次級操作等等。

5.功能色


UI 設計中,比較穩定的色彩除了中性色外還有具備特定含義的功能色,
這類色彩起到傳遞功能信息、代表某種狀態等作用。
主要應用於消息通知、反饋提醒、表單校驗這類場景中的成功、出錯、失敗、提醒、鏈接等狀態。

6.視覺層次
通過品牌色引導用戶的視線路徑
將品牌色賦予在重要信息或關鍵主動點上,並襯以大面積的中性色,可以讓用戶更聚焦到任務本身,從而提高任務的執行效率。


發佈了290 篇原創文章 · 獲贊 99 · 訪問量 32萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章