爆竹聲中一歲除，春風送暖入屠蘇。 千門萬戶曈曈日，總把新桃換舊符。開春后各行各業(yè)都將以嶄新的面貌來迎接新的一年的到來，我們不禁好奇地問，2022網(wǎng)頁設(shè)計都有哪些新趨勢，帶給我們什么驚喜呢？

為了能夠構(gòu)建更好的網(wǎng)站，我們不得不優(yōu)先解決更大規(guī)模場景和可訪問性、用戶體驗和響應(yīng)能力等問題。今天我主要想跟大家討論和分享其中一個建站技巧——嘗試使用有機形狀在設(shè)計中添加小的、更重要的是戰(zhàn)略性的紋理。

自從把背景紋理帶到了我們的電腦和手機屏幕上之后，背景紋理很快就被用戶視為無關(guān)緊要且令人分心，因此這種設(shè)計技巧和方法被定義為設(shè)計趨勢一直沒被大家認可。但把背景紋理巧妙地運用到網(wǎng)站界面設(shè)計當中的案例，總是能讓我們感到驚喜。

今天我們一起來看一些案例加以說明。

這個案例中，我們可以清晰的看到，圓形和線條出現(xiàn)在整個網(wǎng)站頁面的背景中，它們使用戶界面在視覺上感受到很有趣，但卻不會喧賓奪主，成為壓倒性設(shè)計。

案例二

在這個案例當中，點狀矩陣圖和圓形數(shù)字紋理圖，設(shè)計得非常精巧突出。用設(shè)計師的原話：

在整個單頁網(wǎng)站中使用了兩種形狀，這種紋理化的一致性將使訪問者的眼睛更容易引導(dǎo)到您希望他們?nèi)サ牡胤健?并且這些形狀通常看起來更靠近頁面的右邊距。由于用戶的眼睛通常會被左邊距吸引，因此這些形狀應(yīng)該會增加用戶看到和與之交互的內(nèi)容量。

案例三

進入眼簾的第一屏并沒有看到紋理設(shè)計，但隨著鼠標的滑動，立即可以看到一組個性化的紋理設(shè)計在界面中。

通過以上三個精品網(wǎng)站建設(shè)案例，我們可以大體總結(jié)出以下幾個方面的觀點：

第一，在整站的風格界面設(shè)計中，如果圖片、文字、整塊底色不能很好的滿足界面中的平衡感、趣味性，甚至是品牌的味道，可以在內(nèi)容以及內(nèi)容以外的區(qū)域適當?shù)脑黾颖尘凹y理的設(shè)計，可以是品牌基因中的主KV圖像、圖形延展設(shè)計等。

第二，背景紋理，大多數(shù)都是幾何圖形的設(shè)計，也有圖像的設(shè)計。而幾何圖形的設(shè)計往往是跟品牌符號有很強烈的呼應(yīng)和統(tǒng)一性，通常是有根據(jù)而定制設(shè)計的，有品牌延展和規(guī)范的指導(dǎo)和遵循，不是隨意、好看就用。

第三，紋理的使用，也要考慮適度性，不是看到空白的地方就一定要使用，通常可以以網(wǎng)站的瀏覽體驗為參考依據(jù)，比如虛——實——虛這樣的節(jié)奏來布局，這樣的設(shè)計才更容里被理解和接受，也可以稱之為戰(zhàn)略性紋理設(shè)計。

除了紋理設(shè)計之外，我們還有哪些東西可以運用到網(wǎng)站設(shè)計當中，同樣起到視覺、布局、內(nèi)容平衡的作用呢？

比如這個案例，在頁面信息布局中，采用了視頻入口的設(shè)計方式。

視頻入口的設(shè)計可用于多種目的，一方面是炫耀視頻推薦（花了幾百萬定制拍攝的產(chǎn)品、企業(yè)宣傳視頻，公司是一定要渲染一下的，毫無疑問），或為產(chǎn)品的技術(shù)特性提供易于理解的解釋等等，都需要一個精致的視頻的入口。

比如，這個母嬰品牌網(wǎng)站，設(shè)計視頻入口并不需要占用太多空間才能有效。