首頁

2021 年的 7 個UX趨勢

ui設計分享達人

1.在線醫(yī)療的加速發(fā)展

盡管我們對COVID-19還不夠了解,但疫情流行已經(jīng)為可穿戴設備、線上醫(yī)療和人工智能等數(shù)字健康的發(fā)展搭建了舞臺。可以預見,到2021年,這些行業(yè)將繼續(xù)發(fā)展。

同時,一些非凡的自我監(jiān)控應用程序繼續(xù)應用到可穿戴設備上,提供步數(shù)、睡眠、心率、血壓的即時可視化數(shù)據(jù)。這些復雜的功能可以讓用戶掌控健康,并獲知如何改變生活方式。

到2025年,全球醫(yī)療人工智能軟件、硬件和服務市場預計將超過340億美元。         

線上醫(yī)療,即醫(yī)患病雙方開展虛擬咨詢。線上醫(yī)療之所以得以發(fā)展,是因為在疫情嚴重時期,提倡人們減少直接接觸??梢灶A見,衛(wèi)生服務部門希望將醫(yī)療資源和資金分配給最需要的患者,而這種線上的方式將繼續(xù)的發(fā)展成熟。

還有人工智能,人工智能將賦能精準醫(yī)療、基因組學、新藥研發(fā)和醫(yī)學成像。以癌癥治療為例,借助人工智能的模式識別,醫(yī)生可以根據(jù)患者的基因組成和生活方式定制個性化的治療方案。



-------



2. VR再度崛起

虛擬現(xiàn)實(VR)是一項“未來主義”技術,在一段時間內(nèi)很難成為主流,特別是其配件——Facebook的Oculus Rift、HTC Vive和PS VR等頭盔的價格居高不下。

然而,《半條命:愛莉克斯》等新發(fā)行游戲取得成功;能夠創(chuàng)造動態(tài)和創(chuàng)造性混合現(xiàn)實解決方案的開發(fā)者涌現(xiàn);健康、展覽和娛樂藝術等非游戲市場的需求增加VR技術將再次崛起。

VR游戲行業(yè)的全球收入預計將從2017年的4億美元增長到2024年的24億美元。

那么,非游戲市場是如何適應VR的呢?在疫情期間,GDC 2020以VR形式舉辦了討論會,借助360度全景展臺、網(wǎng)絡研討平臺和聊天室,遠程與會者也能參加互動。2021年,預計會有更多的組織者利用這項技術來觸及全球更多的觀眾。

此外,為優(yōu)化在慢性疼痛、焦慮和創(chuàng)傷后應激障礙方面的治療,VR技術在數(shù)字健康領域?qū)⒂懈嗟膽?。甚至,VR技術可能在劇院和博物館得以應用,讓文藝的大門幾乎對全公眾開放。




------



3. AR更多應用于設計領域

增強現(xiàn)實(AR)是另一種“未來主義”技術。AR越來越流行。想在花園里見到一只真實大小的長頸鹿?想看看宜家家具在室內(nèi)的擺放?甚至想嘗試紋身?AR正以許多新奇的方式進入人們的生活。

AR產(chǎn)品的全球市場在未來四年內(nèi)將激增85%,達到1650億美元。

蘋果公司已經(jīng)在重建和重組產(chǎn)品,讓日常用戶更易上手使用。據(jù)美國《行業(yè)周刊》(Industry Week)雜志報道,蘋果這家科技巨頭正在研發(fā)數(shù)款AR產(chǎn)品

如:數(shù)字眼鏡可以與iPhone無線連接,將電影、地圖等內(nèi)容發(fā)送給佩戴者。是不是很酷?

新的AR技術和應用出現(xiàn),將刺激企業(yè)尋找能夠創(chuàng)建AR界面和圖形疊加的設計師。市場上出現(xiàn)了谷歌ARCore、Adobe Aero和XD(現(xiàn)在具有3D轉(zhuǎn)換功能)等低價的設計應用程序,讓沉浸式增強體驗設計日漸成為現(xiàn)實。





-------



4. 語音UI將成為UX的組成部分

用戶語音界面(Voice User Interface, VUI)無疑是2020年最熱門的趨勢之一。蘋果、谷歌和亞馬遜等知名品牌改變了搜索信息和使用智能家居設備的方式。

全球超過四分之一的線上人口正在移動設備上使用語音功能。

以VUI為例,要調(diào)暗燈光,只需說:“谷歌,調(diào)暗燈光”;或者也可以快速叫一輛優(yōu)步,呼叫:“Alexa,叫優(yōu)步?!边@些語音命令現(xiàn)在已經(jīng)深入到日常生活中,VUI技術的身影也正隨處可見。

VUI無疑是主旋律,將VUI作為UX組成部分的企業(yè)估計將越來越多。因此,企業(yè)將尋找設計沉浸式語音體驗的工具、技能和人才。

VUI是新事物,在設計應用程序或技術時,找到可以遵循的流程很不容易。但是,CareerFoundry從流行的設計思維中尋找方法,已經(jīng)創(chuàng)建了簡單的VUI框架。所以,到2021年,將會出現(xiàn)更多用于設計語音體驗的工具和技術。



-------



5. UX的文化優(yōu)化(情感化設計)將影響產(chǎn)品的UI

微文案(microcopy)是UI上幫助用戶做某些操作的小段文字。沒有好的微文案會讓界面彼此脫節(jié),會缺乏人情味。如果技術進步了,可語言缺乏人味,那么也難以和用戶建立良好的關系。

根據(jù)倫敦的《語言內(nèi)容設計報告》(Voice and Content Design London),英國人口的平均閱讀年齡為9歲。

在2021年,UX文案撰稿人將會更加活躍,熟練的溝通風格會引起人們的共鳴。所撰的文稿引人入勝、獨具特點和令人信賴。因此,他們在產(chǎn)品開發(fā)過程中將扮演著重要角色。

出色的UX微文案將為虛擬助手增添人情味、為用戶查詢提供上下文語境、簡化反饋和引入人性化語言。Marshmallow、Gousto、Airbnb等公司的UX文案撰寫人員在這一方面尤為出彩。




-------



6.行為設計

市場過度飽和,競爭激烈,要讓用戶選擇您的產(chǎn)品或服務,需要對他們的內(nèi)在需求有更深入的了解。知道是什么觸動他們的心靈、什么是他們的痛點、什么能引起他們的反應,這些是提高產(chǎn)品活躍度和留存率的關鍵。

行為設計是一個刻意、系統(tǒng)地改變?nèi)祟愋袨榈目蚣?。而這一框架需通過說服用戶改變物理環(huán)境和數(shù)字環(huán)境。到2021年,行為設計的需求將會增加,從而吸引用戶的注意力、增強社交圈子、改善健康、保持平靜的心態(tài)、鼓勵自我實現(xiàn)、讓人們走上正確的道路,擁有更好的未來。

那些經(jīng)科學驗證能鼓勵行為改變的技術將幫助企業(yè)確定新的設計策略,提高產(chǎn)品的用戶生命周期價值;甚至能像蘋果智能手表的洗手檢測功能那樣,鼓勵人們采取新行為。

 


-------



7.用戶隱私

2014年,劍橋分析公司(Cambridge Analytica,是一家進行資料探勘及數(shù)據(jù)分析的私人公司)丑聞啟發(fā)了全世界——個人數(shù)據(jù)變得越來越有價值,比原油更有價值!在數(shù)十億美元的行業(yè)中,技術平臺不斷在尋找新的方式來保持用戶的點擊量、閱讀量和分享量。

技術平臺可供用戶點擊、閱讀和分享,從而賺了數(shù)十億美元。

幾年來,我們討論了技術和社交媒體對人類的危害。Netflix在2020年上線的紀錄片《社交困境》,特別探討了社交媒體的興起及其對美國社會的損害,專家們發(fā)出了警惕。


采用保護用戶隱私的設計規(guī)范,創(chuàng)造出更多滿足用戶需求的“人性化”產(chǎn)品。如何在不詢問太多個人信息的情況下提供出色的體驗?還有,真的有必要讓用戶長時間停留在產(chǎn)品上嗎



-------



總結(jié)

站在歲尾,我們翹首以盼,期待來年有更多令人興奮的產(chǎn)品、創(chuàng)新和身臨其境的體驗。隨著人們對生活方式和幸福感的認識不斷提高,新的發(fā)展將從數(shù)字醫(yī)療開始,選用可穿戴和遠程醫(yī)療的用戶將持續(xù)增長。

身臨其境的非游戲VR體驗越來越多,未來技術將獲得更多關注,甚至可能成為主流。我們可以看到通過“另一種現(xiàn)實”,參與展覽、娛樂,甚至參加辦公室會議的用戶越來越多。

然后,展望AR和VUI的新設計過程。您如果盡早學習工具和技能,就可以超越傳統(tǒng)的基于屏幕的體驗做出創(chuàng)新。此外,UX文案將在塑造產(chǎn)品UI中扮演更重要的角色。


最后,行為設計包含一系列認知科學,這些認知科學可以為設計師和研究人員提供不同的人性化設計理念。當然,應該使用合乎道德的方式來構建引導用戶的技術,從而確保用戶的心理健康和需求始終走在設計的第一位。

所以,2021年應該是UX不平凡的一年。

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

截屏2021-05-13 上午11.41.03.png



文章來源:站酷   作者:一百percent

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

AI 時代的設計

ui設計分享達人

這是5月參加阿里設計周“智能與計算”分論壇后的感想小結(jié),因為論壇大部分在講算法和實現(xiàn)方式,所以在這里我就其中的AI與設計相關部分做一些深入分享。undefined

我的思路大概分為三個部分:AI時代的來臨;AI如何影響設計;未來的設計何去何從。

undefined

undefined

第一部分:聊聊AI時代來臨,設計的世界發(fā)生了什么變化?

undefined每個時代的設計都有不同的定義,農(nóng)業(yè)和工業(yè)時代的設計更多是指設計師通過手工制作的方式闡釋自己對美感和藝術的理解。

undefined到了信息時代,設計除了要考慮美感,還要考慮是否實用和好用。設計的對象開始從真實世界轉(zhuǎn)向數(shù)字世界,設計思想開始考慮以用戶為中心的設計;設計方向也增加了很多領域,包括都多媒體藝術、游戲設計、網(wǎng)頁設計、移動應用設計等。

undefined在人工智能時代下,AR設計、智能硬件逐漸發(fā)展,設計的改革更多考慮的是如何將真實世界和數(shù)字世界進行融合,如何在自己產(chǎn)品上更好地闡釋藝術、美感和實用性。

第二部分,AI如何影響設計,設計因為人工智能而產(chǎn)生了哪些改變呢?

結(jié)合論壇的內(nèi)容,我覺得從以上五個方面產(chǎn)生了較為深遠的影響。

人工智能幫助設計師解決在創(chuàng)意過程中面臨的一系列問題,將重復勞動變得自動化 ,節(jié)省設計師大量的時間,減輕設計師的工作量。

undefined數(shù)據(jù)驅(qū)動自動生成,取代人工建模,減少了設計的時間成本。通過組件標準化,來構建三維幾何,然后geometry格式入庫,最后由渲染引擎繪制。

undefined再比如,雙11期間有1.7 億個BANNER,都來自阿里的“鹿班”AI設計系統(tǒng)。設計數(shù)據(jù)—機器學習、訓練模型—生成設計結(jié)果并評估。如果這些工作量由人工來完成,那么設計師真的就成了“沒有感情的作圖機器”了。

當今社會,隨著產(chǎn)業(yè)智能的發(fā)展,在這個變革中,挑戰(zhàn)不單單來自技術,也來自客戶對智能數(shù)字體驗的極致追求。這給開發(fā)人員和設計師都提出了全新的難題,在可視化領域,通過技術和設計兩個角色更緊密的捆綁,產(chǎn)生了讓人欣喜的化學反應。

從原始數(shù)據(jù)到圖表并不是直接的,它需要經(jīng)過交互的分析,得到指標結(jié)果,最終以可視化圖表呈現(xiàn),而呈現(xiàn)的視覺方式是多樣化的。

這就是所謂的兩種數(shù)據(jù),三層講述

第一步是原始數(shù)據(jù)的準確轉(zhuǎn)譯,工具需要數(shù)據(jù)對接能力,即對現(xiàn)狀的講述。

第二步是分析過程,從腳本模式跨入數(shù)據(jù)驅(qū)動,讓數(shù)據(jù)的分析變得可知可信。

第三部是觀點數(shù)據(jù)的表達,也就是創(chuàng)作強化,將結(jié)論以可視化的多樣形式被表達。

這是根據(jù)地圖的原始數(shù)據(jù)得到的多種可視化設計方案,同一份原始數(shù)據(jù),卻得到了不同的形式表達。

因為僅僅有準確的數(shù)據(jù)結(jié)論是不夠的,因為數(shù)據(jù)需要更好地被講述和表達,如果僅僅將數(shù)據(jù)呈現(xiàn)給用戶,那么理解難度將會大大提高,而設計是為了讓產(chǎn)品變得更加容易使被理解和使用。

第二點,體現(xiàn)在建筑的三維可視。

首先,在二維地圖選取建模范圍,通過智能化的處理,根據(jù)數(shù)據(jù)構建初始的三維地圖。

然后通過數(shù)據(jù)聯(lián)動,將城市建筑虛擬還原。

整個過程從數(shù)月—> 數(shù)周—> 數(shù)天,時間大大縮短,人力成本減少,釋放更多的精力去進行創(chuàng)意工作。

建筑三維化的應用:比如車道級地圖。

相比于傳統(tǒng)地圖,車道級地圖導航在信息精細度、定位準確性、動態(tài)信息豐富度上有大幅提升。

undefined車道級導航能清晰顯示道路上的虛實標線、自己的車行駛在哪條車道上,還能在地圖上看到車身攝像頭和雷達檢測到的周圍車輛、錐桶、防撞桶等。

