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