<fieldset id="zdo7l"></fieldset>
今天和大家一起溫習(xí)下2021年占據(jù)主導(dǎo)的8個UI和UX趨勢，干貨建議提前收藏！
沒人能夠預(yù)測未來會發(fā)生什么，但是在數(shù)字世界中，趨勢確實(shí)存在于設(shè)計師的圈子中，并且在有規(guī)律的演化中。大家可以已經(jīng)看膩了不少趨勢研判文章，但是，適當(dāng)總結(jié)一下當(dāng)年的趨勢，把這個時間線拉長，你會覺得非常好玩。從移動端設(shè)計剛開始流行的時代，到現(xiàn)在，設(shè)計趨勢都發(fā)生了哪些變化呢？它們是不是又會返祖，復(fù)古？周而復(fù)始？咱們不得而知。
雖然2021年已經(jīng)過去一半，不過，今天咱們還是先Review一下2021年正在流行的幾個設(shè)計趨勢，加深一下印象吧！
當(dāng)然，各位設(shè)計師，趨勢僅僅是一種現(xiàn)象，想要做的出圈，與眾不同，我們必須站在趨勢之上，做出自己的創(chuàng)新，這樣才能在千篇一律的設(shè)計中獨(dú)當(dāng)一面。
3D 圖形越來越多地出現(xiàn)在 Web 和移動界面中。毫無疑問，將各種 3d 圖形應(yīng)用到移動和 Web 界面是一項(xiàng)相當(dāng)大的挑戰(zhàn)，需要良好的技能和藝術(shù)眼光才行。在我們的 UI/UX 設(shè)計中添加 3D 元素有很多好處：
ByMako Tsereteli
玻璃擬態(tài)是大多人更喜歡的最新UI設(shè)計趨勢，它引人注目且色彩繽紛，這種趨勢兼顧透明度和層次感。玻璃擬態(tài)設(shè)計給人以磨砂玻璃的感覺，近一段最受歡迎的趨勢。這種風(fēng)格深受蘋果在 2013 年推出的 IOS 7 和 windows vista 中首次引入的類似概念的影響。在許多情況下，如果使用得當(dāng)，Glassmorphism 可以使網(wǎng)站和應(yīng)用程序?qū)τ脩舾呶Α?
ByMahmudul Hasan Manik
深色主題現(xiàn)在已經(jīng)成為應(yīng)用必備的界面了。手機(jī)的白色界面可能對我們的眼睛造成更多的刺激，這就是所有應(yīng)用程序和網(wǎng)站都加入了暗黑模式設(shè)計的原因。暗模式有一些我們應(yīng)該遵循的特定規(guī)則。深色主題的主要優(yōu)點(diǎn)是在弱光環(huán)境中具有更好的可讀性。作為 UI 和 UX 設(shè)計師，我們應(yīng)該明白它的主要作用，它主要是減少了用戶的眼睛疲勞并提高了夜間的可讀性。
ByJulius
色彩理論知識在每個 UI 和 UX 設(shè)計中都至關(guān)重要。正確使用顏色對于為您的客戶創(chuàng)造正面形象很重要，這就是顏色在 UI 和 UX 設(shè)計中扮演重要角色的原因。大多數(shù) UI 設(shè)計師都使用鮮艷的色彩來將用戶的注意力集中在重要元素上，并使我們的設(shè)計令人難忘。下圖分別為單色調(diào)和雙色調(diào)界面。
By Resuscitation
包豪斯的風(fēng)格通常被描述為藝術(shù)和手工藝運(yùn)動與現(xiàn)代主義的結(jié)合。包豪斯設(shè)計幾乎沒有裝飾，注重平衡的形式和抽象的形狀。今天的 UI 和 UX 設(shè)計，也可以理解為包豪斯的復(fù)興。包豪斯設(shè)計在UI設(shè)計上的核心，就是將設(shè)計簡化為必要的功能，使其美觀和輕松，以及精心制作每一個小細(xì)節(jié)。
包豪斯設(shè)計幾乎沒有裝飾，注重平衡的形式和抽象的形狀。今天的 UI 和 UX 設(shè)計也是包豪斯風(fēng)格的復(fù)興表現(xiàn)之一。
By Beto Garza “Helbetico”
在當(dāng)今的設(shè)計中，白色背景越來越受到大家的歡迎。了解色彩心理學(xué)是創(chuàng)建配色的一個關(guān)鍵方面，這在數(shù)字設(shè)計中效果很好。吸引用戶的最佳方式是通過“色塊”平衡單色背景色與亮色，以突出數(shù)據(jù)中的重要內(nèi)容或者異常提示部分。少即是多，當(dāng)您在 UI設(shè)計中使用較少的顏色時，這將對用戶更具吸引力和亮點(diǎn)。
By Resuscitation
插圖是用戶界面中更直觀的視覺闡述，也一直是UI設(shè)計中長盛不衰的“趨勢”之一。動畫插圖，在與用戶交互過程中為UI注入了強(qiáng)大的生命力。它幫助用戶獲得更立體的反饋，為創(chuàng)建更生動的微交互創(chuàng)造了條件。
By Rachelizmarvel
極簡主義是 UI 設(shè)計中使用最多的“風(fēng)格”之一，它有助于改善用戶體驗(yàn)。在我們的 UI 設(shè)計開始極簡設(shè)計之前，有必要了解術(shù)語“極簡”的含義以及為什么極簡在 ui 中很重要。下面是極簡主義的特征：
By Shakib
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：人人都是產(chǎn)品經(jīng)理 作者：Tzw_n
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
往往偉大的事業(yè)都是從七月開始的、我用一個設(shè)計師的視角，來盤點(diǎn)一下UI/UX行業(yè)這半年的設(shè)計風(fēng)格走勢。
以下我從色彩、圖形、圖標(biāo)、排版、行業(yè)趨勢這五個層面進(jìn)行一些2021年中期盤點(diǎn)總結(jié)。
在色彩方面，雖然UI是一個相對獨(dú)立的設(shè)計環(huán)境，但其實(shí)一直是在跟隨平面的趨勢。
年初潘通發(fā)布了2021年的色彩流行趨勢，灰黃色一時間成為了我們追逐的目標(biāo)。
但是潘通流行色更多是表現(xiàn)了一種當(dāng)下的社會情緒與遠(yuǎn)景追求，并不是用來指導(dǎo)設(shè)計的。
(圖片來源：Dribbble)
在UI的色彩方面，我們都記得2020年還是流行的是高飽和色彩路線，而2021年UI色彩一下子就被沖淡了，各種低飽和度色彩的作品更加得到設(shè)計師的青睞，似乎也昭示著大家的情緒也從疫情中慢慢穩(wěn)定了下來，這個世界的確需要設(shè)計來對情緒進(jìn)行即時表達(dá)，在5月份Google的全新Material You設(shè)計語言中，這種低飽和色彩也被發(fā)揮的淋漓盡致。相信低飽和度色彩將在2021下半年會延續(xù)發(fā)展！
有關(guān)Material You信息可以看一下我的另一篇文章《Material You 為你而來！》
(圖片來源：Google Material You)
(圖片來源：Dribbble)
圖形方面，亮點(diǎn)在3D！毫無疑問3D插畫在2021上半年繼續(xù)著他的強(qiáng)勁勢頭，2021上半年涌現(xiàn)出了大量優(yōu)秀的3D風(fēng)格插畫，并且不止是3D卡通人物，在產(chǎn)品渲染和背景展現(xiàn)上也在醞釀新的力量。特別說明的是，設(shè)計工具的高速發(fā)展也讓3D門檻不斷降低，如果你只盯著C4D那就真的OUT了，像Blender Spline Stager 這樣的新興輕量級3D工具軟件是需要特別關(guān)注的，也許這些新工具是真的能讓你跑出與別人不一樣的賽道。
(值得關(guān)注的3款新興3D軟件)
在2D圖形方面，也有突破，除了傳統(tǒng)的矩形、圓角矩形、圓形之外，UI中將會引入到更多的形狀，像多邊形、三角形、不規(guī)則形都會大量的出現(xiàn)在UI設(shè)計中，UI設(shè)計越來越開放和放得開了！
(圖片來源：Google Material You)
隨著去年底蘋果BigSur操作系統(tǒng)的發(fā)布，3D圖標(biāo)著實(shí)火了一段時間，出現(xiàn)了不少3D風(fēng)格圖標(biāo)。但是后來大家發(fā)現(xiàn)在圖標(biāo)在2D層面其實(shí)還是很有創(chuàng)新點(diǎn)的，并且也更加實(shí)用，所以我們又看到了磨砂玻璃風(fēng)格圖標(biāo)走入了我們的視線。這種采用背板透光設(shè)計的風(fēng)格圖標(biāo)，看起來清新自然，一經(jīng)亮相就讓設(shè)計師們喜歡起來了！
(圖片來源：Dribbble)
但無論是3D風(fēng)格還是磨砂玻璃風(fēng)格圖標(biāo)設(shè)計，從某種意義上說，這些都是擬物化設(shè)計的一種新的回歸方式，設(shè)計就是一個圈哪！
排版設(shè)計，塊狀與字體成為了關(guān)鍵詞。先看幾個作品，你發(fā)現(xiàn)了什么了嗎？
(圖片來源：Dribbble)
UI設(shè)計的排版不止是為了視覺好看，更多是要做信息的分割與歸類，讓信息閱讀快速準(zhǔn)確且優(yōu)雅！從某種方面也就是我們說的用戶體驗(yàn)。當(dāng)下仍然是扁平化為主體UI設(shè)計語言的時代，陰影設(shè)計幾乎已經(jīng)退出了當(dāng)下的主流設(shè)計，所以在信息的區(qū)分上靠的就是留白與文字，所以加粗大字體，卡片留白、形狀色彩塊就在UI排版設(shè)計中起到重要的作用。再輔助通過一些微交互動畫，一切都是那么自然絲滑，主次分明！
(UI排版的三個趨勢)
最后我們說說行業(yè)趨勢方面，在2021上半年的UI設(shè)計作品中，除了常規(guī)的移動端APP UI設(shè)計之外，我們更多看到了一些針對于其他設(shè)備的UI設(shè)計，比如說電腦B端應(yīng)用、車載HMI、數(shù)據(jù)可視化、交互動畫等這樣的新端趨勢，并且這些作品的數(shù)量越來越多了，所以從行業(yè)趨勢來講，UI設(shè)計師們還是要打開更多的眼界和格局，設(shè)計的競爭不止是在水平能力上，更重要的是行業(yè)賽道的選擇！關(guān)注趨勢尤為重要！
(圖片來源：Dribbble)
(需要關(guān)注的四個新端設(shè)計趨勢)
用我開頭的那句話，做個結(jié)尾吧！ 往往偉大的事業(yè)都是從7月開始的，無論你上半年是碩果累累還是顆粒無收，現(xiàn)在開始！一切都還來得及，還來得及！
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
往往偉大的事業(yè)都是從七月開始的、我用一個設(shè)計師的視角，來盤點(diǎn)一下UI/UX行業(yè)這半年的設(shè)計風(fēng)格走勢。
以下我從色彩、圖形、圖標(biāo)、排版、行業(yè)趨勢這五個層面進(jìn)行一些2021年中期盤點(diǎn)總結(jié)。
在色彩方面，雖然UI是一個相對獨(dú)立的設(shè)計環(huán)境，但其實(shí)一直是在跟隨平面的趨勢。
年初潘通發(fā)布了2021年的色彩流行趨勢，灰黃色一時間成為了我們追逐的目標(biāo)。
但是潘通流行色更多是表現(xiàn)了一種當(dāng)下的社會情緒與遠(yuǎn)景追求，并不是用來指導(dǎo)設(shè)計的。
(圖片來源：Dribbble)
在UI的色彩方面，我們都記得2020年還是流行的是高飽和色彩路線，而2021年UI色彩一下子就被沖淡了，各種低飽和度色彩的作品更加得到設(shè)計師的青睞，似乎也昭示著大家的情緒也從疫情中慢慢穩(wěn)定了下來，這個世界的確需要設(shè)計來對情緒進(jìn)行即時表達(dá)，在5月份Google的全新Material You設(shè)計語言中，這種低飽和色彩也被發(fā)揮的淋漓盡致。相信低飽和度色彩將在2021下半年會延續(xù)發(fā)展！
有關(guān)Material You信息可以看一下我的另一篇文章《Material You 為你而來！》
(圖片來源：Google Material You)
(圖片來源：Dribbble)
圖形方面，亮點(diǎn)在3D！毫無疑問3D插畫在2021上半年繼續(xù)著他的強(qiáng)勁勢頭，2021上半年涌現(xiàn)出了大量優(yōu)秀的3D風(fēng)格插畫，并且不止是3D卡通人物，在產(chǎn)品渲染和背景展現(xiàn)上也在醞釀新的力量。特別說明的是，設(shè)計工具的高速發(fā)展也讓3D門檻不斷降低，如果你只盯著C4D那就真的OUT了，像Blender Spline Stager 這樣的新興輕量級3D工具軟件是需要特別關(guān)注的，也許這些新工具是真的能讓你跑出與別人不一樣的賽道。
(值得關(guān)注的3款新興3D軟件)
在2D圖形方面，也有突破，除了傳統(tǒng)的矩形、圓角矩形、圓形之外，UI中將會引入到更多的形狀，像多邊形、三角形、不規(guī)則形都會大量的出現(xiàn)在UI設(shè)計中，UI設(shè)計越來越開放和放得開了！
(圖片來源：Google Material You)
隨著去年底蘋果BigSur操作系統(tǒng)的發(fā)布，3D圖標(biāo)著實(shí)火了一段時間，出現(xiàn)了不少3D風(fēng)格圖標(biāo)。但是后來大家發(fā)現(xiàn)在圖標(biāo)在2D層面其實(shí)還是很有創(chuàng)新點(diǎn)的，并且也更加實(shí)用，所以我們又看到了磨砂玻璃風(fēng)格圖標(biāo)走入了我們的視線。這種采用背板透光設(shè)計的風(fēng)格圖標(biāo)，看起來清新自然，一經(jīng)亮相就讓設(shè)計師們喜歡起來了！
(圖片來源：Dribbble)
但無論是3D風(fēng)格還是磨砂玻璃風(fēng)格圖標(biāo)設(shè)計，從某種意義上說，這些都是擬物化設(shè)計的一種新的回歸方式，設(shè)計就是一個圈哪！
排版設(shè)計，塊狀與字體成為了關(guān)鍵詞。先看幾個作品，你發(fā)現(xiàn)了什么了嗎？
(圖片來源：Dribbble)
UI設(shè)計的排版不止是為了視覺好看，更多是要做信息的分割與歸類，讓信息閱讀快速準(zhǔn)確且優(yōu)雅！從某種方面也就是我們說的用戶體驗(yàn)。當(dāng)下仍然是扁平化為主體UI設(shè)計語言的時代，陰影設(shè)計幾乎已經(jīng)退出了當(dāng)下的主流設(shè)計，所以在信息的區(qū)分上靠的就是留白與文字，所以加粗大字體，卡片留白、形狀色彩塊就在UI排版設(shè)計中起到重要的作用。再輔助通過一些微交互動畫，一切都是那么自然絲滑，主次分明！
(UI排版的三個趨勢)
最后我們說說行業(yè)趨勢方面，在2021上半年的UI設(shè)計作品中，除了常規(guī)的移動端APP UI設(shè)計之外，我們更多看到了一些針對于其他設(shè)備的UI設(shè)計，比如說電腦B端應(yīng)用、車載HMI、數(shù)據(jù)可視化、交互動畫等這樣的新端趨勢，并且這些作品的數(shù)量越來越多了，所以從行業(yè)趨勢來講，UI設(shè)計師們還是要打開更多的眼界和格局，設(shè)計的競爭不止是在水平能力上，更重要的是行業(yè)賽道的選擇！關(guān)注趨勢尤為重要！
(圖片來源：Dribbble)
(需要關(guān)注的四個新端設(shè)計趨勢)
用我開頭的那句話，做個結(jié)尾吧！ 往往偉大的事業(yè)都是從7月開始的，無論你上半年是碩果累累還是顆粒無收，現(xiàn)在開始！一切都還來得及，還來得及！
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
2021年6月5日~6日，人人都是產(chǎn)品經(jīng)理舉辦的【2021中國B端產(chǎn)品經(jīng)理大會·上海站】完美落幕。攜程旅游搜索產(chǎn)品負(fù)責(zé)人@毛新年 進(jìn)行了精彩的內(nèi)容分享，他分享的主題是《聚焦B端產(chǎn)品價值——B端產(chǎn)品的落地實(shí)踐指南》。
一、B端產(chǎn)品核心價值解析
他首先將B端產(chǎn)品主要分為企業(yè)自身業(yè)務(wù)對應(yīng)的B端產(chǎn)品和互聯(lián)網(wǎng)業(yè)務(wù)對應(yīng)的B端產(chǎn)品。
企業(yè)自身業(yè)務(wù)對應(yīng)的B端產(chǎn)品服務(wù)于企業(yè)自己，產(chǎn)品形態(tài)多為ERP、CRM等，產(chǎn)品提供者是IBM、用友或者企業(yè)自研等；
互聯(lián)網(wǎng)業(yè)務(wù)對應(yīng)的B端產(chǎn)品服務(wù)對象是B端商家形成的商家生態(tài)，產(chǎn)品形態(tài)如阿里/美團(tuán)商家系統(tǒng)等，產(chǎn)品提供者則是阿里/美團(tuán)等互聯(lián)網(wǎng)平臺。
企業(yè)是市場競爭的主體，B端產(chǎn)品核心目標(biāo)是為企業(yè)降本增效。
那么B端產(chǎn)品如何實(shí)現(xiàn)助力企業(yè)成本降低呢？
針對B端企業(yè)工作的重復(fù)、繁雜、專業(yè)特點(diǎn)，B端產(chǎn)品在產(chǎn)品設(shè)計上遵循以下四個邏輯可為降低企業(yè)成本發(fā)揮自己的價值：
除了降低成本之外，B端產(chǎn)品還能在提升企業(yè)效益方面做出自己的貢獻(xiàn)，針對B端業(yè)務(wù)管理對象多，業(yè)務(wù)蘊(yùn)含的價值大的特點(diǎn)，在產(chǎn)品設(shè)計遵循如下這三個邏輯，可以充分挖掘大數(shù)據(jù)價值，提升效益：
接下來用典型案例來展示上述產(chǎn)品邏輯如何在實(shí)踐中落地。
以電商平臺商品發(fā)布業(yè)務(wù)為例，店小二發(fā)布一款商品要經(jīng)歷以下步驟，每個步驟的難度不一樣。
首先要選擇商品所屬目錄，接著要填寫商品屬性規(guī)格，這是工作難度最大的，也是工作量最大的。還有填寫物流信息、填寫服務(wù)信息、上傳商品主圖、上傳商品詳情圖等一系列操作。
這是前端的業(yè)務(wù)流程，而從產(chǎn)品的角度，可以分成六大模塊。
從商品發(fā)布來看如何實(shí)現(xiàn)降本增效？
1）重復(fù)繁雜工作自動化
每天的商品上新，營銷活動都需要大量修圖摳圖工作，電商平臺和商家每年耗費(fèi)大量美工投入到圖片制作。
2017年阿里雙11多達(dá)4億張圖片，如果靠設(shè)計師人工去設(shè)計制作，即使是業(yè)務(wù)熟練的設(shè)計師，也需要100位設(shè)計師不眠不休工作300年。所以要用人機(jī)替代的方式，利用系統(tǒng)來完成上述重復(fù)繁雜的工作。這種通過深度學(xué)習(xí)海量素材，自動生成各種圖片，不僅大大減少了人的工作量，而且系統(tǒng)設(shè)計的圖片點(diǎn)擊率增長一倍多，除了電商平臺自己使用外，還直接提供給商家使用，這樣大大降低了商家小二的工作量，為商家節(jié)約了大量人工成本。另外，平臺每天需要審核的圖片也有很多，通過系統(tǒng)自動檢測圖片是否涉黃涉敏、圖文不符、違反廣告法，違反電商平臺的運(yùn)營規(guī)范等，大大減少人審核工作量，也為商家降低了大量用人需求，節(jié)約了不少成本。
2）專業(yè)工作智能化和便捷自主學(xué)習(xí)
B端產(chǎn)品對商家小二專業(yè)知識要求高，商家的用人成本高。
比如在類目選擇環(huán)節(jié)，需要小二熟悉平臺類目體系。
在屬性填寫環(huán)節(jié)，需要小二熟悉商品知識。
在圖片制作環(huán)節(jié)，需要小二熟悉國家電商法律法規(guī)以及平臺運(yùn)營規(guī)范。
所以，就需要將專業(yè)知識內(nèi)嵌的產(chǎn)品系統(tǒng)，減少對商家小二知識的依賴，這些要求在產(chǎn)品能力上通過智能化技術(shù)進(jìn)行支撐。
有了智能化支持，在發(fā)布商品的時候，小二只需要填寫商品標(biāo)題或者幾個關(guān)鍵詞，系統(tǒng)就會提醒你它可能屬于什么類目，讓你去做選擇。
屬性的填寫也是如此，系統(tǒng)將可能的屬性值羅列出來，讓你做選擇就行。
這樣即使不是一個資深的采購也能明白，將難度降低到中級甚至初級。
如果有些小二對于平臺規(guī)則不熟悉，系統(tǒng)會在頁面給出指引或者視頻圖文在線交互學(xué)習(xí)，引導(dǎo)小二正確操作。
比如小二不知道生產(chǎn)許可證編號是什么，系統(tǒng)會給出相關(guān)提示和案例，小二看到案例就會一目了然。為什么電商平臺要做到如此細(xì)致，因?yàn)樯碳姨嗔耍热绨⒗?、拼多多、美團(tuán)等平臺的商家數(shù)量高達(dá)千萬，不可能商家有疑問就找平臺客服。通過便捷式學(xué)習(xí)自助式解決，只要中初級人員就可以完成工作，降低了商家的用人成本，同時也減少了平臺客服的用工人數(shù)，降低了電商平臺企業(yè)的成本。
3）系統(tǒng)自檢和容錯
在智能化或在線學(xué)習(xí)前提下，小二仍舊可能發(fā)生錯誤操作，或者利益驅(qū)使下故意犯錯，或者系統(tǒng)知識不完備，有時候商家是正確操作，但是系統(tǒng)認(rèn)為是錯誤的。在這樣的情況下，系統(tǒng)要具備實(shí)時自檢能力，根據(jù)事先內(nèi)嵌的專業(yè)知識，實(shí)時校驗(yàn)并提示商家實(shí)時糾錯。如果商家堅(jiān)持，系統(tǒng)具備容錯能力，業(yè)務(wù)依舊可以進(jìn)入后續(xù)環(huán)節(jié)，而不是在線等待。
比如在填寫冰箱的體積時，系統(tǒng)會內(nèi)設(shè)一個最大最小的體積范圍，但是商家的冰箱超出了最大體積，在商家小二進(jìn)行屬性填寫的時候，系統(tǒng)會根據(jù)內(nèi)嵌的物流體積范圍，校驗(yàn)小二填寫的體積，超過范圍實(shí)時提示商家糾正，如果商家堅(jiān)持，還可以繼續(xù)填寫，但是系統(tǒng)會記錄這個異常數(shù)據(jù)，平臺客服會與商家小二進(jìn)行確認(rèn)，最后更新內(nèi)嵌知識。
小結(jié)：
人口紅利消失，增量業(yè)務(wù)拓展難度加大的時代背景下，降成本也是提升企業(yè)競爭力的有效手段。針對B端業(yè)務(wù)的重復(fù)、繁雜、專業(yè)的業(yè)務(wù)特點(diǎn)，我們B端產(chǎn)品經(jīng)理應(yīng)該將B端系統(tǒng)設(shè)計成足夠自動化、智能化實(shí)現(xiàn)人機(jī)替代，并設(shè)計友好無縫的交互學(xué)習(xí)素材實(shí)現(xiàn)低專業(yè)知識依賴，幫助企業(yè)實(shí)現(xiàn)降成本的目標(biāo)。
4）規(guī)范化
每個商家對商品的理解可能不同的，所以說法可能就不一樣。比如同一罐奶粉，它適用于一到三歲的孩子，也可以寫作12到36個月。相同含義項(xiàng)目多且雜，商家不知道該選誰、用哪種說法，因此大數(shù)據(jù)也無法歸一統(tǒng)計，精準(zhǔn)分析。這就要求知識盡量規(guī)范化，將含義相同表述不同的業(yè)務(wù)知識規(guī)范化，形成業(yè)務(wù)規(guī)范知識庫。
規(guī)范化提煉后，盡量讓商家小二選擇屬性值，減少自由填寫錯誤。大數(shù)據(jù)根據(jù)規(guī)范之后的知識進(jìn)行統(tǒng)計分析，提供給商家的數(shù)據(jù)更精準(zhǔn)，這樣對于商家決策來說幫助更大。
而這些知識是從哪里來的呢？從商品說明書，客服、評價、調(diào)研中采集而來，屬性值通過歷史數(shù)據(jù)和商家小二的在線提報補(bǔ)充到知識庫，內(nèi)嵌于系統(tǒng)中。
5）標(biāo)準(zhǔn)化
隨著電商發(fā)展，各種非標(biāo)商品急需在線上獲得商業(yè)機(jī)會，同時消費(fèi)者對服務(wù)的要求越來越高，所以，將非標(biāo)商品或服務(wù)標(biāo)準(zhǔn)化，擴(kuò)大商家的商業(yè)機(jī)會，同時有助于提供統(tǒng)一的交互語言和商品定價。其中包括服務(wù)的標(biāo)準(zhǔn)化，比如保險、物流、售后等，能夠提供這些服務(wù)的商家會獲得更多的流量和更高的轉(zhuǎn)化，也會倒逼其他商家進(jìn)行服務(wù)升級。
將非標(biāo)商品標(biāo)準(zhǔn)化，例如生鮮水果，通過建立標(biāo)準(zhǔn)，提供統(tǒng)一定價依據(jù)，有助于優(yōu)質(zhì)商品實(shí)現(xiàn)優(yōu)質(zhì)優(yōu)價，同時避免商家描述不一致帶來的客訴。
6）平臺化
平臺上有大量商家做完全相同的工作，那么能否在商家間共享工作結(jié)果，節(jié)約社會資源，例如有上百個商家賣同樣的蘋果手機(jī)，這些商家發(fā)布商品都需要填寫商品的參數(shù)信息（多達(dá)上百項(xiàng)），將這些相同的工作進(jìn)行平臺化后能讓所有商家共享。
將商品的描述分為產(chǎn)品信息和銷售信息，其中產(chǎn)品信息是相同的，所有商家共享；銷售信息每個商家都不一樣，自己做維護(hù)。
建立這樣一個產(chǎn)品信息庫之后，商家只要在發(fā)布商品時檢索產(chǎn)品信息，其他信息全部由產(chǎn)品信息庫提供，無需商家輸入，數(shù)據(jù)一致性有了保障。
例如手機(jī)只需要填寫品牌、系列、顏色、內(nèi)存，其他公共信息可被自動調(diào)出來供所有商家使用。
包括快消品，以濕紙巾為例，只要檢索品牌、序列、規(guī)格，就能其他信息調(diào)出來。非標(biāo)品的服飾也可以這么做，提供品牌和貨號就可以調(diào)出其他信息。
小結(jié)：
馬老師曾經(jīng)說過：“數(shù)據(jù)就是互聯(lián)網(wǎng)時代的石油”，挖掘業(yè)務(wù)蘊(yùn)含的數(shù)據(jù)價值，可以為企業(yè)提升經(jīng)營效益，在B端產(chǎn)品系統(tǒng)中，通過規(guī)范化、標(biāo)準(zhǔn)化和平臺化可以提升數(shù)據(jù)的準(zhǔn)確性和一致性，有利于發(fā)揮大數(shù)據(jù)價值。
B端產(chǎn)品在實(shí)施落地中主要存在兩大難點(diǎn)。
很多時候，老板說要做一項(xiàng)工作，產(chǎn)品經(jīng)理可以給出方案，推動研發(fā)并實(shí)施上線，但是產(chǎn)品上線后缺乏運(yùn)營，最終導(dǎo)致產(chǎn)品難以達(dá)到預(yù)期成效。這主要企業(yè)內(nèi)分工不清晰，有產(chǎn)品無運(yùn)營，有系統(tǒng)無人背負(fù)運(yùn)營或者經(jīng)營指標(biāo)考核，要求產(chǎn)品經(jīng)理推動無運(yùn)營無考核不立項(xiàng)進(jìn)行產(chǎn)品設(shè)計，規(guī)劃，更別說研發(fā)了。
B端產(chǎn)品想要降本增效，但是很多人擔(dān)心會因此丟了工作。所以，他們有所顧慮讓降本增效難以推進(jìn)。因此，在存量業(yè)務(wù)中找增量業(yè)務(wù)，把部分員工分流到新業(yè)務(wù)中去。例如，針對電商業(yè)務(wù)，我們可以不僅僅只做零售，還可以做批發(fā)；不單單做線上，還可以做線下，這樣對員工的技能也是很大的提升。
現(xiàn)在企業(yè)合并或并購已經(jīng)非常常見了，弱勢企業(yè)B端系統(tǒng)往往被要求對齊到強(qiáng)勢企業(yè)，改造過程困難也比較大。
尤其是文化習(xí)慣制度方面的差異，這些差異往往也體現(xiàn)在B端產(chǎn)品上。
所以，在企業(yè)文化融合方面要建立溝通共識。文化習(xí)慣制度靈活把握尺度，非原則問題的差異，可以求同存異，逐步對齊，原則問題需要一步對齊。
除了文化方面，在業(yè)務(wù)方面，不同公司也不一樣，有成熟的業(yè)務(wù)也有新業(yè)務(wù)。這種情形最好是互補(bǔ)，而不是一味用強(qiáng)勢企業(yè)取代被并購/合并方，否則不僅可能造成人員的大幅動蕩，而且可能將被收購企業(yè)的成熟業(yè)務(wù)破壞掉。例如某線上的電商平臺，并購了線下的企業(yè)，在進(jìn)行商品融合的時候，給原來線下的企業(yè)新增一個線上的渠道。
以賣葡萄酒為例，線下門店是按照國家產(chǎn)區(qū)進(jìn)行分類，比如法國、意大利、澳大利亞；而線上是按葡萄酒類型分類的，比如起泡酒、干紅等。
為什么會出現(xiàn)這樣的差異呢？因?yàn)殡娚唐鸪醯倪M(jìn)口酒業(yè)務(wù)是商家C模式，傭金扣點(diǎn)都是相同的，但是線下門店是自營模式經(jīng)營，來自不同國家進(jìn)口葡萄酒關(guān)稅不同，因此分類體系也不同。
在融合方案的時候，不能只是簡單將線下知識廢棄掉，而是合理地吸收。
因此融合之后，線上的商品主數(shù)據(jù)多了類別和產(chǎn)地，線下的商品也可以在線上進(jìn)行銷售。
小結(jié)：
B端產(chǎn)品核心價值為企業(yè)降本增效。B產(chǎn)品經(jīng)理是企業(yè)降本增效的“引擎”，主導(dǎo)系統(tǒng)架構(gòu)設(shè)計，能否按照降本增效背后本質(zhì)的產(chǎn)品邏輯，設(shè)計出具備人機(jī)替代、智能化、規(guī)范化、標(biāo)準(zhǔn)化和平臺化系統(tǒng)功能決定降本增效能否實(shí)現(xiàn)。同時在業(yè)務(wù)流程中，我們需要設(shè)計好交互學(xué)習(xí)環(huán)節(jié)來降低工作人員的專業(yè)知識的學(xué)習(xí)成本，同時建立糾錯容錯能力確保業(yè)務(wù)順利快速展開。
針對B端產(chǎn)品落地實(shí)施難點(diǎn)，產(chǎn)品經(jīng)理除了需要提升自身專業(yè)能力外，也需要關(guān)注企業(yè)內(nèi)的組織問題和企業(yè)間的協(xié)作問題，前者主要通過明確職責(zé)分工和尋找增量業(yè)務(wù)來化解，后者需要掌握融合的原則和抓住業(yè)務(wù)差異背后的本質(zhì)原因，對癥下藥。這背后需要我們產(chǎn)品經(jīng)理具有深刻的業(yè)務(wù)洞察力，可以說思考力深度決定了產(chǎn)品經(jīng)理職業(yè)天花板的高度。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
盡管我們對COVID-19還不夠了解，但疫情流行已經(jīng)為可穿戴設(shè)備、線上醫(yī)療和人工智能等數(shù)字健康的發(fā)展搭建了舞臺。可以預(yù)見，到2021年，這些行業(yè)將繼續(xù)發(fā)展。
同時，一些非凡的自我監(jiān)控應(yīng)用程序繼續(xù)應(yīng)用到可穿戴設(shè)備上，提供步數(shù)、睡眠、心率、血壓的即時可視化數(shù)據(jù)。這些復(fù)雜的功能可以讓用戶掌控健康，并獲知如何改變生活方式。
到2025年，全球醫(yī)療人工智能軟件、硬件和服務(wù)市場預(yù)計將超過340億美元。
線上醫(yī)療，即醫(yī)患病雙方開展虛擬咨詢。線上醫(yī)療之所以得以發(fā)展，是因?yàn)樵谝咔閲?yán)重時期，提倡人們減少直接接觸?？梢灶A(yù)見，衛(wèi)生服務(wù)部門希望將醫(yī)療資源和資金分配給最需要的患者，而這種線上的方式將繼續(xù)的發(fā)展成熟。
還有人工智能，人工智能將賦能精準(zhǔn)醫(yī)療、基因組學(xué)、新藥研發(fā)和醫(yī)學(xué)成像。以癌癥治療為例，借助人工智能的模式識別，醫(yī)生可以根據(jù)患者的基因組成和生活方式定制個性化的治療方案。
-------
虛擬現(xiàn)實(shí)（VR）是一項(xiàng)“未來主義”技術(shù)，在一段時間內(nèi)很難成為主流，特別是其配件——Facebook的Oculus Rift、HTC Vive和PS VR等頭盔的價格居高不下。
然而，《半條命：愛莉克斯》等新發(fā)行游戲取得成功；能夠創(chuàng)造動態(tài)和創(chuàng)造性混合現(xiàn)實(shí)解決方案的開發(fā)者涌現(xiàn)；健康、展覽和娛樂藝術(shù)等非游戲市場的需求增加VR技術(shù)將再次崛起。
VR游戲行業(yè)的全球收入預(yù)計將從2017年的4億美元增長到2024年的24億美元。
那么，非游戲市場是如何適應(yīng)VR的呢？在疫情期間，GDC 2020以VR形式舉辦了討論會，借助360度全景展臺、網(wǎng)絡(luò)研討平臺和聊天室，遠(yuǎn)程與會者也能參加互動。2021年，預(yù)計會有更多的組織者利用這項(xiàng)技術(shù)來觸及全球更多的觀眾。
此外，為優(yōu)化在慢性疼痛、焦慮和創(chuàng)傷后應(yīng)激障礙方面的治療，VR技術(shù)在數(shù)字健康領(lǐng)域?qū)⒂懈嗟膽?yīng)用。甚至，VR技術(shù)可能在劇院和博物館得以應(yīng)用，讓文藝的大門幾乎對全公眾開放。
------
增強(qiáng)現(xiàn)實(shí)（AR）是另一種“未來主義”技術(shù)。AR越來越流行。想在花園里見到一只真實(shí)大小的長頸鹿？想看看宜家家具在室內(nèi)的擺放？甚至想嘗試紋身？AR正以許多新奇的方式進(jìn)入人們的生活。
AR產(chǎn)品的全球市場在未來四年內(nèi)將激增85%，達(dá)到1650億美元。
蘋果公司已經(jīng)在重建和重組產(chǎn)品，讓日常用戶更易上手使用。據(jù)美國《行業(yè)周刊》（Industry Week）雜志報道，蘋果這家科技巨頭正在研發(fā)數(shù)款A(yù)R產(chǎn)品
如：數(shù)字眼鏡可以與iPhone無線連接，將電影、地圖等內(nèi)容發(fā)送給佩戴者。是不是很酷?
新的AR技術(shù)和應(yīng)用出現(xiàn)，將刺激企業(yè)尋找能夠創(chuàng)建AR界面和圖形疊加的設(shè)計師。市場上出現(xiàn)了谷歌ARCore、Adobe Aero和XD(現(xiàn)在具有3D轉(zhuǎn)換功能)等低價的設(shè)計應(yīng)用程序，讓沉浸式增強(qiáng)體驗(yàn)設(shè)計日漸成為現(xiàn)實(shí)。
-------
用戶語音界面（Voice User Interface， VUI）無疑是2020年最熱門的趨勢之一。蘋果、谷歌和亞馬遜等知名品牌改變了搜索信息和使用智能家居設(shè)備的方式。
全球超過四分之一的線上人口正在移動設(shè)備上使用語音功能。
以VUI為例，要調(diào)暗燈光，只需說：“谷歌，調(diào)暗燈光”；或者也可以快速叫一輛優(yōu)步，呼叫：“Alexa，叫優(yōu)步。”這些語音命令現(xiàn)在已經(jīng)深入到日常生活中，VUI技術(shù)的身影也正隨處可見。
VUI無疑是主旋律，將VUI作為UX組成部分的企業(yè)估計將越來越多。因此，企業(yè)將尋找設(shè)計沉浸式語音體驗(yàn)的工具、技能和人才。
VUI是新事物，在設(shè)計應(yīng)用程序或技術(shù)時，找到可以遵循的流程很不容易。但是，CareerFoundry從流行的設(shè)計思維中尋找方法，已經(jīng)創(chuàng)建了簡單的VUI框架。所以，到2021年，將會出現(xiàn)更多用于設(shè)計語音體驗(yàn)的工具和技術(shù)。
-------
微文案（microcopy）是UI上幫助用戶做某些操作的小段文字。沒有好的微文案會讓界面彼此脫節(jié)，會缺乏人情味。如果技術(shù)進(jìn)步了，可語言缺乏人味，那么也難以和用戶建立良好的關(guān)系。
根據(jù)倫敦的《語言內(nèi)容設(shè)計報告》（Voice and Content Design London），英國人口的平均閱讀年齡為9歲。
在2021年，UX文案撰稿人將會更加活躍，熟練的溝通風(fēng)格會引起人們的共鳴。所撰的文稿引人入勝、獨(dú)具特點(diǎn)和令人信賴。因此，他們在產(chǎn)品開發(fā)過程中將扮演著重要角色。
出色的UX微文案將為虛擬助手增添人情味、為用戶查詢提供上下文語境、簡化反饋和引入人性化語言。Marshmallow、Gousto、Airbnb等公司的UX文案撰寫人員在這一方面尤為出彩。
-------
市場過度飽和，競爭激烈，要讓用戶選擇您的產(chǎn)品或服務(wù)，需要對他們的內(nèi)在需求有更深入的了解。知道是什么觸動他們的心靈、什么是他們的痛點(diǎn)、什么能引起他們的反應(yīng)，這些是提高產(chǎn)品活躍度和留存率的關(guān)鍵。
行為設(shè)計是一個刻意、系統(tǒng)地改變?nèi)祟愋袨榈目蚣?。而這一框架需通過說服用戶改變物理環(huán)境和數(shù)字環(huán)境。到2021年，行為設(shè)計的需求將會增加，從而吸引用戶的注意力、增強(qiáng)社交圈子、改善健康、保持平靜的心態(tài)、鼓勵自我實(shí)現(xiàn)、讓人們走上正確的道路，擁有更好的未來。
那些經(jīng)科學(xué)驗(yàn)證能鼓勵行為改變的技術(shù)將幫助企業(yè)確定新的設(shè)計策略，提高產(chǎn)品的用戶生命周期價值；甚至能像蘋果智能手表的洗手檢測功能那樣，鼓勵人們采取新行為。
-------
2014年，劍橋分析公司（Cambridge Analytica，是一家進(jìn)行資料探勘及數(shù)據(jù)分析的私人公司）丑聞啟發(fā)了全世界——個人數(shù)據(jù)變得越來越有價值，比原油更有價值！在數(shù)十億美元的行業(yè)中，技術(shù)平臺不斷在尋找新的方式來保持用戶的點(diǎn)擊量、閱讀量和分享量。
技術(shù)平臺可供用戶點(diǎn)擊、閱讀和分享，從而賺了數(shù)十億美元。
幾年來，我們討論了技術(shù)和社交媒體對人類的危害。Netflix在2020年上線的紀(jì)錄片《社交困境》，特別探討了社交媒體的興起及其對美國社會的損害，專家們發(fā)出了警惕。
采用保護(hù)用戶隱私的設(shè)計規(guī)范，創(chuàng)造出更多滿足用戶需求的“人性化”產(chǎn)品。如何在不詢問太多個人信息的情況下提供出色的體驗(yàn)？還有，真的有必要讓用戶長時間停留在產(chǎn)品上嗎
-------
站在歲尾，我們翹首以盼，期待來年有更多令人興奮的產(chǎn)品、創(chuàng)新和身臨其境的體驗(yàn)。隨著人們對生活方式和幸福感的認(rèn)識不斷提高，新的發(fā)展將從數(shù)字醫(yī)療開始，選用可穿戴和遠(yuǎn)程醫(yī)療的用戶將持續(xù)增長。
身臨其境的非游戲VR體驗(yàn)越來越多，未來技術(shù)將獲得更多關(guān)注，甚至可能成為主流。我們可以看到通過“另一種現(xiàn)實(shí)”，參與展覽、娛樂，甚至參加辦公室會議的用戶越來越多。
然后，展望AR和VUI的新設(shè)計過程。您如果盡早學(xué)習(xí)工具和技能，就可以超越傳統(tǒng)的基于屏幕的體驗(yàn)做出創(chuàng)新。此外，UX文案將在塑造產(chǎn)品UI中扮演更重要的角色。
最后，行為設(shè)計包含一系列認(rèn)知科學(xué)，這些認(rèn)知科學(xué)可以為設(shè)計師和研究人員提供不同的人性化設(shè)計理念。當(dāng)然，應(yīng)該使用合乎道德的方式來構(gòu)建引導(dǎo)用戶的技術(shù)，從而確保用戶的心理健康和需求始終走在設(shè)計的第一位。
所以，2021年應(yīng)該是UX不平凡的一年。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：一百percent
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
這是5月參加阿里設(shè)計周“智能與計算”分論壇后的感想小結(jié)，因?yàn)檎搲蟛糠衷谥v算法和實(shí)現(xiàn)方式，所以在這里我就其中的AI與設(shè)計相關(guān)部分做一些深入分享。
我的思路大概分為三個部分：AI時代的來臨；AI如何影響設(shè)計；未來的設(shè)計何去何從。
第一部分：聊聊AI時代來臨，設(shè)計的世界發(fā)生了什么變化？
每個時代的設(shè)計都有不同的定義，農(nóng)業(yè)和工業(yè)時代的設(shè)計更多是指設(shè)計師通過手工制作的方式闡釋自己對美感和藝術(shù)的理解。
到了信息時代，設(shè)計除了要考慮美感，還要考慮是否實(shí)用和好用。設(shè)計的對象開始從真實(shí)世界轉(zhuǎn)向數(shù)字世界，設(shè)計思想開始考慮以用戶為中心的設(shè)計；設(shè)計方向也增加了很多領(lǐng)域，包括都多媒體藝術(shù)、游戲設(shè)計、網(wǎng)頁設(shè)計、移動應(yīng)用設(shè)計等。
在人工智能時代下，AR設(shè)計、智能硬件逐漸發(fā)展，設(shè)計的改革更多考慮的是如何將真實(shí)世界和數(shù)字世界進(jìn)行融合，如何在自己產(chǎn)品上更好地闡釋藝術(shù)、美感和實(shí)用性。
第二部分，AI如何影響設(shè)計，設(shè)計因?yàn)槿斯ぶ悄芏a(chǎn)生了哪些改變呢？
結(jié)合論壇的內(nèi)容，我覺得從以上五個方面產(chǎn)生了較為深遠(yuǎn)的影響。
人工智能幫助設(shè)計師解決在創(chuàng)意過程中面臨的一系列問題，將重復(fù)勞動變得自動化 ，節(jié)省設(shè)計師大量的時間，減輕設(shè)計師的工作量。
數(shù)據(jù)驅(qū)動自動生成，取代人工建模，減少了設(shè)計的時間成本。通過組件標(biāo)準(zhǔn)化，來構(gòu)建三維幾何，然后geometry格式入庫，最后由渲染引擎繪制。
再比如，雙11期間有1.7 億個BANNER，都來自阿里的“鹿班”AI設(shè)計系統(tǒng)。設(shè)計數(shù)據(jù)—機(jī)器學(xué)習(xí)、訓(xùn)練模型—生成設(shè)計結(jié)果并評估。如果這些工作量由人工來完成，那么設(shè)計師真的就成了“沒有感情的作圖機(jī)器”了。
當(dāng)今社會，隨著產(chǎn)業(yè)智能的發(fā)展，在這個變革中，挑戰(zhàn)不單單來自技術(shù)，也來自客戶對智能數(shù)字體驗(yàn)的極致追求。這給開發(fā)人員和設(shè)計師都提出了全新的難題，在可視化領(lǐng)域，通過技術(shù)和設(shè)計兩個角色更緊密的捆綁，產(chǎn)生了讓人欣喜的化學(xué)反應(yīng)。
從原始數(shù)據(jù)到圖表并不是直接的，它需要經(jīng)過交互的分析，得到指標(biāo)結(jié)果，最終以可視化圖表呈現(xiàn)，而呈現(xiàn)的視覺方式是多樣化的。
這就是所謂的兩種數(shù)據(jù)，三層講述：
第一步是原始數(shù)據(jù)的準(zhǔn)確轉(zhuǎn)譯，工具需要數(shù)據(jù)對接能力，即對現(xiàn)狀的講述。
第二步是分析過程，從腳本模式跨入數(shù)據(jù)驅(qū)動，讓數(shù)據(jù)的分析變得可知可信。
第三部是觀點(diǎn)數(shù)據(jù)的表達(dá)，也就是創(chuàng)作強(qiáng)化，將結(jié)論以可視化的多樣形式被表達(dá)。
這是根據(jù)地圖的原始數(shù)據(jù)得到的多種可視化設(shè)計方案，同一份原始數(shù)據(jù)，卻得到了不同的形式表達(dá)。
因?yàn)閮H僅有準(zhǔn)確的數(shù)據(jù)結(jié)論是不夠的，因?yàn)?strong style="outline:0px;margin:0px;padding:0px;">數(shù)據(jù)需要更好地被講述和表達(dá)，如果僅僅將數(shù)據(jù)呈現(xiàn)給用戶，那么理解難度將會大大提高，而設(shè)計是為了讓產(chǎn)品變得更加容易使被理解和使用。
第二點(diǎn)，體現(xiàn)在建筑的三維可視。
首先，在二維地圖選取建模范圍，通過智能化的處理，根據(jù)數(shù)據(jù)構(gòu)建初始的三維地圖。
然后通過數(shù)據(jù)聯(lián)動，將城市建筑虛擬還原。
整個過程從數(shù)月—> 數(shù)周—> 數(shù)天，時間大大縮短，人力成本減少，釋放更多的精力去進(jìn)行創(chuàng)意工作。
建筑三維化的應(yīng)用：比如車道級地圖。
相比于傳統(tǒng)地圖，車道級地圖導(dǎo)航在信息精細(xì)度、定位準(zhǔn)確性、動態(tài)信息豐富度上有大幅提升。
車道級導(dǎo)航能清晰顯示道路上的虛實(shí)標(biāo)線、自己的車行駛在哪條車道上，還能在地圖上看到車身攝像頭和雷達(dá)檢測到的周圍車輛、錐桶、防撞桶等。
當(dāng)設(shè)計對象從單個產(chǎn)品轉(zhuǎn)變到用戶的經(jīng)歷和當(dāng)前環(huán)境時，設(shè)計師不能只考慮自己的產(chǎn)品體驗(yàn)，需要從大局出發(fā)，思考每個產(chǎn)品之間的聯(lián)動，考慮不同場景下自己的產(chǎn)品如何服務(wù)用戶以及如何與其他產(chǎn)品聯(lián)動。產(chǎn)品設(shè)計從單體變成一塊需要考慮兼容上下左右外部環(huán)境的拼圖。
智能化的場景的改變對設(shè)計有哪些影響呢，我們來看這張圖：設(shè)計的場景從有形—>無形、靜態(tài)—>動態(tài)、永恒—>瞬間的轉(zhuǎn)變。體驗(yàn)設(shè)計的趨勢從GUI到TUI(實(shí)體交互)，再到Radical Atoms，場景的改變對設(shè)計的影響維度不是單一的。
設(shè)計場景在AI時代不僅局限于手機(jī)，還涉及到實(shí)時場景的設(shè)計情況。
比如谷歌的實(shí)時翻譯、語音翻譯。輸入與輸出是同步進(jìn)行的，這就對設(shè)計提出了新的要求。
此外，還有語音智能VUI，徹底打破了以往的交互體驗(yàn)，改變了人和工具之間的互動關(guān)系，反向塑造著人類的認(rèn)知方式和學(xué)習(xí)行為。下面來看一個小愛5.0案例：
對話是人與人之間交換信息的普遍方式，語音交互設(shè)計涉及系統(tǒng)學(xué)、語言學(xué)和心理學(xué)，因此它比 GUI的交互設(shè)計更加復(fù)雜。
體驗(yàn)設(shè)計經(jīng)歷了PC時代、Mobile時代，現(xiàn)在進(jìn)入IoT體驗(yàn)時代。設(shè)計的解決方案與技術(shù)的發(fā)展息息相關(guān)，設(shè)計和技術(shù)互相促進(jìn)帶來新的體驗(yàn)革命，設(shè)計師一直在探討和實(shí)踐在新技術(shù)環(huán)境下的新體驗(yàn)設(shè)計，并基于出行、醫(yī)療、社區(qū)、政務(wù)等行業(yè)持續(xù)挖掘服務(wù)聚合模式與場景體驗(yàn)的創(chuàng)新。
在新零售的場景下，購買和支付流程發(fā)生了改變，這就需要設(shè)計師重新思考消費(fèi)者的心理地圖。例如無人零售、Amazon Go、支付寶IOT支付等等。下面來看一下Amazon Go的案例：
如何讓用戶使用更便捷、體驗(yàn)更順暢；要向用戶提供什么樣的服務(wù)，如何讓用戶注意到我們的產(chǎn)品，如何向他們傳遞企業(yè)的服務(wù)價值和特點(diǎn)，這是IOT新零售下需要設(shè)計深入研究的方面。
在云端實(shí)現(xiàn)企業(yè)產(chǎn)品的全區(qū)域管控，監(jiān)控的設(shè)計視覺和交互又是不一樣的，比如論壇上的案例：荷魯斯之眼、全區(qū)域覆蓋的云監(jiān)控等等。
通過對多個實(shí)體空間中的數(shù)字設(shè)計探索，重新塑造人與空間的交互界面，提升人們對于空間的使用體驗(yàn)。下面舉個例子：
AT&T discovery district是一個數(shù)字化的互動商業(yè)社區(qū)。
它從重新審視建筑本體開始。通過虛實(shí)和光影的變幻，營造出了實(shí)體空間體驗(yàn)，空間本體就是對話的那個界面。實(shí)體空間和數(shù)字內(nèi)容的結(jié)合，構(gòu)建出人與建筑之間新的交互界面。
廣場的數(shù)字球體入口，人的位置和數(shù)量變動，球體內(nèi)的燈光也會跟隨變動。
人工智能促使了交叉學(xué)科的工種產(chǎn)生：數(shù)字體驗(yàn)設(shè)計師、創(chuàng)意工程師。這兩種職業(yè)是做什么呢？面對正在到來的智能時代，體驗(yàn)設(shè)計師和創(chuàng)意工程師將共同面對“AI”這一全新的命題，在智慧工地、智慧教育、數(shù)字警務(wù)室、神經(jīng)符號AI等應(yīng)用中，提煉出智能感設(shè)計方法、利用圖形技術(shù)能力自研產(chǎn)品并賦能業(yè)務(wù)。
數(shù)字世界中的設(shè)計師：橫跨了藝術(shù)、文化、科學(xué)、商業(yè)多個學(xué)科；從傳播學(xué)、心理學(xué)、應(yīng)用科學(xué)和統(tǒng)計學(xué)進(jìn)行用研，去解決用戶遇到的問題。
它不僅涉及到需求分析和產(chǎn)品設(shè)計，還貫穿至產(chǎn)品運(yùn)維、測試、發(fā)布、分析，從設(shè)計洞察中做出創(chuàng)新設(shè)計。
未來的設(shè)計師將融合人工智能和創(chuàng)意編程技術(shù)，在世界數(shù)智化的大潮中找到新的定位和新的機(jī)遇。
第三部分，在人工智能時代下，未來的設(shè)計會走向哪里？新時代的設(shè)計師怎樣找準(zhǔn)自己的定位呢？
人工智能的成熟對部分設(shè)計師來說簡直是災(zāi)難性的打擊，之前無論是通過技法還是數(shù)據(jù)分析才能完成的工作，人工智能一下子就可以完成，后續(xù)根本不需要這么多設(shè)計師來完成這些工作。那么設(shè)計師是否會被人工智能取代？我們先來看一張人類能力地圖：
這張圖中，海拔高度代表這項(xiàng)任務(wù)被計算機(jī)執(zhí)行的難度，不斷上漲的海平面代表計算機(jī)現(xiàn)在能做的事情。從圖中可以看出，目前人工智能水平預(yù)警線距離代表藝術(shù)的山峰還很遠(yuǎn)。
人工智能沒有人類的跨領(lǐng)域推理、抽象類比能力，也沒有人類的主觀能力如靈感、感覺和感受；更沒有人類特有的靈魂、愛、意識、理想、意圖、同理心、價值觀、人生觀等，這導(dǎo)致人工智能在未來很長一段時間內(nèi)都無法很好理解人類的心理和行為是什么，在解決推理和情感問題時會不盡人意。
設(shè)計除了解決問題外，還涉及對美的理解和創(chuàng)作，美感是對美的體會和感受，它是復(fù)雜的，包含了歷史、文化、環(huán)境、情感等客觀因素和主觀因素，所以在不同的時代、階級、民族和環(huán)境中，有著不同文化文化修養(yǎng)和個性特征的人對美的定義也不同。
人工智能依賴數(shù)據(jù)和經(jīng)驗(yàn)解決問題，它能解決大部分智力可解決的問題，但解決不了需要情感和美感才能解決的問題。而設(shè)計的擅長領(lǐng)域，是人工智能不擅長的：跨領(lǐng)域推理、抽象能力、常識、審美、自我意識與情感。那么AI與設(shè)計的關(guān)系怎樣的呢？
設(shè)計是為了解決問題。人工智能使機(jī)器代替人類實(shí)現(xiàn)認(rèn)知、識別、分析、決策等功能，其本質(zhì)是為了讓機(jī)器幫助人類解決問題，也就是說，人工智能在一定程度上也是一種設(shè)計，它會創(chuàng)作出與人類思維模式類似的解決方案。所以AI與設(shè)計師是一種共生關(guān)系。因此設(shè)計師不用杞人憂天，擔(dān)心自己被人工智能取代。
隨著AI 技術(shù)的成熟，設(shè)計必定會發(fā)生新一輪的變化，在未來，更多領(lǐng)域和行業(yè)需要用到界面設(shè)計、人機(jī)交互等技能，各行各業(yè)的設(shè)計師需要掌握以上技能才能更好地服務(wù)當(dāng)前業(yè)務(wù)。那么未來的設(shè)計將走向哪里呢？
新一代的設(shè)計師是“與互聯(lián)網(wǎng)共同成長的一代”，相信在未來幾年里有更多的新晉設(shè)計師會掌握編程開發(fā)能力以及其他能力，綜合素質(zhì)會比目前的設(shè)計師更強(qiáng)，所以我們要保持終身學(xué)習(xí)，懂得如何將自己的能力和經(jīng)驗(yàn)轉(zhuǎn)換為優(yōu)勢，這樣才能在設(shè)計道路上不被超越。
那設(shè)計師可以從哪些方面來應(yīng)對智能時代的機(jī)遇和挑戰(zhàn)呢？
每一代人都有被下一代人取代的風(fēng)險，但有些很厲害的人就不容易被取代？因?yàn)樗麄冊?strong style="outline:0px;margin:0px;padding:0px;">不斷創(chuàng)造價值。無論在社會、行業(yè)還是在企業(yè)里，當(dāng)具備一定的影響力后，他們能更容易積累人脈和資源，然后反哺自己的價值，就跟滾雪球一樣，當(dāng)雪球越大，他們越不容易被別人取代，設(shè)計師需要有這樣的意識。
設(shè)計師需要懂得更多領(lǐng)域的知識和技術(shù)才能拓寬自己的視野，這些領(lǐng)域包括但不局限于傳感技術(shù)、網(wǎng)絡(luò)技術(shù)、智能仿真技術(shù)、虛擬技術(shù)、生物技術(shù)、納米技術(shù)等。因此科學(xué)與藝術(shù)是可以并且很有必要相通與交融的，設(shè)計師一定要學(xué)會跨界思考。人工智能時代下，數(shù)字世界和物理世界會逐漸融合，大到城市建設(shè)、公共服務(wù)、衣食住行和醫(yī)療；小到智能家居、穿戴式設(shè)備，這些機(jī)會將會留給已準(zhǔn)備好的挑戰(zhàn)者，所以設(shè)計師一定要拓寬自己的視野，不要把自己的目光局限在界面設(shè)計上。
如果不想被人工智能領(lǐng)先，人類的設(shè)計應(yīng)該是創(chuàng)新的（未成熟、未被發(fā)現(xiàn)規(guī)律的），包含更多元素的（更多復(fù)雜參數(shù)如歷史、文化、環(huán)境、情感等），“設(shè)計”這個詞語就涵蓋了以上元素。人工智能在藝術(shù)設(shè)計上還遠(yuǎn)遠(yuǎn)達(dá)不到人類的水平，深耕藝術(shù)設(shè)計將會為設(shè)計師帶來更多機(jī)會。
在人工智能時代下，當(dāng)產(chǎn)品基本都能滿足永不需求時，能為產(chǎn)品帶來活力和差異的除了自身的底層技術(shù)基礎(chǔ)，更多的是藝術(shù)型設(shè)計師的理念和風(fēng)格，以及自身的品牌。就像時尚品牌優(yōu)衣庫和Gucci，單件商品兩者的品牌和設(shè)計所帶來的的利潤差距巨大，相信未來的人工智能產(chǎn)品也會面臨類似的問題，設(shè)計師應(yīng)該考慮如何為產(chǎn)品賦予更多價值，如何彰顯用戶的個性。
既然AI是一個強(qiáng)大的工具，那么我們要思考如何運(yùn)用它來創(chuàng)造更多的價值。AI能夠快速便捷地獲取大量信息，幫助設(shè)計師拓展自己的視野，不斷更新自己的世界觀，從新的視角看待問題和解決問題。除了快速獲取信息外，設(shè)計師也應(yīng)該考慮如何通過AI提高自己的工作效率，例如哪些純勞動力工作交給AI去做效率會更高；哪些工作可以和AI一起協(xié)同完成更能激發(fā)創(chuàng)意。
最后，用一本科普書改編的話來結(jié)尾：一想到，還有95%的問題留給開發(fā)同學(xué)，我就放心了。
最后附上一張本文的腦圖：
參考資料：
[1]阿里設(shè)計周.智能與計算.2021
[2]薛志榮.AI改變設(shè)計.2019
[3][美]詹姆斯·弗拉霍斯.智能語音時代.2019
[4][美]梅瑞狄斯·布魯薩德.人工不智能.2018
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
智能家居越來越普及，智能化的生活是由一個個智能設(shè)備組成，這次通過近距離體驗(yàn)智能面板，來研究一下它們是如何提升產(chǎn)品體驗(yàn)的。
隨著互聯(lián)網(wǎng)的發(fā)展，生活智能化越來越普及，各類智能產(chǎn)品逐漸出現(xiàn)到人們面前，在體驗(yàn)的過程中，其實(shí)里面有很多細(xì)節(jié)需要深挖和思考。很多產(chǎn)品細(xì)節(jié)的背后都是為了提升用戶操作效率、兼容用戶使用場景、滿足用戶情感表達(dá)，以最終達(dá)到對用戶體驗(yàn)的提升。作為智能產(chǎn)品的設(shè)計師只有充分了解市面上的智能產(chǎn)品，才能設(shè)計出更好的產(chǎn)品。
開關(guān)對于每個人都不陌生，它用來控制設(shè)備的狀態(tài)，傳統(tǒng)開關(guān)的數(shù)量和要控制的設(shè)備數(shù)量有關(guān)，設(shè)備越多，開關(guān)越多，為了簡化人們的操作，智能面板孕育而出，它不僅可以操控家中單獨(dú)的設(shè)備，還可以對一系列設(shè)備進(jìn)行聯(lián)動控制。
1. 使用場景
室內(nèi)近場控制，滿足用戶家中近距離控制設(shè)備的場景。
2. 產(chǎn)品選擇
Gira、ORVIBO、綠米
為什么選他們？
3. 研究方向
本文將從結(jié)構(gòu)、色彩、手勢操控方式、卡片形式、功能點(diǎn)這些方向展開分析。
Gira g1
TFT 屏、KNX 協(xié)議、定價 8000 元起
KNX 屬于歐洲總線技術(shù)，穩(wěn)定性最好，需要從設(shè)計階段介入，高門檻的技術(shù)要求讓 KNX 難以實(shí)現(xiàn)全民普及。
ORVIBO 智能開關(guān)
多點(diǎn)觸控電容屏、Wifi、藍(lán)牙、Zigbee、定價 899 元
Wifi、藍(lán)牙、Zigbee 屬于無線通信技術(shù)，穩(wěn)定性不如 KNX，但免布線，易擴(kuò)展，利于全民普及。
Aqara 智能開關(guān) S1 觸摸屏
IPS 屏、zigbee 協(xié)議、定價 899 左右
通過以上分析，Gira 的人群定位是有全屋定制需求的高消費(fèi)人群，其他兩個品牌的人群定位是面向嘗鮮體驗(yàn)的廣大普通消費(fèi)群體。
1. 功能點(diǎn)對比
通過功能列表中的對比發(fā)現(xiàn)，三個品牌的產(chǎn)品都通過場景聯(lián)動設(shè)備執(zhí)行來提高人們的操控體驗(yàn)，通過左右滑動來快速切換功能模塊類型；
Gira 和 ORVIBO 支持快速返回首頁、面板內(nèi)排序；
ORVIBO 的個性化體驗(yàn)最好，它具有語音控制、設(shè)備自動添加、設(shè)備自動歸類功能，這些差異點(diǎn)讓它比其他兩個產(chǎn)品更加智能。
以 Gira G1 為例，從結(jié)構(gòu)、色彩、手勢操控方式、卡片形式、功能點(diǎn)這些方向展開分析。
界面整體用以黑白灰為主，搭配少量顏色，給人簡潔干凈的感覺；
思考：智能面板除了具有功能屬性，還具有裝飾屬性，黑白灰為經(jīng)典搭配，可以更好兼容各種家裝風(fēng)格，還可以更好的展現(xiàn)內(nèi)容；少量的顏色用來強(qiáng)調(diào)正在運(yùn)行的設(shè)備狀態(tài)。
輔助色大方向上使用兩對互補(bǔ)色，在色環(huán)上形成了一個矩形，通過調(diào)節(jié)亮度飽和度達(dá)到統(tǒng)一和諧多彩的效果。
主要分為 2 大層級：功能卡片列表、設(shè)置為第一層級，設(shè)備控制為第二層級；
對于 gira 這種全屋定制的產(chǎn)品，家中一般會有很多設(shè)備，功能卡片放置在第一層級的好處是，便于用戶瀏覽鎖定目標(biāo)功能卡片。
區(qū)域 1 顯示 KNX 協(xié)議類型，室內(nèi)外溫度，時間；這部分內(nèi)容占比很小，說明這些內(nèi)容用戶不常用，但用戶會偶爾還是會看一下；
區(qū)域 2 為房屋名稱，返回上一級、返回首頁、設(shè)置、展示形式切換，這一區(qū)域全局置頂顯示，用戶在多級操作后，可以很快速的返回到首頁；
區(qū)域 3 顯示設(shè)備、場景的數(shù)量，用戶可以清楚的掌握家中設(shè)備場景的數(shù)量；
區(qū)域 4 為設(shè)備場景列表，用灰色背景來強(qiáng)調(diào)主操作區(qū)域。
一屏最多 6 個設(shè)備，通過左右滑動來展示更多設(shè)備
思考：為什么不是上下滑動，而是左右滑動
有 2 點(diǎn)猜測：
卡片內(nèi)容從上到下依次為設(shè)備場景 icon、名稱、狀態(tài)及快捷操作；
用戶可以通過 icon 快速鎖定設(shè)備類型，通過名稱確定目標(biāo)設(shè)備，進(jìn)行快速操作；
各功能模塊獨(dú)立劃分，快捷操作區(qū)域可以很好的兼容不同設(shè)備的功能鍵。
操控界面劃分為 2 部分，一部分為信息展示區(qū)，內(nèi)容為設(shè)備名稱、所屬區(qū)域；
另一部分為控制區(qū)，這部分區(qū)域固定，可以讓不同的設(shè)備控制看起來更統(tǒng)一；
大面積區(qū)域留給核心功能，輔助功能布局在四周，便于用戶準(zhǔn)確操控。
設(shè)備控制界面通過左右劃動快速切換其他設(shè)備，不需要返回菜單界面。
手掌長按屏幕，可喚起提前設(shè)置好的開關(guān)功能，這時面板相當(dāng)于簡單的開關(guān)，可以很快速的關(guān)閉開啟所在區(qū)域的燈。
Gira 這樣做還原了開關(guān)的本質(zhì)，當(dāng)想要開啟或關(guān)閉該房間內(nèi)的燈時，就不需要到菜單界面找這個設(shè)備了。
燈
燈操控界面用刻度形式表現(xiàn)，每一度為一個刻度，并且還可以通過中間的加減號進(jìn)行精確到 1 個百分比的亮度微調(diào)，品牌方想為用戶打造成清晰準(zhǔn)確調(diào)控的形象；
但在實(shí)際使用場景中，我們不大會對燈進(jìn)行這么精確的調(diào)節(jié)。
溫控器
溫控界面同樣可以精確調(diào)節(jié)，每 0.5 攝氏度為一個刻度；
溫控的精準(zhǔn)調(diào)節(jié)，就比較貼近我們?nèi)粘５氖褂昧?xí)慣，溫控器控制界面是沒有開關(guān)的，因?yàn)槟繕?biāo)人群家中多數(shù)是中央空調(diào)，隨便就可以關(guān)閉，對于大戶型的用戶來說是不友好的。
右下角的定時按鈕可以讓設(shè)備在特定時間內(nèi)以某一狀態(tài)運(yùn)行。
窗簾
窗簾的狀態(tài)值與操控條左右排列，這樣的排布好處是可以讓操控條長度最大化，便于用戶控制；
窗簾控制界面只分為有調(diào)角度的和沒有角度的；
窗簾操控條豎直排列，向上滑到頂部為窗簾全開，滑到底部為全關(guān)；
窗簾的行程和角度都用百分比的形式展現(xiàn)。
設(shè)計設(shè)備控制界面的思考方向一般有 2 種：
1. 界面控制方式要和設(shè)備的實(shí)際運(yùn)行方式一致
這種思考方向要考慮實(shí)際窗簾有左右運(yùn)行和上下運(yùn)行之分，上下劃動的操控方式來控制左右運(yùn)行的窗簾會有認(rèn)知上的偏差；
百葉簾的角度有正向和反向轉(zhuǎn)動之分，如果只按最后的遮光百分比來做，會造成設(shè)備兼容問題。
也就是說為了模擬真實(shí)的操控方式，需要設(shè)計出若干不同種類窗簾控制界面。
2. 界面控制方式與設(shè)備運(yùn)行結(jié)果關(guān)聯(lián)
這種思考方式不需要考慮窗簾的種類及開合方向，將所有種類的窗簾行程及角度歸為開、關(guān)兩種結(jié)果狀態(tài)，
就像 Gira 這樣，只需要做兩套界面就可以兼容幾乎全部的窗簾設(shè)備。
Gira 豎排控制條的優(yōu)勢
如果橫向布局，那么左右滑動切換設(shè)備時，會觸發(fā)控制條左右手勢，造成誤操作。
背景音樂
設(shè)備列表中背景音樂卡片的快捷按鈕很特別，由靜音、播放、下一曲組成，我們設(shè)計的時候一般會做成對稱的：上一曲、播放、下一曲，Gira 并沒有這么做，因?yàn)樵诒尘耙魳返氖褂弥?，一般有幾種需要快速響應(yīng)的場景：用戶在家中發(fā)起臨時談話，需要暫時安靜一下；不想聽了；這首歌的風(fēng)格不喜歡；
背景音樂操控界面功能和音樂應(yīng)用差不多，唯一不一樣的是，底部可以快速切換歌單，可以很快速切換不同音樂風(fēng)格。
文件夾功能
隨著設(shè)備、場景的增多，用戶可以根據(jù)自己的喜好將設(shè)備或場景歸類放置，便于快速定位功能卡片；
點(diǎn)擊文件夾卡片，進(jìn)入到顯示著眾多功能名稱的文件夾界面，點(diǎn)文件夾，才能進(jìn)入功能卡片列表，為什么要多一個文件夾查看的界面。
我們想象一下有這樣一種場景：面板中有幾十個功能卡片，用戶想開啟娛樂場景，這個場景好像在客廳文件夾或走廊文件夾里，于是去客廳文件夾快速翻看這里面有沒有，再點(diǎn)進(jìn)去操作。
Gira 這樣做符合用戶在功能卡片多的情況下快速選擇的習(xí)慣。
排序功能
可以通過拖動來調(diào)節(jié)設(shè)備卡片在菜單中的位置，省去了去后臺設(shè)置的步驟；
定時功能
定時列表用具象的時鐘來體現(xiàn)開始運(yùn)行時間，還用黑白來區(qū)分夜晚和白天，對于用戶來說掃一眼圖片就可以知道運(yùn)行時間，這種體驗(yàn)很好。
以 ORVIBO Mix Pad 為例，從結(jié)構(gòu)、色彩、手勢操控方式、卡片形式、功能點(diǎn)這些方向展開分析。
整體運(yùn)用深色色調(diào)，使用幾何圖案作為背景；
用白色體現(xiàn)基礎(chǔ)信息，用色彩強(qiáng)調(diào)設(shè)備場景的狀態(tài)及天氣信息；
運(yùn)用圓角元素，更加生活化。
顏色運(yùn)用比較豐富，以藍(lán)、橙兩互補(bǔ)色為主，其他顏色分別為它們的鄰近色；既能保持強(qiáng)對比，還能讓顏色變得柔和。
主要分為 2 大層級：首屏、設(shè)備控制界面、場景列表、鬧鐘為第一層級；設(shè)備類型、設(shè)置為第二層級；
智能面板一般裝在墻面，用戶站立操作，用戶不可能花太長時間來操控；
歐瑞博的人群為廣大普通消費(fèi)群體，家中的設(shè)備不會太多，設(shè)備控制界面層級前移，可以方便用戶直達(dá)控制區(qū)，用完即走。
首頁主要分為 2 個區(qū)域：
日期天氣區(qū)
時間、日期、天氣狀況信息，可以滿足用戶日常出門關(guān)注的內(nèi)容，并且在這個區(qū)域有多種表現(xiàn)形式供用戶選擇，既保持個性化還不失統(tǒng)一感。
快捷控制區(qū)
可以將常用的功能置頂在首頁展示，最多設(shè)置 2 個，用戶在首屏既能看到日期天氣還可以控制設(shè)備，大大提升了屏幕的利用率和用戶的操作效率。
這樣做的好處：
當(dāng)用戶準(zhǔn)備出門時，看了一眼面板上的天氣，點(diǎn)一下關(guān)玄關(guān)燈，就可以直接出門了，不需要滑到燈的菜單界面找到玄關(guān)燈然后再關(guān)閉它，真的很方便。
底部有向上滑動提示，告訴用戶下面還有重要內(nèi)容。
卡片內(nèi)容左右排布，從左到右依次為 icon、名稱及狀態(tài)、快捷控制，這種排布的好處是可以縮小每個卡片的高度，從而提高屏幕利用率；
但有個問題就是，左右排布的方式，內(nèi)容最多呈現(xiàn) 4 個文字，需要考慮這幾個字能否清楚的定義該卡片功能。
上滑可以查看全部功能卡片，給用戶在手機(jī)上瀏覽信息的熟悉感；
在新的操控設(shè)備運(yùn)用用戶熟悉的交互方式可以降低用戶的學(xué)習(xí)成本；
移動端上常見的手勢對應(yīng)結(jié)果有：左右滑——代表切換，向下滑——代表喚起相關(guān)功能設(shè)置，向上滑動——瀏覽更多信息。
用戶在首屏左右滑動就可以切換不同功能模塊，不需要返回上一級，在設(shè)備類型少的情況下，這種盲操會比較方便。
下滑進(jìn)入功能類型選擇、系統(tǒng)設(shè)置界面，這一區(qū)域相當(dāng)于導(dǎo)航，可以實(shí)現(xiàn)功能模塊間的快速切換。
多種手勢的組合可以在有限的屏幕內(nèi)操作更加靈活，但手勢太多會帶來一些問題：
針對以上問題解決的方法可以是：
場景卡片分為未激活、運(yùn)行中、運(yùn)行結(jié)束三種狀態(tài)；
場景運(yùn)行狀態(tài)變化在卡片 icon 區(qū)域體現(xiàn)，既傳達(dá)了運(yùn)行的過程，又不會打擾到用戶。
點(diǎn)擊卡片列表最底部的編輯按鈕，可以選擇將某一功能卡片置頂?shù)绞灼?，方便用戶快捷操作?
將普通燈、場景、門窗等操控方式相近的設(shè)備進(jìn)行了歸類顯示，并且和空調(diào)、色溫?zé)?、背景音樂等設(shè)備放置在同一層級；
從交互體驗(yàn)層講：由于家里的普通燈、場景、門窗的操控方式簡單統(tǒng)一、數(shù)量多，按照類別整合在一起便于查找控制；
從視覺層講：設(shè)備操控界面布局形式多，會給用戶造成整體視覺上的不統(tǒng)一，增加學(xué)習(xí)成本。
空調(diào)
空調(diào)控制界面，只能通過左右滑動以整數(shù)的形式來調(diào)節(jié)溫度，開啟中的時候，背景會有對應(yīng)模式的色彩氛圍效果，給用戶更直觀的感受；
底部只保留用戶最常用的模式、風(fēng)速、風(fēng)向三個功能。
色溫?zé)?/strong>
色溫?zé)艚缑婺J(rèn)為用戶推薦 6 種不同場景下使用的色溫選項(xiàng)，底部提供亮度調(diào)節(jié)功能，用戶只需要去選擇，大大縮短了用戶的操作路徑。
個性推薦在電商類產(chǎn)品中很常見，推薦機(jī)制基于對用戶行為習(xí)慣的分析，需要強(qiáng)大的后臺數(shù)據(jù)支持，智能家居這一塊通過窮舉用戶生活中的設(shè)備使用場景、目的從而提煉出對應(yīng)的功能選項(xiàng)可以大大提升產(chǎn)品使用體驗(yàn)。
窗簾
窗簾控制界面采用半寫實(shí)風(fēng)格，給用戶更加直觀感受，學(xué)習(xí)成本低，拖動窗簾區(qū)域就可以進(jìn)行行程的控制，由于沒有微調(diào)按鈕和行程狀態(tài)百分比，所以無法做到窗簾精準(zhǔn)控制；
選擇這種寫實(shí)的設(shè)計風(fēng)格，需要考慮設(shè)備控制界面布局、樣式對新增窗簾類型的兼容性。
背景音樂
背景音樂默認(rèn)界面只保留了當(dāng)前播放音樂封面元素，更多復(fù)雜操作被隱藏到了下一級界面，用戶在當(dāng)前界面可以進(jìn)行暫停、播放、收藏等簡單操作；
在小屏幕中做設(shè)計時，有時候會在一個層級界面中堆砌許多功能按鈕，使界面變的臃腫，一來容易讓用戶誤操作，二來讓用戶找不到重點(diǎn)功能，操作效率低下；
我們在處理這些信息時應(yīng)該結(jié)合使用場景，按用戶的使用頻率進(jìn)行權(quán)重劃分，將權(quán)重低的進(jìn)行隱藏處理，突出核心功能，減輕用戶操作負(fù)擔(dān)。
智能家居廠商大多都是靠賣硬件賺錢，歐瑞博巧妙的運(yùn)用會員機(jī)制結(jié)合背景音樂功能來售賣音樂服務(wù)（49 元一年），更加具有互聯(lián)網(wǎng)商業(yè)思維。
在語音設(shè)置中，可以選擇是否開啟語音控制，系統(tǒng)默認(rèn) 2 組喚醒詞激活語音控制；
歐瑞博為用戶提供了更便捷的語音控制功能——快捷口令，說出指令就可以快速執(zhí)行，由于沒有房間、設(shè)備名稱的限定，這個功能只能實(shí)現(xiàn)面板內(nèi)所有同類型設(shè)備的開或關(guān)，適用于小戶型簡單的場景。
傳統(tǒng)上添加一臺新設(shè)備需要：選擇要添加的設(shè)備——選擇網(wǎng)關(guān)——輸入正確Wifi密碼——進(jìn)入設(shè)備配網(wǎng)流程——配網(wǎng)成功——設(shè)備名稱設(shè)置，操作流程繁瑣，中間稍微有些環(huán)節(jié)沒有操作對，最后就無法成功添加設(shè)備，歐瑞博通過簡化中間過程，成功解決了這一痛點(diǎn)。
用戶可以在面板中直接設(shè)置首屏的風(fēng)格樣式，系統(tǒng)一共有 3 種風(fēng)格外和一個隨機(jī)演示選項(xiàng)供用戶選擇，并且這三種風(fēng)格的功能架構(gòu)是一樣的，只是對背景圖、元素大小、布局做了設(shè)計區(qū)分。
以 AQARA S1 為例，從結(jié)構(gòu)、色彩、手勢操控方式、卡片形式、功能點(diǎn)這些方向展開分析。
整體使用黑色做背景，用白色體現(xiàn)基礎(chǔ)信息，底部的色塊元素貌似起裝飾作用，和天氣情況并沒有聯(lián)系；
首屏主要分為日期時間和環(huán)境狀況 2 個區(qū)域，天氣、溫度、濕度、空氣質(zhì)量信息并行排列，個人認(rèn)為用戶對這 4 個信息的關(guān)注度是不一樣的，看看我們手機(jī)上的天氣 app 的信息排布就知道了，這樣并列排布會讓用戶分不清主次。
顏色以藍(lán)色及其鄰近色為主，搭配少量的對比色，整體色調(diào)統(tǒng)一。
主要分為 2 大層級：首屏、設(shè)備控制界面、場景列表為第一層級；設(shè)置為第二層級；
形式和歐瑞博一致，都是為了讓用戶更便捷的操控；
但進(jìn)入設(shè)置頁面，設(shè)置主題類型的步數(shù)比歐瑞博的多一步，用戶設(shè)置完成后還得一步步返回，這里可以將用戶常用的“顯示”內(nèi)容上移一個層級，減少頁面跳轉(zhuǎn)次數(shù)；
AI 手勢這種有特色的功能隱藏的太深，不便于用戶的使用。
綠米同樣運(yùn)用左右滑動進(jìn)行首屏、場景列表、設(shè)備間的快速切換，對于相同類型的窗簾設(shè)備，并沒有整合成列表放置同一屏，而是另起一屏，設(shè)備多的時候就會存在操控效率低的問題。
下滑進(jìn)入系統(tǒng)設(shè)置界面，這個區(qū)域只有一個設(shè)置功能，有點(diǎn)浪費(fèi)空間，索性就把設(shè)置下一級的功能選項(xiàng)移到下拉頁面，還能提高用戶的操作效率。
場景運(yùn)行過程以進(jìn)度條的形式在卡片底部體現(xiàn)，對用戶的干擾小，并且只傳遞出開始到結(jié)束的過程，沒有成功提示，這種邏輯是正確的，因?yàn)槊姘逯皇莻鬟_(dá)出了一個命令出去，具體什么時候傳出、接收設(shè)備是否正常運(yùn)行，這些信息面板是獲取不到的。
場景列表與設(shè)備控制界面一個層級，溫控器、調(diào)光燈運(yùn)用半圓的元素作為控制區(qū)域，新穎的設(shè)計風(fēng)格是綠米智能面板的特色；
仔細(xì)看，會發(fā)現(xiàn)設(shè)備控制界面不統(tǒng)一，相同功能的開關(guān)按鈕，在不同的設(shè)備中位置卻不一樣，還有就是普通燈是偏寫實(shí)的 3 路開關(guān)樣式，其他界面卻是抽象的圓環(huán)幾何樣式，不統(tǒng)一的界面會增加用戶的學(xué)習(xí)成本。
空調(diào)
空調(diào)控制界面，通過上下滑動以整數(shù)的形式來調(diào)節(jié)溫度，新穎的操控方式讓用戶加深對品牌的印象；
底部開關(guān)、模式、風(fēng)速同級展示，這里存在幾個問題：1、用戶在設(shè)置空調(diào)時很容易誤點(diǎn)關(guān)閉按鈕；2、缺少常用的風(fēng)向調(diào)節(jié)，功能缺失造成較差使用體驗(yàn)。
燈
普通燈可以在 App 中設(shè)置 1、2、3 路開關(guān)樣式，這種形式同樣存在問題：一屏最多放三個開關(guān)，屏幕下方大片區(qū)域空置，利用率低。
窗簾
窗簾控制界面顯示窗簾的名稱及行程狀態(tài)；窗簾的開、合，綠米給了 2 種方式：滑動控制、全開全關(guān)按鈕；
增加暫停功能可以提升使用體驗(yàn)，因?yàn)橛脩粼诓倏卮昂熢O(shè)備時，會以窗簾實(shí)際的運(yùn)動行程為依據(jù)來決定窗簾需要開合到什么程度，而不是看界面上窗簾的位移，當(dāng)用戶覺著窗簾行程可以了，按暫停鍵就可以準(zhǔn)確停留在用戶想要的位置上。
調(diào)色燈
調(diào)色燈用戶可以自定義或選擇系統(tǒng)推薦的顏色；
為了涵蓋大多數(shù)的用戶偏好，調(diào)色燈的 4 個推薦色采用色環(huán)上差距大的顏色，并且根據(jù)用戶使用場景篩選出常用的幾種色調(diào)，排除了用戶不常用的綠色、紫色、粉色。
用戶可以根據(jù)自己的使用偏好，將最常用的功能模塊頁面放到第一屏，這個功能在一定程度上可以提升操作效率，當(dāng)設(shè)備多，還是需要切換很多屏。
用戶使用面板分為：緊急情況、常用情況，緊急情況不一定常用，就像出門需要關(guān)燈；常用情況不一定緊急，例如看時間
綠米為了讓用戶便捷，給出默認(rèn)頁自定義功能，存在的問題是：如果用戶把燈作為開機(jī)第一頁，那么日常中看時間要翻頁；日期時間作為第一頁，開關(guān)燈需要翻頁，都不是特別便捷。實(shí)際上可以做成像 Gira 那樣，通過增加手勢喚起快捷開關(guān)功能，首屏留給日期時間，既滿足了日常需要，又能滿足緊急需求。
通過上述分析，我們得到了這些產(chǎn)品的共同點(diǎn)與差異點(diǎn)，以及背后的思考方式，了解共同點(diǎn)可以讓我們彌補(bǔ)自己產(chǎn)品的不足，不被市場淘汰；學(xué)習(xí)它們差異化的思考方式可以幫助提升我們產(chǎn)品的競爭力。
作為一名合格的設(shè)計師，除了學(xué)習(xí)視覺技法和理論，還應(yīng)該多玩、多看、多思考真實(shí)的線上產(chǎn)品，體驗(yàn)其核心操作流程，推敲和思考產(chǎn)品設(shè)計背后的原理和邏輯，才能不斷提升體驗(yàn)設(shè)計思維。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：優(yōu)設(shè) 作者：Aaron杜斌
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
智能產(chǎn)品的設(shè)計過程中，常常用到動效設(shè)計，那么動效設(shè)計用在哪些地方及對提升智能設(shè)備體驗(yàn)帶來什么幫助，是這篇文章要講的。
上期回顧：
通過大小、位置和透明度的變化，使得界面與界面之間、界面上元素的出現(xiàn)和消失都有關(guān)聯(lián)，讓用戶和產(chǎn)品的交互過程更流暢，給用戶更好的體驗(yàn)。請看以下案例：
1. Nest 溫控器控制界面
Nest 溫控器從時鐘轉(zhuǎn)變到溫控調(diào)節(jié)界面的過程中，時鐘的指針向圓心收縮，周圍的時間刻度生長并一起向中心收縮，指針收縮動效對應(yīng)溫控調(diào)節(jié)界面溫度值的顯現(xiàn)，時間刻度的生長收縮動效對應(yīng)溫度刻度的顯現(xiàn)，由于元素之間進(jìn)行有關(guān)聯(lián)的變化，操控過程中會有絲滑流暢感。
2. Gira 窗簾設(shè)備
當(dāng)用戶調(diào)節(jié)行程時，中間的控制點(diǎn)跟隨手指實(shí)時運(yùn)動，而進(jìn)度條會有延時拖拽效果。為什么會是這樣呢？原因是：用戶在控制面板上的操作是需要由面板向窗簾設(shè)備發(fā)送指令的，也就是說面板上控制窗簾到窗簾設(shè)備運(yùn)行中間會有一小段時間間隔，用戶會有延遲感，所以 Gira 在控制窗簾行程的過程中，進(jìn)度條為了與窗簾設(shè)備運(yùn)行同步，加入延時效果，讓用戶感覺操控響應(yīng)快的錯覺。
3. Nest 新款溫控器
用戶在滑動切換功能時，功能 icon 會按照先后順序由大到小變化，由于連續(xù)性運(yùn)動，每個元素運(yùn)動都有銜接，會有流暢操控感受。
4. Nest 智能鎖
用戶輸入密碼后至鎖打開這段時間，數(shù)字依次向下消失，鎖 icon 逐漸出現(xiàn)并且打開，體現(xiàn)出柔緩的感覺；實(shí)際上動效有時候可以彌補(bǔ)設(shè)備執(zhí)行緩慢的不足，當(dāng)設(shè)備需要長時間才能執(zhí)行時，這段時間加入動效，動效運(yùn)行時間和設(shè)備實(shí)際執(zhí)行時間一致，用戶就會覺得很順暢；也可以讓動效運(yùn)行時間小于設(shè)備執(zhí)行時間，這時用戶會覺得操控反應(yīng)更快。
通過動效能夠幫助用戶使用功能，對功能的方向、位置、喚出操作、路徑等進(jìn)行暗示和指導(dǎo)，方便用戶在最短的時間內(nèi)來學(xué)會操作產(chǎn)品的一些功能。請看以下案例：
1. Amazon Echo
用戶第一次設(shè)置好監(jiān)控后，通過放射動效提示用戶雙擊屏幕，通過上下擴(kuò)張的箭頭動效提示用戶可以通過手指來進(jìn)行監(jiān)控畫面的放大縮小。
2. Lenovo Smart Clock
當(dāng)設(shè)備第一次配好網(wǎng)重新開啟后，通過遮罩、圓點(diǎn)大小位置運(yùn)動搭配文字告訴用戶長按屏幕可以控制什么功能。
頂部弧形的上下變化，告知用戶下拉可以控制什么功能。通過簡單的元素既能起到提升用戶的作用，還不打擾用戶。
通過動效給用戶展示需要的內(nèi)容及產(chǎn)品側(cè)想讓用戶了解的內(nèi)容，讓用戶更樂意更易于理解，強(qiáng)化功能感知。請看以下案例：
1. B&O 觸控音箱
雙擊音樂標(biāo)題，進(jìn)度條從左向右生長出現(xiàn)、操控點(diǎn)放大出現(xiàn)，既強(qiáng)調(diào)了進(jìn)度條這個隱藏功能，還暗示用戶可以拖動操控點(diǎn)從左向右拖動操作。
2. Google Nest Hub 調(diào)光燈界面
用戶從列表進(jìn)入調(diào)光燈界面時，調(diào)光條灰底從左向右弧度生長，隨后當(dāng)前亮度條生長出現(xiàn)、亮度值出現(xiàn)，先暗示了用戶可以從左向右弧度操作，后強(qiáng)調(diào)了當(dāng)前設(shè)備狀態(tài)。
3. Google Nest Hub 睡眠質(zhì)量檢測界面
用戶查看睡眠質(zhì)量數(shù)據(jù)時，睡眠質(zhì)量標(biāo)題信息漸隱漸現(xiàn)，睡眠數(shù)據(jù)條、數(shù)字生長，讓數(shù)據(jù)展示有主次之分，強(qiáng)調(diào)了用戶想要看的內(nèi)容據(jù)，更人性。
在產(chǎn)品設(shè)計里面有一個非常重要的原則：讓用戶有操縱感。這種操縱感不僅僅表現(xiàn)在對用戶的操作有了反應(yīng)、有了顯示，還有一種方式是讓用戶知道當(dāng)前產(chǎn)品運(yùn)行的狀態(tài)，是正在等待還是正在加載，還是正在下載或變化，那這種狀態(tài)的告知也是增強(qiáng)用戶操縱感的方式之一。請看以下案例：
1. LG 智能洗衣機(jī)
當(dāng)用戶往洗衣機(jī)里加入衣物后，出現(xiàn)量杯倒入洗衣液的動畫，告知用戶當(dāng)前洗衣機(jī)正在進(jìn)行哪一個環(huán)節(jié)，我們分析一下這里加入動效的用意，首先，一般的洗衣機(jī)沒有屏幕，有的話也就顯示當(dāng)前的功能選項(xiàng)，LG 的這款洗衣機(jī)是液晶屏，那么它的定位就是高端人群，通過融入動效，打造差異化，提升使用體驗(yàn)，加深用戶對 LG 品牌的印象。
2. Lenovo Smart Clock 起床鬧鐘功能
用戶設(shè)置好起床時間后，系統(tǒng)會根據(jù)時間段自動進(jìn)行背景顏色的過度，來模擬天色的變化，直觀的告知用戶當(dāng)前的時間是白天還是晚上或是黃昏。
3. Orvibo 除濕界面
設(shè)備進(jìn)行除濕的過程中，面板上圓形元素進(jìn)行旋轉(zhuǎn)，伴隨粒子擴(kuò)散效果，模擬水分子消失的過程，直觀形象的告訴用戶現(xiàn)在正在做什么。
4. Lenovo Smart Clock 貓眼通話界面
用戶接通貓眼后，通話 icon 進(jìn)行電播擴(kuò)散動效，模擬聲波擴(kuò)散效果，準(zhǔn)確的向用戶告知當(dāng)前通話中的狀態(tài)。
5. Google Nest Hub 語音喚起
當(dāng)用戶說話喚起語音控制時，原先的全屏畫面收縮，響應(yīng)用戶的指令，四周留白，為通話內(nèi)容提供展示空間，然后彩色點(diǎn)元素起伏變化，通話內(nèi)容出現(xiàn)，告知用戶已接收到指令；隨后彩色點(diǎn)元素旋轉(zhuǎn)加載，體現(xiàn)正在執(zhí)行中。在語音控制的每一個環(huán)節(jié)都加入動效反饋，會讓用戶覺得他不是在和一個冰冷的機(jī)器講話，富有人情味。
6. Orvibo 窗簾控制界面
運(yùn)用輕擬物效果和與實(shí)物一致的運(yùn)動方式，用戶可以直觀的看到窗簾的行程位置與開合狀況，大大的提升了產(chǎn)品易用性。
面對一款新的智能產(chǎn)品時，用戶可能不知道怎么操作它，通過動效向用戶交待頁面內(nèi)容之間的關(guān)系，讓用戶清楚的知道從哪里來，到哪里去，更易于理解從而可以快速上手使用。請看以下案例：
1. Nest 溫控器設(shè)置界面
溫控器的設(shè)置模塊通過左右滾動以便在有限的屏幕中展現(xiàn)，那么模塊的下一級頁面跳轉(zhuǎn)做成像 App 那樣左滑切入是無法明確層級內(nèi)容的，此時需要一個與左右滑動不一樣的動效來區(qū)分模塊的切換，Nest 運(yùn)用翻轉(zhuǎn)效果，強(qiáng)化了層級感，清楚交待了頁面翻轉(zhuǎn)后面的內(nèi)容與頁面前的關(guān)系。
2. Google Nest Hub 設(shè)備控制界面
用戶從頂部導(dǎo)航中進(jìn)入設(shè)備列表過程中，設(shè)備列表頁面從右向左進(jìn)入，暗示用戶“當(dāng)你想返回上一級，可以左滑離開哦”，用戶上下滑動設(shè)備列表時，屏幕左邊滑動條出現(xiàn)，更加明確了“左滑返回上一頁”的功能；
當(dāng)用戶通過列表進(jìn)入操控界面以及切換功能頁時使用淡入淡出的效果，弱化它們之間的跳出感，來強(qiáng)調(diào)它們是一個層級的內(nèi)容，從細(xì)微處可見 Google 的設(shè)計師在動效的使用、選擇上非?？酥疲档梦覀儗W(xué)習(xí)。
3. Google Nest Hub 日程提醒界面
用戶發(fā)出查看日程安排的命令時，日歷界面從左到右進(jìn)入，告訴用戶這是一個新的頁面，接著日期數(shù)字 21 進(jìn)行大小位移變化，月份不做變化，為了強(qiáng)調(diào)這是 21 號的日程，2 條日程信息按照時間先后從下向上運(yùn)動，交代了日程處理的優(yōu)先級。Google 設(shè)計師將信息展現(xiàn)的每一步都讓用戶看的清楚明白。
在可用性良好的前提下，通過一致性、趣味性的動效設(shè)計和創(chuàng)新的交互方式為產(chǎn)品增加亮點(diǎn)，帶來更驚喜的體驗(yàn)，傳達(dá)產(chǎn)品的氣質(zhì)與態(tài)度。請看以下案例：
1. Google 多端運(yùn)行動效
在品牌塑造上，Google 已被證明做得極為成功，而且在視覺表現(xiàn)層面，Google 系產(chǎn)品具備著“一致性”和“連貫性”，這讓 Google 獲得了品牌識別上的利益。在不同設(shè)備的動效設(shè)計中，Google 都統(tǒng)一使用代表品牌的紅、黃、藍(lán)、綠顏色和幾何圖形，遵循化繁為簡的設(shè)計準(zhǔn)則，通過簡潔貼近真實(shí)的運(yùn)動方式，讓產(chǎn)品更有人情味，讓用戶更加專注于內(nèi)容。
2. 智能圓鏡
用戶在靠近圓鏡設(shè)備時，鏡面中心人臉識別 icon 縮放，周圍點(diǎn)元素波動擴(kuò)散，吸引用戶的同時，傳達(dá)出科技感。
3. Apple HomePod 命令反饋界面
當(dāng) HomePod 在執(zhí)行一項(xiàng)指令時，頂部的屏幕會出現(xiàn)彩球融合翻轉(zhuǎn)動畫，多變朦朧的色彩可以喚起用戶情緒，球體間的融合過程讓產(chǎn)品生動有趣，讓用戶感受到品牌的人情味。
4. Apple Watch 洗手提示界面
Apple Watch 洗手功能開啟后，會有一個 20 秒的倒計時，倒計時以肥皂泡沫消失擴(kuò)散的形式展現(xiàn)，很貼合當(dāng)前洗手的情景，讓原本一個普通的倒計時變得生動且有趣味性，用戶更加樂意使用，強(qiáng)化了用戶對品牌的感知。
5. 智能溫控器
這款溫控器已經(jīng)有一定年代了，當(dāng)時那個年代，能用到溫控器，那就很有科技感了，智能溫控器還將流動的線條動效運(yùn)用至透明背景上，向用戶傳達(dá)了超前的科技感，只要見了就會記住這款產(chǎn)品。
下面為大家整理了一份動效在產(chǎn)品中的應(yīng)用場景以及設(shè)計思路：
實(shí)際上智能產(chǎn)品中的動效設(shè)計，并不是要向用戶炫技，也不是做的越炫酷越好。動效是以解決問題為目的的一種手段。我們要去觀察現(xiàn)有好產(chǎn)品的動效設(shè)計落地點(diǎn)及分析他們的小心思，從而運(yùn)用至自己產(chǎn)品中，提升產(chǎn)品使用體驗(yàn)。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：優(yōu)設(shè) 作者：Aaron杜斌
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
寫在前面
什么時候該使用動效，什么時候該保持應(yīng)有的克制，什么樣的動效是好的動效我在之前寫過一遍文章，感興趣都盆友可以了解下，標(biāo)題《動效/動畫在直播類應(yīng)用中都運(yùn)用和落地》，本篇文章應(yīng)該可以算是上篇文章的下半場
接下來要說的這個案例，它可能和我們平常所見的動效體驗(yàn)原則是“背道而馳”的,因?yàn)樗K究是一個等待運(yùn)力調(diào)度的場景（簡單的說就是等待司機(jī)接駕的過程）每天成百上千萬訂單的背后有著一套非常復(fù)雜的算法去支撐，這就造成了這個場景它本身不會像動效指導(dǎo)原則那樣順利，平滑，愉悅，但是既然是做設(shè)計，核心是去解決問題，所以繞不開這個場景本身。通過數(shù)據(jù)去解讀用戶的想法和行為，將設(shè)計與業(yè)務(wù)進(jìn)行更緊密的結(jié)合，從而達(dá)到更好的效果
對用戶 “等待應(yīng)答“這個場景的動效改進(jìn)，以拉美地區(qū)最終AB測試數(shù)據(jù)為結(jié)論，使我更加確信動效能做的不僅僅是體驗(yàn)上的提高，在特殊場景下完全可以解決視覺感知層面無法解決的痛點(diǎn)，為業(yè)務(wù)方拿結(jié)果
所有數(shù)據(jù)對外均作了隱藏處理~
項(xiàng)目背景
滴滴出行在拉美地區(qū)飛速發(fā)展,單量持續(xù)增高的同時，用戶對產(chǎn)品本身的期望也越來越大，我們一如既往的重視用戶體驗(yàn)。無論嚴(yán)寒酷暑，早晚高峰，我們和我們的用戶都不希望等待接駕變成一件漫長、無預(yù)期、盲目的行為
數(shù)據(jù)分析
* 乘客等待時長主要分布在A時段左右，多數(shù)乘客會選擇在此時間段內(nèi)取消訂單，而消訂單的乘客并不會停止叫車服務(wù)，而是進(jìn)行二次發(fā)單，重新進(jìn)入等待隊(duì)列，這就造成了因個人因素延長了等待應(yīng)答的總時長
* 等待應(yīng)答B(yǎng)分鐘左右，是較容易叫車階段，數(shù)據(jù)顯示用戶處于這個時間段內(nèi)容易被接單
*延長乘客等待預(yù)期,調(diào)節(jié)愿等時長閾值的操作空間，乘客愿等時長的具有較大彈性，如在打車較為容易的時段為 xx 秒，在打車較難時段為 xxx 秒
結(jié)論：用戶對于排隊(duì)規(guī)則的并不理解，使得用戶在最容易叫到車的時間段之前會選擇二次發(fā)單，取消訂單會導(dǎo)致重新排入隊(duì)列，進(jìn)行排序
抓手：知悉乘客取消應(yīng)答集中時間段和容易打車時間段后前提后，在不通過增加物理運(yùn)力/調(diào)整算法的前提下，通過設(shè)計的手法去緩解用戶的等待感知，從而增加用戶的等待應(yīng)答時長，將用戶的等待時長延伸至容易打車時段，從而促成訂單的完成，是這次設(shè)計的突破口
了解問題，明確挑戰(zhàn)
對用戶的調(diào)研我們發(fā)現(xiàn)用戶對等待應(yīng)答動畫存在以下感知
通過對用戶數(shù)據(jù)進(jìn)行分析后得出結(jié)論，篩選出核心問題進(jìn)行優(yōu)化，讓用戶對等待應(yīng)答有一個新的認(rèn)知,是這次的關(guān)鍵所在。我們希望通過這次設(shè)計的優(yōu)化，乘客能強(qiáng)感知此刻所處運(yùn)力調(diào)動的狀態(tài)，并最大程度上弱化時間概念降低人腦對時間的敏感程度，減緩用戶的焦慮情緒，使其相信這是一個可以等待運(yùn)力到來的排期
面對的挑戰(zhàn)有：
1.增強(qiáng)播單動畫感知,讓用戶明確自己所處狀態(tài),從而減少應(yīng)答前的取消率 P0助力業(yè)務(wù)
2.通過設(shè)計吸引視覺弱化時間概念,降低人腦對時間的敏感,從而增長應(yīng)答前平均取消時長 P0助力業(yè)務(wù)
3.符合用戶打車預(yù)期的前提下,盡可能讓動畫用起來連貫,順暢,可預(yù)期,讓用戶感到愉悅,用戶體驗(yàn)提高 D1體驗(yàn)提高
4.符合品牌調(diào)性的場景動畫,讓應(yīng)答場景融入App保持體驗(yàn)上的流暢，統(tǒng)一和性能平衡 D1體驗(yàn)提高
5.涉及到地圖開發(fā)/端上研發(fā)同學(xué)的密切配合，高度還原設(shè)計文件也將是一個挑戰(zhàn) D2設(shè)計訴求
決策方向，設(shè)計執(zhí)行
明確目標(biāo)之后，就開始了設(shè)計的決策方向和關(guān)鍵詞
作為一個單量百萬級的應(yīng)用，面對的用戶群年齡分布也是非常廣泛，因此動畫的效果一定要適合大眾群體的認(rèn)知，不應(yīng)該為了吸引視覺焦點(diǎn)而有個性化存在-> 波紋效果
運(yùn)力調(diào)度本身是一件等待的過程，長時間的等待消耗用戶的耐心，應(yīng)該給予更多的可預(yù)見的可期待的暗示 ->路徑
俯視視角更適合對周圍環(huán)境，路況，運(yùn)力的的觀察和掌控，適合打車前對環(huán)境的觀察，而一旦進(jìn)入等待場景，用戶需要做的只是等待接單，將場景透視化，貼近高空觀察事物的視角，更加符合真實(shí)世界-> 透視視角
老版本沿用的等待應(yīng)答場景，可以在地圖上進(jìn)行交互操作，但是無法帶來明確的有效信息。新版設(shè)計為了增強(qiáng)調(diào)度的感知，增強(qiáng)了動畫效果。而動畫效果在地圖上需要一直靠渲染運(yùn)算生成，任何的地圖移動都將加大運(yùn)算量，耗電發(fā)熱則會大大增加，因此這里為了保證性能將一個可自由操作的場景，變成了一個固定的場景 -> 蒙層
設(shè)計執(zhí)行
明確了方向和關(guān)鍵詞之后，設(shè)計的思路其實(shí)就已經(jīng)非常清晰。在框架層考慮清楚信息布局，整體頁面交互流程。在表現(xiàn)層吸引用戶視覺，加強(qiáng)感知，降低用戶對時間敏感度即可
初稿的設(shè)計其實(shí)非常順利，整個設(shè)計稿從需求分析到第一個DEMO落地大概用時1天左右，而且1稿過完設(shè)計內(nèi)部。在設(shè)計之初，leader建議不需要考慮太多落地問題，可以適當(dāng)天馬行空的，不要因?yàn)榧夹g(shù)的限制而限制自己的想法。在完成設(shè)計稿之后我們與技術(shù)評審之前就開始與端上開發(fā)同學(xué)進(jìn)行邏輯層的分析，發(fā)現(xiàn)這個設(shè)計稿雖然滿足要求，但是在細(xì)節(jié)位置需要分情況考慮，造成研發(fā)成本的大額增加，開啟漫 漫 改 圖 路 （細(xì)節(jié)就略過了）~
最終效果以這個動效為基礎(chǔ)進(jìn)行研發(fā)，中間涉及到了地圖視角的偏移/定位點(diǎn)跟蹤/X-panel規(guī)則/最佳view調(diào)整等復(fù)雜邏輯的調(diào)整
設(shè)計改進(jìn)的細(xì)節(jié)
優(yōu)化進(jìn)入等待應(yīng)答頁的動效，優(yōu)化頁面布局
設(shè)計進(jìn)場動效不僅僅是為了視覺上有強(qiáng)感知和更好的體驗(yàn)，核心是防止用戶多次取消，多次叫單的行為發(fā)生
當(dāng)長時間打不到車時，乘客會選擇取消訂單讓系統(tǒng)重新派單，認(rèn)為這樣有可能會更快有司機(jī)接單。而真實(shí)情況則很像排隊(duì)買票，前面的走不完買票流程后面的人則無法前進(jìn)，所以當(dāng)乘客選擇取消，離開排隊(duì)隊(duì)列，只能重新回到對尾，重新排隊(duì)
下方的等待應(yīng)答信息卡片包含了等待時長和取消功能，規(guī)則是展示3s之后隱藏取消按鈕,如果乘客要取消，需要上滑拉起卡片點(diǎn)擊取消
通過調(diào)整視角和擴(kuò)大蒙層動畫范圍，用戶的視覺將會集中在屏幕的上方避免地圖上的無效信息干擾，視覺持續(xù)注意力集中在3-6s左右，從而很好的為隱藏取消做了掩護(hù)
當(dāng)用戶的視覺從上方移動到其他位置的時候運(yùn)力調(diào)度已經(jīng)開始了6s+，無形中給用戶時間感知的緩沖時間，使得平均等待時長延長，等待時長閾值向易接單時間段靠攏
后期通過數(shù)據(jù)分驗(yàn)證現(xiàn)乘客拉起卡片的幾率相比之前剛發(fā)布時候已大幅下降，也從正面說明乘客已經(jīng)適應(yīng)了這種收起的策略
優(yōu)化頁面樣式
舊版的等待應(yīng)答，地圖外露供乘客拖動地圖觀看周圍情況。但是用戶在等待接駕的情況下，是沒有辦法看到周圍運(yùn)力這條非常有用的信息，而地圖上卻外透了街道/店鋪的信息，會使這個頁面看起來非常沉重卻沒有很大的意義，且會弱化波紋擴(kuò)散的感知
新版的等待應(yīng)答，會在地圖上方蓋住一個80%透明度的的蒙層，同時會讓地圖視角整體抬高。讓用戶感覺到的是更大范圍的運(yùn)力調(diào)度，并且隨著地圖視角的抬高，街道/店鋪的名稱會得到隱藏，減少無意義信息的透傳。通過對地圖的縮放，自動減少了街道信息外透，無需通過代碼層面的修改，減少了rd的工作量的同時讓界面整體看起來更加清爽，拉美在發(fā)單前會有定位點(diǎn)的二次確認(rèn)定位點(diǎn)，也保證用戶正確感知到自己在空間上所處位置
舊版本的波紋，速度緩慢并且不夠明顯，很難給人一種強(qiáng)感知，不像是一個等待運(yùn)力調(diào)度的場景
新版本的波紋，會增強(qiáng)波紋的速度，調(diào)整波紋的速率，讓用戶有一種強(qiáng)感知，此刻正在進(jìn)行最大范圍的進(jìn)行運(yùn)力調(diào)度的搜索
不再支持用戶操作手機(jī)地圖，查看周圍信息。減少波紋因地圖位移而產(chǎn)生的實(shí)時渲染，減少不必要的耗電行為發(fā)生
保證應(yīng)答前后體驗(yàn)連貫性
在重新設(shè)計等待應(yīng)答這個場景時，我不希望它是一個很重的loading的感覺
不希望像loading的原因在于loading處于數(shù)據(jù)調(diào)取狀態(tài)，而數(shù)據(jù)調(diào)取一旦完成，會立刻跳轉(zhuǎn)進(jìn)入下個場景，會讓整個體驗(yàn)被割裂，不流暢。而這里通過設(shè)計手法的表達(dá)我覺得可以做到體驗(yàn)上前后的一致,從而打通設(shè)計上的從發(fā)單->接單->送駕 這一小閉環(huán)
在得到了數(shù)據(jù)請求后，我們會將View_3D視角返回到正常2D的俯視視角，而車作為最終的載體則會自然而然的出現(xiàn)，同時會根據(jù)最佳視角算法自動調(diào)整到，人和車同時出現(xiàn)在屏幕正中（距離越遠(yuǎn)地圖View縮放越大，人車始終出現(xiàn)在屏幕當(dāng)中）
接著，真實(shí)的車載路線會以路徑生長的方式呈現(xiàn)于用戶的手機(jī)當(dāng)中，會根據(jù)距離的遠(yuǎn)近來控制路徑生長速度的快慢，同時司機(jī)卡片同時加載出來~
等待應(yīng)答的收尾過程不會像競品那樣直接進(jìn)行頁面跳幀而是一種 合理的 有意義的（2D->3D->2D）完完整整的過程
推動落地，保證還原
完成了設(shè)計稿/產(chǎn)品/技術(shù)評審過后我們便開始與開發(fā)同學(xué)進(jìn)行詳細(xì)的對接
因?yàn)榇舜卧O(shè)計相對復(fù)雜，涉及到了端上和地圖上的rd同學(xué)，所以非?？简?yàn)研發(fā)的效果還原能力，既要把動效實(shí)現(xiàn)原理拆分的非常明確又要保證聯(lián)調(diào)的時候前后一致性
這里就不多贅述，貼個輸出圖好了 （開發(fā)動效邏輯拆分圖by zhoulu）
其中有用到lottie輸出（感興趣的可以翻看我之前的文章）-》《動效/動畫在直播類應(yīng)用中都運(yùn)用和落地》
結(jié)論~Rd同學(xué)非常OK的完成了最終的效果DEMO，還原度90%+
非常感謝rd （鞠躬）
數(shù)據(jù)驗(yàn)證
在拉美地區(qū)上線，進(jìn)行了的AB測試，核心評估指標(biāo)收益顯著，整體數(shù)據(jù)遠(yuǎn)超當(dāng)初的預(yù)期~
總結(jié)
成長方面：這是我來國際化團(tuán)隊(duì)的參與的第一個項(xiàng)目，也是設(shè)計內(nèi)部帶頭發(fā)起的一個項(xiàng)目，現(xiàn)在回頭來看還有些地方能做到更好，可能那多一點(diǎn)的“更好”能讓我在產(chǎn)出的時候更加細(xì)致，和研發(fā)對接思考的更加的完整，對業(yè)務(wù)的提升也許會更好
在說點(diǎn)題外的，現(xiàn)在的大環(huán)境講究“全鏈”，賦予了設(shè)計師更多的權(quán)利，對于設(shè)計來說絕對是利大于弊，這點(diǎn)深有體會，更多的上游思考，更前一步對業(yè)務(wù)的理解，把業(yè)務(wù)的場景想的明白，把數(shù)據(jù)看懂，站在全局的高度看問題，站在產(chǎn)品的角度去設(shè)計，設(shè)計賦能，通過設(shè)計去助力業(yè)務(wù)去拿結(jié)果
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
文章來源：站酷 作者：大寶蛋
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
本文主要從以下5個方面介紹2021年UI設(shè)計發(fā)展趨勢，廢話不多說直接上干貨！
趨勢一：極簡
一份來自微軟的調(diào)查數(shù)據(jù)表明：2000年，人類的集中注意力的時間平均在12秒，而到了2015年，變成了8秒。而另一個研究發(fā)現(xiàn)：有47%的用戶希望一個網(wǎng)頁能在2秒之內(nèi)加載完成。
但事實(shí)上，目前網(wǎng)頁的平均加載時長達(dá)到了8.6秒，而在移動端，則變成了22秒。
網(wǎng)站的加載速度會受到很多原因的影響，UI設(shè)計是其中重要的因素之一。更少地使用圖形元素和更簡約的UI會在很大程度上加快一個網(wǎng)頁的加載速度，同時更明確的「指引」和元素的區(qū)分也更能讓用戶快速熟悉網(wǎng)頁的交互，甚至，簡約的網(wǎng)站還能影響其搜索結(jié)果排名，Google 在今年就開始建議網(wǎng)站的加載時間不應(yīng)超過3秒，并將其加入到搜索排名的影響因子中。
趨勢二：微動畫
今年是「全面屏」手勢的加入，讓廠商們發(fā)覺「跟手感」會在很大程度上影響用戶體驗(yàn)到的品質(zhì)感，于是許多國產(chǎn)廠商開始注重微動畫的設(shè)計來盡量對用戶在屏幕上的滑動產(chǎn)生回應(yīng)。
但僅有系統(tǒng)層級實(shí)現(xiàn)的這些微動畫還遠(yuǎn)遠(yuǎn)不夠，當(dāng)用戶進(jìn)入到APP中，如果這些微動畫不復(fù)存在，那產(chǎn)生的割裂感會讓整個用戶體驗(yàn)大打折扣。所以，安卓手機(jī)系統(tǒng)UI 的精細(xì)化會倒逼 APP UI 設(shè)計的進(jìn)步，當(dāng)然，對于那些「懶得設(shè)計，照著iOS 版再做一遍嘍」的廠商們，如果再不用心做，就要面臨著被淘汰的風(fēng)險了。
趨勢三：重疊效應(yīng)
什么是重疊效應(yīng)?簡單來解釋就是，通過把不同的元素(如色塊，文字和圖像)重疊地放在一起以達(dá)到說明內(nèi)容和視覺引導(dǎo)的效果。
本來由于對比度不足，重疊效應(yīng)在LCD面板上的效果并不理想，一些明度接近或者色彩對比不夠明朗的設(shè)計很容易讓用戶混淆不同的元素，同時一些低透明度的元素會讓LCD 面板對比度不足的缺陷徹底暴露。而在 OLED 面板上，這些問題自然迎刃而解，未來必然會有更多的設(shè)計師來更加得心應(yīng)手地運(yùn)用「重疊效應(yīng)」以實(shí)現(xiàn)他們想要的效果。
趨勢四：移動設(shè)備適配要優(yōu)先考慮
在去年，移動端流量消耗占比為 52.2%，實(shí)現(xiàn)了首次真正意義上的趕超PC(包括 Tablet 電腦)。并且這個趨勢在2021年會繼續(xù)保持。
這意味著從今天起，一個網(wǎng)站(或互聯(lián)網(wǎng)產(chǎn)品)的UI設(shè)計需要首先適配移動端，從而滿足更多數(shù)的用戶使用場景。
趨勢五：深度空間
一個帶有縱深方向的空間必然要比平面具有更高的信息效率，更能在視覺上對用戶的操作進(jìn)行正確引導(dǎo)。
其中發(fā)展最成熟以及最高效的還是「陰影」相比于普通的高斯模糊以及高級點(diǎn)的「毛玻璃」，陰影的特點(diǎn)在于不光能在UI中把某一個特定的頁面提前，還能同時展現(xiàn)多個頁面并賦予它們對應(yīng)的縱深關(guān)系，以及大多數(shù)的 UI 設(shè)計工具(如 PS、AI、Axure)對陰影的支持都十分友好。
文章來源：傳智教育
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://www.yvirxh.cn