當設計對象從單個產(chǎn)品轉(zhuǎn)變到用戶的經(jīng)歷和當前環(huán)境時,設計師不能只考慮自己的產(chǎn)品體驗,需要從大局出發(fā),思考每個產(chǎn)品之間的聯(lián)動,考慮不同場景下自己的產(chǎn)品如何服務用戶以及如何與其他產(chǎn)品聯(lián)動。產(chǎn)品設計從單體變成一塊需要考慮兼容上下左右外部環(huán)境的拼圖。

智能化的場景的改變對設計有哪些影響呢,我們來看這張圖:設計的場景從有形—>無形、靜態(tài)—>動態(tài)、永恒—>瞬間的轉(zhuǎn)變。體驗設計的趨勢從GUI到TUI(實體交互),再到Radical Atoms,場景的改變對設計的影響維度不是單一的

undefined

設計場景在AI時代不僅局限于手機,還涉及到實時場景的設計情況。

比如谷歌的實時翻譯、語音翻譯。輸入與輸出是同步進行的,這就對設計提出了新的要求。

此外,還有語音智能VUI,徹底打破了以往的交互體驗,改變了人和工具之間的互動關系,反向塑造著人類的認知方式和學習行為。下面來看一個小愛5.0案例:

undefined

對話是人與人之間交換信息的普遍方式,語音交互設計涉及系統(tǒng)學、語言學和心理學,因此它比 GUI的交互設計更加復雜。

undefined體驗設計經(jīng)歷了PC時代、Mobile時代,現(xiàn)在進入IoT體驗時代。設計的解決方案與技術的發(fā)展息息相關,設計和技術互相促進帶來新的體驗革命,設計師一直在探討和實踐在新技術環(huán)境下的新體驗設計,并基于出行、醫(yī)療、社區(qū)、政務等行業(yè)持續(xù)挖掘服務聚合模式與場景體驗的創(chuàng)新。

在新零售的場景下,購買和支付流程發(fā)生了改變,這就需要設計師重新思考消費者的心理地圖。例如無人零售、Amazon Go、支付寶IOT支付等等。下面來看一下Amazon Go的案例:

undefined

如何讓用戶使用更便捷、體驗更順暢;要向用戶提供什么樣的服務,如何讓用戶注意到我們的產(chǎn)品,如何向他們傳遞企業(yè)的服務價值和特點,這是IOT新零售下需要設計深入研究的方面。

在云端實現(xiàn)企業(yè)產(chǎn)品的全區(qū)域管控,監(jiān)控的設計視覺和交互又是不一樣的,比如論壇上的案例:荷魯斯之眼、全區(qū)域覆蓋的云監(jiān)控等等。

通過對多個實體空間中的數(shù)字設計探索,重新塑造人與空間的交互界面,提升人們對于空間的使用體驗。下面舉個例子:

AT&T discovery district是一個數(shù)字化的互動商業(yè)社區(qū)。

它從重新審視建筑本體開始。通過虛實和光影的變幻,營造出了實體空間體驗,空間本體就是對話的那個界面。實體空間和數(shù)字內(nèi)容的結(jié)合,構建出人與建筑之間新的交互界面。

廣場的數(shù)字球體入口,人的位置和數(shù)量變動,球體內(nèi)的燈光也會跟隨變動。

undefined

人工智能促使了交叉學科的工種產(chǎn)生:數(shù)字體驗設計師、創(chuàng)意工程師。這兩種職業(yè)是做什么呢?面對正在到來的智能時代,體驗設計師和創(chuàng)意工程師將共同面對“AI”這一全新的命題,在智慧工地、智慧教育、數(shù)字警務室、神經(jīng)符號AI等應用中,提煉出智能感設計方法、利用圖形技術能力自研產(chǎn)品并賦能業(yè)務。

數(shù)字世界中的設計師:橫跨了藝術、文化、科學、商業(yè)多個學科;從傳播學、心理學、應用科學和統(tǒng)計學進行用研,去解決用戶遇到的問題。

它不僅涉及到需求分析和產(chǎn)品設計,還貫穿至產(chǎn)品運維、測試、發(fā)布、分析,從設計洞察中做出創(chuàng)新設計。

未來的設計師將融合人工智能和創(chuàng)意編程技術,在世界數(shù)智化的大潮中找到新的定位和新的機遇。

undefined

第三部分,在人工智能時代下,未來的設計會走向哪里?新時代的設計師怎樣找準自己的定位呢?

人工智能的成熟對部分設計師來說簡直是災難性的打擊,之前無論是通過技法還是數(shù)據(jù)分析才能完成的工作,人工智能一下子就可以完成,后續(xù)根本不需要這么多設計師來完成這些工作。那么設計師是否會被人工智能取代?我們先來看一張人類能力地圖:

這張圖中,海拔高度代表這項任務被計算機執(zhí)行的難度,不斷上漲的海平面代表計算機現(xiàn)在能做的事情。從圖中可以看出,目前人工智能水平預警線距離代表藝術的山峰還很遠。

人工智能沒有人類的跨領域推理、抽象類比能力,也沒有人類的主觀能力如靈感、感覺和感受;更沒有人類特有的靈魂、愛、意識、理想、意圖、同理心、價值觀、人生觀等,這導致人工智能在未來很長一段時間內(nèi)都無法很好理解人類的心理和行為是什么,在解決推理和情感問題時會不盡人意。

undefined設計除了解決問題外,還涉及對美的理解和創(chuàng)作,美感是對美的體會和感受,它是復雜的,包含了歷史、文化、環(huán)境、情感等客觀因素和主觀因素,所以在不同的時代、階級、民族和環(huán)境中,有著不同文化文化修養(yǎng)和個性特征的人對美的定義也不同。

人工智能依賴數(shù)據(jù)和經(jīng)驗解決問題,它能解決大部分智力可解決的問題,但解決不了需要情感和美感才能解決的問題。而設計的擅長領域,是人工智能不擅長的:跨領域推理、抽象能力、常識、審美、自我意識與情感。那么AI與設計的關系怎樣的呢?

設計是為了解決問題。人工智能使機器代替人類實現(xiàn)認知、識別、分析、決策等功能,其本質(zhì)是為了讓機器幫助人類解決問題,也就是說,人工智能在一定程度上也是一種設計,它會創(chuàng)作出與人類思維模式類似的解決方案。所以AI與設計師是一種共生關系。因此設計師不用杞人憂天,擔心自己被人工智能取代。

隨著AI 技術的成熟,設計必定會發(fā)生新一輪的變化,在未來,更多領域和行業(yè)需要用到界面設計、人機交互等技能,各行各業(yè)的設計師需要掌握以上技能才能更好地服務當前業(yè)務。那么未來的設計將走向哪里呢?

undefined新一代的設計師是“與互聯(lián)網(wǎng)共同成長的一代”,相信在未來幾年里有更多的新晉設計師會掌握編程開發(fā)能力以及其他能力,綜合素質(zhì)會比目前的設計師更強,所以我們要保持終身學習,懂得如何將自己的能力和經(jīng)驗轉(zhuǎn)換為優(yōu)勢,這樣才能在設計道路上不被超越。

undefined那設計師可以從哪些方面來應對智能時代的機遇和挑戰(zhàn)呢?

undefined每一代人都有被下一代人取代的風險,但有些很厲害的人就不容易被取代?因為他們在不斷創(chuàng)造價值。無論在社會、行業(yè)還是在企業(yè)里,當具備一定的影響力后,他們能更容易積累人脈和資源,然后反哺自己的價值,就跟滾雪球一樣,當雪球越大,他們越不容易被別人取代,設計師需要有這樣的意識。

undefined設計師需要懂得更多領域的知識和技術才能拓寬自己的視野,這些領域包括但不局限于傳感技術、網(wǎng)絡技術、智能仿真技術、虛擬技術、生物技術、納米技術等。因此科學與藝術是可以并且很有必要相通與交融的,設計師一定要學會跨界思考。人工智能時代下,數(shù)字世界和物理世界會逐漸融合,大到城市建設、公共服務、衣食住行和醫(yī)療;小到智能家居、穿戴式設備,這些機會將會留給已準備好的挑戰(zhàn)者,所以設計師一定要拓寬自己的視野,不要把自己的目光局限在界面設計上。

undefined如果不想被人工智能領先,人類的設計應該是創(chuàng)新的(未成熟、未被發(fā)現(xiàn)規(guī)律的),包含更多元素的(更多復雜參數(shù)如歷史、文化、環(huán)境、情感等),“設計”這個詞語就涵蓋了以上元素。人工智能在藝術設計上還遠遠達不到人類的水平,深耕藝術設計將會為設計師帶來更多機會。

undefined在人工智能時代下,當產(chǎn)品基本都能滿足永不需求時,能為產(chǎn)品帶來活力和差異的除了自身的底層技術基礎,更多的是藝術型設計師的理念和風格,以及自身的品牌。就像時尚品牌優(yōu)衣庫和Gucci,單件商品兩者的品牌和設計所帶來的的利潤差距巨大,相信未來的人工智能產(chǎn)品也會面臨類似的問題,設計師應該考慮如何為產(chǎn)品賦予更多價值,如何彰顯用戶的個性。

undefined既然AI是一個強大的工具,那么我們要思考如何運用它來創(chuàng)造更多的價值。AI能夠快速便捷地獲取大量信息,幫助設計師拓展自己的視野,不斷更新自己的世界觀,從新的視角看待問題和解決問題。除了快速獲取信息外,設計師也應該考慮如何通過AI提高自己的工作效率,例如哪些純勞動力工作交給AI去做效率會更高;哪些工作可以和AI一起協(xié)同完成更能激發(fā)創(chuàng)意。

undefined

最后,用一本科普書改編的話來結(jié)尾:一想到,還有95%的問題留給開發(fā)同學,我就放心了。

最后附上一張本文的腦圖:

undefined

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

截屏2021-05-13 上午11.41.03.png



文章來源:站酷   作者:西子zhulijuan

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

「玻璃擬物化」你知多少?

ui設計分享達人

去年大家看到更多的設計和文章都在圍繞“新擬物化”展開行動,隨著各種硬件的提升,代碼的優(yōu)化,更多的風格和效果一一出現(xiàn)在我們的生活中,而今天呢,我們一起探索一下生活中最常見的,你可能沒有注意到的設計風格——“玻璃擬物化”風格,英文“Glassmorphism”,這也可能會成為新的設計趨勢。 




什么是玻璃擬物化呢? 


在生活中的攝影,通過玻璃的層次感,給人以朦朧的美感,那什么是玻璃擬物化呢?



顯而易見,Glassmorphism 這個詞是 Glass(玻璃)和 Skeumorphism(擬物化)的結(jié)合,我們姑且將其稱之為「玻璃擬物化設計」。 




油管一管主Malewicz 小哥對于這種風格特征歸結(jié)為4點:


  • 透明:使用帶有模糊磨砂質(zhì)感背景的透明效果

  • 懸浮:帶有明顯懸浮感的多個層級

  • 鮮明:使用鮮艷色彩作為強調(diào)色并且從半透明層中透出

  • 微妙:使用輕薄微妙的邊框來強化物理質(zhì)感



簡單的來說,「玻璃擬物化」在某些方面和「新擬物化」是一脈相承的,但是它有著相對更加具體的視覺隱喻,也就是我們?nèi)粘=佑|的「玻璃」。  



玻璃擬物化的優(yōu)點有哪些? 


1.愉悅感 

玻璃擬物化的應用,讓扁平的UI界面不那么單調(diào),打破了人們的視覺疲勞,增添歡快、愉悅的設呈現(xiàn)效果。 

2.層次感 


通過玻璃透明,加周圍顏色環(huán)境的烘托,頁面的層次能更容易的呈現(xiàn)出來。 
















3.呈現(xiàn)語境 

你在哪,從哪里來,玻璃擬物化就很明白的告訴你了。通過透明的玻璃材質(zhì),能告訴你所覆蓋的層級。



4.微妙高級感 


例如,以往的電商產(chǎn)品設計界面,更多的體現(xiàn)材質(zhì)或者簡約風體現(xiàn)產(chǎn)品本身,但玻璃擬物化會讓產(chǎn)品在呈現(xiàn)中更顯高級。  







玻璃擬物化的設計風格從哪里來呢?

追根溯源。其實還是要追更到蘋果頭上。  



蘋果的合計將玻璃擬物化的風格運用的惟妙惟肖,無論是mac,iPhone還是iPad,設計風格都保持著相對一致的玻璃擬物化風格。 


重點來了,

玻璃擬物化如何用Sketch來設計一個玻璃面呢? 

首先:我們打開sketch,建立一個畫板,隨便找張圖片作為背景,畫一個白色矩形 



接下來:調(diào)整矩形的屬性,再填充色中設置透明度為50%,邊框可以吸取一個30%透明的白色,2px,再添加一個環(huán)境色的10%陰影,做出層次感,最后就是調(diào)整玻璃模糊的效果了,玻璃擬物的關鍵就在于sketch自帶的背景模糊功能,我們常常以為這里只有一個高斯模糊,但卻忽略隱藏在里面的其他模糊效果。設置背景模糊值為10%,不用太大,太大的話模糊效果就沒有那么真實了,具體調(diào)整還是要看效果。我們看效果: 



單層的效果不是很明顯,我們復制兩個調(diào)好的玻璃效果,調(diào)整他們的透明度,底部的透明度為70%、中間的為50%,最上層的為30%,看效果:


在界面設計中,就可以通過不同層級,調(diào)整對應的參數(shù),達到更好的層級效果。 


那深色模式怎么辦呢?


很簡單,我們復制這三個矩形,填充色設為黑色,可以不是純黑色,根據(jù)設計規(guī)范來定,看效果:  



