展望 2021年，以下 11 個企業(yè)官網(wǎng)風格設計趨勢將有助于為網(wǎng)站建設的設計師和營銷人員提供信息和啟發(fā)。站在網(wǎng)頁設計趨勢的風口上，多少能沾點設計前沿的“光”。

趨勢不僅僅是在特定時期內(nèi)主流文化所接受的流行風格或集體行為。

設計趨勢可以懷舊地回顧過去，與當時的風格和趨勢建立聯(lián)系，并尋找新的方式將它們帶入未來。趨勢可以激發(fā)設計師尋找植根于其獨特視角和身份的新設計方式。趨勢可以與Web3等新技術一起出現(xiàn)，或者使用新技術為用戶構建交互式和令人興奮的體驗。

設計師可以利用趨勢尋找靈感，為客戶制作與時俱進并與現(xiàn)代受眾建立聯(lián)系的網(wǎng)站和項目。2021 年的突出主題是轉向更加身臨其境的體驗。無論是來自網(wǎng)絡構建技術的進步，還是來自虛擬宇宙等越來越身臨其境的環(huán)境——我們很高興看到來年將會發(fā)生什么。

1. 懷舊與千年美學

今年，我們預計千年蟲美學將繼續(xù)流行。近年來，從時尚到音樂、室內(nèi)設計，甚至藝術，2000 年代初期的風格都在復興。自然地，這種趨勢正在滲透到設計和網(wǎng)絡領域。

從歷史上看，懷舊趨勢以40 年為一個周期（有人說是 30 年，也有人說是 50 年）（備受爭議）。隨著社交媒體的興起，新趨勢的采用和分享變得更加容易，因此這個周期正在加速。如今，2000 年過去 23 年之后，世紀之交的美學又全面回歸。

一些設計師正在將這一趨勢推向復古未來主義方向，利用Vaporwave、Glitch和Cyber??core的美學。其他人只是結合了千年設計的特定元素，例如復古字體的使用、像素化字體和圖像或自定義光標。

設計技巧 ：僅采用一種設計元素并以更現(xiàn)代的方式對其進行詮釋，使您的設計讓人回想起特定時代，而不會感覺太主題化。

設計師Christopher Nelson的個人作品集網(wǎng)站參考了 Y2K 設計，采用干凈、純色、貼紙式圖像和像素化字體。

有一些很棒的資源可以幫助您尋找 Y2K 互聯(lián)網(wǎng)靈感。使用互聯(lián)網(wǎng)檔案館的 Wayback Machine來仔細研究那個時代的真實網(wǎng)站設計或跟蹤特定網(wǎng)站設計幾十年來的演變。如需更多精心策劃的選擇，網(wǎng)頁設計博物館（及其精彩的Twitter 源）展示了 90 年代末和 2000 年代初標志性設計的屏幕截圖。

Y2K 字體和基于文本的設計

隨著Y2K趨勢的發(fā)展，我們預計到2021年會有更多設計師從那個時代的字體和文本布局中汲取靈感。受Y2K啟發(fā)的設計不再那么簡約，通常使用密集的文本或混合字體來創(chuàng)造引人注目的設計。

在千禧年時代，網(wǎng)頁設計中使用的字體很簡單，通常是無襯線或等寬字體，有時還有明顯的像素化，就像上面Christopher Nelson 的網(wǎng)站一樣。由于 2000 年代初圖像加載緩慢，網(wǎng)頁設計傾向于簡單、以文本為中心的布局，并帶有大量空白。

一個經(jīng)典的千禧年網(wǎng)站可能看起來像2001 年左右的FanFiction+net — 有大量的空白、小圖像圖標以及大量的Arial或Verdana。

FanFiction+net 大約 2001 年可以滿足您對 Animorphs 同人小說的所有需求。（來源： 時光機 ）

設計師兼藝術家Adam Ho的作品集網(wǎng)站以其鮮明的白底文字設計從這個時代汲取了明顯的靈感。他通過以與分段布局和干凈背景形成對比的方式?混合字體來增加視覺興趣。

Adam 還使用粗體無襯線字體來吸引人們對其設計中某些元素的注意，并通過淺色襯線字體的混合來平衡以增加視覺趣味。該設計甚至通過使用帶斜線零的字體（如 Terminal 或 Consolas）來表示日期，從而體現(xiàn)了網(wǎng)絡美學的氣息。

