衡量網(wǎng)站制作是否優(yōu)秀的一個(gè)重要標(biāo)準(zhǔn)是可讀性,而可讀性很大程度受到對(duì)比度的影響。色彩在提升網(wǎng)站設(shè)計(jì)對(duì)比度發(fā)揮非常重要的作用,下面我們來探究一下什么樣的色彩設(shè)計(jì)才能提升網(wǎng)站的對(duì)比度。

最簡(jiǎn)單的做法就是使用對(duì)比色,比如紅綠、藍(lán)橙、黃紫、黑白等對(duì)比色搭配,能夠大幅度提升網(wǎng)站設(shè)計(jì)的對(duì)比度。上面的網(wǎng)站模板在對(duì)比色使用上就是一個(gè)典型例子,這種卡片式的單頁網(wǎng)站運(yùn)用對(duì)比度高的顏色作為不同板塊的背景色,可以極大提升版塊之間的對(duì)比度。

使用對(duì)比色雖然是不錯(cuò)的的設(shè)計(jì),但并不適用于所有風(fēng)格的網(wǎng)站。有些網(wǎng)站設(shè)計(jì)可能走清新淡雅風(fēng)或者更加強(qiáng)調(diào)整體性,不適合一味使用對(duì)比色。這種情況下我們可以調(diào)節(jié)色彩的明暗度來增強(qiáng)對(duì)比。舉個(gè)例子,黑色和藍(lán)色并不是對(duì)比度非常高的顏色搭配,但是上面模板調(diào)低背景黑色的明亮度,再將選擇明亮度高的藍(lán)綠色,明暗度的差距大大增強(qiáng)了文字與背景的對(duì)比度。如果我將文字調(diào)成下面明亮度低的藍(lán)紫色,我們就可以更加直觀看到明暗度帶來的視覺對(duì)比效果。

如果要將上面這種調(diào)整顏色的明暗度以提升對(duì)比度是做法應(yīng)用到顏色比較多的圖片背景中,相對(duì)需要專業(yè)一點(diǎn)的軟件來完成。我們可以嘗試給圖片背景加一個(gè)半透明的彩色濾鏡,這樣相對(duì)簡(jiǎn)單方便。彩色濾鏡在網(wǎng)站設(shè)計(jì)中已經(jīng)得到廣泛應(yīng)用,下面這個(gè)模板就在元素比較雜亂的圖片背景上加了一層深藍(lán)色的濾鏡,文字與背景之間對(duì)比度提升。添加彩色濾鏡的操作非常簡(jiǎn)單,需要增強(qiáng)標(biāo)題文字的可讀性可以優(yōu)先考慮這個(gè)的方法。

在某種程度上,留白也可以看做是色彩設(shè)計(jì)的一種。大留白可以將不同版塊清晰的分割開來,小留白則是可以讓小元素之間的關(guān)系更加清晰可辨。在網(wǎng)站設(shè)計(jì)中合理利用留白可以提升不同元素、版塊之間的對(duì)比度,進(jìn)而增強(qiáng)內(nèi)容的可讀性。下面的橫幅設(shè)計(jì)在產(chǎn)品和標(biāo)題周圍大量留白,背景采用了灰白漸變?cè)O(shè)計(jì),提升對(duì)比度的同時(shí)讓頁面不那么單調(diào)枯燥。

想要提升頁面對(duì)比度,最簡(jiǎn)單的方法就是增加留白空間,同時(shí)注意留白的色彩搭配,不要以為采用白色等純色。值得注意的是,雖然留白非常簡(jiǎn)單實(shí)用,但只利用留白還不能很好提升對(duì)比度,我們還需要其他方法的輔助。
有很多種色彩應(yīng)用的方法可以提升網(wǎng)站設(shè)計(jì)對(duì)比度,繼而提升可讀性。色彩在如何建設(shè)高端網(wǎng)站中起到了一個(gè)畫龍點(diǎn)睛的作用。我們要在實(shí)踐中不斷發(fā)現(xiàn)、摸索,方能純熟運(yùn)用這些設(shè)計(jì)方法來提升我們的網(wǎng)站設(shè)計(jì)。
本文為凡科原創(chuàng)作品,內(nèi)容及圖片版權(quán)歸凡科所有,未經(jīng)許可不得抄襲或轉(zhuǎn)載,否則我司將保留追訴侵權(quán)責(zé)任的權(quán)利。