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