編者按：這篇文章出自資深設(shè)計(jì)師 Erik Messaki 的總結(jié)，文章總結(jié)了 7 種網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)，雖然其中很多趨勢(shì)之前已經(jīng)存在，但是在細(xì)節(jié)和特征上，Erik 有更為深入的分析，值得看看。

關(guān)注趨勢(shì)本質(zhì)上就是關(guān)注未來(lái)可能存在的形態(tài)。很多營(yíng)銷(xiāo)需求和設(shè)計(jì)趨勢(shì)是相互關(guān)聯(lián)的，兩者之間的關(guān)聯(lián)更像是一種動(dòng)態(tài)的同步。

很多時(shí)候趨勢(shì)并不一定是全新的東西，它們往往是服務(wù)于當(dāng)下和未來(lái)的需求，有很多趨勢(shì)存在了一些年頭，它們?cè)诂F(xiàn)在發(fā)揮著作用，但是在未來(lái)可能會(huì)發(fā)揮更大的效用。所以，當(dāng)我們?cè)诓榭催@些設(shè)計(jì)趨勢(shì)的時(shí)候，需要注意，它們必須是服務(wù)于用戶，服務(wù)于品牌和企業(yè)。

1、新極簡(jiǎn)主義

的確，極簡(jiǎn)主義一直在某種程度上流行，但是 2022 年出現(xiàn)的新極簡(jiǎn)主義的浪潮，比起傳統(tǒng)的極簡(jiǎn)主義設(shè)計(jì)更加在意用戶注意力的吸引。這種新極簡(jiǎn)主義的設(shè)計(jì)會(huì)采用更加大膽、 生動(dòng)、明亮的色彩來(lái)填補(bǔ)留白，這種設(shè)計(jì)使得設(shè)計(jì)保持簡(jiǎn)約的同時(shí)，更加富有調(diào)性，在簡(jiǎn)約的框架下制造一種別樣的華麗，營(yíng)造令人亢奮的氛圍。

干凈清晰、生動(dòng)的新極簡(jiǎn)主義風(fēng)格在品牌推廣的過(guò)程中也更加受歡迎，大量的留白和跳脫的視覺(jué)焦點(diǎn)讓整個(gè)視覺(jué)更加抓人眼球，也使得品牌給人的感知更加新鮮獨(dú)特。

新極簡(jiǎn)主義風(fēng)格，對(duì)比度在深色主題下得到了進(jìn)一步的提升。

這種設(shè)計(jì)并不意味著傳統(tǒng)的極簡(jiǎn)主義已經(jīng)被用戶拋棄，很多企業(yè)依然會(huì)青睞更加傳統(tǒng)的單色極簡(jiǎn)主義設(shè)計(jì)，不過(guò)其中多少會(huì)增加一些明亮的色彩作為點(diǎn)綴。

2、新粗野主義

從 1950 年開(kāi)始，粗野主義就是年輕化、反叛、反主流、標(biāo)新立異的設(shè)計(jì)風(fēng)格。在過(guò)去的幾十年當(dāng)中，這種設(shè)計(jì)風(fēng)格一直隨著時(shí)代的發(fā)展而自我迭代，新粗野主義更加強(qiáng)調(diào)創(chuàng)造力、 大膽前衛(wèi)的新奇元素，而這也正好符合很多品牌對(duì)于新奇性的追求，它可以瞬間抓住用戶的注意力。不過(guò)，這種風(fēng)格的使用需要控制好程度，否則很容易失控。

粗野主義經(jīng)久不衰的秘訣是什么？是未經(jīng)打磨、粗糲而原始的素材，它讓觀看者忍不住想要改進(jìn)它，這種未完成的原始感會(huì)在情感上吸引觀眾，這在營(yíng)銷(xiāo)上是無(wú)價(jià)的優(yōu)勢(shì)。

粗野主義在設(shè)計(jì)上并非看起來(lái)那么粗糙，相反它更加需要高度的專(zhuān)業(yè)性來(lái)控制它粗野的程度。設(shè)計(jì)師需要敏銳地感知到觀看者改進(jìn)地欲望，讓設(shè)計(jì)粗野而不低級(jí)，原始而不拙劣。

