新網(wǎng)頁大法:網(wǎng)頁設(shè)計(jì)配色如何把握的顏色亮

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

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

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

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

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

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

HSL Color Schemer

ColourLovers’ Palettes

Adobe Kuler

Color Palette Generator

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

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.

http://www.lighthouse.org/accessibility/design/accessible-print-design/effective-color-contrast

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

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

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

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

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

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

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

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

你是如何決定你的配色方案的呢?就是隨著自己的感覺走嗎?

?成都網(wǎng)站設(shè)計(jì) 成都網(wǎng)站設(shè)計(jì)公司

分享題目:新網(wǎng)頁大法:網(wǎng)頁設(shè)計(jì)配色如何把握的顏色亮
文章鏈接:http://muchs.cn/news11/323611.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、企業(yè)網(wǎng)站制作、建站公司品牌網(wǎng)站制作、網(wǎng)站建設(shè)做網(wǎng)站

廣告

聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)