Adam Ho 的個人作品集網(wǎng)站。Adam 在他的設計中提供了完整的字體列表：Verily Serif Mono、Nickel Gothic、Fake Receipt、Carta Nueva、Arial、Neue Haas 和 Alte Haas。

獨特的光標

如果您在 90 年代和 2000 年代初上網(wǎng)，您可能還記得將光標更改為貓、笑臉或綠色外星人頭像。您可能喜歡玩無盡有趣的光標效果，例如時鐘、仙塵或幽靈軌跡。Y2K 是光標圖形歷史上真正有趣的時期。

2021 年，預計會看到更多自定義光標。光標可以使用原始圖像作為圖標，也可以使用動畫效果來創(chuàng)建交互式體驗。然而，這一次，您可以使用它們，而無需安裝光標包并讓您的計算機充滿惡意軟件。

Mac，Mackenzie Child的可克隆復古網(wǎng)站模板。

這一趨勢的一個很好的例子是Mackenzie Child在Mac上的交互式自定義光標，這是他的可克隆復古網(wǎng)站模板。麥肯齊的兩個光標——一個經(jīng)典的箭頭和一個用于鏈接的食指——尺寸過大，帶有卡通面孔，非常適合他設計的其他元素。

為了延續(xù) Y2K 主題，Mackenzie 使用了灰度配色方案、厚重的盒裝布局和無襯線字體，這些字體直接受到Apple Lisa和 Adob??e PageMaker 等早期軟件的影響。

像素化

像素化原本是計算機早期的技術必需品，但隨著千年蟲的復興，它已成為一種美學。最近，設計師一直在字體、圖標和圖像中使用像素化來增加視覺趣味。

短信營銷公司Attentive的 2021 年節(jié)日網(wǎng)站明確向千年蟲時代致敬。

以 Attentive 受 Y2K 啟發(fā)的假日營銷網(wǎng)站為例。他們創(chuàng)建了一個像素化的彩虹徽標，使用了像素化的圖標，并對文章中使用的照片進行了像素化。簡單的形狀和像素化統(tǒng)一了設計，當您使用他們的網(wǎng)站時，會給人一種獨立的復古世界的感覺。

2. 自定義字體

近年來，??隨著基于文本的網(wǎng)站設計占據(jù)主導地位，我們預計自定義字體和手工字體的興起將成為 2021 年這一趨勢的下一次演變。

我們看到越來越多的設計師為個人或客戶項目創(chuàng)建字體或自定義字體，作為脫穎而出的一種方式。以字體為中心的設計已經(jīng)成為幾年來的趨勢，因此這種風格延續(xù)了這一趨勢，同時將其提升到了一個全新的原創(chuàng)水平。

并且不存在普遍占主導地位的特定設計或風格。鑒于這一趨勢的定制性質，我們看到設計師將自己的風格融入到一切事物中——海報設計、圖畫小說、現(xiàn)實世界的材料，甚至他們自己的生活。

您可以通過幾種不同的方式來應對這一趨勢，具體取決于您想要創(chuàng)建的效果以及您在插圖和刻字技術方面的經(jīng)驗水平。BitFontMaker、FontStruct和Calligraphr等字體生成器工具為您提供了構建、下載和使用原始字體的不同方式。

如果您具有一定的數(shù)字插圖工具技能，則可以創(chuàng)建自定義字母圖形。您還可以將您用鉛筆、鋼筆、顏料或幾乎任何其他媒介物理創(chuàng)作的藝術品數(shù)字化。這需要一些技術技能，但也可以選擇拍攝插圖并將其矢量化以將其轉變?yōu)楣δ荦R全的字體。

現(xiàn)在，讓我們仔細看看最近看到的一些我們最喜歡的設計。

Tré Seals 的模板印刷和絲網(wǎng)印刷字體設計

當基于文本的網(wǎng)頁設計粗體、圖形且易于閱讀時，效果會很好。這使得它類似于需要引人注目且清晰易讀的標志、海報和橫幅。

Tré Seals的網(wǎng)站使用他自己的原創(chuàng)字體來創(chuàng)造驚人的視覺沖擊力。

Tré Seals是一位平面設計師、Vocal Type Co 的創(chuàng)始人，也是一位黑人創(chuàng)意人士，他的字體直接靈感來自對他有意義的社會運動和政治運動。

這些運動中使用的標志和海報上的文字通常是手繪、絲網(wǎng)印刷或模板印刷的。它需要傳達它的信息，因此它是獨特且易于閱讀的。

