網(wǎng)頁設(shè)計如何把握顏色

2024-02-09    分類: 網(wǎng)站建設(shè)

本文額介紹一下網(wǎng)頁設(shè)計配色的顏色亮度如何把握,創(chuàng)造一個Palette的過程中,色調(diào)和飽和度不一定是最重要的部分,顏色彼此之間如何相互作用,在我認(rèn)為是更為重要的。

“我不確定那是藍(lán)色。你能把藍(lán)色調(diào)的更‘正’一些嗎?我聽說藍(lán)色體現(xiàn)了一種信任感?!?br />
設(shè)計師們在他們的職業(yè)生涯中無數(shù)次地聽到這樣的評論,而且這也確實(shí)是很好的交流??蛻舨⒉唤?jīng)常這樣細(xì)致的對某個顏色做出評論。配色汪汪在一定程度上 反映出個人的品味或者是他們在某些文章當(dāng)中閱讀過有關(guān)“顏色含義”的內(nèi)容——比如說藍(lán)色和茶色搭配在一起比藍(lán)色和鮮艷的橘色搭配在一 起更加正式。但是,這些基本顏色是可以以不同的理解全是的,就像note on the Microsoft Office site談到的:

西方文化中與顏色相關(guān)的內(nèi)容

其實(shí)是顏色的組合使網(wǎng)頁配色變得非常困難。

一個很簡單的方式就是使用這些在線應(yīng)用來為您實(shí)現(xiàn)想要的配色方案:

HSL Color Schemer

ColourLovers’ Palettes

Adobe Kuler

Color Palette Generator

那該選用哪一種配色方案呢,或者說某種搭配方式更加有價值?經(jīng)驗(yàn)而談,根據(jù)顏色的對比度/亮度來考慮色彩組合。

Color decisions need to consider contrast because contrast is key to usability. It’s also the most powerful visual information – before hue and saturation – and therefore best capable of guiding attention. Furthermore, it’s much more effective to counteract color deficiency confusion by testing for contrast, than trying to choose the “right” color hue.

換句話說,色相和飽和度對于配色來說并不是最重要的部分。如果說顏色之間的互相搭配不算比它重要的話,也至少和其一樣重要。

那是因?yàn)槿说囊曈X是首先查找邊緣的。在意識到真正的色彩之前,人眼最先發(fā)現(xiàn)的是顏色的對比度和亮度的區(qū)別。選擇最好的配色方案的一個很簡單的方法就是給你的色彩搭配去個色,或者說是降低飽和度,看看顏色之間的區(qū)分度:

這讓顏色搭配選擇變得更加簡單。注意一下上面的圖片,“Not as effective”部分的文字看上去識別性要低于“Effective”的色彩搭配。

大多數(shù)情況下,我們要考慮色彩搭配打來的可讀性和可用性問題。在很多確切的案例中,使用低對比度的色彩搭配更有利于讓用戶減緩他們閱讀內(nèi)容的速度。當(dāng)然,這種方案相對來說也更難被客戶接受,因?yàn)樗麄兛雌饋碛行┢婀帧?br />
讓我們?nèi)olourLovers找找#0099ff,下面是些隨機(jī)推薦的配色方案:

如果我們對以上方案進(jìn)行去色處理,我們將會對他們?nèi)绾蜗嗷ヂ?lián)系的有另外的理解:

上面的例子中,我們可以看到“Automan”方案的三種顏色有非常接近的亮度,使他們會產(chǎn)生些許的光學(xué)誤區(qū)。“Island Mist”的亮度問題顯得更加嚴(yán)重。

當(dāng)然,因?yàn)橐粋€配色方案中僅僅有顏色層次對比的考慮,是不能夠成為好的顏色方案的。確實(shí)是這樣的,解決配色問題的經(jīng)驗(yàn)給予可與和設(shè)計師更多的參考。

每個人看待顏色都有一點(diǎn)點(diǎn)的不同,并且他們有自己的品味。隨著時間的推移和我越來越多的參與項(xiàng)目,客戶和設(shè)計師們會尊重個人的品味,以此為依據(jù)提出 他們的創(chuàng)意方案。有時,獲取更多的基本數(shù)據(jù)將會對一個設(shè)計師的決定很有幫助。也會為設(shè)計師提供為什么是選擇“那種藍(lán)”提供合理的依據(jù)。

你是如何決定你的配色方案的呢?就是隨著自己的感覺走嗎? 本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司!

本文標(biāo)題:網(wǎng)頁設(shè)計如何把握顏色
當(dāng)前鏈接:http://www.muchs.cn/news5/317005.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、Google、標(biāo)簽優(yōu)化、網(wǎng)站制作App開發(fā)、服務(wù)器托管

廣告

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

外貿(mào)網(wǎng)站建設(shè)