如何決定介面設計中顏色
使用這個工具來選擇顏色:paletton.com ,它以數學方式顯示哪些顏色與其他顏色相配(使用顏色理論)。
這個網站提供了預建的配色方案:coolors.co/
文字可讀性的一般經驗法則是文字和背景之間的亮度/暗度對比應至少為50%,例如,如果背景為白色rgb(255,255,255),則文字應該不亮比中灰色rgb(128,128,128)
一些規則:
調色盤不超過7種顏色:
3種各種黑暗程度的“中性色”
2種“冷色調” - 綠色/藍色
2種“暖色” - 紅色/橙色
我嘗試將中性色調為單色,背景色移向光譜的暖端,選單顏色偏向光譜的冷端。
這個網站提供了預建的配色方案:coolors.co/
文字可讀性的一般經驗法則是文字和背景之間的亮度/暗度對比應至少為50%,例如,如果背景為白色rgb(255,255,255),則文字應該不亮比中灰色rgb(128,128,128)
一些規則:
調色盤不超過7種顏色:
3種各種黑暗程度的“中性色”
2種“冷色調” - 綠色/藍色
2種“暖色” - 紅色/橙色
我嘗試將中性色調為單色,背景色移向光譜的暖端,選單顏色偏向光譜的冷端。
相關文章
- CAD如何設定顏色
- 設定toast的字型顏色和背景顏色AST
- JavaScript WebGL 設定顏色JavaScriptWeb
- AUTOCAD——設定顏色
- css 設定背景顏色CSS
- 設定Toast字型顏色AST
- ProgressBar 顏色的設定
- system命令設定顏色
- Mac的QQ如何設定字型大小和顏色Mac
- 如何在介面設計中“色”誘使用者
- 設定文字的選中狀態背景顏色
- 【emWin】例程六:設定顏色
- Linux vi 顏色設定Linux
- 我的SCRT顏色設定
- UITabBarController、TabBar背景顏色設定、TabBarItem顏色處理UItabBarController
- win10系統如何設定Word背景顏色_win10 word頁面背景顏色設定步驟Win10
- CSS設定元素的背景顏色CSS
- markdown字型顏色和背景設定
- CSS 設定字型顏色和大小CSS
- qt 設定選單欄顏色QT
- jQuery設定div邊框顏色jQuery
- RGB顏色設定錯誤
- 設定placeholder的字型顏色
- svg 圖示設定背景顏色SVG
- Win10如何修改工作列顏色 win10設定工作列顏色的方法Win10
- CSS3顏色不透明度如何設定CSSS3
- 動態改變Drawable中我們自定義背景的顏色並設定顏色以16進位制進行設定
- CSS 設定文字框游標顏色CSS
- word字型顏色怎麼快速設定?
- iOS button背景顏色狀態設定iOS
- 設定placeholder字型顏色程式碼
- ALV單元格顏色設定
- 設定CCLabelTTF,選單字型顏色
- UI設計培訓分享:設計當中的顏色運用UI
- 設計師教你如何在介面設計中“色”誘你的使用者
- 修改Android 介面顏色Android
- 如何設定小程式頁面各個部分的背景顏色?
- win10怎麼改變工作列顏色 w10系統如何設定工作列顏色Win10