編輯導(dǎo)語(yǔ)：隨著人們生活方式的變化與移動(dòng)技術(shù)的成熟，2021UI/UX設(shè)計(jì)的流行趨勢(shì)又發(fā)生了什么改變？可以看到的是，人們?cè)谠O(shè)計(jì)上似乎更注重個(gè)性表達(dá)，極簡(jiǎn)效率也成為一個(gè)設(shè)計(jì)重點(diǎn)。本篇文章里，作者從國(guó)際市場(chǎng)、生活方式等角度觀察大廠的設(shè)計(jì)動(dòng)作，并對(duì)國(guó)外設(shè)計(jì)作品做了分析，以求找到設(shè)計(jì)上的流行趨勢(shì)，一起來看一下。

我將從國(guó)際市場(chǎng)、人們生活方式的角度去觀察國(guó)際大廠的動(dòng)作與國(guó)外熱門設(shè)計(jì)作品中去找到流行趨勢(shì)本人。希望本文能對(duì)你有所幫助。

預(yù)測(cè)流行趨勢(shì)之前先來看看這兩份報(bào)告，從這里我們來觀察在2020-2021年里移動(dòng)市場(chǎng)和人們的生活都發(fā)生了哪些改變。

一、2021年國(guó)際市場(chǎng)的變化

1. Facebook 2021年熱門話題和趨勢(shì)報(bào)告

從這份報(bào)告我們可以觀察到2021年的海外用戶的生活方式，以及日常關(guān)注的事情。在這里找到設(shè)計(jì)趨勢(shì)的蛛絲馬跡。

1）教育和政治

1. 因?yàn)?020美國(guó)大選和黑命貴事件，使人們更關(guān)注種族平等，性別平等的問題，人們?cè)絹碓蕉嗟木ν度氲匠h活動(dòng)中。種族平等的討論度增長(zhǎng)了4.4倍。
2. 2020以來在印度人對(duì)于線上教育的相關(guān)討論達(dá)到了驚人的9.6倍。

2）生活方式和時(shí)尚生活方式

1. 迫于形勢(shì)，澳大利亞人形成了一種線上加線下的混合購(gòu)物方式，以滿足自己的需求，在電商話題的討論度上增長(zhǎng)了1.6倍。
2. 人們宅在家中，反而越來越關(guān)注可持續(xù)時(shí)尚，比如扎染等個(gè)性化很強(qiáng)的物品。相關(guān)討論度增長(zhǎng)2.7倍。

2. App annie 2021年移動(dòng)市場(chǎng)報(bào)告

全球的移動(dòng)應(yīng)用使用量在疫情后增長(zhǎng)十分迅速，在移動(dòng)設(shè)備的花費(fèi)上與去年同比增長(zhǎng)了20%。這也說明了消費(fèi)者正在養(yǎng)成新的使用習(xí)慣。人們會(huì)優(yōu)先考慮在保持社交距離的同時(shí)和朋友聯(lián)系，進(jìn)行線上學(xué)習(xí)活動(dòng)，在家辦公以及在家使用移動(dòng)設(shè)備購(gòu)物，這些行為加強(qiáng)了移動(dòng)設(shè)備在我們生活中的地位。

二、2021年國(guó)際大廠的動(dòng)作

1. WWDC2021

蘋果在 2021 年 6月 8 日凌晨 WWDC公布 iOS 15 / macOS Monterey 之后，隨即對(duì) HIG內(nèi)容也同步進(jìn)行更新。

1）功能升級(jí)

① 專注模式

可以切換辦公場(chǎng)景、在家場(chǎng)景，系統(tǒng)會(huì)過濾掉場(chǎng)景外的消息（未來會(huì)不會(huì)有老婆在身邊模式 ）。

② Facetime

在進(jìn)行 FaceTime 視頻通話時(shí)，可以讓用戶實(shí)現(xiàn)一起在 Apple Music 聽歌。這也是蘋果對(duì)于社交體驗(yàn)的升級(jí)（也可以聯(lián)機(jī)看片）。

2）視覺升級(jí)

① Homekit

更加擬物化的設(shè)計(jì)，可根據(jù)手機(jī)的晃動(dòng)調(diào)整光照效果。

② 天氣

相比現(xiàn)在增加了很多視覺細(xì)節(jié)，跟homekit一樣都變得更加擬物。

③ 地圖

地圖的畫風(fēng)也跟以往的地圖不一樣，現(xiàn)在的建筑更圓潤(rùn)，更Q版，有點(diǎn)像是在玩大富翁。

④ 蘋果健康

在健康視覺表現(xiàn)里能看出玻璃質(zhì)感，以及極光漸變的影子。

3）回顧一下WWDC2021

蘋果帶來了更強(qiáng)的社交功能，更極簡(jiǎn)的通知。那么效率和社交會(huì)不會(huì)是未來的關(guān)鍵詞呢？

2. Google I/O 2021

美國(guó)東部時(shí)間 5 月 18 日下午 1 點(diǎn)召開了線上發(fā)布會(huì)，除了一些新技術(shù)，還發(fā)布了全新的設(shè)計(jì)語(yǔ)言Material You。

1）體驗(yàn)升級(jí)

① UI調(diào)色盤

系統(tǒng)會(huì)分析墻紙中的所有顏色，找出主色調(diào)、互補(bǔ)色調(diào)，以及其他能相搭配的顏色，套用在 UI 各處。

② 超大的控件（老年模式）

形狀越大，就越容易用拇指觸摸、滑動(dòng)各種元素。谷歌是從用戶體驗(yàn)的角度來看待這一點(diǎn)的，這也是達(dá)到更好的易用性所必需的。