在圖標中怎么用玻璃擬物化設計呢?


玻璃是屬于透明物體,所以我們就了解到,通過玻璃看物體,層次感就出來了。 
所以圖標這這里設計的關鍵就在于 玻璃面和層次感,下面我們來看幾個圖標設計的案例 






看得出來,玻璃擬物化的設計很出效果。 
下面根據(jù)我說的我們來分析如何運用玻璃擬物化設計圖標 



我們以這個照片的圖標為例來拆解分析,通過運用剛才繪制的玻璃面的方法,與圖標色塊組合起來,在組合的時候,調(diào)整好層級,一個輕巧且富有玻璃質(zhì)感的圖標就繪制出來了,很簡單、很容易上手對不對?一起來快來試試吧 



注意的細節(jié):


1.在純白色背景中,一定要給玻璃面添加底部色塊的顏色,不然就不會出現(xiàn)看不見玻璃層的尷尬畫面; 
2.背景模糊值也是需要根據(jù)具體的需要來調(diào)整。  



玻璃擬物化在界面中的應用越來越多,所以大家也要根據(jù)自己的業(yè)務有選擇性嘗試的去使用,不要盲目的跟隨設計趨勢設計而設計。  


就到這里兒吧,大家有空多去收藏一些類似的設計,多去吸取靈感,設計出更好用好看的產(chǎn)品!  


最后,讓我們再來總結(jié)一下

一玻璃擬物化的特點:


  • 透明:使用帶有模糊磨砂質(zhì)感背景的透明效果

  • 懸浮:帶有明顯懸浮感的多個層級

  • 鮮明:使用鮮艷色彩作為強調(diào)色并且從半透明層中透出

  • 微妙:使用輕薄微妙的邊框來強化物理質(zhì)感


玻璃擬物化的優(yōu)點有哪些?

2021設計趨勢分析-3D/動效/插畫

ui設計分享達人







文章來源:ui中國   作者:百度MEUX

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務


2020—2021 UI色彩趨勢總結(jié)

ui設計分享達人

本文對2020-2021的色彩趨勢做了淺顯的總結(jié)與運用分析,希望能對大家有所幫助,歡迎一起交流與探討!全文閱讀大概需要12分鐘。

文章來源:UI中國   作者:貳元

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務

2021的10大UI/UX設計趨勢解析

ui設計分享達人


2021趨勢已悄悄來襲,還不趕快來看這些落地實例...

前言

在這艱難又魔幻的2020年的尾聲,有必要系統(tǒng)匯總下關于UI/UX的設計發(fā)展方向,為接下來的2021的開篇帶個好頭。本文在了解這些趨勢的同時,分析特點并舉例落地實例,來幫助大家啟發(fā)創(chuàng)意設計工作的思考切入點。

流行趨勢跟人們所處的環(huán)境密切相關,從最初的方塊馬賽克——>追求極度寫實——>扁平風——>到現(xiàn)在的質(zhì)感擬物,扁平設計霸屏的這幾年,設計風又向更立體、豐富、更有層次感的方向發(fā)展,所以說趨勢就是一個輪回。設計風格沒有絕對的好壞,在審美達到一定疲勞時,就會開始出現(xiàn)新的設計風格。每一個新風格都值得設計師去拆解、思考,本質(zhì)都是為了提升更好的交互體驗。 

而在進入下一個十年的過程中,我們對數(shù)字產(chǎn)品和體驗的依賴將日益增長,預測真正勝出的將會是3D動畫和用戶界面/用戶體驗設計的結(jié)合設計,5G技術的發(fā)展,它將重塑了我們以前無法想象的交互方式,這將是一段充滿創(chuàng)意、鼓舞人心的發(fā)展階段。在這里讓我們來看看未來那些不可忽視的設計趨勢吧。

(注:圖片來自網(wǎng)絡,均標明出處及作者,若有侵權請告知刪除)





1、3D與UI結(jié)合

隨著高效且易用的3d軟件工具的出現(xiàn),3D 元素已經(jīng)開始變得越來越受歡迎,而在這之前,UI界面一直被平面設計所主導。與 2D 不同,它提供了更為逼真的立體效果,從插畫、動效、電商到平面視覺,在所有的設計類型中都能找到它,3D現(xiàn)實主義已是各個領域的大勢。

圈中也出現(xiàn)了很多免費或付費的3D預設元素及場景組件,幫助3D小白更快地搭建出具有沖擊力的視覺組合。


特點:

? 直觀感受;

? 立體真實;

? 形態(tài)豐富;

▲Izmahsa


▲Mike


▲Tran Mau Tri Tam ?


▲Vikiiing


https://www.awwwards.com/inspiration/3d-hover-number-reveal



實例應用:

各大廠都開始紛紛嘗試在產(chǎn)品中加入3D元素,將自家IP立體化,植入到各個品牌靜態(tài)頁面,加深品牌印象滲入。3D技術雖然已經(jīng)出現(xiàn)有一段時間了,但是為了保證速度和性能表現(xiàn),較少應用到產(chǎn)品中,隨著軟件技術的提升,立體渲染產(chǎn)品將開始慢慢運用到更多的界面交互、H5活動中。

▲閑魚、QQ、花椒直播的3D啟動頁


▲得物(毒)的3D空間動效


▲樂無登錄頁


網(wǎng)易云音樂每年的音樂總結(jié)報告都追隨著最新的設計潮流,今年還可以自由選擇人物形象,增強了用戶的主觀代入感,以下是每年的設計風格變化:

▲2018-漸變插畫、2019-撞色漸變、2020-3D人物場景


▲2020-總結(jié)陳詞H5


▲總結(jié)報告Banner的動效


其中IP立體化最多的當屬K12教育領域,除了制作IP周邊外,3D效果能適應豐富的運營場景,高度還原現(xiàn)實世界,給小朋友帶來最真實的學習互動體驗。

▲洪恩識字(3D學習場景)、騰訊開心鼠英語ABCmouse


▲IP在播放兒歌時的互動


值得一提的是今年蘋果發(fā)布的macOS Big Sur除了玻璃擬態(tài)的變化,圖標還加入了3D維度的擬物視覺層次。

蘋果的 mac OS 的人機交互指南中也明確指出:“圖標不僅是裝飾性的,而且在與用戶交流中起著至關重要的作用,它應該傳達應用程序的主要目的并暗示用戶體驗?!边@次扁平化和擬物化的結(jié)合,將又要引領一波設計趨勢。





2、軟漸變(Soft gradients)

過于強烈的漸變不再是趨勢,大多數(shù)設計師都開始喜歡使用非常簡單和微妙的漸變,如果產(chǎn)品的目標用戶人群需要輕松溫和的視覺環(huán)境,那么此風格再適合不過。

軟漸變包括背景、陰影、反光,常與線條平面圖形結(jié)合,應用于界面、網(wǎng)站、圖標、icon等設計中。


特點:

? 低調(diào)溫和

? 微妙漸變

? 清新愉悅

 


2.1、柔和背景

在設計網(wǎng)站中我們已經(jīng)看到了許多非常精致,明亮柔和配色方案,混合兩種以上的顏色來創(chuàng)造多彩的模糊背景。它使設計看起來非?,F(xiàn)代、不打擾、清新而令人愉悅,其中畫面內(nèi)容是主要視覺焦點。

▲Vladimir Gruev


▲Sajon


▲Anton Mikhaltsov


▲Ghani Pradita


實例應用:

▲咔咔、美柚


https://takearecess.com/



2.2、柔和陰影

柔和的彩色陰影使UI有了更微妙的深度變化,在圖標設計中經(jīng)常需要漸變或陰影來塑造物體,柔陰影使設計元素更豐富立體,并且它們有助于區(qū)分內(nèi)容之間的層次結(jié)構。

▲Ghani Pradita


▲Sèrgi Mi


▲Taro Huang


實例應用:

▲有道數(shù)學(已下架)


▲Uki




3、玻璃擬態(tài)(Glassmorphism)

去年新擬態(tài)掀起了一陣狂熱,但這種模擬受到擠壓的塑料效果(凹/凸層次感),在用戶的閱讀性上可能會出現(xiàn)問題,新擬態(tài)更適合用在局部的少量元素點綴,無法完整地使用在整套應用程序中。

▲Alexander Plyut


伴隨著今年蘋果發(fā)布的 MacOS Big Sur 操作系統(tǒng)的發(fā)布,新的擬物風格正式回歸大眾視野,整體風格應用了新擬態(tài)(Neumorphism)的設計思路,利用大量的毛玻璃質(zhì)感和大量投影縱深感,能很好的突出前景信息,中和了扁平化圖文帶來的生硬不立體感。而Big Sur最新的圖標也加入了 3D 質(zhì)感設計,設計語言更為時尚簡潔。蘋果設計師 Alan Dye 在發(fā)布會上也提到了設計風格轉(zhuǎn)變的原因,主要是希望「降低視覺的復雜度,讓用戶能夠?qū)⒆⒁饬性趦?nèi)容上」。

而最新的玻璃擬態(tài)則更加注重垂直空間 z 軸的使用,背景多鮮艷色彩,在上空使用隔一層高斯模糊的毛玻璃質(zhì)感,模糊的邊界有細微的淺色邊框,整體效果就是讓元素之間有虛實結(jié)合的特殊空間。毛玻璃運用在界面中對關鍵信息起到強調(diào)作用,用戶可以看到物體間的層次關系,哪一層在哪一層之上,就像物理空間中真實的玻璃一樣。


特點:

? 透氣磨砂

? 層級空間

? 簡潔擬物

▲引領新擬態(tài)風格的Alexander的最新作品也朝著玻璃擬態(tài)變化


▲Kostia Varhatiuk


▲Ghani Pradita


▲Ibrahim emran


▲Queble


實例運用:▲毛玻璃視覺可追溯到2007年發(fā)售的Windows Vista,而當時的 OS X Yosemite 也大量使用了這種設計語言

▲最新的MacOS Big Sur操作系統(tǒng)


▲圖標的變化




4、暗黑模式

暗黑模式是白色界面的相反版本,適用于午夜時分。之前用了很長時間微信的暗黑模式,突然切換成白色界面后,就像吸血鬼見到太陽光般刺眼,果然暗黑模式用久了還是比較舒服的。

 暗黑模式和之前經(jīng)常提到的夜間模式是有區(qū)別的,簡單來說暗黑模式可以在任何場景下使用,并沒有降低對比亮度;夜間模式則專為夜間場景設計,重在降低對比度,以降低在暗光環(huán)境下屏幕對人眼的刺激。

 

特點:

? 突出內(nèi)容

? 減輕干擾

? 沉浸體驗

▲Tom Koszyk


▲Victa Wille


▲Golo


https://www.awwwards.com/inspiration/3d-hover-number-reveal


▲Tran Mau Tri Tam ?


實例應用:

▲有道詞典


▲愛范兒(ifanr)


最常使用暗黑模式的車載系統(tǒng):

▲小度車載


暗黑模式的靈感最早引起大家注意的應該是抖音,在這之前大部分的應用都是白色為主,抖音整體黑色界面帶來的沉浸以及輕打擾體驗還是很棒的,在這之后也相繼出現(xiàn)了以黑色為主的APP設計:

▲MOO音樂(可手動切換顏色模式)


▲Space FM





5、多彩高對比度界面

受Material Design調(diào)色板的影響,2020年用戶界面趨勢的一定不能少了亮色和熒光色的,可以作為主色也可以作為輔色,簡約的界面中明亮大膽且對比鮮明的色彩一直都處于增長趨勢。熒光色一直是90后喜歡的風格,我個人就非常喜歡熒光色,現(xiàn)在要是談到該風格的受眾主力軍可是90后啊。

顏色是為界面添加信息和情緒以及使其看起來美觀和吸引人的最有效方式之一,對比鮮明的顏色在白色和黑色界面上都能很快吸引用戶的注意力,這種風格已經(jīng)成為清新、酷炫、數(shù)字時代的代名詞,而在2021一趨勢還將會繼續(xù)影響UI、平面、廣告、插畫等領域。

 

特點:

? 活潑大膽

? 對比鮮明

? 潮流科技

▲Amy Martino


▲Halo Mobile


▲Anastasia


▲Paolo Spazzini


在網(wǎng)站設計中的應用:

https://www.theartcenter.nyc/


https://www.squadeasy.com/en/


https://takeboost.com/


實例應用:

▲GoFun出行


▲開言英語





6、抽象幾何元素

從上世紀初開始,抽象構成中的簡單幾何形狀就已經(jīng)用于視覺藝術中,多用于主背景主題或色彩細節(jié),使用鋼筆工具編輯最簡單的形狀(正方形,圓形、橢圓形),加上不同的顏色或漸變,讓設計看起來既規(guī)則又有趣。

幾何圖形可以運用到UI設計中 ,將它們混合在一起以創(chuàng)建馬賽克的效果,形成具有品牌意向符號的記憶點。


特點:

? 規(guī)則組合

? 品牌印象

? 重復記憶

▲Johnny Nova


▲Vladimir Gruev


實例應用:

最近看到的一組原色視覺剛好融合了高對比度+幾何這兩種風格,那就是SHINee的正規(guī)六輯合輯《‘The Story of Light’》,采用紅黃藍三色加上圓形、正方形、三角形的大塊面積來打造畫面空間及變化,帶來極具視覺沖擊的音樂色彩與魅力。

▲專輯的主視覺


當然,幾何形狀不止用于色彩圖案細節(jié),在UI界面布局中經(jīng)常使用大塊面圖形,這種設計方法受到越來越多的關注。





7、極簡風

極簡設計的前身是2010年代中期精巧又花哨的設計,這種設計已經(jīng)存在很長一段時間了,但在2020年,人們每天需要消化的信息量越來越多,所以現(xiàn)在用戶想要盡可能避免“視覺垃圾”,這也是為什么我們會選擇更簡潔專一的界面。


