爆竹聲中一歲除，春風送暖入屠蘇。 千門萬戶曈曈日，總把新桃換舊符。開春后各行各業(yè)都將以嶄新的面貌來迎接新的一年的到來，我們不禁好奇地問，2023網(wǎng)頁設(shè)計都有哪些新趨勢，帶給我們什么驚喜呢？
為了能夠構(gòu)建更好的網(wǎng)站，我們不得不優(yōu)先解決更大規(guī)模場景和可訪問性、用戶體驗和響應能力等問題。今天我主要想跟大家討論和分享其中一個建站技巧——嘗試使用有機形狀在設(shè)計中添加小的、更重要的是戰(zhàn)略性的紋理。
自從把背景紋理帶到了我們的電腦和手機屏幕上之后，背景紋理很快就被用戶視為無關(guān)緊要且令人分心，因此這種設(shè)計技巧和方法被定義為設(shè)計趨勢一直沒被大家認可。但把背景紋理巧妙地運用到網(wǎng)站界面設(shè)計當中的案例，總是能讓我們感到驚喜。
今天我們一起來看一些案例加以說明。
這個案例中，我們可以清晰的看到，圓形和線條出現(xiàn)在整個網(wǎng)站頁面的背景中，它們使用戶界面在視覺上感受到很有趣，但卻不會喧賓奪主，成為壓倒性設(shè)計。
案例二
在這個案例當中，點狀矩陣圖和圓形數(shù)字紋理圖，設(shè)計得非常精巧突出。用設(shè)計師的原話：
在整個單頁網(wǎng)站中使用了兩種形狀，這種紋理化的一致性將使訪問者的眼睛更容易引導到您希望他們?nèi)サ牡胤健?并且這些形狀通?？雌饋砀拷撁娴挠疫吘?。由于用戶的眼睛通常會被左邊距吸引，因此這些形狀應該會增加用戶看到和與之交互的內(nèi)容量。
案例三
進入眼簾的第一屏并沒有看到紋理設(shè)計，但隨著鼠標的滑動，立即可以看到一組個性化的紋理設(shè)計在界面中。
通過以上三個精品網(wǎng)站建設(shè)案例，我們可以大體總結(jié)出以下幾個方面的觀點：
第一，在整站的風格界面設(shè)計中，如果圖片、文字、整塊底色不能很好的滿足界面中的平衡感、趣味性，甚至是品牌的味道，可以在內(nèi)容以及內(nèi)容以外的區(qū)域適當?shù)脑黾颖尘凹y理的設(shè)計，可以是品牌基因中的主KV圖像、圖形延展設(shè)計等。
第二，背景紋理，大多數(shù)都是幾何圖形的設(shè)計，也有圖像的設(shè)計。而幾何圖形的設(shè)計往往是跟品牌符號有很強烈的呼應和統(tǒng)一性，通常是有根據(jù)而定制設(shè)計的，有品牌延展和規(guī)范的指導和遵循，不是隨意、好看就用。
第三，紋理的使用，也要考慮適度性，不是看到空白的地方就一定要使用，通常可以以網(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è)計視頻入口并不需要占用太多空間才能有效。
甚至是只需要一個按鈕即可成功吸引用戶點擊和瀏覽。
總而言之，視頻按鈕、視頻入口的設(shè)置，也是一種讓空曠布局界面達到視覺平衡的設(shè)計方法。
最近，我們還了解到一種新的設(shè)計趨勢，不過主要是針對手機端網(wǎng)站設(shè)計。
越來越多的網(wǎng)站也將采用類似手機應用的功能，把諸如我的帳戶、購物車和收藏夾鏈接等常見于頂部欄的熱門工具、鏈接等等，現(xiàn)在設(shè)計在粘性底部欄。在未來幾年里，改變和革新移動網(wǎng)絡(luò)體驗的網(wǎng)頁設(shè)計師將其網(wǎng)站定位為卓越的產(chǎn)品設(shè)計。
