好奇，2023網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì)有何驚喜？

時(shí)間：2023-10-01 08:36:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-10-01 08:36:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

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

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

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




今天我們一起來(lái)看一些案例加以說(shuō)明。




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




案例二




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

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

案例三

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

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

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

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

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




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

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

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




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

甚至是只需要一個(gè)按鈕即可成功吸引用戶點(diǎn)擊和瀏覽。

總而言之，視頻按鈕、視頻入口的設(shè)置，也是一種讓空曠布局界面達(dá)到視覺平衡的設(shè)計(jì)方法。




最近，我們還了解到一種新的設(shè)計(jì)趨勢(shì)，不過(guò)主要是針對(duì)手機(jī)端網(wǎng)站設(shè)計(jì)。

越來(lái)越多的網(wǎng)站也將采用類似手機(jī)應(yīng)用的功能，把諸如我的帳戶、購(gòu)物車和收藏夾鏈接等常見于頂部欄的熱門工具、鏈接等等，現(xiàn)在設(shè)計(jì)在粘性底部欄。在未來(lái)幾年里，改變和革新移動(dòng)網(wǎng)絡(luò)體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)師將其網(wǎng)站定位為卓越的產(chǎn)品設(shè)計(jì)。