新粗野主義柔糅合了極簡(jiǎn)主義和大膽地排版，它依賴看似粗野地視覺(jué)沖擊：高對(duì)比度、粗糲地陰影，撞色、 簡(jiǎn)約的背景、不對(duì)稱的布局、 未經(jīng)修飾的照片，新粗野主義偏好基礎(chǔ)款的加粗字體，跟注重可讀性而不是舒適所制造的視覺(jué)吸引力。

這個(gè)網(wǎng)站就是一個(gè)典型的例子：

3、強(qiáng)調(diào)參與感的交互

這一趨勢(shì)在絕大多數(shù)的趨勢(shì)排行榜當(dāng)中，都占據(jù)首位。隨著技術(shù)的進(jìn)步，用戶和數(shù)字媒體之間的交互正在增加，引人入勝的交互已經(jīng)不僅僅停留在響應(yīng)式設(shè)計(jì)當(dāng)中，如今它已經(jīng)開(kāi)始關(guān)注心理和生理的邏輯，開(kāi)始全方位地調(diào)動(dòng)視覺(jué)、聽(tīng)覺(jué)、 嗅覺(jué)、觸覺(jué)、味覺(jué)乃至于運(yùn)動(dòng)體感。

這種趨勢(shì)旨在幫助用戶體驗(yàn)真實(shí)地感覺(jué)，在完成交互地基礎(chǔ)上，觸發(fā)用戶地情緒反應(yīng)和生理反應(yīng)，熱氣騰騰地餡餅視頻讓人垂涎，游戲中虛擬地對(duì)手讓人腎上腺素激增。

交互所制造地參與感，在某種程度上是實(shí)際地物理產(chǎn)品地替代物，用戶可以從不同角度來(lái)縮放查看產(chǎn)品，了解細(xì)節(jié)，選擇尺寸，挑選顏色。

交互過(guò)程中，手指和屏幕之間地觸摸交互開(kāi)始變得豐富，開(kāi)始變得有意味，它成為了用戶和虛擬世界之間溝通地橋梁，開(kāi)始有游戲地樂(lè)趣，有更具設(shè)計(jì)感地交互環(huán)節(jié)。用戶也可以根據(jù)自己地喜好，對(duì)界面進(jìn)行更多樣的個(gè)性化處理。

具有參與感的交互是我們的未來(lái)。

4、關(guān)注人和敘事

2022 年是疫情開(kāi)始后的第三年，隔離使得人們對(duì)于照片所呈現(xiàn)出的故事和情感，有著更為強(qiáng)烈的情緒反應(yīng)。在極簡(jiǎn)主義設(shè)計(jì)當(dāng)中，富有表現(xiàn)力的人物照片是最為流行的元素之一，這類(lèi)照片搭配上簡(jiǎn)短的文字，簡(jiǎn)練的口號(hào)，一些帶有宏大敘事特質(zhì)的文字引用，時(shí)常能夠更好地營(yíng)造出故事感。

不用擔(dān)心主屏頁(yè)面太長(zhǎng)沒(méi)人看，只要隨著用戶滾動(dòng)，故事會(huì)隨之逐步展開(kāi)，用戶可以在照片、 標(biāo)題、視頻、動(dòng)畫(huà)和文本地指引下，看到整個(gè)故事有步驟地呈現(xiàn)。

在這當(dāng)中，富有表現(xiàn)力的人物照片是吸引用戶注意力的關(guān)鍵要素。

另外就是頁(yè)面的 Banner 的部分，強(qiáng)調(diào)主題和內(nèi)容的標(biāo)題文本，是用戶從屏幕上獲取的重要信息之一。

如今的用戶越來(lái)越偏好在詳細(xì)閱讀內(nèi)容之前，快速瀏覽一下全局的做法，這也使得 Scrollytelling（滾動(dòng)敘事：通過(guò)滾動(dòng)觸發(fā)音頻、視頻、 動(dòng)畫(huà)效果的一種技術(shù)）這種漸進(jìn)式敘事方式，可以像電影一樣將故事呈現(xiàn)在用戶眼前。

