在網(wǎng)站設(shè)計(jì)中有很多使用紋理的方法，如果您想采用更現(xiàn)代的方法并遵循一些簡(jiǎn)單的規(guī)則，您將獲得更多關(guān)于背景的知識(shí)。這里有一些技巧可以幫助您更好地在網(wǎng)頁(yè)設(shè)計(jì)中使用帶紋理的背景。

一.去繁存簡(jiǎn)

恰到好處的背景紋理甚至可能不會(huì)引起用戶的太多注意。它應(yīng)該是一個(gè)幾乎看不見的元素，但在提供深度或視覺參考點(diǎn)的同時(shí)有助于提高整體可讀性和可用性。為此，簡(jiǎn)單而低調(diào)的背景紋理是完美的選擇。

去年年底，GitHub 在其UniverseConference 網(wǎng)站設(shè)計(jì)中使用了帶有白點(diǎn)的簡(jiǎn)單黑色背景。夜晚的星空效果不僅符合主題，有趣的漸變變化也讓標(biāo)志和活動(dòng)信息很容易找到。簡(jiǎn)單的背景紋理傾向于使用一些小的或緊密的重復(fù)圖案，并且在顏色的選擇上沒有太多限制。主要思想是這些背景紋理并不意味著成為焦點(diǎn)，它們有助于將注意力吸引到設(shè)計(jì)的其余部分。

二.大膽-膽大

也許保持低調(diào)不適合您目前正在從事的項(xiàng)目。如果是這樣，選擇大而大膽的背景紋理或圖案可能更符合您現(xiàn)在的需求。

這些非傳統(tǒng)的設(shè)計(jì)傾向于使用更多的前景文本或UI 元素。使用這種類型的背景紋理可能會(huì)變得棘手，因?yàn)閯?chuàng)建一個(gè)幾乎看不見的平鋪圖案可以防止用戶將過(guò)多的注意力放在背景上并使其成為整個(gè)設(shè)計(jì)的焦點(diǎn)，在這種情況下可能需要考慮很多因素。為了保證您的超大背景貼圖能更好的發(fā)揮作用，請(qǐng)注意分析用戶使用習(xí)慣，做出相應(yīng)的修改。流量或轉(zhuǎn)化率的急劇下降表明您的視覺呈現(xiàn)不被用戶接受。

三.結(jié)合設(shè)計(jì)趨勢(shì)

具有流行設(shè)計(jì)趨勢(shì)的背景紋理可以使您的設(shè)計(jì)感覺超現(xiàn)代和新鮮。幾何形狀的使用幾乎成為當(dāng)今網(wǎng)頁(yè)設(shè)計(jì)中的主流視覺表達(dá)方式，這也解釋了為什么Apacio 的網(wǎng)站如此吸引人。在深色背景上，色彩鮮艷的幾何形狀，即使混合在一起，也可以創(chuàng)造出不錯(cuò)的紋理效果和深度，幫助用戶專注于大文本和號(hào)召性用語(yǔ)，因?yàn)檫@些元素與背景形成對(duì)比。文本- 一個(gè)簡(jiǎn)單的無(wú)襯線字體- 似乎比綠色形狀好得多。紋理的分層也有助于實(shí)現(xiàn)這種整體效果。請(qǐng)注意背景中的暗元素如何通過(guò)兩個(gè)不同的層與亮元素分開。

四.使用圖像

背景紋理不必是從庫(kù)存站點(diǎn)下載的通用元素。一些好的背景紋理可以與品牌或主要信息相關(guān)的圖像相結(jié)合，以增加視覺興趣和參與度。訣竅是如何有效地將圖像淡化到背景中。

在上面的例子中，Oxeva在其網(wǎng)站設(shè)計(jì)中采用了一種非常有效的方法：降低照片的明暗度，使背景圖片的輪廓清晰可見，并通過(guò)使用大膽的顏色和特殊的字體，前景中顯示的圖像部分更自然且更具吸引力。這張照片整體已經(jīng)模糊了，但是一些重要的細(xì)節(jié)卻被賦予了清晰可辨的細(xì)節(jié)，這樣一來(lái)主次層次就出來(lái)了。

五.用顏色強(qiáng)調(diào)變化

這是一種大膽的紋理元素，通過(guò)混合相似的顏色或匹配相應(yīng)的色調(diào)和陰影而創(chuàng)建。顏色的變化，即使在一定范圍內(nèi)的相似性，也可以創(chuàng)造深度和視覺層次。

字體以有趣的視覺組合使用，并與顏色配對(duì)以創(chuàng)建出色的背景紋理。即使不使用漸變或陰影等過(guò)多的技術(shù)，背景中的顏色也會(huì)突出主要標(biāo)題以強(qiáng)調(diào)，同時(shí)從字形中構(gòu)建深度和平衡。

六.梯度變化

（漸變的用法） 漸變足夠時(shí)尚，視覺上也足夠吸引人。使用漸變作為背景紋理時(shí)，您可以單獨(dú)使用它，也可以使用照片對(duì)其進(jìn)行分層。幾乎所有顏色組合都是如此，因此使用漸變來(lái)創(chuàng)建紋理和深度并不困難。

如果你沒有時(shí)間規(guī)劃漸變組合選項(xiàng)，你可以在webgradients中找到你喜歡的漸變組合

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！