美柚官方出品！2021 UI/UX設(shè)計(jì)趨勢(shì)分析（海外篇）

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

「2021 年國際市場(chǎng)的變化」

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

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

教育和政治

因?yàn)?2020 美國大選事件，使人們更關(guān)注種族平等，性別平等的問題，人們?cè)絹碓蕉嗟木ν度氲匠h活動(dòng)中。種族平等的討論度增長了 4.4 倍。

2020 以來印度人對(duì)于線上教育的相關(guān)討論達(dá)到了驚人的 9.6 倍。

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

迫于形勢(shì)，澳大利亞人形成了一種線上加線下的混合購物方式，以滿足自己的需求，在電商話題的討論度上增長了 1.6 倍。

人們宅在家中，反而越來越關(guān)注可持續(xù)時(shí)尚，比如扎染等個(gè)性化很強(qiáng)的物品。相關(guān)討論度增長 2.7 倍。

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

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

「2021 年國際大廠的動(dòng)作」

1. WWDC2021

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

功能升級(jí)

專注模式：可以切換辦公場(chǎng)景、在家場(chǎng)景，系統(tǒng)會(huì)過濾掉場(chǎng)景外的消息。

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

視覺升級(jí)

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

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

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

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

回顧一下 WWDC2021

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

2. Google I/O 2021

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

體驗(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)信息

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

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

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

比如：

各家都在加強(qiáng)自己多設(shè)備的兼容能力，可以看出在未來模塊化設(shè)計(jì)被應(yīng)用的更廣泛。

win11 甚至可以在 PC 上原生使用安卓應(yīng)用

「國外熱門設(shè)計(jì)社區(qū)」

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

Glassmorphism

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

關(guān)于這個(gè)風(fēng)格的詳細(xì)分析：

3D

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

Emoji

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

Minimalism

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

「總結(jié)」

從功能角度上看，各大廠對(duì)隱私都做了升級(jí)，新擬態(tài)設(shè)計(jì)玻璃的材質(zhì)就能很好的表達(dá)這一理念。

從人們生活方式的改變上看，大量的工作被轉(zhuǎn)移到了線上，這改變了移動(dòng)設(shè)備的交互方式，極簡效率成為了各大廠設(shè)計(jì)的重點(diǎn)。

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

1. 交互方式

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

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

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

圖片說明：

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

暗黑模式：暗黑模式設(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)格

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

社交體驗(yàn)升級(jí)：疫情的原因，線上社交將繼續(xù)發(fā)光發(fā)熱，各個(gè)產(chǎn)品會(huì)更加注重自己的社交功能，比如 Instagram 在對(duì)話頁做了趣味的互動(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)橛懈喔唵胃子玫墓ぞ叱霈F(xiàn)，將會(huì)和 3D 進(jìn)行重組并呈現(xiàn)，會(huì)有更多的視覺形態(tài)出現(xiàn)。

歡迎關(guān)注作者微信公眾號(hào)：「丸子設(shè)計(jì)說」