思路很重要!搞定完美配色方案應(yīng)當(dāng)思考的八個(gè)問(wèn)題

2023-12-28    分類: 網(wǎng)站建設(shè)

配色的文章并不少,有的是關(guān)于趨勢(shì),有的則探討技巧。那么要搞定一整套的配色方案,從頭到尾應(yīng)當(dāng)注意哪些問(wèn)題,又該擁有怎樣的思路呢?今天的文章,就幫你解決這個(gè)問(wèn)題。

不論是品牌設(shè)計(jì)還是網(wǎng)站設(shè)計(jì),配色都是其中最關(guān)鍵也是最具有挑戰(zhàn)性的組成部分。完美的配色方案并不是隨便挑兩個(gè)色彩就可以投入使用,實(shí)際上,優(yōu)秀的配色背后有許多實(shí)用的規(guī)則在做支撐。今天的文章就從九個(gè)方面來(lái)幫你做好優(yōu)秀的配色方案。

1、從色輪開(kāi)始

我們從小就開(kāi)始接觸色輪,但是看起來(lái)很簡(jiǎn)單的色輪直到今天依然是設(shè)計(jì)師手中最實(shí)用的利器。色輪不僅僅是一系列色彩的簡(jiǎn)單組合,它暗含色彩之間的關(guān)系和規(guī)律,可以幫你構(gòu)思配色,確定色彩之間的搭配是否協(xié)調(diào)。

色輪中包含了原色、間色和復(fù)色:

·原色:紅色、黃色、藍(lán)色
·間色:綠色、紫色、橙色
·復(fù)色:天藍(lán)色、羅蘭紫、玫瑰紅、橘紅色、黃綠色等

三原色想必大家都了解,值得注意的是,間色通常指的是兩種原色混合而得出的色彩,所以它也叫第二次色。這樣一來(lái),復(fù)色也容易理解了,它是兩種間色或者原色與間色呼喝而形成的色彩,所以它也有個(gè)名字叫做第三次色。

接下來(lái)的環(huán)節(jié)就很重要了:如何將色輪上的色彩合理的搭配到一起。

·相似色:色輪上相鄰的三種色彩搭配在一起
·互補(bǔ)色:色輪上來(lái)自不同兩邊完全相對(duì)的色彩是互補(bǔ)色
·分離互補(bǔ)色:挑選一種色彩,然后再在色輪左右兩側(cè)上挑選一組互補(bǔ)色加入進(jìn)來(lái)
·雙互補(bǔ)色:這是最難創(chuàng)建的互補(bǔ)色,你需要挑選一個(gè)原色,然后在色輪上挑選兩對(duì)互補(bǔ)色與之進(jìn)行搭配
·單色調(diào):使用一種色彩和它的同色系色彩來(lái)搭配
·三色調(diào):使用色輪上相互距離相同的三種色彩來(lái)搭配

絕大多數(shù)的配色工具會(huì)使用色輪來(lái)幫你挑選配色,相當(dāng)省心。

2、黑色、白色和中性配色

挑選一兩個(gè)明亮的色彩并不足以支撐整個(gè)配色方案,那些經(jīng)常被人忽視的色彩可能占據(jù)整個(gè)設(shè)計(jì)的色彩中的絕大部分,它們就是以黑和白為代表的中性色。

中性色為其他色彩搭建了表現(xiàn)的舞臺(tái),讓他們展現(xiàn)性格營(yíng)造氛圍。中性色更多的時(shí)候是在背景、細(xì)節(jié)上為整個(gè)項(xiàng)目營(yíng)造出或冷或暖的氛圍,讓導(dǎo)航擁有更好的可用性,讓排版的可讀性更優(yōu)秀,視覺(jué)上具備良好的引導(dǎo)性。

3、色調(diào)和色彩

少有設(shè)計(jì)師直接在色輪上取色就直接拿來(lái)用的,因?yàn)榻^大多數(shù)時(shí)候,配色是需要經(jīng)過(guò)調(diào)整才能用的。這個(gè)時(shí)候,你就需要調(diào)整色彩、色度和色調(diào)這些屬性:

·色彩:顏色+白色
·色度:顏色+黑色
·色調(diào):顏色+灰色/白色/黑色

這些調(diào)整方式能改變色彩的飽和度,讓你的配色方案變的不一樣。完成基礎(chǔ)的配色之后,通過(guò)改變色彩、色度和色調(diào)來(lái)擴(kuò)充整個(gè)配色,這樣確保了配色中的顏色都處于同一系,有增加了配色的豐富度。

