2021年中UI/UX設(shè)計(jì)趨勢(shì)預(yù)測(cè)(海外篇)——美柚UED

2 評(píng)論 9002 瀏覽 30 收藏 15 分鐘

編輯導(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ì),一起來(lái)看一下。

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

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

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

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

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

1)教育和政治

  1. 因?yàn)?020美國(guó)大選和黑命貴事件,使人們更關(guān)注種族平等,性別平等的問(wèn)題,人們?cè)絹?lái)越多的精力投入到倡議活動(dòng)中。種族平等的討論度增長(zhǎng)了4.4倍。
  2. 2020以來(lái)在印度人對(duì)于線上教育的相關(guān)討論達(dá)到了驚人的9.6倍。

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

  1. 迫于形勢(shì),澳大利亞人形成了一種線上加線下的混合購(gòu)物方式,以滿(mǎn)足自己的需求,在電商話(huà)題的討論度上增長(zhǎng)了1.6倍。
  2. 人們宅在家中,反而越來(lái)越關(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%。這也說(shuō)明了消費(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

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

1)功能升級(jí)

① 專(zhuān)注模式

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

② Facetime

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

2)視覺(jué)升級(jí)

① Homekit

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

② 天氣

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

③ 地圖

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

④ 蘋(píng)果健康

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

3)回顧一下WWDC2021

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

2. Google I/O 2021

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

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

① UI調(diào)色盤(pán)

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

② 超大的控件(老年模式)

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

③ 桌面小部件

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

④ 大而粗的文字

又大又粗文字的流行不是沒(mé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)從蘋(píng)果和谷歌的發(fā)布會(huì)可以看出很多共性

比如:

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

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

1. 我總結(jié)了以下四個(gè)最熱門(mén)的設(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):專(zhuā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)。

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

1. 交互方式

1)大屏

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

2)隱私

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

3)更多元

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

圖片說(shuō)明:

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

4)暗黑模式

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

2. 視覺(jué)風(fēng)格

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

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

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

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

3. 寫(xiě)在最后

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

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

 

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

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

題圖來(lái)自Pexels,基于CC0協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 很好??

    來(lái)自北京 回復(fù)
    1. 謝謝??

      來(lái)自福建 回復(fù)