特點

? 專注信息

? 清晰易用

? 簡單操作

▲RonDesignLab


▲Quan


▲BAOLIN


▲Gregory Loshakov


https://snp.agency/en


談到極簡主義,就不可避免會涉及到無鍵趨勢,因為按鍵越少就意味著設計越簡潔,而這種簡化過的設計將讓手勢操作和語音交互更為流行。

▲Taras Migulko


▲Gleb Kuznetsov?


實例應用:


▲夸克瀏覽器的夸克寶寶





8、將視頻應用到UI中

在 2020 年,信息的觸達的速度將會變得更快,而視頻是很好的載體,各個年齡段的用戶都喜歡觀看引人入勝的動畫,無論是選擇通過短視頻還是電影的方式來推廣產(chǎn)品,都很好地灌輸品牌理念,建立與受眾群體的關系,加強用戶忠誠信任感。


特點:

? 營造氛圍

? 類型多樣

? 品牌調(diào)性

▲Fireart Studio


▲Ehsan Rahimi


實例應用:

▲moo音樂登錄頁

▲蝦米音樂歡迎頁




9、插畫與3D的界線越來越模糊

藝術插圖從2017年開始到現(xiàn)在仍然很流行,幾乎適用于任何類型的設計行業(yè),是設計領域中最熱的趨勢之一。插畫的視覺能很好的幫助用戶理解產(chǎn)品背后的故事,為了把故事講好,我們可以創(chuàng)造出一個品牌人物,賦予他人格,為他制造一些故事和沖突,最終幫助我們解決產(chǎn)品問題。這是在產(chǎn)品設計中講好故事的基礎,至于講故事的方式,在 UI 和 UX 中都有使用,原理一樣只是落地方式不同。 

在2018年的蜘蛛俠平行宇宙中我們就已經(jīng)看到了3D與插畫的結(jié)合,藝術家保留了人物在美式漫畫中的的線條筆觸,把“手繪”的細節(jié)和質(zhì)感都放大到了熒幕上,在劇中還采用對比強烈的大色塊擴大了視覺張力,分分鐘把漫畫書甩到面前,讓人忍不住驚呼,索尼的藝術家們是怎么把片子做得這么酷!

▲3D人物的畫筆觸感


▲畫面光源處由波普圓點組成的背景


▲紙本漫畫書中的“聲音詞”


▲漫畫經(jīng)典線條


▲Entei Ryu在3D建模使用插畫質(zhì)感


▲Minh Pham ?在ui界面中的嘗試


實例應用:

騰訊旗下音樂平臺JOOX最近的概念宣傳片,從MG、三維、定格、插畫多個風格之間來回切換,給我們帶來了一個多元的音樂世界。各大視頻網(wǎng)站還搜不到,不能直接鏈接視頻地址,喜歡的朋友可以關注微信視頻號“UoU_Studio”觀看完整視頻。


在3D開始迅速發(fā)展的階段,二維與三維之間的界限變得越來越模糊,插畫作品也可以具備強互動性,而3D插畫與動效的結(jié)合提供了一種奇妙的新方法,希望能夠看到未來插畫更多的可能性。




10、更多的微交互動效

最后一點,還是要強調(diào)動效在UI中的的作用,微交互最早出現(xiàn)在 2018 年,讓用戶更好地理解系統(tǒng)如何工作,并在引導其獲得更好的體驗方面扮演著非常重要的角色。它們在 UI 設計中決定了一個 App 或網(wǎng)站是普通還是優(yōu)秀,從點擊反饋、加載等待、導航交互等等,為用戶界面設計增加了動態(tài)性,交互性和直觀性。

 

動效起到的作用:

? 引起人們對應該做什么或接下來將要發(fā)生的事情的關注;

? 創(chuàng)造流暢和視覺愉悅的過渡;

? 帶給使用者美觀的享受;

? 指導我們進行復雜的操作;

? 確認用戶使用旅程中的操作。

▲Jakub Antalik


▲Forever D.


▲Kingyo


▲Eugene Paryhin


▲Leo Natsume


▲Taras Migulko

實例應用:

▲GoFun選擇車輛后的頁面轉(zhuǎn)場動效




結(jié)尾:

2020的趨勢在滿足用戶的美學要求上,側(cè)重內(nèi)容和感情表達,還會根據(jù)不同設備載體、新的技術而變化,為用戶提供最大程度的豐富體驗。

借用Adobe設計副總裁 Jamie Myrold 的一句話:如今設計師要思考的,絕不僅僅是設計一款App、網(wǎng)站或設計工具。我們要思考的是人類的需求、用戶的需求,打造真正人性化、多元化與包容性的設計。

設計趨勢還在快速增長變化,有些趨勢總能長期霸屏,未來還將迎來更多新技術,每個設計人員都可以找到自己喜歡的方向,不管哪種趨勢最受歡迎,最重要的是如何學習并合理地運用到產(chǎn)品中,以產(chǎn)生最大的設計商業(yè)價值。

文章來源:UI中國  作者:_阿丹a_

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務


從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

資深UI設計者

想要探索未來趨勢,必然需要了解當下和過去的事情。因此,我們需要先來回顧下 2020 年的變化吧。

2020 年因為疫情,讓協(xié)作、云端、即時通訊、遠程會議、AI 智能等等,成為了遠程辦公的必需品。目前,疫情在國內(nèi)已經(jīng)獲得了控制,后疫情時代已經(jīng)到來,許多最初沒有的習慣,在發(fā)現(xiàn)新的工作模式更加有效率后,也就繼續(xù)保留了下來。這些保留下來的習慣,也將在 2021 年會有更進一步的發(fā)展。

1. 大廠的變化

在視覺設計層面,各大設計語言陸續(xù)推出了新的設計版本,更為突出各自設計風格,以建立自己的視覺護城河。谷歌發(fā)布了 Android 11,Apple 發(fā)布了 iOS14,微軟持續(xù)宣傳他的 Fluent UI 設計理念。在國內(nèi)的辦公領域,騰訊文檔推出了類似 Fluent UI 設計理念的風格,石墨文檔依舊保持獨特的東方韻味,飛書發(fā)布了飛書文檔,繼承飛書本身簡潔的 UI,以及活潑的插畫風格。

谷歌的 Android 11

基于 Material Design 設計的 Android 11,裝飾上運用了簡潔的幾何圖形,UI 細節(jié)上開始趨向圓角的運用,色彩方面選擇了更為協(xié)調(diào)的配色,對比之前版本純度有所降低,顯得更為高級。

蘋果的 iOS 14

UI 設計延續(xù)原有的風格,清晰的字體,大圓角的運用,加上豐富的動態(tài)效果,并且新增了許多貼心的新功能,例如懸浮播放視頻、主屏幕的 Widget。

微軟的 Fluent UI

這是微軟為跨平臺,而提出的設計解決方案。支撐設計概念的關鍵詞有深度、材質(zhì)、動畫、光線等等,這聽起來感覺與 Material Design 特別相似。不過在最終的視覺呈現(xiàn)上微軟會更接近于真實世界,例如,透明的毛玻璃效果,或更為立體的圖標等。

2. 社區(qū)中的熱門設計

Behance 和 Dribbble 在 2020 年出現(xiàn)了許多以 3D 插畫為主視覺的設計方案,因為技術的發(fā)展,設計師借助 Figma 或 Dimensions 就可以輕松的創(chuàng)作所需的 3D 素材。關鍵的這不是設計方案中的“花瓶”,因為在 Mac 的最新系統(tǒng) Big Sur 中,已經(jīng)開始運用了 3D 圖標,相信在以后 3D 的運用場景將會不斷的被挖掘出來。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

2020 年初時在 Dribbble 流行起來的一個風格叫“新擬態(tài)”,這是將投影運用到極致后出現(xiàn)的效果,正如作者所說的:“讓我們想象一下,如果在移動界面設計中,投影的形式發(fā)展的更好的話,那將來的界面將會是什么樣的,這是我的愿景?!毙聰M態(tài)在視覺上表現(xiàn)確實很驚艷,為此 Android 還制作了一個新擬態(tài)的 12 宣傳視頻,但是,主觀感覺這應該很難廣泛運用到實際產(chǎn)品當中。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

1. 設計服務于內(nèi)容

設計專注于表現(xiàn)內(nèi)容,這是從包豪斯到現(xiàn)在一直遵循的規(guī)則,而這個理念也將會持續(xù)下去。設計目標終將是需要把關鍵信息傳達到用戶手中,讓用戶知道自己為什么在這,這里有什么,并且能到哪里去。

技術的發(fā)展,形式也一直在發(fā)生變化,提升信息傳達效率,這已經(jīng)不單是平面設計專屬。學會運用動效、交互或智能推薦等綜合的方法,來達到設計目標,會是將來常用的設計手法。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

2. 更大的圓角

在以前由于屏幕分辨率太低,窗口四角正常會運用直角,因為圓角會出現(xiàn)鋸齒或者模糊,影響界面美觀。而先如今移動端屏幕質(zhì)量早已超過紙媒的印刷技術,圓角也開始被廣泛的運用。另一方面圓角在之前的認知中,是兒童的專屬,是更為親和力的表現(xiàn)形式。而經(jīng)過近幾年的發(fā)展,這個偏見正在慢慢改變,因為圓角也可以做的很高大上,也能設計的很潮流。

蘋果總是第一個吃螃蟹的公司,Mac 的最新系統(tǒng) Big Sur 整體變得更加圓潤,窗口四角從以前的 10px 增加到 20px,并且全新的控制中心也沿用了 iOS 14 的設計風格和設計布局。值得再一提的是,微軟 Win10 的概念稿中也開始嘗試運用起了圓角。所以這個趨勢是蠻值得關注的一點。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

3. 用有含義的插畫提升用戶體驗

設計師常常會陷入形式主義,而忽略了本該表達的內(nèi)容,特別是在插畫上。也許這個道理每位設計師都懂,但為何還是會前仆后繼的撲倒在自我滿足的陷阱中呢?也許原因中會有一點是,當內(nèi)容過于直接表達,或者元素過于普通,就很容易讓作品變得毫無趣味,這就是矛盾所在了。

那如果設計師既不想脫離內(nèi)容,又不想設計出乏味的設計,怎么辦呢?這就需要讓插畫具有含義,而不是淪為純粹的形式。優(yōu)秀的插畫所承載的信息量,能夠遠比文字或界面 UI 來的豐富。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

4. 新材料新擬態(tài)

包豪斯有個教學目標,“培養(yǎng)感覺清晰,認知準確的設計師”。因此在包豪斯的基礎教學中,會讓學員研究各種材料的不同屬性。在 UI 設計當中,我們也能制作出各種各樣的材料,在擬物化的時代就能證明這一點。但在 2020 年初時,當某位設計師發(fā)現(xiàn)了一種新材料,并把這種材料運用到了 UI 設計當中,一時間火爆整個社區(qū),這就是上面提到的“新擬態(tài)”。

這世界是充滿可能的,所以我相信在未來還會有更多的材料會被發(fā)現(xiàn),或者被以新的方式使用。例如,在 2020 下半年又有一種風格開始回歸“毛玻璃”,其中我們所知道的釘釘,在釘釘 6.0 的設計概念中就融入了毛玻璃的效果。在社區(qū)中,毛玻璃也被運用到 UI 的各種場景中卡片、彈窗或圖標等。實話實說,毛玻璃的材質(zhì)的確能增加許多品質(zhì)感。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

5. 自然的界面和運動效果

這里所說的自然,是能讓人感到熟悉和安心,是以人為本的設計。王敏老師說過:“科學求真,藝術為美,設計從善,設計可以作為結(jié)點,讓真善美實現(xiàn)統(tǒng)一。”連接人與產(chǎn)品之間的紐帶是 UI 界面,它需要承載不僅是信息內(nèi)容,還有用戶體驗,因此,以人為本的設計終會贏得用戶的喜愛。

自然運動效果,不是那種大開大合的酷炫效果,而是讓界面過渡更為自然合理。想要讓界面體驗更為自然,那必然要遵循真實世界的物理規(guī)則,例如,重力、摩擦力、向心力、浮力等動態(tài)效果。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

6. 來自未來的風格

科學技術的快速發(fā)展,讓我們感覺未來近在咫尺,但又十分迷茫不知何去何從。我相信承載 UI 的媒介,必然不僅僅是現(xiàn)在我們所使用的各種設備。VR、AR 或全息影像等技術的發(fā)展,將使得 UI 設計會有更多的可能性。賽博朋克 2077 也許真的離我們不遠,那種滿世界無處不在屏讀的社會,怎樣的設計才能真正滿足需求呢?這是我們需要長期思考的問題。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

7. 深色模式

在 2020 年各大廠都推出了暗色調(diào)模式,這已成了現(xiàn)如今 APP 的標配。除了深色模式外,以后還會在可視性、場景和實現(xiàn)成本等因素方面,更進一步的打磨。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

1. 更具裝飾性的平面插畫風格

雖然在 2020 年不管是社區(qū),還是實際項目,許多設計師都開始熱衷于 3D 插畫,就連蘋果微軟也不例外。但是 Google 卻繼續(xù)堅守自己的設計風格,扁平的裝飾性插畫,例如 Android 11 就運用簡單的幾何圖形進行裝飾,相關的插畫也是更多運用的扁平風格,這種堅持必然會有其重要的原因。

裝飾性插畫在各種屏幕的適配性更廣泛,并且在繪制成本和實現(xiàn)成本方面也會更有優(yōu)勢。在屏幕媒介還沒發(fā)生顛覆性改變前,我認為扁平的裝飾性插畫在未來將還會大放異彩。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

2. 情感化的插畫設計