考慮到這一點，Tré 使用較重的字體粗細、硬邊和直線來使每個字母都與眾不同。結果是可用于創(chuàng)建吸引注意力的網(wǎng)頁設計的字體。

Leandro Assis 的彩色手繪字體

自去年以來，抽象插圖一直在流行，而像企業(yè)孟菲斯這樣的插圖設計風格仍然很受歡迎。鑒于此，我們看到許多設計師傾向于使用說明性手繪字體作為這些插圖風格的補充搭配。

Leandro Assis的網(wǎng)站和他的自定義字體一樣有趣。

我們最喜歡的例子之一是巴西字體藝術家萊安德羅·阿西斯 (Leandro Assis)的作品，他創(chuàng)作了受卡通和插圖影響的明亮而有趣的字體。他作品中有趣的圖形風格受到了Nike、Amazon Music甚至RuPaul's Drag Race 等客戶的歡迎。

萊安德羅使用平面色塊、曲線和黑色輪廓來使他的字體脫穎而出。他甚至用自己的字體創(chuàng)造了動畫效果，使其引人注目。

奧雷莉·馬龍的錯視畫

最近出現(xiàn)了一些看起來像粉筆畫、金屬和霓虹燈標牌的字體，甚至像網(wǎng)頁設計中的刺繡字母這樣的紡織效果的很好的例子。這種風格被稱為“?trompe l'oeil?”，在法語中的意思是“欺騙眼睛”。它給人一種 3D 紋理和真實材質的錯覺，幾乎從屏幕上彈出。

Aurelie Maron的網(wǎng)站包括自定義字體、刻字，甚至全套排版課程。

我們特別喜歡Aurelie Maron的錯視畫字體作品。她的定制字體模仿了物理、藝術媒介。這種效果并不容易實現(xiàn)，但她制作了一系列字體設計課程和教程，幫助設計師創(chuàng)建自己的原創(chuàng)字體。

3. 可共享的框架

隨著創(chuàng)作者通過共享資源和技術來建立社區(qū)、提高聲譽并使網(wǎng)絡變得更加美好，預計到 2021 年可共享框架將出現(xiàn)爆炸式增長。

許多網(wǎng)絡創(chuàng)建者也真誠地希望為每個人構建更好的網(wǎng)絡體驗。Alexa Heinrich關心讓社交媒體成為一個更容易訪問的地方。她不只是告訴人們建立無障礙環(huán)境，而是選擇分享實用指南來幫助他們做到這一點。

設計師正將他們的網(wǎng)站作為可克隆模板共享。我們還看到，共享 Notion 模板（例如Trist Adlington 的模板）以及創(chuàng)建樣式系統(tǒng)（例如Finsweet的Client-First）的人數(shù)有所增加。此外，許多創(chuàng)作者還為名詞項目等資源庫做出了貢獻。

埃德加·艾倫的淘汰賽框架。

我們最喜歡的一個是Edgar Allan的Knockout——??一個端到端的開發(fā)框架，旨在幫助設計人員和開發(fā)人員協(xié)同工作。它包括一個完整的Figma 模板，為用戶提供響應式網(wǎng)格、類命名系統(tǒng)和內(nèi)置響應式設計。它解決了網(wǎng)絡構建的許多組織問題，因此用戶可以專注于制作出色的設計。

4.有維度的插圖

隨著虛擬世界的興起，模仿虛擬世界的插圖開始流行——其中 3D 插圖和Claymorphism引領潮流。

雖然3D插畫在前幾年已經(jīng)成為一種趨勢，但它更純粹是一種插畫風格。當前的網(wǎng)站開始以更加身臨其境的方式增加維度，通過添加動畫、全頁效果和多層插圖將用戶帶入網(wǎng)絡空間。

3D 插圖

2021 年，我們將看到 3D 插圖在網(wǎng)頁設計中再次流行。近年來，隨著平面插畫風格占據(jù)主導地位，3D 設計已成為項目和網(wǎng)站脫穎而出的一種方式。

感覺更現(xiàn)代、更流行的是在整個網(wǎng)站上構建完整的 3D 視覺體驗，就像Redis Agency對其網(wǎng)站所做的那樣。他們沒有將動畫用作標題或獨立插圖，而是將其放在網(wǎng)站內(nèi)容的 前面。 通過添加視差滾動效果，該網(wǎng)站變得更具吸引力。

