2020-12-4 前端達人
編者按：這篇趨勢分析的文章出自資深設計師 Lyudmil Enchev 之手，匯總了 2021 年在網頁設計領域值得注意的 10 個重要趨勢。
雖然移動端設計在持續地繁榮發展，但是網頁設計依然是當下硬性的設計需求。相比于以往，網頁設計所面對的要求，其實越來越高，不僅要細致到位，要功能全面，要能夠貼合趨勢，還要能兼顧桌面和移動端。
從網絡上找到靈感并不是一件復雜的事情，不過要將新的樣式應用到網頁中，給舊有的樣式翻新，都需要配合技術的進步和新的工具。
在網頁設計領域中，設計趨勢從來都不是為了設計而誕生的，相反它更像是視覺、品牌、技術、先鋒探索綜合作用下，落地到網頁作品中的一種綜合表現。越來越多的技術和設計人員將聰明才智和天才想法融入到網頁當中，才催生了如今我們看到的這些「趨勢」，而這個，就是我們今天要聊的東西。
其實嚴格意義上來說，卡通插畫一直在流行，流行了很多年。從卡通插畫在電視上成為一代又一代人的視覺和設計啟蒙開始，它就從來沒有離開過網頁設計的主流領域。
也正是因此，直到今天，當我們談及網頁設計趨勢的時候，卡通插畫也會是我們最容易想到的一個趨勢發展方向。插畫，是一位設計師自由創作發揮的通行證，而卡通插畫，是最容易帶著設計飛翔的一個設計技術。
卡通插畫足夠靈活，裝飾性非常強，在題材和風格足夠切合的情況下，能夠更快和用戶構成情緒上的紐帶，可以說是非常強大了。
當然，不止是在這一篇文章里面強調過，3D 的重要性和作為趨勢的流行程度。從文字排版到視覺圖像，3D 在視覺領域的快速增長和市場需求是大家有目共睹的。
值得一提的是，在網頁這個領域，除了諸多視覺元素的視覺設計之外，有一個非常突出的趨勢，就是運用 3D 來構建視覺景深，渲染出層次，這非常強大。
這種景深和 3D 元素所構建出來的沉浸感使得整個網頁充滿了吸引力，結合色彩，陰影、高光，在高清晰度的屏幕上，這些都成為了將用戶留下來的理由。看看下面的案例，你就明白我說的意思。
失真和故障效果則是另外一個重要的趨勢。視覺噪音，隨機的元素，缺陷，故障，模糊，低保真的元素，粗野主義式的設計，這些在這個以精致細膩為上的時代，制造出了一種反主流的聲音。
并非它們必須這樣，但是這樣的視覺風格確實更容易在成堆的精致細膩設計當中脫穎而出——當然前提是你的故障和失真效果能夠做的足夠「好」。
奇怪的配色，反直覺的排版，明顯的錯位，看起來怪誕但是有趣的設計，這樣的設計通常需要設計師更好地在對錯好壞之間拿捏平衡。
感覺，感覺很重要，你明白嘛？這不是反邏輯也不是反設計，是特立獨行。看看下面的案例吧。
懷舊也一直在流行，你知道的。但是如何懷舊？90年代，數字化設計剛剛從像素開始向著更加細致的未來前進，這個階段，有大膽的嘗試，有快速更迭，這些介乎新舊之間的數字設計，是我們對于 90 年代設計的美好回憶。
相比于 80 年代的粗陋（圖形化界面還在艱難普及中），90年代是騰飛的階段，從界面到游戲，在擬物化走到之前，那種介乎精致和復古之間的微妙感覺，是非常有趣的。
對于新世紀才出生的 Z 世代而言，90年代是陌生的，但是這個時代又是很容易可以被追溯到的，這也是使得 90 年代的數字風情有著能夠打通不同年齡段用戶的奇妙氣場，它的逐步流行，并不令人意外。
你總能在這些設計當中，get 到到某些東西，然后微微一笑。
嚴格意義上來說，微動效和微交互并不是趨勢那么簡單，在如今的 UI 和 UX 設計當中，它是必不可少的組成部分，它已經從過去的「加分項」變成了如今的「基本要求」。
微交互和微動效通常不會做得特別的顯著，但是它們會深入到 UI 界面的各個地方，按鈕，小圖標，行為召喚式的文本，翻頁按鈕，光標，產品圖，彈出框，等等等。
微交互和微動效從最初的只需要確?？捎眯?，到如今需要好看易用又有趣，可以說要求是比以往有明顯提高了。在接下來的 2021 年可以預測的是，微動效會更加強調趣味性和交互性。
如果你正在考慮這部分的設計，看看下方的設計參考吧。
在關于網頁設計趨勢的文章當中，不探討配色是不完整的。2021年的年度流行色是什么？不妨等等潘通下個月月初公布的2021年年度色。那 2021 年的在配色方法上的趨勢是什么？是實驗性配色。
在以往追求協調配色的時代，和諧的搭配是最主要訴求。不過現如今，用戶、品牌乃至于設計師都在尋求一些更加新鮮獨特的東西，實驗性的配色就是在這樣的訴求之下，逐漸流行起來。
這些實驗性的配色通常會帶有一些漸變的特質，一些反習慣和反邏輯的搭配方式，飽和度較高的藍色、紫色和紅色的融合，一些更為黯淡或者更為刺眼的搭配方式，強烈的視覺實驗仿佛是在探索用戶的接受極限在哪里。對于如何落地，多看看那些優秀而微妙的已有的范例吧。
如果說有什么趨勢在 2021 年是非常明顯的話，我只能說，是更為大膽的排版和更為粗壯的字體筆觸。當然，這些設計本身是要具備相當的視覺美感和愉悅性的。懟到出血位乃至于版面之外的文本，快速切換的字體效果是「注意力經濟」催生的一種設計策略。所有的一切——尤其是文本——仿佛在大聲地吼叫著：看我看我看我！
這大概就是這種設計趨勢誕生的本質。不過如果你設計的足夠炫酷、炸裂或者優雅，誰又會去責怪你呢？
我們似乎開始厭倦橫平豎直均分的網格，那些并不那么精準，帶著手工制作的「不夠」的元素，對于越來越多的用戶而言，似乎是更好、更加易于親近的東西。因為這樣看起來更加個性，似乎給網頁賦予了某種真實質感，甚至可以腦補出這些手寫、手繪、手撕的視覺元素背后，站著一個有血有肉真實存在的人。
這大概才是手作感真正讓人開始沉迷的重要原因。你可以開始嘗試一下這種這些自由的、非正規的、甚至有錯漏但是顯得非常友好的視覺元素，字體，插畫，排版方式，裝飾元素，等等等等。
其實我們在前面已經反復提及了3D的部分，不過現在再做一個匯總：走出平面2D的領域，來試試有趣的 3D 設計，無論是好玩逼真的建模和陰影、有趣的材質和細節、腦洞大開的動畫、充滿縱深的轉場和強化的交互，都能夠讓網頁的設計，在2021 年更加吸引人。
因為炫酷本身就足夠吸引人了不是嗎？
極簡主義最后還是要提及一下。雖然總體來說是老生常談，但是它依然是很多設計師熱衷、很多用戶喜歡的一種主流的風格，也是值得追隨的趨勢。
必須說的是，還有很多厭倦了各種流行樣式的用戶可能會擁抱極簡主義，它會作為一種持續的「趨勢」而存在。這也是極簡主義最讓人著迷的地方：將你需要的必要的部分呈現出來，且只呈現這部分東西，沒有過度裝飾，沒有無效信息，簡單直接。
藍藍設計( www.gyxygd.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務