如何決定介面設計中顏色
使用這個工具來選擇顏色：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如何設定顏色
- AUTOCAD——設定顏色
- 設定toast的字型顏色和背景顏色AST
- JavaScript WebGL 設定顏色JavaScriptWeb
- 我的SCRT顏色設定
- win10系統如何設定Word背景顏色_win10 word頁面背景顏色設定步驟Win10
- CSS設定元素的背景顏色CSS
- CSS 設定字型顏色和大小CSS
- markdown字型顏色和背景設定
- svg 圖示設定背景顏色SVG
- 修改Android 介面顏色Android
- CSS3顏色不透明度如何設定CSSS3
- CSS 設定文字框游標顏色CSS
- word字型顏色怎麼快速設定？
- 1909win10怎麼設定工作列顏色_1909win10工作列顏色如何改Win10
- Shader 中的顏色計算
- UI設計培訓分享：設計當中的顏色運用UI
- 如何設定小程式頁面各個部分的背景顏色？
- win10怎麼改變工作列顏色 w10系統如何設定工作列顏色Win10
- CSS設定選中網頁文字時的背景和顏色CSS網頁
- CSS設定一個文字兩種顏色CSS
- win10 如何設定txt背景綠色 win10如何在txt文件修改背景顏色Win10
- Flutter實戰: 如何同時設定Container的圖片和顏色FlutterAI
- 設計人員必備顏色設計工具ColoFolXS
- win10 windows顏色還原怎麼操作_Win10怎麼恢復/設定系統預設顏色設定Win10Windows
- UI設計中最重要的顏色UI
- CSS設定滑鼠選中文字的顏色CSS
- typora編寫md檔案文字設定顏色
- android開發中，button設定shape後，shape的顏色不生效的問題解決方案Android
- win10 工作列顏色怎麼改_win10怎麼設定工作列顏色Win10
- win10修改字型顏色怎麼操作 windows10字型顏色設定方法Win10Windows
- 【HarmonyOS NEXT】氣泡預設顏色和API 10不同，設定popupColor屬性無法修改氣泡顏色API
- Ubuntu Linux終端顏色個性化設定技巧UbuntuLinux
- Android開發筆記——TextView文字設定不同顏色Android筆記TextView
- 網站設計如何合理地選擇顏色與圖片？網站
- 設計人員不可少的顏色設計工具ColoFolXS for macMac
- 小程式中 icon 顏色自定義解決方案
- CSS樣式中顏色與顏色值的應用CSS