2022 年即將過半，疫情在家的我們重新花一些時(shí)間，回顧今年最引為人注目的一些設(shè)計(jì)趨勢，有些已經(jīng)變成現(xiàn)實(shí)，有些可能即將會發(fā)生。在過去的這十幾年里，全國的互聯(lián)網(wǎng)和移動互聯(lián)網(wǎng)行業(yè)蓬勃發(fā)展，引發(fā)了 UX / UI 行業(yè)的火爆，無論是在設(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ì)趨勢。

超級大的字體排版

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

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

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

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

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

MAFF

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

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

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

Shakib - Sneakerbumb

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

La puce à l’oreille

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

Kristen Ryan for MakeReign

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

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

Blumenkopf

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

Caroselling

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

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

Work with us

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

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

本機(jī)桌面客戶端

Messenger

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

Todoist

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

Figma

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

為阿拉伯語國家的谷歌搜索頁面布局

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

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

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

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

NhuSW- Everyfit — Fitness for Everyone

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

Spotify

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

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

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

文章來源：Codeart

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

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

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

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

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ì)公司