2022 年 UXUI 設(shè)計(jì)趨勢(shì)

2022-6-15    ui設(shè)計(jì)分享達(dá)人

2022 年即將過(guò)半,疫情在家的我們重新花一些時(shí)間,回顧今年最引為人注目的一些設(shè)計(jì)趨勢(shì),有些已經(jīng)變成現(xiàn)實(shí),有些可能即將會(huì)發(fā)生。在過(guò)去的這十幾年里,全國(guó)的互聯(lián)網(wǎng)和移動(dòng)互聯(lián)網(wǎng)行業(yè)蓬勃發(fā)展,引發(fā)了 UX / UI 行業(yè)的火爆,無(wú)論是在設(shè)計(jì)技術(shù)方面還是在設(shè)計(jì)實(shí)踐方面維持著快速發(fā)展?fàn)顟B(tài)。設(shè)計(jì)探索受到了前所未有的關(guān)注。創(chuàng)新也永不停止,正在向各個(gè)方向延伸——有的是曇花一現(xiàn),有的是重塑想象,有的卻循環(huán)往復(fù)。


下面我們將更詳細(xì)地向你探討一些 2022 年的設(shè)計(jì)趨勢(shì)。

超級(jí)大的字體排版



The Badass Project 搗蛋派計(jì)劃

過(guò)去幾年里,大字排版的趨勢(shì)越來(lái)越明顯,字體尺寸也在增加!接下來(lái),字體更大且?guī)缀鯖](méi)有圖像的時(shí)尚 英雄形象 網(wǎng)頁(yè)設(shè)計(jì),將成為主流風(fēng)格。

(英雄形象在網(wǎng)頁(yè)設(shè)計(jì)中是一個(gè)特定的網(wǎng)頁(yè)橫幅,通常是一個(gè)包含與內(nèi)容相關(guān)的大圖像頁(yè)眉)

設(shè)計(jì)師和用戶都越來(lái)越習(xí)慣在登陸頁(yè)面前面和中心位置使用超大文字。無(wú)論是怪誕的無(wú)襯線字體還是現(xiàn)代奢華的襯線字體——這一趨勢(shì)就是在于越大越好。通過(guò)精心選擇的字體,網(wǎng)站可以做出比以往更大膽的宣傳,以吸引受眾的注意力并有效地信息傳達(dá)。



這些字體選擇通過(guò) 引人注目的動(dòng)畫(huà)進(jìn)一步生動(dòng)起來(lái)。設(shè)計(jì)師正在實(shí)現(xiàn)通過(guò)鼠標(biāo)移動(dòng)或向下滾動(dòng)頁(yè)面使排版移動(dòng)并與用戶產(chǎn)生互動(dòng)的創(chuàng)造性效果。以粗體、動(dòng)畫(huà)和交互式排版為核心,許多網(wǎng)站也就不使用任何背景圖像,讓外觀變得干凈且精致。



MAFF

所以一定要試試這種趨勢(shì):把文本尺寸放大,可以將其放置在一些圖像上,制作大尺寸的動(dòng)態(tài)標(biāo)題,讓用戶從中獲得樂(lè)趣。最重要的是,要勇于呈現(xiàn)大膽強(qiáng)烈視覺(jué)效果,從而可以立即吸引用戶的注意力。

案例:Medium 官網(wǎng)——https://medium.com/


復(fù)古風(fēng)格回歸



Shakib - Sneakerbumb

在經(jīng)歷了充滿不確定性和陰郁的兩年,我們學(xué)會(huì)了尋找和珍惜任何享受幸福的機(jī)會(huì)。我們大量獨(dú)處時(shí)光的花在了數(shù)字空間上,這一現(xiàn)象也不例外。



La puce à l’oreille