Redis Agency 的網(wǎng)站包含一個迷人的 3D 插圖，該插圖會隨著用戶滾動而動態(tài)移動。

技術不斷進步，3D 圖像的創(chuàng)建比以往任何時候都更容易，但您無需成為 3D 插畫師即可利用這一趨勢。我們預計明年會看到更多設計師創(chuàng)建預構建的 3D 庫，其他人可以使用它們?yōu)樗麄兊木W(wǎng)站增添視覺趣味。

元宇宙

虛擬宇宙是一個想法，一個互動的數(shù)字空間，一個新的網(wǎng)絡世界。它可能會引起激烈的爭論，但這只是意味著它越來越受到人們的關注。隨著網(wǎng)絡用戶已經(jīng)習慣了在線空間和虛擬現(xiàn)實，元宇宙的設計風格將成為2021年網(wǎng)頁設計視覺語言中越來越重要的一部分。

虛擬宇宙是虛擬現(xiàn)實的一種形式。從視覺上看，這意味著每個元素都會構建一個有凝聚力的世界。我們看到網(wǎng)站從虛擬宇宙中汲取靈感，為其頁面構建了包羅萬象的 3D 風格，而不是網(wǎng)頁上的單個 3D 插圖或元素。

這包括插圖、背景、文本甚至光標的所有內(nèi)容。網(wǎng)站還包含交互和動畫效果，以幫助吸引用戶并使網(wǎng)站感覺更具互動性。

Totem是一款基于區(qū)塊鏈的操作系統(tǒng)，可幫助用戶為“生態(tài)未來”構建 Web 3.0 身份。

一個顯著的例子是Totem的網(wǎng)站，它使用動畫效果來構建身臨其境的網(wǎng)站體驗。該網(wǎng)站的設計師Offbrand使用顆粒效果和發(fā)光霧層來統(tǒng)一其網(wǎng)站內(nèi)容、背景和插圖元素。

另一方面，Music Mania網(wǎng)站使用 3D 動畫作為背景元素，通過重疊的框架、文本和平面插圖元素與網(wǎng)站的其他部分分開。這種分離有助于讓動畫感覺不那么勢不可擋。

粘土質現(xiàn)象

粘土形態(tài)以不同的方式創(chuàng)造動態(tài)體驗，為觀看者提供觸覺和真實的插圖。許多網(wǎng)絡用戶在觀看《超級無敵掌門狗》或《鬼媽媽》等電影長大后，可能會對粘土動畫效果產(chǎn)生強烈的情感依戀。

我們預計粘土動畫風格的設計將在 2021 年流行，因為它們將 3D 效果與過去幾年在網(wǎng)頁設計中流行的卡通人物形象相結合。

LS Graphics創(chuàng)建了Guuulp！，受粘土形態(tài)啟發(fā)的人物和物體的 3D 插圖集。

粘土形態(tài)是創(chuàng)建 3D 人物形象的好方法，這些人物形象既有趣又不接近恐怖谷領域。Guuulp就是一些很好的例子！的動畫庫，其中有大量的粘土動畫風格的人物，為頁面賦予了生命。

5.“只是為了好玩”的互動

今年，我們預計會看到更多“只是為了好玩”的互動，除了增加網(wǎng)站體驗之外沒有任何特定目的。

建立在去年類似應用程序網(wǎng)站的趨勢之上 - 只是為了有趣的互動，讓用戶可以玩網(wǎng)站并將這種體驗奇跡帶到更大網(wǎng)站的各個部分?。

Fuse kiwi的Ball Pit動畫效果。

當涉及到只是為了好玩的動畫時，它不一定是網(wǎng)站主要導航的一部分才有效。事實上，有時，如果不是的話最好。像球坑或愛情按鈕這樣的交互式動畫非常引人入勝，而且玩起來超級有趣，而且不會影響網(wǎng)站的可訪問性。

拉扎列夫經(jīng)紀公司 (Lazarev Agency)的巴通巴 (Batumba) 角色位于其網(wǎng)站的前端和中心位置。

如果創(chuàng)造性地使用，“只是為了好玩”的動畫也可以為您的網(wǎng)站增添意義。Lazarev Agency設計了 ??Batumba 作為吉祥物，并創(chuàng)建了他的交互式動畫效果作為團隊建設練習。這個角色讓該機構令人難忘，并以有趣的方式向潛在客戶展示了團隊的編碼技能。

更多網(wǎng)站定制設計風格趨勢文章內(nèi)容待續(xù)，請關注下集。