法則篇

60-30-10法則

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

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

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

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

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

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

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

白色：純凈、安靜、干凈

綠色：清新、清新、自然

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

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

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

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

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

請(qǐng)記住為您的顏色添加一些色調(diào)。用戶(hù)下意識(shí)地覺(jué)得這樣的顏色更自然、更熟悉。

相信自然

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

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

保持對(duì)比度

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

獲得靈感

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

你可以去：dribbble.com/colors

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

工具篇

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

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

Kuler

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

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

Paletton

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

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

Shutterstock Lab Spectrum

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

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