后疫情時代的遠程辦公,我們需更加考慮如何緩解合作的疏離感。如何拉近人與人之間的協(xié)作,打破遠程的空間桎梏,讓合作更具沉浸感。這時情感化的設計就能充分體現(xiàn)它的價值,例如,這幾年開始火的 emoji 頭像,或者各種表情包,它們讓溝通的雙方產(chǎn)生情感共鳴,而不是面對著冷冰冰的屏幕。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

3. 插畫的組件化與創(chuàng)新

皮克斯運用技術的創(chuàng)新,提升了質(zhì)量和效率,從而改變了整個動畫的歷史。對于我們來說,未來的插畫需求會越來越多,并且還要求獨特的創(chuàng)新性,這就需要有更優(yōu)的解決方案。

Ant Design 的 HiTu 在 SEE Conf 的時候提出了解放圖形化生產(chǎn)力,那就是將插畫各部件組件化,這有效的提升插畫效率。然而在插畫庫的維護方面,還需要設計的創(chuàng)新。因為效率的提升,讓設計師能有更多時間,專注于更有創(chuàng)造性的工作,然后將新的創(chuàng)意理念融入部件,最終完善整個插畫組件庫。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

1. 多屏協(xié)同辦公

凱文凱利在《必然》里討論了關于未來的生活方式,他認為我們的未來環(huán)境會充滿各種屏幕,它將會在各種事物的表面出現(xiàn),屏讀會從我們起床開始到晚上睡覺,一直出現(xiàn)在我們視野中。如今的人們每人都有各種各樣設備,因此,多屏協(xié)同辦公是必然的趨勢,不管你是與人合作,還是獨立工作。

萬物互聯(lián)已經(jīng)是很久的話題了。在 2020 年華為的鴻蒙系統(tǒng),發(fā)布了跨設備進行的分布式交互,實現(xiàn)了多屏協(xié)同。我感覺,這將是很重要的一步。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

2. 秒驗身份認證

身份認證是信息安全最關鍵的一步。我們通常會用身份 ID 加密碼進行登錄,并且為了驗證你不是機器人,還會加上人工輸入驗證碼,如果再有其他的設置選項,那我們的登錄交互就會被拉的很長,有時還會出現(xiàn)登錄失敗的情況。在如今浮躁的社會,許多用戶也許在前幾步就已經(jīng)失去了耐心。

移動設備擁有有豐富的傳感器,并且精度也在逐年的提高。隨著指紋、面部、虹膜等等技術成本的降低,這些技術也開始越來越普及化。如今使用新的識別技術,很輕松就能完成各種身份認證。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

3. 單手交互的挑戰(zhàn)

當年喬幫主一直堅持的單手操作,而如今,手機屏幕逐漸越來越大,單手操作已是一種奢望。為此,各手機品牌想方設法的改變交互方式,為的就是能實現(xiàn)單手操作,并且為此作為宣傳的噱頭。iPhone 輕點兩下 home 鍵或向下輕滑虛擬 home 鍵,就能讓整個內(nèi)容向下移動半屏,從而方便單手操作頂部功能。

想達到目標的第一步,就是辦法讓拇指能觸及到功能。但我們還需要進一步思考的是,拇指本身的靈活性并不高,并且也只能是單點觸控,那怎樣的交互形式能滿足日益復雜的交互需求呢?

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

4. 折疊屏

屏幕可拓展,將會是移動辦公的重要轉(zhuǎn)折點。不管是需要長篇編輯的文字,還是畫板無限大的表格,或者是需要強大美化功能的演示,這都需要足夠大的屏幕才能有更優(yōu)的體驗。折疊屏的出現(xiàn)讓手機能代替平板,滿足更多使用場景。折疊屏目前由于成本的原因,在大眾眼中還屬于新事物。但我相信成本在未來不會是問題,更重要的問題是,屏幕形式的變化,對于交互來說將會有哪些影響,并且如何挖掘其中真正的潛力。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

1. 關注隱私保護

自 MIUI12 隱私功能發(fā)布后,APP 訪問隱私頻次大幅下降,這使得應用的行為越來越規(guī)范,也因此獲得了用戶、國家相關機構和媒體的認可。

在凱文·凱利的《必然》中描述了這樣的一個未來景象,我們的各種狀態(tài)將會被設備所跟蹤,大到你的地理位置,小到你的心跳,你所經(jīng)歷的一切都將被上傳到網(wǎng)上,設備能通過對過往的分析,給你推薦各種商品或服務。這很美好,但同時也存在許多風險。在《竊聽風云》的電影情節(jié)中,就是由于先進的竊聽技術,造成了各種無法預估的災難。所以這是一把雙刃劍,在技術進步的同時,我們也需要時時刻刻關注隱私的保護。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

2. 智能自動化辦公

在 2019 的 Google I/O 大會上,Google Lens 展示的 AR 點菜功能可以智能識別用戶掃描的菜單并將美食網(wǎng)站上的相關推薦直接呈現(xiàn)在屏幕上。當識別到小票信息時,可快速提取小票上的金額,且可自動彈起計算器快速幫助用戶計算人均消費,節(jié)省人工計算的時間成本。

在辦公場景下,如何幫助用戶減少無謂的工作,讓更多精力專注于內(nèi)容。把排版規(guī)范、素材提取、文件管理、功能查找等瑣碎的事情,交給人工智能來完成。在以前工業(yè)時期有機器的賦能下,人們的生產(chǎn)效率進行了一次飛躍,而下次的效率提升將會是人工智能。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

3. 腦機

是否希望自己學會“量子閱讀法”呢?也許 5 分鐘實現(xiàn)十萬字快速閱讀不是夢。Neuralink 發(fā)布了 Link V0.9 版的腦機接口,并且已經(jīng)在動物上進行實驗,他們通過把一塊微芯片植入猴子的大腦,然后讓其通過意念玩電子游戲。雖然這產(chǎn)品在人類普及的概率幾乎為零,但是這也算是人類向前邁出了一大步。

這只是一個開始,未來的設備將不局限于可穿戴,而會是與人體緊密相連?;蛟S可以想象一下,在未來人們會像在醫(yī)院預約掛號一樣,在科技公司樓下排隊更新升級身體里的“機械器官”。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

4. 虛擬現(xiàn)實&增強現(xiàn)實

如果要說接下去哪個技術變革,將對我們生活工作產(chǎn)生重大影響,我認為將會是 VR 和 AR。在溝通方面,體驗將會變得更為真實。遠程溝通常常效率很低,其中很重要的一點是空間的距離感,而空間的距離會產(chǎn)生雙方鏈接的不穩(wěn)定性,因為雙方無法達成眼神、肢體等信息的交流,有時候一個眼神或者動作就能完成的事情,需要反復的語言交流,甚至會陷入各種尷尬的境地。

除了溝通之外,在工作、生活、學習等領域,VR 和 AR 也將會有更多可能,媒介的屬性不再是二維平面,而是三維空間,這使得它能提供更為沉浸式的交互體驗。

受疫情影響,遠程辦公、網(wǎng)上購物和在線學習等進入了更多人的生活中,這已經(jīng)成為當今的人類文化,我相信這只是剛剛開始。回望 10 年前,智能手機還是新鮮事物,而如今已是大眾商品,在未來 10 年后回看今天,某些事物也將是相同感受。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

5. 5G 運用

依稀記得上大學時 4G 時代的到來,旁邊的人都在說網(wǎng)速多快多快,聽歌看視頻一點都不卡。

而如今 5G 開始普及,網(wǎng)速也再次提升,但外界對其的評價褒貶不一,其中最為常見的話題就是“5G 對我們的生活將會有什么改變呢?”,有人覺得它只會提高我們每個月的話費,也有人提出 VR/AR 全景直播、高清遠程會議、無人機作業(yè)、自動駕駛等技術將會更為成熟。

不管如此,5G 在 2020 年度過各種坎坷,最終普及到我們每個人身上。5G 對許多領域都會有質(zhì)的影響,特別是依賴網(wǎng)絡環(huán)境的場景。其中就有辦公領域,大文件上云、協(xié)同辦公或遠程會議,5G 將會給這些場景提供更好的體驗,也會讓更多可能變?yōu)楝F(xiàn)實。

從視覺、交互和技術三方面,系統(tǒng)分析2021設計趨勢

這篇文章是對當下的思考,也希望能對 2021 年的工作帶來些許幫助。在這過程中越是總結(jié),越是對未來的趨勢感到迷茫,一篇文章并不能囊括所有內(nèi)容,不足之處也希望理解。在未來或許會有數(shù)不盡的黑天鵝,也可能因為技術爆炸,使得新的潮流突然的興起,未來是無法預測的,所以,就讓我們一起擁抱變化吧~

文章來源:優(yōu)設  作者:Alan Hu

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務


2021 年度九個設計趨勢分析

資深UI設計者

從 7 大設計領域、400 多個設計案例中,我們總結(jié)出了 9 條屬于 2021 年的設計趨勢。

前言

在 2020 年發(fā)生了新冠疫情等許多歷史性的大事件,但世界始終保持著對未來的希望,好設計的誕生也不曾停步。

通用信息平臺 UED 上海團隊歷時一個多月,從數(shù)字產(chǎn)品、品牌創(chuàng)意、平面視覺、工業(yè)、空間、娛樂與時尚等多個領域收集近 400 個 2020 年具有代表性、前瞻性的設計案例,對它們進行聚類分析,并結(jié)合下一年的時事變化來預測 2021 的設計趨勢。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ 團隊按領域分組收集素材

2021 的趨勢重點

設計與時代背景有著密不可分的關系,我們認為會影響 2021 年的設計趨勢的因素主要有以下三個:

1. 后疫情時代的影響

新冠疫情的持續(xù)除了改變了大眾的生活習慣外,也意外地推動了各行業(yè)加速線上化轉(zhuǎn)型、提供「無接觸」服務,出行上的限制催生了游戲等線上娛樂市場的蓬勃勢態(tài),甚至一定程度上疫情也影響了社會和經(jīng)濟格局,導致了一些新政策的出臺。

2. 00 后成長為新主力軍

新生代的崛起導致了流行風格的一系列變化:二次元等亞文化成功破圈進入主流消費市場、復古設計的重心從 90 年代向千禧年偏移。他們以更開放多元的思維方式和新視角,影響著下一個 10 年設計題材的選擇。

3. 軟硬件技術的發(fā)展

近年來智能設備的性能上限不斷被刷新,誕生了許多創(chuàng)新的設備形態(tài),使更生動的交互體驗成為可能,另一方面,AR/VR 技術經(jīng)過上一個十年的雕琢,性能和效果逐步得到驗證,具備了量產(chǎn)的技術沉淀,將迎來一波商用普及的浪潮。

我們從去年的設計作品中提煉設計概念,并結(jié)合上述的社會背景推測其在新的一年的變化與發(fā)展,最終總結(jié)出了視覺表現(xiàn)和體驗交互兩類共 9 條 2021 年度設計趨勢。

2021 年度設計趨勢

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Adobe MAX 2020 視覺作品 by Stu Ballinger

概念闡述

「 酸性平面」風格融合「Y2K」美學的未來感,形成了獨特的「未來酸性金屬風」,典型特征有:

酸性漸變:一種會引起不適但足夠刺激的迷幻漸變色。這類配色打破了傳統(tǒng)美感的標準,追求感官刺激,給人異次元下致幻而不安的感受。

金屬感:以熔融形態(tài)在環(huán)境光下呈現(xiàn)出詭秘的反射,這種反常規(guī)的液態(tài)質(zhì)感所帶來的違和,在傳統(tǒng)科技感上增添了幾分神秘。

透明膠質(zhì):液體或是 PVC 半透明膠質(zhì),配合流體動感的形態(tài),折射出光的幻彩,給人強烈的亦真亦幻感受。

應用場景

未來酸性金屬風反差感兼具未來感的特征,決定了它在時尚、音樂、潮流以及藝術圈有很好的延展性。服裝鞋包、藝術家創(chuàng)作,以及傳達個性自我的品牌平面廣告,都可以看到其身影。

相關案例

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ The Future Vision of Microsoft 365 宣傳視頻

概念闡述

隨著產(chǎn)品硬件性能的不斷升級,設計語言也開始追求真實感。相比過去,「類玻璃柔光材質(zhì)」除了更注重「輕」的概念,在質(zhì)感上也呈現(xiàn)出更加輕盈、細膩以及自然的趨勢。

類玻璃材質(zhì)的表面呈現(xiàn)微磨砂感的半透明質(zhì)感,透光而不透視,通過清晰的邊緣來強化物理質(zhì)感,兩者對比呈現(xiàn)出一種「虛實結(jié)合」的美感。該材質(zhì)多以輕薄的片狀形態(tài)懸浮于場景中,減輕重量感以帶來輕盈的視覺感受。

應用場景

「類玻璃柔光材質(zhì)」輕盈與通透的視覺感受,能營造出未來感十足的場景,很適合闡述科技智能的概念。因此該風格成為了一大波科技背景公司的設計首選,其中主要以硬件系統(tǒng)以及 B 端、工具類的產(chǎn)品為主,應用場景包括界面設計、推廣視頻等。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Louis Vuitton × League of Legends Collection

概念闡述

近年來,品牌跨界合作的對象不再局限于品牌之間或明星名流,眾多服裝、奢侈品、數(shù)碼產(chǎn)品等消費市場的強勢品牌紛紛向游戲和二次元等虛擬 IP 拋出跨次元合作的橄欖枝。這種合作方式成就了「三次元」品牌與「二次元」IP 的雙贏局勢,將在 2021 年繼續(xù)發(fā)展并造成更廣泛的影響。

應用場景

游戲和二次元元素大熱,手機、化妝品、服裝等產(chǎn)品通過結(jié)合該類元素,以新的形式吸引年輕用戶:為像素風格的游戲設計服裝、為全息的虛擬偶像捏臉塑形、為動漫人物拍攝雜志封面、在一款電子游戲里搭建新品發(fā)布會等,相應地,跨界應用對設計師的涉獵領域和技術跨度也有了更高的要求。

