前言
臨近年底啦腰吟，又會有許多關(guān)于明年趨勢的預(yù)測文章浑侥，我在Medium上看到一篇文章，讓我比較感興趣的點是他提到了虛擬現(xiàn)實（Virtual Reality）萍摊，無代碼（No Code）著觉，交互原型（Interactive Prototypes）方面。所以我也一時興起翻譯過來嘉涌，想分享給大家也看看妻熊。有些語句我會盡量貼合中文的使用語境，一些我認為原文的意思更豐富一些的仑最，我會先貼出原文扔役，再附上我理解的翻譯。
（注：XXX ）這種格式的是我加的額外備注信息警医。
由于水平有限亿胸，有些地方可能會不盡如人意，所以有興趣的也建議看看原文對較预皇，歡迎指正侈玄。
正文
是時候為即將到來的2022年做一個預(yù)測了。如果你是設(shè)計師的話吟温，希望本文的預(yù)測可以幫助你學習一些可能會成行業(yè)標準的技術(shù)和趨勢拗馒。
Let’s prepare for new things! 磨刀霍霍向牛羊！
什么是不會發(fā)生的
在過去四溯街、五年，我在許多博客上看過預(yù)測類的文章洋丐，他們文章中的一些內(nèi)容在幾年里面都是重復(fù)再重復(fù)呈昔。在我這里的話，這種事情是不會發(fā)生的~
1. 暗黑模式（Dark mode）將不再是一個趨勢
暗黑模式已經(jīng)存在好幾年了友绝。如果你現(xiàn)在還閱讀到有人預(yù)測這還會是下一年的趨勢的話堤尾，那他可能至少已經(jīng)被冰凍了3年了。
暗黑主題是移動端平臺（iOS 和 Android）操作系統(tǒng)運行的趨勢迁客。但是現(xiàn)在它應(yīng)該已經(jīng)是你設(shè)計的一個標準了郭宝，而不再是新的東西了。
2. 3D illustration is not a thing 3D插畫還是個弟弟
插畫有許許多多的風格掷漱，但如何去選擇一種風格使用應(yīng)該是取決于服務(wù)的品牌本身粘室。得益于 Spline（超級頂呱呱的工具！—— 注：Spline - 輕量3D設(shè)計軟件）的流行卜范，創(chuàng)建3D作品越來越容易衔统，因此2021年我本來期望看到更多的3D插畫作品，但并沒有。所以說呢锦爵，在今年這種情況下舱殿，3D插畫可能不會成為主流趨勢。
3. 設(shè)計系統(tǒng)/組件庫（Design Systems）在2022年也不會有什么創(chuàng)新
如果你還沒有機會在你的項目中創(chuàng)建或者使用設(shè)計系統(tǒng)或者說的話险掀，那么你有點落后了沪袭。創(chuàng)建規(guī)范、可復(fù)用的組件庫樟氢，并且為其提供邏輯清晰冈绊、閱讀性強的規(guī)范文檔在今天已經(jīng)是必要的了。所以呢嗡害，如果還沒了解和使用過組件庫焚碌，那就得快點去學，因為這些已經(jīng)很成熟并且普遍使用很多年了霸妹，在未來也基本不會有太大的變化十电。
2022 UX/UI 設(shè)計預(yù)測??
好了，重頭戲來了叹螟。準備好了嗎鹃骂？拎起你最愛的咖啡杯，讓我開始吧罢绽！
虛擬現(xiàn)實（Virtual Reality）
在過去幾年里畏线，我們已經(jīng)聽說虛擬現(xiàn)實或者說混合現(xiàn)實（Mixed Reality）是未來。現(xiàn)在Facebook已經(jīng)改名為Meta良价，并描繪了他們對未來的愿景 — 虛擬現(xiàn)實可能會成為一個十分重要的趨勢寝殴。
作為一個設(shè)計師，你應(yīng)該更多的了解虛擬現(xiàn)實以及如何為其創(chuàng)造出色的體驗明垢。當然它可能會大大區(qū)別于今天的網(wǎng)頁設(shè)計和移動端設(shè)計的方式蚣常。
得益于Meta推出的觸覺手套（haptic gloves）和對應(yīng)的原型，用戶也能夠感受到數(shù)字化帶來的體驗痊银！
更重要的是抵蚊，還有傳言說蘋果很快將推出他們的混合現(xiàn)實設(shè)備，我們都聽說過Apple Glasses或iGlasses（注：AR眼鏡）溯革，有預(yù)測說它們會在2022年發(fā)布贞绳。即使Apple推遲發(fā)布新類別的設(shè)備（在谷歌眼鏡（Google Glasses）失敗的前車之鑒下，他們也必須更加小心翼翼）致稀，iOS的增強現(xiàn)實（Augmented Reality）設(shè)備運行穩(wěn)定冈闭，也許會更容易適應(yīng)一些新的用途。
作為設(shè)計師抖单，我們應(yīng)該在未來投入更多關(guān)注在這一趨勢上拒秘。這可能是自從手機徹底改變了人們使用的應(yīng)用程序和彼此聯(lián)系的方式以來最重大的事情了号显。
怎么去做呢？首先躺酒，找到真正想去鉆研虛擬現(xiàn)實技術(shù)的公司 —— 你可以去看看Mate押蚤，Apple和Google正在做的事情。然后學習當前的設(shè)計指南（design guidelines）并嘗試使用一些工具羹应。我預(yù)計未來在這方面會有很多變化（工具會逐漸適應(yīng)新的可能性和設(shè)備）揽碘，但提前擁有關(guān)于虛擬現(xiàn)實的設(shè)計基礎(chǔ)是件好事。
無代碼（No Code）會成為一個標準
無代碼化是近幾年我觀察到的一個趨勢园匹。我喜歡喬老爺（Steve Jobs）說的 design is not how it looks like. It is how the solution works.（**設(shè)計不僅是它的外觀和感覺雳刺。設(shè)計就是它的工作原理****。） 我為了讓我的設(shè)計方案按預(yù)期執(zhí)行裸违，而去學習了一些編程語言（甚至作為開發(fā)人員工作了幾年）掖桦。但這并不是許多設(shè)計師會選擇的方式。幸運的是供汛，越來越多的解決方案和產(chǎn)品可以提供幫助枪汪。
如果你是一個設(shè)計師的話，第一個值得關(guān)注的就是Webflow（注：是針對專業(yè)的網(wǎng)頁設(shè)計師的網(wǎng)站創(chuàng)建工具)怔昨。使用Webflow雀久，你可以創(chuàng)建各式各樣的網(wǎng)站，比如從著陸頁（Landing pages）趁舀、到博客和公司網(wǎng)站赖捌，再到商店和更復(fù)雜的平臺等。我在為我的 UX/UI 資源 制作的所有著陸頁都是使用Webflow構(gòu)建的矮烹，我很高興看到這些解決方案（或者說產(chǎn)品）是如何發(fā)展的越庇。
Webflow的強大之處在于它的易用性，你使用和開發(fā)人員相同的參數(shù)和功能奉狈，但是是可視化的悦荒。使用可視化操作，你能夠產(chǎn)出非常流暢的交互和動畫嘹吨。你有能力操縱幾乎所有的東西并測試它運行的過程和結(jié)果。
Webflow在2021年的無代碼發(fā)布會上（2021 No Code Conference）宣布了許多新特性境氢，清晰的闡明了該平臺正在擴展許多可能性蟀拷。這不僅僅是一個頁面外觀的可視化編輯器。你可以在這里設(shè)計整個工作流并連接自動化 —— 這是未來真正的無代碼解決方案萍聊。
除此之外问芬，還有很多服務(wù)不同的目標而精心設(shè)計的無代碼解決方案。這里有幾個例子：
Glide —— 允許構(gòu)建數(shù)據(jù)驅(qū)動的應(yīng)用程序（apps）和網(wǎng)站（websites）
Adalo —— 創(chuàng)建真實的應(yīng)用程序（apps）寿桨，無需代碼
Bubble —— 幫助準備復(fù)雜的web應(yīng)用程序此衅，無需代碼
Voiceflow —— 提供原型和推出聊天和語音助手
作為一名設(shè)計師强戴，你應(yīng)該至少體驗一下這些工具。你會感受你的設(shè)計和想法在和這些新產(chǎn)品結(jié)合之后產(chǎn)生的魅力挡鞍，畢竟誰知道你的能力在未來會發(fā)展到什么程度呢骑歹。但有一件事是確定的，未來關(guān)于無代碼工具的解決方案絕對會更佳完善和出色墨微，因此絕對值得對這個領(lǐng)域給予大量關(guān)注道媚。
Web solution that feels more native
網(wǎng)絡(luò)應(yīng)用（web 應(yīng)用）會更像原生應(yīng)用（本機應(yīng)用）
(注：舉例一下就很好理解，就像安裝在電腦本地的sketch和在網(wǎng)頁上運行的figma翘县，sketch就屬于本機應(yīng)用最域，figma web就是web應(yīng)用)
原生應(yīng)用對于web應(yīng)用之間的優(yōu)勢正在逐漸消失。我記得有一段時間锈麸，如果你想在移動端盡可能獲得最好的體驗镀脂，你就必須開發(fā)唯一的原生應(yīng)用。現(xiàn)在就不一定了忘伞，很多網(wǎng)絡(luò)和混合應(yīng)用解決方案（產(chǎn)品）展示了優(yōu)秀的設(shè)計和流暢的工作流薄翅。
更重要的是，在視覺外觀方面虑省，你可以用一些技巧來修改瀏覽器的頂部欄顏色來讓你的網(wǎng)頁更像本地應(yīng)用匿刮。
這一招在安卓系統(tǒng)上已經(jīng)有幾年的歷史了。通過iOS 15探颈，你也可以在iPhone上實現(xiàn)類似的功能熟丸，并且實現(xiàn)起來十分容易 —— 點擊這里查看
雖然從開發(fā)的視角來看，這只是一個小小的變化伪节，但它對用戶體驗的影響是顯而易見的光羞。網(wǎng)頁感覺更像是一個應(yīng)用程序（app）。
交互原型（Interactive Prototypes）
一些設(shè)計師可能還沒有準備好接受無代碼的工具和產(chǎn)品怀大。但實際上纱兑，是存在這么一種可能性的，無代碼工具可以用更好的方式去模仿落地產(chǎn)品的真實操作和狀態(tài)化借，而不再僅是只支持點擊的展示原型潜慎。
我們可以看到今年在Figma中的關(guān)于交互式組件的介紹，并且已經(jīng)是目前主要的設(shè)計工具了蓖康。這將會催發(fā)出更加精細和復(fù)雜的原型铐炫。如果你還沒有機會看到交互式組件介紹的話，可以看下面這個教程：
Figma交互式組件——教程/Figma Interactive Components — Tutorial
這一趨勢對設(shè)計師有什么好處呢蒜焊？我認為可以更好的理解產(chǎn)品如何如何運行的倒信。對于參與者來說當他們看到更貼近真實產(chǎn)品的點擊按鈕，會讓可用性測試（Usability testing）變得更簡單一些泳梆。
更重要的是鳖悠，添加動畫和交互也有助于交付設(shè)計時榜掌，讓開發(fā)人員能夠看到你完整的設(shè)計視覺和想法 —— 他們可以在編寫代碼的時候直接復(fù)制你的貝塞爾曲線，確保產(chǎn)品和你的設(shè)計保持一致乘综。
總而言之憎账，在不久的將來，人們會更加重視交互式原型瘾带，單純只能點擊的原型將會不怎么受歡迎和是失去吸引力鼠哥。
玻璃擬物風格（Glassmorphism ）是一個新的標準（不再是趨勢）
一年前，我預(yù)言玻璃擬物風格會越來越受歡迎看政。iOS朴恳，macOS都使用了，Windows則更加顯而易見的在UI中使用了玻璃材質(zhì)允蚣。
今年的玻璃擬物感覺就像是在設(shè)計中常常會使用到的標準材質(zhì)之一于颖。用戶也樂意接受。如果你使用Webflow的話嚷兔，可以十分輕易的制作出玻璃擬物的效果森渐。
90年代風格（90s style）—— 新趨勢？
在最近兩年冒晰，我們已經(jīng)看到80年代懷舊風格廣泛的應(yīng)用在各類型的設(shè)計之中同衣。我認為這種趨勢將會繼續(xù)下去，并在結(jié)合90年代的風格后產(chǎn)生一些變化壶运。
你可能已經(jīng)在網(wǎng)站上看到過一些這類風格的海報作品耐齐。所以不妨多加關(guān)注一下，可能它很快就會開始影響你的工作了蒋情。
總結(jié)
設(shè)計行業(yè)無疑是一直在快速變化和發(fā)展的埠况。我們都需要緊跟流行趨勢的步伐。它不是說需要讓我們的作品去吸引客戶棵癣，只是說我們也需要學習新的事物辕翰，為自己擴展新的可能性。
雖然有些內(nèi)容我不是很贊同狈谊，并且有一丟丟懷疑作者是不是在宣傳webflow喜命，但是翻譯還是要翻譯得齊齊整整些~
歡迎留言和指正。
英文原文地址：2022 UX/UI Design Trends
作者： Thalion
翻譯： Rico
