法則篇

60-30-10法則

這是室內(nèi)設(shè)計(jì)界永恒的裝飾技巧，可以輕松幫助您完成網(wǎng)站設(shè)計(jì)配色方案。 60%+30%+10%的比例分配是為了平衡色彩。這個(gè)公式的美妙之處在于它創(chuàng)造了一種平衡感，讓眼睛舒適地從一個(gè)焦點(diǎn)移動到另一個(gè)焦點(diǎn)。同時(shí)，使用起來也非常簡單。

60%為主色，30%為副色，10%為強(qiáng)調(diào)色。

關(guān)注顏色的含義

幾個(gè)世紀(jì)以來，科學(xué)家們一直在研究顏色對情感的影響。除了創(chuàng)造美感，色彩也是情感和聯(lián)想的創(chuàng)造者。顏色的含義會因文化和情況而異。這就是為什么您會看到黑白時(shí)裝店。因?yàn)樗麄兿腼@得優(yōu)雅而優(yōu)雅。

紅色：激情、愛情、危險(xiǎn)

藍(lán)色：冷靜、負(fù)責(zé)、安全

黑色：神秘、優(yōu)雅、邪惡

白色：純凈、安靜、干凈

綠色：清新、清新、自然

我們習(xí)慣于在設(shè)計(jì)階段的早期調(diào)整顏色和色調(diào)。然而，當(dāng)您意識到您花了3 個(gè)小時(shí)來調(diào)整主色時(shí)，您會發(fā)現(xiàn)這種行為沒有任何幫助。雖然玩弄色彩很誘人，但您應(yīng)該避免在設(shè)計(jì)初期就這樣做。

相反，您應(yīng)該強(qiáng)迫自己專注于調(diào)整間距和布局元素。這種布局約束非常有效，可以為您節(jié)省大量時(shí)間。調(diào)整間距和布局元素并不那么無聊。如果您想表達(dá)不同的東西，請嘗試使用不同的色調(diào)。

遠(yuǎn)離純灰色和純黑色

這些年來我學(xué)到的最重要的色彩技巧之一就是避免使用中性灰色。在現(xiàn)實(shí)生活中，純灰色幾乎不存在。黑色也是如此。 （沒錯(cuò)，其實(shí)就是七彩黑）

此圖像中最暗的顏色不是純黑色，而是#0A0A10

請記住為您的顏色添加一些色調(diào)。用戶下意識地覺得這樣的顏色更自然、更熟悉。

相信自然

最好的顏色組合來自大自然。他們總是看起來很自然。尋找基于自然環(huán)境的設(shè)計(jì)解決方案的好處是你可以擁有無數(shù)的調(diào)色板，因?yàn)榇笞匀坏念伾偸窃谧兓?

我們只需要四處尋找靈感。

保持對比度

有些顏色與某些顏色搭配效果很好，但與其他顏色會發(fā)生沖突。使用色輪，可以很好地觀察顏色相互作用的規(guī)則。這個(gè)方法你應(yīng)該清楚，但是和自己做不一樣。

獲得靈感

說到UI 參考，Dribbble 是一個(gè)不錯(cuò)的選擇。 Dribbble 還有一個(gè)顏色搜索工具。所以，如果你想對特定顏色進(jìn)行視覺研究，

你可以去：dribbble.com/colors

視頻、印刷設(shè)計(jì)、室內(nèi)設(shè)計(jì)、時(shí)尚……有很多東西可以激發(fā)靈感。對各種形式的樣本保持敏感，并保存任何看起來有趣的東西。我從K-pop 視頻剪輯中獲得色彩靈感

工具篇

為了節(jié)省大家的時(shí)間，這里為大家推薦幾款2017年非常好用的色板工具，可以為大家節(jié)省很多時(shí)間。我最喜歡的顏色選擇器工具。您只需鎖定顏色并按住空格鍵即可生成樣本。 Coolors.co 還支持上傳圖片和從圖片中提取色板。 Coolors.co 的妙處在于，您不僅可以得到一個(gè)結(jié)果，還可以通過選擇器調(diào)整顏色并獲得多種配色方案。

鏈接（不用翻墻）：https://coolors.co/

Kuler

這個(gè)來自Adobe 的工具已經(jīng)陪伴我們很長時(shí)間了。它可以在瀏覽器或桌面應(yīng)用程序中使用。如果您使用的是桌面應(yīng)用程序，則可以將配色方案導(dǎo)出到Photoshop。

鏈接（不用翻墻）：https://color.adobe.com/zh/create/color-wheel/

Paletton

它類似于以前的工具Kuler。不同的是，它不限于5 種色調(diào)。當(dāng)您確定了主要顏色并想要調(diào)整次要顏色時(shí)，這是一個(gè)很好的工具。

鏈接（翻墻）：http://paletton.com/

Shutterstock Lab Spectrum

您可能會問：如果我想搜索帶有我選擇的顏色的圖片怎么辦？好吧，Shutterstock 有一個(gè)名為Spectrum 的工具可以滿足您的需求，讓您可以按特定色調(diào)搜索圖像。您甚至不需要被稱為會員，因?yàn)榧词故菐〉男☆A(yù)覽圖也足以生成樣本。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！