4、謹(jǐn)慎跟隨趨勢(shì)

如你所知,每年隔三差五都會(huì)出幾個(gè)“配色流行趨勢(shì)”,就像時(shí)尚圈中的“流行色”一樣。這些配色雖然看起來(lái)相當(dāng)有意思,但是需要謹(jǐn)慎使用:如果要長(zhǎng)期使用,可能并不那么好用。如果你真的想跟隨某個(gè)趨勢(shì),最好經(jīng)常使用,認(rèn)真打磨,讓它成為你的配色方案列表中的一員。

一般情況下,你所創(chuàng)建的配色方案,應(yīng)該是經(jīng)得起時(shí)間考驗(yàn),能一次又一次使用的(色彩是品牌形象和品牌識(shí)別的根本)。所以,最好是將一系列真正“屬于你的”的配色方案,同時(shí)尚的趨勢(shì)結(jié)合起來(lái),大化的使用。

5、避免彩虹式配色

色彩的使用應(yīng)該是有節(jié)制的。你的配色方案中并不需要5種甚至10種色彩同時(shí)存在,最好的配色方案通常只是2~4種色彩的搭配。

為什么?每個(gè)色彩在整個(gè)設(shè)計(jì)中都有它的作用,而每個(gè)色彩都應(yīng)該有各自發(fā)揮的空間,并且被人所注意到。太多的色彩聚合到一起,就只是顏色而已。好的設(shè)計(jì)和配色方案會(huì)讓每種色彩具備它獨(dú)有的作用與角色,讓色彩各司其職,用戶也更容易融入到整個(gè)設(shè)計(jì)中來(lái),也更容易同網(wǎng)站進(jìn)行交互和溝通。

6、為文本元素單獨(dú)挑選色彩

當(dāng)你思考色彩搭配的時(shí)候,文本元素應(yīng)當(dāng)使用什么樣的色彩是非常值得你思考的。除非文本色彩被固定死了只能是黑白灰,那么你應(yīng)當(dāng)考慮一下文本的配色問(wèn)題。

文本的色彩牽涉到各種問(wèn)題,從色彩的可讀性到頁(yè)面的可用性、菜單的易用性,不一而足。當(dāng)然,最需要考慮的還是文本的可讀性的問(wèn)題。文字需要在不同的背景下保持足夠的對(duì)比度來(lái)確保它可讀。一般而言,文本元素的用色可以是配色方案的一部分,也可以是單獨(dú)挑選的色彩。

7、結(jié)合內(nèi)容考慮配色

優(yōu)秀的配色方案并不只是確保視覺(jué)上的一致性,會(huì)讓內(nèi)容和色調(diào)情緒上保持一致,尤其是在網(wǎng)站上。

這個(gè)道理并不難理解。以自然為主題的網(wǎng)站可能會(huì)使用綠色和棕色,而銀行類的網(wǎng)站則大多使用讓人信任的色彩,比如藍(lán)色。網(wǎng)站有著怎樣的立意?它要展現(xiàn)什么樣的主題,傳達(dá)什么樣的情緒?在這樣的構(gòu)思之下,可以幫你更好的建立配色方案。

8、堅(jiān)持遵循配色方案

當(dāng)你創(chuàng)造出一套優(yōu)秀的配色方案的時(shí)候,你會(huì)盡量將這個(gè)方案貫穿整個(gè)項(xiàng)目。這個(gè)時(shí)候,你應(yīng)當(dāng)建立一套規(guī)則,來(lái)確保整個(gè)配色能夠系統(tǒng)化地貫穿到整個(gè)項(xiàng)目當(dāng)中。這個(gè)過(guò)程中,你可能會(huì)思考下面的問(wèn)題:

·你同時(shí)在處理色彩有哪些?
·哪些色彩是通過(guò)調(diào)節(jié)色彩、色調(diào)和色度而創(chuàng)造的?
·是否為文本設(shè)定單獨(dú)的色彩?
·UI元素是否具備成系列的配色?

·能否在配色方案之外再單獨(dú)加入獨(dú)特的色彩?

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!

分享文章:思路很重要!搞定完美配色方案應(yīng)當(dāng)思考的八個(gè)問(wèn)題
標(biāo)題路徑:http://muchs.cn/news18/310868.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司域名注冊(cè)、動(dòng)態(tài)網(wǎng)站、全網(wǎng)營(yíng)銷推廣、網(wǎng)頁(yè)設(shè)計(jì)公司、面包屑導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都app開(kāi)發(fā)公司