越來越多的人喜歡在網(wǎng)頁制作中運(yùn)用大幅圖片,這種設(shè)計(jì)利于營造氛圍,但是會(huì)降低文字的可讀性。讓我們來看看凡科建站上的網(wǎng)站模板在使用大幅圖片的情況下如何解決文字內(nèi)容的可讀性問題。
填充背景

最簡單的方法是給文字部分加上半透明的填充背景。這種方法簡單易操作,可以在不影響圖片美觀性的前提下增強(qiáng)文字內(nèi)容的可讀性。上面這個(gè)網(wǎng)站模板使用元素較為復(fù)雜的背景圖片,兩個(gè)半透明的填充背景大大增強(qiáng)了文字的可讀性,又不顯突兀。
模糊背景

將需要放置文字的圖像部分作背景虛化處理,這是另外一種增加文字可讀性的常見方法。相對(duì)于添加填充背景,這種方法能夠更加自然地聚焦用戶的視線,文字和畫面的配合度也會(huì)更高。上面這個(gè)網(wǎng)站模板虛化了圖片的背景,讓用戶的焦點(diǎn)可以放在人物和文字上,可讀性更高。
加濾鏡

如果圖片的色彩不是十分重要或者只是需要營造一種場景氛圍,我們可以在圖片上加一層濾鏡,這樣可以很好地增加文字的可讀性。這種方法可以最大限度增加文字的可讀性,讓用戶的注意力完全集中在文字上面。如果需要最大限度突出文字,可以考慮像上面的網(wǎng)站模板一樣加一層濾鏡,還可以讓頁面的質(zhì)感看起來更加高級(jí)。
文字本身

除了要在圖片背景的處理上下功夫,我們也不能忽視文字本身的排版。首先是色彩搭配,文字需要選擇與背景對(duì)比強(qiáng)烈的顏色,增加可讀性。然后是字體大小,放大重點(diǎn)文字,縮小次要文字,讓整個(gè)文字排版更加有錯(cuò)落感。最后是特殊效果,如陰影、藝術(shù)字、斜體、線條、形狀等等能夠突出文字的效果。不懂得怎么創(chuàng)建網(wǎng)站文字的突出效果,上面的網(wǎng)站模板對(duì)大標(biāo)題進(jìn)行了放大加粗改顏色的操作,讓用戶第一眼就可以接收到最重要的信息。