相關案例

一線頂尖奢侈品品牌相比以往與動漫游戲類二次元 IP 合作更頻繁,除了經(jīng)典動漫,也不乏新鮮的熱度 IP。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

在《Evangelion 新世紀福音戰(zhàn)士》25 周年,OPPO 聯(lián)名這部影響一代人的動畫神作,推出了一款從快遞包裝、外盒甚至是卡針,里里外外都深度融合 EVA 元素的聯(lián)名機型。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ OPPO × EVA 定制版手機 OPPO Ace2

美國說唱歌手 Travis Scott 2020 年在《堡壘之夜》(一款線上競技游戲)中辦了一場虛擬演唱會。這場演唱會共吸引了 1230 萬玩家同時在線觀看。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Photographed by Sean Thomas, Vogue, January 2020

概念闡述

「親生命性設計」原為建筑和空間設計中的概念,意為「運用天然材料、自然光和植物創(chuàng)造令人愉悅舒適的建筑環(huán)境」。受城市化進程加劇及全球疫情的影響,人們渴望親近自然的欲望和需求變得越來越強。產(chǎn)品和自然元素彼此交融,從主客體關系轉(zhuǎn)為互相依賴的存在,以更為和諧與自然的交互方式與用戶進行溝通與連接。

應用場景

自然元素將在不同感知維度以更貼近真實自然的方式融入各個領域的設計,比如在工業(yè)產(chǎn)品設計中使用更加貼近自然物體的表面肌理,在建筑設計中將人造空間作為自然空間的延伸,在數(shù)字產(chǎn)品設計中使用更擬真的自然音效和光照等等。

相關案例:

2021 時尚界不約而同地強調(diào)了自然元素的使用和對環(huán)境保護的呼吁,各大品牌都用自己的方式演繹了「自然共生」的服裝設計系列。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

還原自然界中的真實材質(zhì)成為了新的設計靈感,被應用到各種設計中。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

Vivo OriginOs 系統(tǒng)通過行為壁紙系統(tǒng)將常用的系統(tǒng)功能和展現(xiàn)真實自然場景的動態(tài)壁紙進行聯(lián)動。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Vivo OriginOs

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ 山水 Mountains & Rivers by Particle (Gao Yang)

概念闡述

近年,國人的文化自信逐漸增強,國家擴大內(nèi)需、擴大消費的政策導向為國內(nèi)消費品品牌帶來了巨大的機會?!钢袊O計」的標簽已經(jīng)成為新一代的時尚潮流,帶有中國本土個性、體現(xiàn)中式美學的設計受到更多品牌的青睞。

應用場景

越來越多中國品牌開始注重漢字 Logo 的使用和設計,更多現(xiàn)代設計力求為中式美學擺脫民俗、皇家的刻板印象,木、石、竹這些蘊含中式精神內(nèi)核的元素成為了工業(yè)設計、建筑設計中新的繆斯。

隨著中國的國際影響力進一步擴大,國際品牌也會提高對中國市場與文化的關注,在設計上融入更多本土元素。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

可口可樂中國與漢字文化推廣機構「好字在」和方正字庫聯(lián)合推出的這款字體,反映了可口可樂對中國文化的深入理解和對本地化運營的關注度。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

可口可樂聯(lián)合推出的中文字體「在乎體」

同仁堂旗下「知嘛健康」在北京開設線下體驗店,店鋪設計提煉漢字、中藥、藥房等中式元素作為靈感,用現(xiàn)代化的方式呈現(xiàn),是極具現(xiàn)代感的「中式」空間設計。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ 同仁堂旗下「知嘛健康」線下體驗店 by 無象空間建筑

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Microsoft Haptic PIVOT 微軟腕帶觸覺設備

概念闡述

在增強現(xiàn)實中,人機交互將更多發(fā)生在物理空間里,虛擬的數(shù)字信息將借助形變和震動被模擬為觸感。得益于新型傳感器的拓展應用,硬件設備實現(xiàn)了對溫度、形態(tài)、力量的數(shù)據(jù)監(jiān)測,同時各大硬件廠商也逐步對震動馬達等硬件進行了完善升級,從而為進一步的觸覺模態(tài)設計提供了支持。

應用場景

涉及領域除了現(xiàn)有的游戲、駕駛、健身等場景外,更有趨勢被應用于創(chuàng)新教育、操作培訓及有風險的試驗演練中。

相關案例

任天堂在健身環(huán) Ring-Con 內(nèi)加入的力學傳感器實現(xiàn)了對力量(張力、拉力、壓力等)的監(jiān)測,并利用 Joy-con 震動來對用戶動作的標準性進行反饋提示。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ 《健身環(huán)大冒險》on Switch

微軟研發(fā)部開發(fā)出了一套 Haptic PIVOT 腕戴觸感反饋方案,通過活動的機械結(jié)構,更逼真地模擬出物體的握持感。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Haptic PIVOT 使用演示

索尼推出配備了音圈馬達的 PS5 DualSense 無線手柄,扳機鍵內(nèi)增加了一個由電機驅(qū)動的齒輪,通過震動模擬出槍支的后坐力、彈簧的彈力、繩索的拉力等物理效果。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ PS5 DualSense 無線手柄使用演示

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Flight Booking AR application by Bala GN

概念闡述

現(xiàn)實生活中,人與人、人與物接觸產(chǎn)生的實體服務稱為線下服務,由網(wǎng)絡等技術支撐的人與硬件設備交互的服務稱為線上服務。在硬件設備、網(wǎng)絡技術成熟的當今社會,線下服務向線上服務遷移的過程中融入了更多 AR/VR 等虛擬服務,也帶來更多新的設計行為和交互方式。

應用場景

原本需要親臨現(xiàn)場才能完成的體驗,現(xiàn)在可以通過線上的方式實現(xiàn),這不僅體現(xiàn)在因疫情催化產(chǎn)生的線上辦公、線上畢業(yè)展等強需求場景,也在購物、試衣、健身等更貼近生活的領域應用。

相關案例

用戶在 Gucci APP 上挑選自己喜歡的手表后,將手機攝像頭對準手腕,就會顯示「試戴」效果。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Gucci APP 虛擬試表

各大院校畢業(yè)展因疫情無法在線下舉行,一些學校通過線上展廳的方式,讓學生的畢業(yè)作品可以通過網(wǎng)絡瀏覽。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ 中央美術學院 云端美院

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ 香港理工大學 polyudesignshow

Balenciaga 2020 年用一款電子游戲代替了線下時裝發(fā)布會。在視頻游戲中,玩家能夠在五個主題場景中欣賞到 2021 秋季系列的新款服飾。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Balenciaga:《后世:明日世界》

硬件設備的創(chuàng)新使線上健身指導有了更合理的使用場景和更人性化的體驗,用戶通過線上內(nèi)容和服務在家也可以獲得接近健身房的體驗。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Tempo Studio:家庭智能健身設備

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ POPMART 泡泡瑪特

概念闡述

「情感療愈」是一種有溫度,無攻擊性,注重細節(jié)的設計方向。這類設計旨在治愈修補心靈中的創(chuàng)傷,不只注重功能的完善,也更在意情感內(nèi)涵的打磨。它也可以幫助人們敞開心胸,接納自己內(nèi)在的所有面。

應用場景

在產(chǎn)品設計中,一些撫慰人心的小功能、小彩蛋往往帶有著治愈人心的力量。在角色形象上,柔軟、可愛的造型在帶給人無攻擊感的同時強調(diào)著陪伴的意義。在娛樂領域,也出現(xiàn)不一味強迫用戶達成某個目的慢節(jié)奏「佛系」游戲。

相關案例

網(wǎng)易云音樂來自「張開雙臂擁抱別人」動作靈感的抱一抱彩蛋,讓原本只有文字點贊的評論區(qū)更有溫度。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ 網(wǎng)易云音樂的「抱一抱」動效

Switch 游戲《動物森友會》在 2020 年異常火爆,歸功于其萌系治愈的風格和追求自然隨性的生活方式,也讓疫情期間的玩家們暫時逃離嚴峻緊張的現(xiàn)實生活。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Switch:《集合啦!動物森友會》

盲盒的精神內(nèi)核是「收集、陪伴、治愈」,泡泡瑪特簽約的 IP 形象,大多以可愛、萌系為主。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ 泡泡瑪特的盲盒萌系 IP 形象

Disney 與 Pixar 出品的動畫電影《心靈奇旅》用輕松的方式探討生活的意義和人生的價值,電影用它獨特的美術風格和感人的故事斬獲超高的口碑和評分。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Disney · Pixar《心靈奇旅》

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ OceanPlastic 廢棄塑料重造

概念闡述

2020 年世界各地重大自然災害頻發(fā),環(huán)境污染嚴重,刺激著人類對生活環(huán)境的審視。更多品牌開始探索材料再利用的可能性,從自然衍生產(chǎn)物出發(fā),從而降低對大自然的破壞。年輕一代對于再創(chuàng)造產(chǎn)品有更高的接受度,循環(huán)材料轉(zhuǎn)化為塑料顆粒,組合成獨一無二的花紋和肌理,給人專屬限量感,再生材料成為新的流行元素。

應用場景

消費者將繼續(xù)青睞和衛(wèi)生健康、環(huán)境保護相關的價值品牌,越來越多的快消、包裝廠商開始研究材料回溯,組建相關部門,加入循環(huán)經(jīng)濟浪潮中。

相關案例

運動品牌 Adidas 與 Nike 都推出了由回收廢料制作的充滿設計感的產(chǎn)品,在宣傳品牌環(huán)保意識的同時也引領了再生產(chǎn)品的潮流。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ adidas 與 Parley Ocean 合作推出由海洋回收廢料制作的聯(lián)名產(chǎn)品

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ 同樣使用了廢棄材料的 adidas 球衣

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ Nike 將生產(chǎn)車間加工過程中產(chǎn)生的邊角料轉(zhuǎn)化為產(chǎn)品設計的主要材料

由 99% 廢棄奶茶杯+ 1% 廢棄原茶渣再生而成的「真垃圾·手機殼」

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ TRASHAUS 真垃圾再生手機殼

Freitag 的 2020 新款 F601 MALCOLM 是一款個性化背包,用一塊再生的防水油布保護,并由用空 PET 瓶制成的防水織物制成。

字節(jié)跳動出品!2021 年度九個設計趨勢分析(附400+案例)

△ F601 MALCOLM

除消費產(chǎn)品外,肯德基的可回重復利用餐盤、星巴克倡導的紙質(zhì)吸管、外賣行業(yè)各公司的環(huán)保舉措等也體現(xiàn)了餐飲外賣行業(yè)對循環(huán)經(jīng)濟的重視。

結(jié)語

在充滿未知的 2021,無論是后疫情時代世界的變化、新技術的發(fā)明應用或是國際社會環(huán)境的走向,都會影響大眾的生活習慣、行為方式和審美取向,同時也決定了未來設計的發(fā)展方向。但這其中不變的,是軟硬件發(fā)展不斷突破視覺表現(xiàn)的上限、設計師追求「以人為本」的核心理念以及通過設計去提出和解決問題的目標。

我們期待著上述預測性的分析能在今年的設計中被驗證。但設計本身是一個迸發(fā)新奇創(chuàng)意的過程,也希望上述的設計趨勢能激發(fā)設計師們更豐富的靈感、為設計領域提供更多的可能性。

文章來源:優(yōu)設  作者:今日頭條UED

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務


一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

資深UI設計者

每年年初的 CES 消費電子展,是一個非常適合了解前沿技術,了解消費和產(chǎn)品趨勢,甚至在這些量產(chǎn)、準量產(chǎn)以及概念設計產(chǎn)品當中,窺見屬于未來的設計趨勢。

每年的 CES 都是一個特別適合展示新趨勢的地方。雖然很多廠商會傾向于在 CES 上發(fā)布新品,但是相比于這些為數(shù)不多的新品和發(fā)布會,CES 上更加值得一看的是那些正在研發(fā)、小范圍內(nèi)投產(chǎn)并且你即將會看到的新技術和有趣的東西,它們所指向的都是消費級的產(chǎn)品,也貼合我們一直在說的「趨勢」。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

今年 CES 大會選擇了線上舉辦,不同廠商選擇使用直播、視頻或者圖文的形式發(fā)布了自己的產(chǎn)品,有的是概念設計,更多的是后續(xù)會量產(chǎn)的產(chǎn)品,類型豐富。這篇文章會按照幾個大的類別和趨勢,將今年的CES 展上產(chǎn)品進行了梳理,方便和我們之前的設計/技術趨勢相互印證。

劍指移動:快速迭代的芯片

銳龍系列的 AMD CPU 以極高的性價比讓廣大電腦用戶喊出了「AMD Yes !」的最強音,而脫離 Intel 陣營的蘋果干脆以 M1 芯片,把牙膏廠 Intel 原本的不安全感直接拉滿,成為了壓垮駱駝的最后一根稻草。在 CES 大會開始之前干脆把 CEO 換成了工程師出身的行業(yè)老兵 Pat Gelsinger,試圖重拾工程師文化。

在今年的 CES 大會上,試圖改變的 Intel 發(fā)布了針對高性能輕薄筆記本電腦的芯片,H 系列:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

H 系列采用 Tiger Lake 架構,全系列搭載高性能的 Iris Xe 核顯,它的性能足以在 1080p 分辨率下流暢運行《古墓麗影》這個級別的游戲(實際上 M1 的發(fā)布會上也同樣使用了這款游戲作為性能測試)。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

英特爾的11代桌面端芯片也在性能上又不小提升,采用了全新的 Rocket Lake-S 架構,不過最值得期待的是下半年才會公布細節(jié)的12代混合架構 CPU,Alder Lake。

