7個(gè)優(yōu)秀網(wǎng)頁設(shè)計(jì)趨勢(shì)!

2022-9-8    博博

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

2022設(shè)計(jì)趨勢(shì) 優(yōu)秀網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)趨勢(shì)

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

2022設(shè)計(jì)趨勢(shì) 優(yōu)秀網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)趨勢(shì)

更多設(shè)計(jì)趨勢(shì):


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


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

2022設(shè)計(jì)趨勢(shì) 優(yōu)秀網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)趨勢(shì)

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

2022設(shè)計(jì)趨勢(shì) 優(yōu)秀網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)趨勢(shì)

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

2022設(shè)計(jì)趨勢(shì) 優(yōu)秀網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)趨勢(shì)

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

2、新粗野主義


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

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

2022設(shè)計(jì)趨勢(shì) 優(yōu)秀網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)趨勢(shì)

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

2022設(shè)計(jì)趨勢(shì) 優(yōu)秀網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)趨勢(shì)

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

這個(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)開始關(guān)注心理和生理的邏輯,開始全方位地調(diào)動(dòng)視覺、聽覺、 嗅覺、觸覺、味覺乃至于運(yùn)動(dòng)體感。

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

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

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

具有參與感的交互是我們的未來。

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


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

2022設(shè)計(jì)趨勢(shì) 優(yōu)秀網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)趨勢(shì)

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

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

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

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

2022設(shè)計(jì)趨勢(shì) 優(yōu)秀網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)趨勢(shì)

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

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

2022設(shè)計(jì)趨勢(shì) 優(yōu)秀網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)趨勢(shì)


6、抽象插畫


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

2022設(shè)計(jì)趨勢(shì) 優(yōu)秀網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)趨勢(shì)

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

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

7、超大文本版式


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

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

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

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


總結(jié)


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

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



作者:陳子木



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