③ 桌面小部件

桌面的小部件也不再統(tǒng)一收攏和限制，而是采用了更為靈動(dòng)的擴(kuò)展和呈現(xiàn)狀態(tài)。

④ 大而粗的文字

又大又粗文字的流行不是沒有道理的，在這種自動(dòng)變換顏色UI的情況下，能很好地呈現(xiàn)信息。

2）回顧一下谷歌發(fā)布會(huì)

谷歌更強(qiáng)調(diào)的是形式依隨情感，是自然和諧的、是個(gè)性化的，可能是因?yàn)橐咔榈募铀?、科技的進(jìn)步，隨著屏幕出現(xiàn)在我們生活的各個(gè)領(lǐng)域，人們不再僅僅是追求使用，也希望能有情感上的體驗(yàn)升級(jí)。

3）從蘋果和谷歌的發(fā)布會(huì)可以看出很多共性

比如：

1. 各家都在加強(qiáng)自己多設(shè)備的兼容能力，可以看出在未來模塊化設(shè)計(jì)被應(yīng)用的更廣泛。
2. win11甚至可以在pc上原生使用安卓應(yīng)用。

三、國(guó)外熱門設(shè)計(jì)社區(qū)

1. 我總結(jié)了以下四個(gè)最熱門的設(shè)計(jì)風(fēng)格

1）Glassmorphism

優(yōu)點(diǎn)：透氣模式、區(qū)分層級(jí)、簡(jiǎn)介擬物。

2）3D

優(yōu)點(diǎn)：直觀呈現(xiàn)、立體真實(shí)、形態(tài)豐富。

3）Emoji

優(yōu)點(diǎn)：易于理解、社交屬性、傳達(dá)情緒。

4）Minimalism

優(yōu)點(diǎn)：專注信息、清晰易用、簡(jiǎn)單操作。

四、總結(jié)

1. 從功能角度上看，各大廠對(duì)隱私都做了升級(jí)，新擬態(tài)設(shè)計(jì)玻璃的材質(zhì)就能很好地表達(dá)這一理念。
2. 從人們生活方式的改變上看，大量的工作被轉(zhuǎn)移到了線上，這改變了移動(dòng)設(shè)備的交互方式，極簡(jiǎn)效率成為了各大廠設(shè)計(jì)的重點(diǎn)。

下面我從交互方式、視覺風(fēng)格抓到了幾個(gè)重點(diǎn)。

1. 交互方式

1）大屏

未來屏幕將會(huì)越來越大，我們需要對(duì)交互更加地重視。

2）隱私

人們對(duì)隱私將越來越重視，個(gè)人信息的立法被提上了日程，比如美國(guó)前段時(shí)間就推動(dòng)《加州消費(fèi)者隱私法案》。

3）更多元

考慮到各類用戶的訴求，會(huì)有更多的設(shè)計(jì)包容性方案，在2021年這類的設(shè)計(jì)將會(huì)持續(xù)擴(kuò)大，包括性別平等、種族平等、跨年齡、無(wú)障礙設(shè)計(jì)。

圖片說明：

1. google Pretty Please，可以教小朋友學(xué)習(xí)使用禮貌用語(yǔ)；
2. SignTime，可以幫助聾啞人在線翻譯，幫助溝通；
3. Airbnb更重視多種族的視覺呈現(xiàn)，更多種族特征加入到插畫里；
4. emoji滿足更多少數(shù)群體的需要，如LGBT團(tuán)體。

4）暗黑模式

暗黑模式設(shè)計(jì)將會(huì)持續(xù)地發(fā)光發(fā)熱，得益于屏幕的升級(jí)，oled、miniled、蘋果未來可能出現(xiàn)的自適應(yīng)刷新技術(shù)（如watch6是常亮的屏幕，因?yàn)槭褂昧俗赃m應(yīng)刷新技術(shù)，我們可以更多的關(guān)注息屏設(shè)計(jì)）。

2. 視覺風(fēng)格

1）個(gè)性表達(dá)

對(duì)比鮮明的顏色在白色和黑色界面上都能很快吸引用戶的注意力，這種風(fēng)格已經(jīng)成為清新、酷炫、數(shù)字時(shí)代的代名詞。

2）社交體驗(yàn)升級(jí)

疫情的原因，線上社交將繼續(xù)發(fā)光發(fā)熱，各個(gè)產(chǎn)品會(huì)更加注重自己的社交功能，比如instagram在對(duì)話頁(yè)做了趣味的互動(dòng)圖案，snpchat可以在地圖上顯示虛擬人物，line可以生成自己的虛擬形象。這些升級(jí)都是為了加強(qiáng)在網(wǎng)絡(luò)里人與人的連接。

3. 寫在最后

?2021年也是后疫情時(shí)代，人們更渴望情感關(guān)懷，安全健康，也比以前更加想要親近自然。我相信未來的視覺趨勢(shì)如情感插畫、柔漸變、自然有機(jī)的設(shè)計(jì)和這些情感需要保持著前后聯(lián)系。

對(duì)了！在未來3D形式也會(huì)大量鋪開，因?yàn)橛懈喔?jiǎn)單更易用的工具出現(xiàn)，將會(huì)和3D進(jìn)行重組并呈現(xiàn)，會(huì)有更多的視覺形態(tài)出現(xiàn)。

編輯：丸子；團(tuán)隊(duì)：美柚用戶體驗(yàn)設(shè)計(jì)中心

本文由 @丸子法師 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Pexels，基于CC0協(xié)議。