老對手 AMD 在 CES 2021 上則發(fā)布了全新的 5000 系列移動端處理器,其中標壓的 5000H 系列和低壓的 5000U 系列,都用自身的配置和性能解釋了“便宜大碗”的概念。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

最高可選 8核16線程的配置,主頻可飆升至 4.4GHz,充滿電之后日常使用可以達到 17.5小時,電影播放可以長達 21 小時的電影。

而同為御三家之一的 Nvidia 則帶來了桌面級的RTX 3060顯卡以及移動端的RTX 3080/RTX 3070/RTX 3060。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

當然,無論是桌面端的顯卡還是移動端顯卡的性能都有著不俗的表現(xiàn),具體大家可以去官網(wǎng)看看這里就不說了……(一個很重要的原因是由于比特幣的瘋狂漲幅,導致挖礦需求暴漲以至于這波顯卡價格出現(xiàn)了極其瘋狂的增長,一卡難求,鬼知道啥時候能恢復正常)

總而言之,移動端芯片(主要是 針對筆記本電腦)在性能提升的同時還控制好續(xù)航,無論是CPU本身的算力還是顯卡的性能,都有著相當明顯的提升。這對于設計和創(chuàng)意從業(yè)者而言,意味著有著更加輕薄地電腦和平板可供選擇,并且性能足以支撐從平面到3D渲染、 視頻剪輯乃至于大型游戲,而且很大程度上,性價比有 「AMD Yes」,高性能可以上 Intel H 系列 + Nvidia ,而習慣使用 macOS 地用戶應該也會在未來幾個月內(nèi)等到新的 M 系列芯片和 Macbook Pro 16 和 Macbook Pro 14 ,當然這和 CES 2021 就沒啥關系了。

目前這些新芯片本身的強大性能和優(yōu)良的續(xù)航,可能需要到后續(xù)的電腦和筆記本上才有所體現(xiàn),好在 CES 2021 本身還發(fā)布了不少性能優(yōu)秀、設計過硬的電腦類產(chǎn)品。

創(chuàng)意筆電:為創(chuàng)意工作者提供更多可能性

筆記本電腦在歷年 CES 大會上都是重要的組成部分。在這些筆電類產(chǎn)品當中,除了一部分迭代更新的量產(chǎn)新款之外,還會有不少基于特定的需求,在設計和功能上高度特化的產(chǎn)品出現(xiàn)。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

比如 HP 的 Envy 14 筆記本就很典型地屬于前者,11代英特爾 CPU 和 Nvidia GeForce GTX 系列的顯卡,傳統(tǒng)的造型和更加精致的工業(yè)設計,這種不過不失的產(chǎn)品其實是各大廠商在 2021 年鋪貨時的中堅力量。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

而微軟的 Surface Pro 7+ 也只能算得上是小幅更新,多個配置可選,沒有太多好說的。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

而出自聯(lián)想的 ThinkBook Plus Gen 2 i 筆記本在繼續(xù)探索了雙屏筆記本的另外一種可能性,A面的超大尺寸電子墨水屏搭配手寫筆,簡直就是給手繪和筆記愛好者量身定制的創(chuàng)作空間。掀開之后又是一臺傳統(tǒng)的超極本,13.9 mm 的厚度 和 1.3 KG 的重量也非常符合攜帶通勤的標準。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

相比之下, 同一譜系的 ThinkPad X1 Titanium Yoga 的翻轉(zhuǎn)設計則顯得更加傳統(tǒng),不過在性能和影音上,Dolby Vision HDR和Dolby Atmos揚聲器的支持讓它在影音娛樂上更加突出,少了電子墨水屏,整體厚度也縮減到了11 mm。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

不過,更有意思的是華碩ZenBook Pro Duo 15 OLED 筆記本電腦,原本 Duo 系列的雙屏設計已經(jīng)相當獨特了,這次的新款不僅將配置進一步推升到了 i9 cpu + NVIDIA GeForce RTX 307 的級別,還給副屏增加了一個自然的 9.5 度傾斜,防炫光的同時還更加貼合人體工程學。這可能不一定符合每個人的審美,但是可能正好是某些天天肝視頻跑渲染的設計師同學正好需要的東西。

另外一邊,游戲本也基本上是在堆配置,Alienware M15 R4和M17 R4 老老實實地把顯卡推到了 NVIDIA GeForce RTX 3080,加上 360hz 超高頻率的顯示屏,內(nèi)存堆到32GB,存儲支持 4TB PCIe,性能夠怪獸,但是別的就沒啥好說的。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

而另外一邊的 Razer 推出的 Razer Blade Pro 17 2021 和 Razer Blade 15 2021 這兩款筆記本,本質(zhì)上和外星人家的差不太多,配置有多高堆多高,機身工藝搞好點,RGB 信仰燈炫起來……

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

當然這并不重要,這次 CES 2021 上,Razer 真正的殺手锏是這倆筆記本的配件,Razer Project Brooklyn概念游戲椅:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

只需按一下按鈕,這款游戲椅就可以從背面展開60英寸的OLED顯示屏,真正沉浸式的游戲體驗,帶有4D模塊化功能的扶手以及折疊可調(diào)的桌子,連整個框架都是帶有高保真觸覺模塊的,體驗有多好,就要看你和游戲廠商的想象力了。

對于游戲本本體而言,在配置和外觀上的設計很大概率只能靠添油戰(zhàn)術,互相之間見招拆招,真正能夠打出新意,玩兒出花樣的,基本都是在外設和配件上。

屏幕延展:智能手機的下一個階段

智能手機毫無疑問是大家最關心的事情。支持5G頻段,AI驅(qū)動的后置多鏡頭模組,前置挖孔/劉海鏡頭,6英寸屏幕,這幾乎是當下絕大多數(shù)智能手機的標準配置,也是貼合大眾需求的最佳實踐。CES 2021 發(fā)布的 三星 Galaxy S21 Ultra 5G 就是這種典型,配置到位無懈可擊,更重要的是,后置鏡頭模組的工業(yè)設計相當具有識別度,邊角凌厲又富有美感。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

不過大家都很清楚未來趨勢肯定不會止步于此,柔性屏幕給人帶來的想象力太過豐富,包括蘋果在內(nèi)的一線廠商幾乎都在這個基礎上進行探索。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

三星的 Galaxy Fold 系列已經(jīng)發(fā)不到第二代,Moto 的新生 Razr 也發(fā)布了迭代之后的版本,蘋果早早申請了環(huán)繞式柔性屏幕的設計專利:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

不過,最有意思的還是卷軸屏幕。在 CES 2021 之前,OPPO 就公布過卷軸屏手機的概念設計:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

在今年CES 上, LG 發(fā)布的 LG Rollable 則可能是最早量產(chǎn)的卷軸屏的智能手機(預計在今年年內(nèi)發(fā)布):

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

雖然沒有 LG 這么快,TCL 也同樣帶來了自己的卷軸屏智能手機,不過和 LG 的橫向拉伸不同,TCL 的屏幕選擇了縱向拉伸:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

相比于折疊機構,卷軸式的柔性屏幕將不會因為過大的折疊角度而出現(xiàn)屏幕折痕。不過這種收納方式在保持優(yōu)雅的同時,還會面對和升降式攝像頭一樣的問題:展開和收納結(jié)構的可靠性和開闔時間的控制。

可以確定的是,柔性屏幕設備會逐漸增加,而目前技術的快速迭代意味著在未來2年內(nèi)會有一大批類似的設備出現(xiàn)。無論是折疊、翻轉(zhuǎn)、卷軸還是翻蓋式雙屏,都意味著 UI 界面的動態(tài)延展,而不同的結(jié)構設計帶來的是交互方式的百花齊放,這對于UI 和交互設計而言,都是全新的挑戰(zhàn),以及新的機遇。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

不要忽視了這種硬件設計之下的復雜度,即使是最簡單的雙屏折疊,對于 UI 交互和開發(fā)而言,都是巨大的挑戰(zhàn),不信可以先看看微軟的雙屏設計規(guī)范:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

場景細化:智能家居的差異進化

物聯(lián)網(wǎng)和智能家居從提出來到最終落地為消費級產(chǎn)品,經(jīng)歷了十幾年漫長的過程。在今年的 CES 展上所展示的很多智能家居類的產(chǎn)品,確確實實比以往更加「智能」也更加富有想象力。除了各大廠商原本在工業(yè)設計和基礎技術上的積淀,這些產(chǎn)品大多借助了機器學習技術來提升「智能」程度,并且借助語音交互來保持操控的便捷性。

智能家居的花樣就多了。

三星推出的 Bot Care 智能機器人看起來像是一個更具未來感的的 R2D2,不僅能夠識別你的語音命令,而且能夠借助成熟的 AI 技術識別你的行為,它會學習和了解你的日程安排,能夠逐漸了解你的習慣,并且在日常的生活中提供幫助。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

而更加進階的是 Bot Handy 智能家居機器人功能就更多一些了,它不僅可以在室內(nèi)到處溜達,而且能夠能夠識別材質(zhì)和物品,它自帶的機械臂能夠幫你收拾房間,收拾廚房物品等等等等。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

CareOS Themis 的智能鏡子也借助傳感器和 AI 實現(xiàn)了諸多傳統(tǒng)鏡子做不到的事情。通過內(nèi)置的 IR 溫度傳感器、UV皮膚分析燈以及相機,CareOS Themis 智能鏡子 能夠?qū)δ愕男l(wèi)生狀況、皮膚狀況乃至于心理健康狀態(tài)進行分析,并且提供切實可行的建議。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

傳統(tǒng)家居和傳感器、數(shù)字硬件的結(jié)合,將家居設備的安全性、可用性和完備性全方位地進行了提升。比如 LOCKLY Duo 智能鎖就加入了雙重鎖定技術,可以更快打開又保證了安全性:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

而 Ampere Shower 這個藍牙淋浴揚聲器,不僅可以讓你在淋浴時享受 360 度環(huán)繞立體聲,想要播放什么內(nèi)容完全可以用語音控制,而且考慮到它特殊的使用場合,它干脆借助淋浴噴頭的水流來進行充電:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

而便攜式投影儀也是諸多大廠的下一個發(fā)力點,在保持高流明、智能可控的特性的同時,進一步縮小提及,提升音響效果,就像華碩的 ZenBeam Latte 的便攜投影儀一樣:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

傳統(tǒng)家電設備則在智能化和場景化的探索之下,呈現(xiàn)更加靈活的新玩法。三星定制的4門 Flex 冰箱可以針對不同的食品進行定制化的管理,而傳統(tǒng)固定的冷凍/冷藏式的分區(qū)也借用智能化的管理打破,如果你需要更多的冷藏空間,只需要通過設置就能夠進行轉(zhuǎn)換和調(diào)整。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

當然,智能電視當然是 CES 大會上繞不過去的門類,只是多數(shù)廠商的產(chǎn)品都是在自然硬件和性能迭代上「更高、更快、更強」。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

而其中真正稱得上有趣的,還是 LG 的升降式透明電視:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

透明屏幕在不同光照條件下的泛用性,應該還是存疑的。畢竟去年8月小米發(fā)布透明電視之后,已經(jīng)有過不少質(zhì)疑的聲音了。不過這些小眾產(chǎn)品的不斷迭代和推出才有可能讓透明屏幕技術上的不斷前進,更貼近科幻電影中使用場景的小型透明智能設備的普及才有希望。屆時,UI 設計應該又有新的設計需求了吧?

CES 2021 的這些新型的智能家居類設備上,可以更進一步印證之前大家對于趨勢的預測:

  • 傳統(tǒng)家居設備智能化之后有著極大的拓展空間
  • 相比手機電腦和平板,家居類設備更加仰賴語音交互來進行控制
  • 新型的家居設備需要探索貼合各自特征的新交互模式
  • 不同使用場景下智能家居設備需要不同的控制方式
  • 機器學習是讓智能家居設備更加貼合不同用戶需求的必要組成部分
  • 新材料和新技術的加入,是家居類設備差異化發(fā)展的契機

疫情催化:健康與可穿戴設備的進化

可穿戴設備的熱度也一直在逐漸提升。

國外疫情的持續(xù)也促使很多廠商開始考慮如何制作更加貼合健康需求的可穿戴設備。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

游戲硬件雷蛇的 Project Hazel N95智能口罩應該是 CES 展上最受關注的硬件之一,它并不僅僅搭配了 N95 級別的防護和可更換濾芯,透明的遮罩充滿了未來感,同時雷蛇還將揚聲器和信仰燈集成在過濾器的外側(cè),確保語言交流清晰,視覺風格獨特:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

另外,為了確保整體的安全性還附帶了專用的紫外線消毒盒:

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

相比于雷蛇的科幻感,AirPop Active +智能口罩就顯得更加運動。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

AirPop Active + 則是一個專業(yè)的運動口罩,借助內(nèi)置傳感器,這款口罩能夠跟蹤空氣質(zhì)量以及佩戴者的呼吸狀況,并且通過藍牙和手機同步,方便查看。同時,在濾芯即將耗盡時,也會提醒用戶。這款口罩從外觀到功能都是明顯面向運動愛好者的。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

BioButton 這款設備則是一款新冠病毒感應器,將它貼在頸部,它會跟蹤你的呼吸、心率、睡眠和血氧狀況等生命體征,并且識別你是否出現(xiàn)了感染新冠病毒的癥狀,可以說是針對性極強了。不過,對于絕大多數(shù)隔離在家的用戶,鍛煉是更重要的事情。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

NordicTrack Vault 頂級家庭健身房就是一個這樣的產(chǎn)品,超大屏幕結(jié)合 iFit 的互動健身體系,你可以清晰直觀地對自身的動作進行審視和視覺反饋,進一步進行矯正,同時確保在家也可以獲得健身教練 1對1 的指導。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

