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

一.去繁存簡

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

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

二.大膽-膽大

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

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

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

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

四.使用圖像

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

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

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

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

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

六.梯度變化

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

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

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