Scrollytelling 適合大量的內(nèi)容呈現(xiàn)，比如對(duì)于公司和產(chǎn)品的描述，對(duì)于數(shù)據(jù)呈現(xiàn)或者認(rèn)知要求較高的內(nèi)容，它適合學(xué)習(xí)和記憶性內(nèi)容的呈現(xiàn)。

5、3D圖形的運(yùn)用

3D 圖形設(shè)計(jì)正在越來(lái)越流行，因?yàn)樗_實(shí)是吸引用戶注意力的最主要的工具之一。3D 圖像無(wú)論有多么奇異，它本身都會(huì)被認(rèn)為是有真實(shí)感的，明確的體積，精致的建模，所有的一切都令人著迷。很多時(shí)候，用戶停留在有3D元素的頁(yè)面上，是為了更細(xì)致的欣賞。

3D 圖形設(shè)計(jì)的趨勢(shì)從來(lái)都沒(méi)有減退，它正在進(jìn)入更多的領(lǐng)域，甚至進(jìn)入了品牌推廣的領(lǐng)域。3D 動(dòng)畫(huà)圖標(biāo)比過(guò)去更能吸引用戶的注意力。

6、抽象插畫(huà)

我們通常說(shuō)的抽象插畫(huà)，指的是帶有明確幾何特征的插畫(huà)，它們被廣泛地應(yīng)用于網(wǎng)站和 APP，在社交媒體和包裝設(shè)計(jì)中也越來(lái)越多的存在。

抽象插畫(huà)之所以會(huì)如此成功，是因?yàn)樗鼈兇蠖嘤兄说纳鷦?dòng)色彩和良好對(duì)比度，視覺(jué)上的美感和極簡(jiǎn)主義的風(fēng)格特質(zhì)，它們成為視覺(jué)的焦點(diǎn)，為整個(gè)設(shè)計(jì)提升視覺(jué)。

抽象插畫(huà)在品牌營(yíng)銷(xiāo)場(chǎng)景下的應(yīng)用也很多，它們?cè)谶@個(gè)時(shí)候是貼合品牌推廣的訴求的：通過(guò)色彩和形式來(lái)吸引用戶來(lái)關(guān)注品牌的形象和名稱。

7、超大文本版式

這種趨勢(shì)的特別之處是其中的文本字體元素是完全獨(dú)立的。這些文本不僅僅是用來(lái)傳遞信息的，它們還充當(dāng)著拉升頁(yè)面視覺(jué)效果的重要作用，它們結(jié)合動(dòng)畫(huà)和交互，成為頁(yè)面中醒目的亮點(diǎn)。

超大字體的優(yōu)點(diǎn)在于，它和很多設(shè)計(jì)風(fēng)格是相得益彰的，加粗的大字體在極簡(jiǎn)主義風(fēng)格的頁(yè)面上不會(huì)顯得突兀，在元素豐富的頁(yè)面上，同樣可以起到優(yōu)秀的點(diǎn)綴作用。這些文本內(nèi)容可以和纖細(xì)和小尺寸的元素協(xié)同，而后者則襯托出它本身的醒目。

超大文本字體的另一個(gè)好處是有效地減少網(wǎng)頁(yè)上的圖像的使用，縮短加載時(shí)間，提升移動(dòng)端的可用性。

這種設(shè)計(jì)元素最重要的，是選擇易讀且符合品牌調(diào)性的字體。

總結(jié)

這么多年來(lái)，我們看到來(lái)這么多的趨勢(shì)，很多趨勢(shì)是一以貫之持續(xù)出現(xiàn)，有的趨勢(shì)則如同流星一樣一閃而逝。好的趨勢(shì)不斷迭代升級(jí)，并且持續(xù)存在，但是最重要的，始終是那些選擇合理的方案，并且堅(jiān)持改進(jìn)設(shè)計(jì)，讓趨勢(shì)服務(wù)于終端的產(chǎn)品和用戶的設(shè)計(jì)師。

讓趨勢(shì)服務(wù)于你，不要盲目地追趨勢(shì)！