如何在網站UI設計中處理顏色？
來源：尚品中國|
類型：網站百科
|時間：2018-06-06
法則篇
60-30-10法則
這是一個室內設計領域中永不過時的裝飾技巧，它可以輕松地幫助你完成一個網站設計配色方案。60%+30%+10%的比例分配是為了平衡顏色。這個公式妙在它營造了一種平衡感，使眼睛可以舒適地從一個焦點移動到另一個焦點。同時，它也運用起來非常簡單。
60%是主色調，30%是輔助色，10%是強調色。
關注顏色的含義
幾個世紀以來，科學家一直在研究顏色的情感效應。除了創造美學，顏色也是情感和聯想的創造者。顏色的含義會根據文化和情況而有所不同。這就是為什么你會看到黑白色的時裝店。因為他們想要表現得優雅和高級。
紅色：激情、愛、危險
藍色：冷靜、負責、安全
黑色：神秘、優雅、邪惡
白色：純潔、安靜、干凈
綠色：新鮮、清新、自然
我們習慣在設計階段的早期就開始調整顏色和色調。但是，當你意識到自己花了3個小時來調整主色調的時候，你發現這種行為毫無幫助。雖然把玩顏色很有吸引力，但是你應該避免在設計初期進行這種行為。
相反地，你應該強迫自己專注調整間距和布局元素。這種布局的約束是非常有效的，它會為你節省很多時間。調整間距和布局元素并不是那么無聊。如果你想表達不一樣的東西，嘗試使用不同的色調即可。
遠離純灰色和純黑色
多年來，我學到的一個最重要的顏色技巧之一就是避免使用不帶色調的灰色。在現實生活中，純灰色幾乎是不存在的。黑色也是同樣的道理。（沒錯，事實上就是要五彩斑斕的黑）
在這張圖片中最深的顏色不純黑，而是#0A0A10
記得給你的顏色添加一些色調。用戶會下意識地覺得這類顏色更加自然和熟悉。
相信自然
最佳的色彩組合來自于大自然。它們總是看起來非常天然。根據自然環境來尋找設計方案的好處是可以擁有無數的色板，因為大自然的顏色總是在變化 。
我們只需要看看周圍，就能獲取靈感。
保持對比度
有的顏色和某些顏色搭配協調，和另一些顏色則會產生沖突。通過色輪，可以很好地觀察到顏色相互作用的規則。你應該清楚地了解這個方法，但是不一樣要親手去做。
獲得靈感
當我們談到UI參考的時候，Dribbble是一個很好的選擇。Dribbble也有顏色搜索工具。所以，如果你想要針對某個特定的顏色進行視覺研究，
可以前往以下網址：dribbble.com/colors
視頻、印刷設計、室內設計、時尚……有很多的啟發靈感的事物。要對各種形式的色板保持靈敏的感覺，并且把看起來有趣的所有東西存下來。我會從韓流的視頻短片中獲取顏色靈感
工具篇
為了節省大家時間，下面整理了一些2017年非常好用的色板工具。它們會為你節省大量的時間。我最喜歡的顏色選擇工具。你可以簡單地鎖定顏色，并按住空格鍵生成色板。Coolors.co還支持上傳圖片，從圖片中提取色板。Coolors.co酷在，你不僅僅有一個結果，相反地，你可以通過選擇器，調整你的顏色，獲得很多配色方案。
鏈接（無需翻墻）：https://coolors.co/
Kuler
這款來自Adobe的工具已經陪伴我們很長時間了。它可以在瀏覽器或桌面應用中使用。如果你使用的是桌面應用程序，那你可以將配色方案導出到Photoshop中。
鏈接（無需翻墻）：https://color.adobe.com/zh/create/color-wheel/
Paletton
它和前面一款工具Kuler相似。不同之處是，它不限于5種色調。當你已經確定主色調，想要調整輔助色的時候，這是一款很棒的工具。
鏈接（需翻墻）：http://paletton.com/
Shutterstock Lab Spectrum
你可能會問：如果我想用我選擇的顏色搜索圖片呢？那么，Shutterstock旗下有款叫作Spectrum的工具可以滿足你的需求，你可以通過特定的色調搜索圖片。你甚至不需要稱為會員，因為即使是帶水印的小預覽圖片已經足以生成色板。
來源聲明：本文章系尚品中國編輯原創或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。
推薦新聞
更多行業-
企業網站建設的目的你明確了嗎
企業網站建設的目的究竟是什么？有的人說看到別人都做網站建設了，自己就也...
2012-08-12 -
案例分析：網站長時間不更新排名存在的原因
很多人都說網站不更新，排名就會掉的，但有些網站確實很久沒更新了，網...
2012-02-03 -
企業網站制作與網絡營銷的關系
隨著互聯網的發展，越來越多的企業開始重視網絡營銷，但在許多商家眼里，網...
2012-08-17 -
計算機網絡定義
北京網站建設公司尚品中國：計算機網絡的定義沒有統一的標準，根據計算機網...
2012-08-24 -
被抓取和收錄內容中的鏈接并不會傳遞權重
晚上看到一篇關于不同網頁類型所傳遞鏈接權重的實驗，大致翻譯了下：大概在...
2012-02-03 -
上海網站建設告訴你網站降權后怎么辦？
網站建設和網站優化是一項長期的、技巧性的、非常耐心的操作，有時候做不好...
2021-06-23
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業咨詢顧問溝通！
Copyright ? 2025 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規，當本聲明與國家法律法規沖突時，以國家法律法規為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
