神譯局是36氪旗下編譯團(tuán)隊(duì)，關(guān)注科技、商業(yè)、職場(chǎng)、生活等領(lǐng)域，重點(diǎn)介紹國(guó)外的新技術(shù)、新觀點(diǎn)、新風(fēng)向。
編者按：轉(zhuǎn)眼之間，我們就迎來(lái)了2022年。過(guò)去的2021年中，設(shè)計(jì)趨勢(shì)依然隨著整個(gè)設(shè)計(jì)行業(yè)的發(fā)展，而發(fā)生著緩慢而深刻的改變。這篇文章來(lái)自編譯，文中針對(duì)2022年值得關(guān)注的UI/UX設(shè)計(jì)趨勢(shì)展開(kāi)了預(yù)測(cè)。由于篇幅問(wèn)題，本文將拆分為兩部分。這一篇是第二部分，文中介紹了六大設(shè)計(jì)趨勢(shì)。
延伸閱讀：2022年值得關(guān)注的UI/UX設(shè)計(jì)趨勢(shì)（上）
我們沒(méi)有把這一趨勢(shì)放在第一位，是因?yàn)樵O(shè)計(jì)領(lǐng)域很久之前就對(duì)3D圖形和動(dòng)畫(huà)瘋狂不已。
過(guò)去的4年里，3D一直存在，而且短期內(nèi)也不會(huì)消失。我們預(yù)測(cè)，3D圖形將更具多樣性和包容性。
在過(guò)去的幾年里，各大媒體的UI設(shè)計(jì)趨勢(shì)中都有3D藝術(shù)和動(dòng)畫(huà)的身影。這能夠說(shuō)明的是，越來(lái)越多的設(shè)計(jì)師在將其整合到網(wǎng)站和登陸頁(yè)的設(shè)計(jì)中。
3D無(wú)疑是2022年的熱門(mén)趨勢(shì)和預(yù)測(cè)方向之一，逼真的3D形狀與動(dòng)作相結(jié)合，它怎樣都比經(jīng)典動(dòng)畫(huà)更加引人注目。
從技術(shù)上來(lái)說(shuō)，3D更能夠傳達(dá)能量、紋理和意義，因?yàn)樗绕矫鎴D像更接近我們的感知。3D插圖內(nèi)容更豐富，互動(dòng)性也更強(qiáng)。
許多設(shè)計(jì)師能夠?qū)?D元素?zé)o縫地“安插”在2D空間中。這不但能讓設(shè)計(jì)師創(chuàng)造更多有趣的作品，而且它也是一種非常出色的工作方式。
烏克蘭政府網(wǎng)站用3D手掌模仿黑客帝國(guó)
最后，值得注意的是，在插入像3D圖形這類大型文件之前，請(qǐng)確保你的應(yīng)用程序性能夠高，并且能快速加載所有元素。
越來(lái)越多的公司在網(wǎng)站和移動(dòng)應(yīng)用中加入動(dòng)畫(huà)，來(lái)提升用戶沉浸感和體驗(yàn)感，讓內(nèi)容看起來(lái)更具趣味性。
動(dòng)畫(huà)是2022年的主要網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。明年，如果你的產(chǎn)品缺少動(dòng)畫(huà)，可能就會(huì)讓人覺(jué)得是“半成品”、平淡乏味。
混合風(fēng)格的動(dòng)畫(huà)越來(lái)越受歡迎。這里的“混合風(fēng)格”，主要指的是定格動(dòng)畫(huà)與3D，或者2D與3D動(dòng)畫(huà)的組合。設(shè)計(jì)師采用這樣的混合設(shè)計(jì)風(fēng)格，是希望獲得不同尋常的風(fēng)格解決方案，提高最終產(chǎn)品的質(zhì)量。
2022年，動(dòng)態(tài)設(shè)計(jì)將成為市場(chǎng)品牌定位過(guò)程中至關(guān)重要的一部分，它也能體現(xiàn)出品牌的精心策劃。你可以設(shè)想一下，公司推出動(dòng)畫(huà)標(biāo)識(shí)的話，這將是一種怎樣的視覺(jué)體驗(yàn)。
隨著這一領(lǐng)域?qū)I(yè)人員數(shù)量的增加，實(shí)現(xiàn)這一全新想法的可能性也在增加。
動(dòng)畫(huà)可以在用戶與界面之間建立一種情感聯(lián)系，以此來(lái)傳達(dá)某個(gè)信息。
圖片來(lái)源：Yoichi Kobayashi
沒(méi)有人愿意把時(shí)間花在等待上，除非加載頁(yè)面非常有趣。顯示百分比的動(dòng)畫(huà)不僅可以產(chǎn)生娛樂(lè)效果，還可以告知用戶具體的頁(yè)面加載時(shí)間。
如果不喜歡百分比，還可以使用進(jìn)度條，或者你能設(shè)想出來(lái)的任何能顯示時(shí)間進(jìn)度的元素。
用戶的眼光通常都聚焦于光標(biāo)位置。因此，你可以通過(guò)添加對(duì)光標(biāo)做出響應(yīng)的智能交互動(dòng)畫(huà)，吸引用戶繼續(xù)瀏覽并探索網(wǎng)站。
這種效果在2000年左右非常流行。眾所周知，時(shí)尚往往每20年就會(huì)輪回一次。
你有沒(méi)有想過(guò)讓文字跳舞？
說(shuō)到文字，你知道美國(guó)廣播電視界最具權(quán)威的獎(jiǎng)項(xiàng)艾美獎(jiǎng)設(shè)有“最佳片頭設(shè)計(jì)”提名獎(jiǎng)嗎？
以下是2021年獲得艾美獎(jiǎng)“最佳片頭設(shè)計(jì)”獎(jiǎng)提名的電影《后翼?xiàng)壉罚═he Queen"s Gambit）片頭的精彩動(dòng)畫(huà)：
據(jù)全球綜合數(shù)據(jù)資料庫(kù)Statista，2020年全球動(dòng)畫(huà)市場(chǎng)規(guī)模已達(dá)2700億美元。這一趨勢(shì)正在轉(zhuǎn)向視頻領(lǐng)域，而非靜態(tài)信息。
無(wú)論是社交媒體平臺(tái)，還是在商業(yè)廣告中，國(guó)際品牌都會(huì)加入動(dòng)畫(huà)元素。動(dòng)畫(huà)插圖毋庸置疑的兩大優(yōu)勢(shì)是其靈活性和多樣性。
這類作品常用于以下兩種情景：
說(shuō)明類視頻
商業(yè)廣告
圖片來(lái)源：Creative X
早在幾年前，就開(kāi)始出現(xiàn)用動(dòng)畫(huà)來(lái)輔助說(shuō)明的趨勢(shì)。說(shuō)明類視頻能夠清楚地告訴用戶該如何操作，或者讓用戶認(rèn)識(shí)某個(gè)項(xiàng)目。
而在普通視頻中，通常無(wú)法展示實(shí)際上不存在的內(nèi)容。相反，在動(dòng)畫(huà)中，只要人們可以想象的，都可以呈現(xiàn)出來(lái)。
在招聘類視頻或商業(yè)廣告中，用戶更喜歡看繪制的人物，而非抽象形狀或物品。筆下的人物可以像真人一樣喚起用戶心中的友誼和同情。
微交互是幫助用戶瀏覽網(wǎng)站或使用移動(dòng)應(yīng)用程序的微小界面變化。通常，其主要表現(xiàn)為用來(lái)提示用戶的視效或音效：它可以顯示發(fā)生了什么，接下來(lái)會(huì)出現(xiàn)什么，以及還需要做什么。
圖片來(lái)源：Awwwards
動(dòng)畫(huà)式交互將為你的設(shè)計(jì)注入活力，并保持用戶參與度。關(guān)注每一個(gè)細(xì)節(jié)是決定設(shè)計(jì)作品成敗的關(guān)鍵，因?yàn)殛P(guān)注設(shè)計(jì)中的所有元素必將帶來(lái)更友好的用戶體驗(yàn)。
此外，值得注意的是，最好實(shí)現(xiàn)頁(yè)面多個(gè)元素的整體和諧，而不是把注意力分散到屏幕各處。微交互的一個(gè)重要部分就是顏色。有了顏色，眾多界面元素才有意義。在2022年，建議你盡早學(xué)會(huì)使用冷暖色調(diào)。
動(dòng)態(tài)行動(dòng)號(hào)召（CTA）
另外，微交互還有很多作用，比如幫助用戶瀏覽頁(yè)面或使用應(yīng)用程序、介紹相關(guān)功能，以及輕松地吸引新用戶。但它最重要的一項(xiàng)作用是，此前用戶執(zhí)行某特定操作要經(jīng)歷冗長(zhǎng)的步驟，而微交互則有助于加快并簡(jiǎn)化這一過(guò)程。
最后，交互可以通過(guò)游戲化的設(shè)計(jì)方式來(lái)提升用戶體驗(yàn)。品牌向用戶展示某些用戶體驗(yàn)操作的重要性，以此表明其非常關(guān)注用戶如何獲取相關(guān)信息。
2022年，名片、筆記本、鋼筆以及廣告冊(cè)都不會(huì)消失。畢竟，動(dòng)態(tài)logo再怎么活躍，也不適用于印刷品。不過(guò)，在線品牌卻面臨著新的挑戰(zhàn)，并需要尋求新的解決方案。其中，動(dòng)態(tài)logo設(shè)計(jì)就是一種方案。
圖片來(lái)源：Toridori
就動(dòng)態(tài)logo而言，其主要有以下?tīng)I(yíng)銷優(yōu)勢(shì)：
他們能吸引注意。這意味著，其有助于提高品牌知名度。
他們有助于提高SEO排名。恰巧谷歌更傾向于動(dòng)態(tài)內(nèi)容，而帶有動(dòng)態(tài)圖形的頁(yè)面也可以迅速吸引用戶。
他們?cè)谝苿?dòng)設(shè)備上具有美觀性。吸引人的動(dòng)畫(huà)必然會(huì)比靜態(tài)logo更有趣。
最主要的是他們還可以展現(xiàn)品牌歷史。動(dòng)畫(huà)可以將靜態(tài)logo背后的發(fā)展理念整合呈現(xiàn)出來(lái)。多虧這一點(diǎn)，在幾秒之內(nèi)就能展示出品牌的使命，甚至其核心價(jià)值觀。
某洗衣機(jī)品牌動(dòng)態(tài)Logo。圖片來(lái)源：schulthess
靜態(tài)logo也可以改變?yōu)閯?dòng)態(tài)logo。設(shè)計(jì)師可以根據(jù)源文件重新設(shè)計(jì)其動(dòng)態(tài)元素。此外，你也可以通過(guò)字體輕松地制作動(dòng)態(tài)logo。
圖片來(lái)源：Shabello
圖片來(lái)源：Bobby Voeten
簡(jiǎn)而言之，2022年一定會(huì)出現(xiàn)許多有趣的新品牌、網(wǎng)站，以及移動(dòng)應(yīng)用程序。
但值得注意的是，設(shè)計(jì)總是在變化，始終保持不變的只有設(shè)計(jì)的含義。如果你無(wú)法領(lǐng)會(huì)它，那么了解再多設(shè)計(jì)趨勢(shì)，都可能對(duì)你不起作用。
譯者：俊一