為了回應(yīng)這一需求,設(shè)計(jì)師從 80 年代和 90 年代獲得了巨大的靈感;將色彩豐富、質(zhì)感豐富、復(fù)古風(fēng)格的主題與現(xiàn)代氣息結(jié)合起來(lái),打造真實(shí)的外觀。鮮艷的色彩搭配柔和蠟筆肌理、古怪的排版、紋理豐富的背景、跨頁(yè)面網(wǎng)格的布局、非傳統(tǒng)的圖像和古怪的插圖,都可能會(huì)在接下來(lái)的一年吸引你的注意力。



Kristen Ryan for MakeReign

隨著這一切的發(fā)生,我們甚至可以說(shuō),在過(guò)去幾年里,每個(gè)人都學(xué)會(huì)了賦予自己一些自由的生活態(tài)度。這為我們提供了更多的實(shí)驗(yàn)空間,當(dāng)然也為設(shè)計(jì)和其他領(lǐng)域帶來(lái)了讓人愉快的成果。這就是說(shuō),設(shè)計(jì)師們覺(jué)得有必要從簡(jiǎn)單和實(shí)用的用戶體驗(yàn)轉(zhuǎn)向有趣、搞笑甚至愚蠢的交互。出人意料的是,讓別人微笑可能會(huì)是你的網(wǎng)站或 app 令人印象深刻的一種方式。

新野獸派設(shè)計(jì)



Blumenkopf

野獸派設(shè)計(jì)從 1950 年代的野獸派建筑運(yùn)動(dòng)中汲取靈感,延用其不修邊幅、毛糙粗狂的外觀形式,和故意做出的丑陋效果。就像在建筑中一樣,野蠻主義在網(wǎng)站中揭露和解構(gòu)(甚至慶祝)這種媒介的底層結(jié)構(gòu)和重要原則。原始、大膽和反動(dòng)的本性使野獸派設(shè)計(jì)一直處于數(shù)字空間的邊緣,因?yàn)樵际腔ヂ?lián)網(wǎng)的全部。然而,近年來(lái),野獸派一直在緩慢而穩(wěn)定地復(fù)蘇,現(xiàn)在被一些人稱為新野獸派。



Caroselling


隨著互聯(lián)網(wǎng)上干凈、傳統(tǒng)的網(wǎng)站越來(lái)越多,個(gè)人網(wǎng)站變得難以脫穎而出。轉(zhuǎn)向野獸派,提供真誠(chéng)、原始但獨(dú)特的視覺(jué)體驗(yàn),可能正是提升你下一個(gè)網(wǎng)站的方式。


無(wú)網(wǎng)格布局,強(qiáng)烈的調(diào)色板,重疊的元素,擁擠和幾乎混亂的設(shè)計(jì)只是你的野獸主義工具包的一部分。將它們與等寬和奇怪大小的排版結(jié)合起來(lái),缺乏或極少的導(dǎo)航,這相當(dāng)于沒(méi)有額外的“空間”或子頁(yè)面的“開(kāi)放式版面”,你會(huì)得到一個(gè)引人注目的粗野派外觀。



Work with us


案例:阿里云設(shè)計(jì)官網(wǎng)——Alibaba Cloud Design - Not Design Just Future


當(dāng)然,還有更多,但野獸派網(wǎng)頁(yè)設(shè)計(jì)的定義規(guī)則是沒(méi)有規(guī)則;它反對(duì)既定的規(guī)則和慣例。更重要的是,你需要用更強(qiáng)烈的意義價(jià)值和意圖來(lái)將你的野獸派杰作與另一個(gè)設(shè)計(jì)糟糕的網(wǎng)站區(qū)分開(kāi)來(lái)。


本機(jī)桌面客戶端



Messenger


Figma、Todoist、Slack和 Messenger 等網(wǎng)站和移動(dòng)應(yīng)用程序都把時(shí)間和精力集中在桌面客戶端版本。



Todoist