智能手表是可穿戴設備這一領域是一個大類。目前絕大多數(shù)的智能手表在各種傳感器功能上都做得不錯,差異主要是在體驗的細節(jié)優(yōu)化、工業(yè)設計、品質(zhì)以及品牌溢價上了。

Fossil 在 CES 2021 上帶來了支持 5G LTE 網(wǎng)絡的 Fossil Gen 5 LTE,芯片用的高通驍龍 3100,心率、GPS、海拔、環(huán)境光等傳感器一個不缺。Fossil Gen 5 LTE 提供金色和玫瑰金兩種配色。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

相比之下 Amazfit GTR 2e 智能手表則更加關注運動愛好者的細分需求——直接提供了90多種不同的運動模式,它可以識別你是在跑步還是騎車,45 天超長續(xù)航,5 ATM 的防水級別,可以說是在專業(yè)性上相當?shù)轿涣恕?

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

此外,飛利浦發(fā)布的 Sonicare 9900 Prestige 智能牙刷也相當亮眼。通過傳感器,它能夠識別不同位置的壓力,監(jiān)控清潔位置和刷牙的運動軌跡,并且提供 AI 實時指導和個性化刷牙動作推薦,同樣是通過藍牙連接手機來實現(xiàn)信息的傳達。

其實這些健康相關的可穿戴設備也呈現(xiàn)出幾個典型的趨勢性的特征:

  • 可穿戴設備已經(jīng)基于不同人群和需求細分化了
  • 根據(jù)不同需求植入有針對性的傳感器,讓健康數(shù)據(jù)更加清晰明確
  • 結(jié)合機器學習和 AI 來幫助用戶了解信息,并且提供優(yōu)化方案
  • 隨著性能逐漸跟上需求,對于個性化的需求已經(jīng)凸顯出來了
  • 在新冠疫情徹底過去之前,還會有不少疫情相關的穿戴設備出現(xiàn)

在可穿戴設備當中,涉及到VR/AR的產(chǎn)品需要單獨說一下。

虛擬照進現(xiàn)實:VR/AR/MR/XR

VR 和 AR 你應該比較了解了,虛擬現(xiàn)實和增強現(xiàn)實,那么MR 和 XR 呢?

MR 是混合現(xiàn)實,通俗的說它是介乎 VR 和 AR 之間,虛擬合成的「圖像」和真實的世界相互融合,還可以和現(xiàn)實物品進行一定程度的互動。而 XR 是擴展現(xiàn)實(Extened Reality)的縮寫,它其實是以上 VR、AR、MR 的一個總稱,或者說 VR/AR/MR 是 XR 的子集,XR 所涵蓋的領域和范疇比以上幾個都要寬泛。

比如虛擬觸感就是屬于 XR 的。在今年的 CES 大會上,Senseglove Nova 和 bHaptics 推出的緊身衣套裝,所帶來的體驗就是虛擬世界在觸感上的投射介質(zhì)。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

以 bHaptics TactSuit X40全身觸覺套裝 為例,全身內(nèi)置 40 個觸覺反饋點,15 個小時的續(xù)航,在 VR 和 AR 眼鏡的支持之下,無論是游戲還是看電影,只要有相關的數(shù)據(jù)支撐,就能帶來真正意義上完全沉浸式的體驗,視覺聽覺觸覺全覆蓋,這大概才是真正意義上的「沉浸式體驗」吧?

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

Xenoma EMStyle 套裝也是一個針對皮膚和肌肉的新玩意,這款可穿戴設備當中包含 24 個電極,胸部4個,腹部4個,每個手臂2個,臀部2個,每條腿4個,它們可以為全身主要的肌肉群提供刺激,并且可以讓健身教練在安全距離之外,通過電極刺激的方式提供指導,也算是某種意義上的「虛擬觸覺」。

接下來說說我們更熟悉的智能眼鏡。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

聯(lián)想 ThinkReality A3 智能眼鏡也算是今年 CES 上關注度較高的產(chǎn)品。其中,ThinkReality A3 又分 PC版和工業(yè)版兩種,兩者硬件配置上相同,但PC版只能和Windows 同步,工業(yè)版可以連接到Android智能手機(基于驍龍800系列芯片),并運行使用聯(lián)想ThinkReality軟件平臺構建的定制行業(yè)應用。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

Vuzix 也在 CES 上發(fā)布了下一代智能眼鏡,其中集成了MicroLED顯示引擎,具有完全透明的高級波導光學器件。Vuzix 使用一對微小的高效 MicroLED投影儀提供動力,從而可以為用戶提供高密度像素陣列,在雙眼中投射超級清晰的視覺內(nèi)容。

一年一度的CES 2021消費電子展,有哪些值得關注的設計趨勢?

上面的智能眼鏡還算得上是科技產(chǎn)品,而 Mojo Vision Len AR 隱形眼鏡就算得上科幻級別的產(chǎn)品了。從尺寸上來說,普通眼鏡和隱性眼鏡就是數(shù)量級上的差別,Mojo 的這款智能隱形眼鏡使用微電子技術,內(nèi)置了微型顯示屏,可以共享重要信息,用 Mojo Vision 來使用增強現(xiàn)實,不僅無縫,而且無形。

可以說,如今的虛擬現(xiàn)實技術已經(jīng)走到了一個全新的階段了:

  • 基于視覺的 AR/MR 技術已經(jīng)小型化到一個全新的量級了
  • 從傳統(tǒng)的虛擬視覺、沉浸式的聽覺,已經(jīng)可以虛擬觸覺了
  • 極其學習和人工智能 技術同樣支撐著這一領域快速迭代
  • 這一領域需要更多更富想象力的交互設計來予以支持

給設計師的新機遇

新事物正在以無與倫比的速度進化。芯片性能和基礎的技術為消費級的硬件提供了最扎實的工業(yè)基礎,繁盛而多樣的企業(yè)開始有意識地深耕細分領域的產(chǎn)品,其中留給設計師的空間其實非常大。

各式各樣的筆記本類產(chǎn)品,已經(jīng)針對不同需求的設計師進行了細分優(yōu)化,不同類型的設計師應該都會找到針對自身領域需求的硬件設備,多屏幕、多輸入方式的筆電和周邊外設正在快速地豐富起來。

而快速發(fā)展的柔性屏幕,則可能正在給 UI、交互設計師提出一個復雜的難題,那就是屏幕延展之后的UI和交互上的提升的問題。而智能家居和虛擬現(xiàn)實相關領域的快速進化,最終的問題同樣會壓到設計師頭上——你要如何為這一新的交互和UI進行設計?

那個時候,交互設計師這個門類應該會真正意義上徹底獨立出來,而不是把交互的活兒讓產(chǎn)品或者UI設計師來完成……因為交互設計本身的工作量會暴增,而且有著更高的要求和更加復雜的情況要處理。

文章來源:優(yōu)設  

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務


B端C化也許是產(chǎn)品設計的新風向

ui設計分享達人

最近好多朋友加我微信,向我“咨詢”一二(咨詢真是不敢當,充其量就是一起探討),基本上集中在 B 端的產(chǎn)品設計上,略加整理,大概如下幾個問題出現(xiàn)的頻率比較高:

前兩個問題百度一下就可以知道,我就不多說了,重點說說最后一個:B 端如今還有什么機會留給設計師們發(fā)揮的空間么?

當我在思考這個問題而不得結(jié)果的時候,偶然間發(fā)現(xiàn)今日頭條上線了“我和我的家鄉(xiāng)”,可以免費觀看,我就利用坐馬桶的時間斷斷續(xù)續(xù)看完了。說來也挺有意思,感覺恰巧因為這部電影找到了答案:主旋律電影想要被大眾接受順勢而為是必然;

從當年火爆到的“建國大業(yè)”到去年的“我和我的家鄉(xiāng)”都是典型的主旋律電影娛樂化;這個事情讓我明白,歌頌祖國未必要手撕鬼子,葛優(yōu)大爺和沈騰叔叔的段子也可以讓我明事理… 所以說不要一味的固守,破局或者順勢有可能是未來的路。我用這個思路套了下剛剛的問題,嗯~也許B端C化是未來 toB 產(chǎn)品的新方向;


NO.1

從設計風格上來講 B 端產(chǎn)品走 C 端老路的趨勢已經(jīng)越來越明顯;從我的角度來看原因主要是(都是在下的猜測),身份模糊(公民和員工之間來回切換)但承載設備不變(都是手機或電腦)的情況下打開的 app 也順勢越來越趨同,依據(jù)場景變來變?nèi)サ脑V求大幅降低;再聚焦回來,C端產(chǎn)品從最開始的提倡“花里胡哨”到如今的“高級感”演變過程走了很長,接下來B端也跟隨著從“克制/簡約”進化到了“高級感”,具體體現(xiàn)在 2 個點上:信息層次和色彩體系;

1.信息層次:封裝度高,密度低

不知道大家有沒有察覺,在過往使用toB的經(jīng)驗里,會有特別累的感覺?我一直堅持一個觀點,不管是UI還是交互做設計的本質(zhì)同樣是對信息的重新編排和處理;通過設計用的舒服才是王道;

C化最核心的一點就是對信息的處理,以往toB產(chǎn)品的信息密度高和模塊化封裝度低的特質(zhì),隨著新方向的到來也勢必會退出歷史的舞臺;(PS.這些短語都是知識點哈,趕緊記下來,省的匯報的時候只知道說大白話,不知道怎么用理論支持)。

另外隨著MacOS和windows的設計語言升級(一定意義上操作系統(tǒng)也是B端工具),越來越多的產(chǎn)品跟隨著走上了“材質(zhì)區(qū)分層級”的路線,這也不失是一種好的做法,阿里云就是個典型:


2.色彩體系:

如果你是我的老讀者,應該還記得我之前寫過的一篇跟顏色相關的文章,里面有相對還算全面的定義色彩體系的理論和實操,感興趣的話可以翻看一下,另外給大家準備了色彩樣板,有需要的鐵子可以可以試試(文末有領取方式)。

這里再啰嗦一句,作為B端來說,萬綠叢中一點紅是形成“高級感”的最好辦法,其他的就先不展開。之前坊間傳言B端不需要視覺設計?我是真真的不認同啊,不好看也是爛體驗的一種,畢竟顏值即正義,好看并不可恥,中看不中用才是忌諱,別給B端產(chǎn)品瞎定義,做一個既好看又好用的產(chǎn)品ta不香么...


NO.2

從我的認知上講,用戶體驗不再區(qū)分B/C兩端很多年了,但截止到目前為止B端產(chǎn)品的體驗遠不如C端產(chǎn)品做得;其中的原因無非這 2 點:

專業(yè)性上好理解,就是用戶基本會被冠以「專業(yè)」之名,所以會出現(xiàn)很多「我以為你懂的」的設計理念;對于信息量的龐大與否,坦誠的講,造成的原因很有可能是交互上對信息的處理處理不到位,反反復復進行單一流程的多次復用,導致看起來很龐大的假象,就這個問題我們展開來說說:

1. “單線程”變“多線程”

B端產(chǎn)品永遠的主旋律都是“效率”,簡化復雜流程,專注當前任務,是體驗的“標準方法”;對于效率的追求我從不否認,但對方法的執(zhí)行我還是持懷疑態(tài)度,打個比方QQ作為C端巨無霸級的產(chǎn)品一早就出現(xiàn)拖拽 tab 上的紅點消除所有信息:

如上圖所示,這個交互設計解決了把單線程的操作整合成了單個行為控制多線程操作,減少了很多勞動力的重復浪費;這么說有點繞不好理解,用圖來表示估計會好理解一些:

類似的產(chǎn)品還有12306的搶票,思路也大致相同,假如你是過年回家需要購票,當你盤算出車次和時間之后,是不得逐條線路搶票?搶票是幫助你規(guī)劃線路,你只需要設置終點,ta自動分流到,匹配到合適的車次,這就是單操作變多線程的處理辦法;

距離QQ的那個交互6年過去了,依舊沒有B端產(chǎn)品可以借鑒這個思路(企業(yè)im的一鍵已讀不能算哈,這個借鑒不高級),其實很多工作場景下對多線程自動化的工作需求比比皆是,比如很多企業(yè)內(nèi)部上傳文件的時候,上傳一個等一會,且不說有多么低效,更重要的是工作的節(jié)奏遭到了破壞...

概括起來說,在某些場景下(可能是大部分)并不需要專注過程,關注結(jié)果的意義也許更大;

雖說打工人天下無敵,但也扛不住面面俱到,設置好工作起點和終點,分配好精力也是B端產(chǎn)品設計義不容辭的責任,其他無關緊要的過程,只要不出大的差錯,就隨ta去吧~


2. 新手引導和用戶反饋要做巧

不管是 B 還是 C 在新手引導的主流方法,基本上是上來一股腦的/傾其所有的給我展示所有功能,每次都是無奈的狂點下一步下一步;但當用了一段時間,發(fā)現(xiàn)功能沒認全的時候...我再也找不回來新手引導了,哈,沒法復現(xiàn)了,這尼瑪應該是最糟糕的體驗了吧!基于此我建議新手引導要與內(nèi)容場景相結(jié)合,通過場景牽引的方式達到學習操作的目的;舉個用戶評分的例子:

總之減少用戶試錯,也必定可以極大優(yōu)化用戶體驗。


總結(jié)一下

特殊情況影響讓今年是企業(yè)產(chǎn)品高速發(fā)展的一年,各種各樣的企業(yè)賽道號角都已經(jīng)吹響,拼功能的年代已經(jīng)過去,體驗有可能是決定購買決策的關鍵點;所以在不改變功能和底層技術的情況下找到體驗突破口是對業(yè)務最大的貢獻;另外希望別過度迷戀所謂的行業(yè)標準方法,試著打破壁壘,站在“產(chǎn)品體驗架構師”的角度上才能一覽眾山小,加油~

文章來源:UI中國  作者:負能量補給站

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.yvirxh.cn

存檔