越來(lái)越多的應(yīng)用程序似乎也在效仿,因?yàn)檠芯勘砻?,這樣用戶會(huì)感到 更舒適、更安全。用戶希望自己的應(yīng)用程序遠(yuǎn)離互聯(lián)網(wǎng)瀏覽器,遠(yuǎn)離所有打開(kāi)的標(biāo)簽,回到指定的應(yīng)用程序窗口,讓人感覺(jué)更寬敞、更專注。在使用這些應(yīng)用程序時(shí),不需要處理數(shù)分散注意力的標(biāo)簽,這無(wú)疑是一種進(jìn)步!此外,將通知直接發(fā)送到桌面,我們的通知管理也必然得到改善。



Figma

本地化用戶體驗(yàn)



為阿拉伯語(yǔ)國(guó)家的谷歌搜索頁(yè)面布局


用戶研究團(tuán)隊(duì)利用 人類心理學(xué) 領(lǐng)域的洞察,以及 可用性測(cè)試,已經(jīng)能夠塑造界面,為用戶提供最大的滿意度和愉快的體驗(yàn)感受。幾十年來(lái),這一直是用戶體驗(yàn)設(shè)計(jì)的核心。

隨著技術(shù)的快速進(jìn)步,我們看到數(shù)字產(chǎn)品體驗(yàn)的保真度有了空前的提高。這一發(fā)展也為不同用戶群體之間的細(xì)微差異提供了新的理解。年齡、文化、地理位置、日常習(xí)慣、社會(huì)結(jié)構(gòu)(以及其他因素)的差異可能會(huì)導(dǎo)致人們對(duì)什么構(gòu)成令人滿意用戶體驗(yàn)的期望存在顯著的差異。因此,這些體驗(yàn)可能需要類似的設(shè)計(jì),但肯定不是相同的設(shè)計(jì)方法。


隨著技術(shù)和研究方法的到位,我們開(kāi)始看到一款產(chǎn)品的多種變體同時(shí)推出,以滿足不同用戶的需求。隨著許多大品牌都在努力擴(kuò)大他們的用戶群體,創(chuàng)造本地化的產(chǎn)品體驗(yàn)可能會(huì)成為一種大趨勢(shì)——如果不是標(biāo)準(zhǔn)的話。


榮譽(yù)提名:包容性



NhuSW- Everyfit — Fitness for Everyone

包容性不僅是一種趨勢(shì),也是一種運(yùn)作模式;人類生存和共存是一個(gè)不可否認(rèn)的重要方面。在日益全球化的復(fù)雜世界中,我們不斷意識(shí)到自己與其他個(gè)人或社群之間的差異。以同理心駕馭這些差異是我們的責(zé)任,并努力將所有文化、性別、性別、種族、能力和殘疾都有意義地適當(dāng)?shù)丶{入全球社會(huì)。



Spotify


隨著數(shù)字空間引領(lǐng)著世界的全球化,它也毫無(wú)疑問(wèn)地成為我們包容性努力的前沿。人們總是希望品牌和公司采用更具 包容性的敘述 和語(yǔ)言,并向包容性的平臺(tái)、產(chǎn)品和服務(wù) 邁進(jìn)。他們被鼓勵(lì)在圖像、語(yǔ)言和視覺(jué)語(yǔ)言中推動(dòng)多樣化的表現(xiàn),這樣做不僅僅是為了營(yíng)銷收益,而是為了更大的意義和價(jià)值。


這些是我們?cè)?2022 年會(huì)看到的趨勢(shì)和現(xiàn)象。記住,它們是為了提醒我們當(dāng)前的總體設(shè)計(jì)趨勢(shì)??梢允褂盟鼈儊?lái)支持和授權(quán)您的設(shè)計(jì)決策,但不要害怕挑戰(zhàn)它們,或用它們?yōu)槿藗儎?chuàng)造更多積極有效的體驗(yàn)。


原文標(biāo)題:UI/UX Design Trends of 2022

文章來(lái)源:Codeart

原創(chuàng)作者:Taras Bakusevych & Maja Mitrovikj

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)m.820esy.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

分享本文至:

日歷

鏈接

個(gè)人資料

存檔