<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

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

          資深UI設計者

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

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

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

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

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

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

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

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

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

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

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

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

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

          老對手 AMD 在 CES 2021 上則發布了全新的 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消費電子展,有哪些值得關注的設計趨勢?

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

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

          目前這些新芯片本身的強大性能和優良的續航,可能需要到后續的電腦和筆記本上才有所體現,好在 CES 2021 本身還發布了不少性能優秀、設計過硬的電腦類產品。

          創意筆電:為創意工作者提供更多可能性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          智能家居的花樣就多了。

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

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

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

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

          CareOS Themis 的智能鏡子也借助傳感器和 AI 實現了諸多傳統鏡子做不到的事情。通過內置的 IR 溫度傳感器、UV皮膚分析燈以及相機,CareOS Themis 智能鏡子 能夠對你的衛生狀況、皮膚狀況乃至于心理健康狀態進行分析,并且提供切實可行的建議。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          虛擬照進現實:VR/AR/MR/XR

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          可以說,如今的虛擬現實技術已經走到了一個全新的階段了:

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

          給設計師的新機遇

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

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

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

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

          文章來源:優設  

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


          教你如何設計玻璃態的UI設計效果

          周周

          一個簡易的小教程,一起Get起來~



          設計中存在一些不可忽視的趨勢。盡管玻璃態在UI設計中不是新的事物,但是最近又被人們挖掘出來了。有些人甚至將這個趨勢稱為“玻璃態”。

          下面讓我向你展示如何通過7個簡單的步驟教你如何創建玻璃態的UI效果。


          1)畫一個形狀
          首先創建一個基本形狀,一個具有以下尺寸的矩形:640×400,再加40pt的圓角。


          2)應用漸變填充

          現在該基本填充了。在本教程中,我們將使用漸變。兩種漸變顏色都將是純白色(#FFFFFF),但是它們的不透明度會有所不同。將第一個設置為40%,第二個設置為10%。



          3)添加背景模糊

          我們來模仿玻璃的是模糊感。首先將背景模糊值設置為20左右,來看看這個是表面如何變化的。當然,你也可以根據自己的效果來設置不同的模糊度。



          4)添加邊框

          一個優雅的邊框會為元素增添了光澤。當玻璃表面重疊時,它也有助于建立視覺層次。如果要在設計中創建定向光的幻覺,則可能需要對邊框使用漸變。我是這樣制作卡片的,所以看起來更有“質感”。

          卡邊界對角漸變的設置:

          邊框:3px

          顏色1:#FFFFFF(不透明度50%)

          顏色2:#FFFFFF(不透明度0%)

          顏色3:#FF48DB(不透明度0%)

          顏色4:#FF48DB(不透明度50%)


          5)應用陰影

          細微的陰影效果有助于增強視覺層次。由于陰影的存在,區分所有層將更加容易。



          在我的示例中,我使用具有24的模糊值的深色,并且擴展減小為-1。這次,你將通過添加陰影樣式屬性以與玻璃表面一起成形來獲得最佳效果。


          6)填寫內容

          是時候添加一些內容了。填寫必要的徽標和文字。要創建壓印層的錯覺,請用白色填充內容,并將不透明度降低到50%。你也可以玩圖層混合-嘗試疊加以獲得有趣的結果。



          7)添加質感

          玻璃卡片已完成,但是,你可以進一步添加一些高級紋理!要添加優雅的噪點,我們添加帶有噪點的圖像。將不透明度降低到20%,并將填充的混合模式設置為“疊加”??纯船F在看起來多么有質感。


          來看一些其它的嘗試~




          文章來源:UI中國     作者:Tzw_n



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



          高精地圖開啟量產博弈

          資深UI設計者

          高精地圖是自動駕駛的必要支撐,高精地圖數據的創建、使用、更新與分享可能會帶來全新的商業模式。本文作者梳理了高精地圖的行業發展情況以及當前存在的問題,并對其發展前景進行了展望,一起來看看~

          乘著自動駕駛的東風,國內高精地圖行業逐漸進入發展的快車道。在L3級別自動駕駛技術的推動下,高精地圖技術在無人駕駛位置感知、路徑規劃等方面的應用愈發廣泛。

          隨著高精地圖行業的快速發展,布局該領域的企業,都想要通過規?;慨a來爭奪市場。在此背景下,高精地圖市場的量產博弈也愈演愈烈。

          01 高精地圖黃金發展期來臨

          自2013年BAT開啟地圖大戰之后,國內數字地圖產業就開始逐步興起。近幾年AI、大數據、衛星定位、自動駕駛等技術的爆發,更讓高精地圖在數字地圖市場中的主流地位愈加凸顯。

          比如在市場方面,2020年智能汽車行業產銷量的暴漲,進一步打開了高精地圖的市場需求。例如,在L3級別及更高級別的自動駕駛技術應用中,高精地圖具備的環境信息數字化能力,可以將高速路等場景的地圖信息直接傳達給智能汽車,實現部分替代激光雷達的作用,能夠極大地節省自動駕駛技術的應用成本,進而推動自動駕駛的商業化落地。

          在技術應用方面,衛星定位系統的進步,也為高精地圖行業發展提供了強大動力。近幾年來,隨著格洛納斯、GPS、北斗等定位系統技術不斷升級進步,目前民用導航誤差直接降低至10m以下,這為高精地圖的發展提供了底層技術支持。

          此外,AI、5G、大數據技術的進步,也從數據制作等方面提升了精度地圖的精準度。這種情況下,高精度導航地圖就成了業內各方企業擴展市場的角逐焦點。

          在此背景下,國內高精地圖市場需求不斷增長,市場規模也在不斷擴大。據中信證券研究部數據顯示,2020年全球高精地圖市場規模將會達到21.15億元,預計2030年全球市場規模將超過200億美元,未來增長潛力巨大。

          巨大的市場潛力,很快便吸引了一批新創企業入場,和BAT等巨頭競爭。而在這些新創企業入場后,國內高精地圖行業的量產博弈也開始升級。

          02 開啟量產博弈

          在國內高精地圖市場爭奪戰中,量產是各家企業“搶灘”高精地圖的關鍵。自百度拉開高精地圖免費戰的帷幕后,行業對高精地圖規?;男枨笥悠惹?。

          隨著免費成為高精地圖行業主題,業內企業被迫通過擴展其他商業模式來實現盈利。不過,對于行業量產的布局,早期入場的BAT、寬凳等初創企業,則選擇了截然不同的模式。

          具體來看,BAT在高精地圖數據收集中,采取了集中制圖的量產模式。比如百度采取的“激光雷達+高精度地圖+人工智能控制系統”的路線,就是使用搭載激光雷達、IMU、GNSS等設備的專業采集車,將環境信息轉化為地圖數據,阿里、騰訊也基本沿用了這種制圖模式。

          而極奧、寬凳等初創企業,則采取了眾包制圖的模式。這種模式是制圖企業通過和整車廠等汽車相關行業合作,借助這些汽車的攝像頭、激光雷達等設備,將地圖數據上傳至云端,然后通過大數據技術解析并完成地圖的制作。

          對比來看,這兩種制圖模式各有優劣。BAT采取的集中制圖模式,在數據精度、性方面表現更佳,但其制圖成本極高,僅一輛基礎采集車的成本就達到了1000萬元,需要極大的資金支持。而初創企業采取的眾包制圖模式,雖然有周期短、靈活性高、成本相對較低等優勢,但也存在數據亂、精度差等不足。

          制圖模式之間的差異,給制圖企業在市場的發展帶來了不同的影響。不過,在行業整體處于發展階段的情況下,規?;琅f是各家企業需要共同面對的難題。

          03 規模化并不輕松

          目前制圖企業通過小規模制圖的方式生成局部高精地圖,仍是業內主流的制圖方式。但這種制圖模式,在實際應用中卻面臨多方面的問題。

          第一,制圖效率問題。在自動駕駛落地過程中,數以千萬計的道路測繪,往往需要耗費制圖企業極高的成本。而在當前分米級地圖的測繪車,每天能完成500公里測繪路程,而厘米級地圖測繪車,每天僅能完成100公里的道路測繪,這意味著制圖企業想要迅速擴展其測繪地圖規模,必然會花費難以估量的時間和資金成本。

          第二,場景應用問題。在汽車實際行駛過程中,障礙物遮擋、網絡通信不穩定等不利狀況,都會產生衛星定位誤差的問題,使地圖導航出現錯誤。而在路況復雜的情況下,這種誤差會對汽車的正常行駛則會產生更大影響,極大地阻礙了高精地圖的應用落地。

          第三,更新問題。在車載高精度地圖使用中,更新頁是至關重要的一環。實際行車過程中,道路的情況復雜多變,并且存在不少意外狀況,而這就需要高精地圖做到實時更新,才能保障行車的效率和安全。但在實際應用中,高精地圖卻常難以實現及時更新。

          由于這些問題的阻礙,使得國內高精地圖產業的規?;l展受到不少限制。不過,面對市場存在的諸多問題,寬凳、高德地圖等企業,也正在通過各自的方式解決這些難題。

          04 離量產還有多遠?

          在自動駕駛行業的推動下,高精地圖在市場的應用愈發廣泛,市場潛力也在不斷增長。這種背景下,各家企業推進行業規?;陀悠惹小?/span>

          而對于行業規?;媾R的效率、更新等問題,BAT、寬凳、極奧等企業也正在積極應對。比如資金實力較強的BAT,也在通過眾包制圖的模式提升制圖效率。目前阿里旗下的高德地圖,已經實現了由行業車輛、公眾車輛進行數據采集的采集方式,這樣的采集方式不僅能夠提升高德地圖拓展市場的速度,還能緩解高精地圖因更新延遲帶來的問題。

          而采取眾包制圖模式的初創企業,則通過引入專業采集車、大數據技術應用,來解決數據精度問題。一方面,行業內的寬凳等新創企業,也開始建立自己的專業采集車隊,來提升制圖數據精度。

          另一方面,新創企業也開始通過AI、大數據技術,突破眾包模式的數據精度瓶頸。比如中海庭常務副總經理羅躍軍就曾表示,通過高精度傳感器技術、數據挖掘技術、AI等技術手段,能夠解決眾包模式下數據精度存在的很多問題。據悉,目前中海庭已經通過AI技術應用使其地圖精度得到了明顯提升,并正在以此破解高精地圖量產難的問題。

          由此可見,高精地圖量產的這道坎,也并非不可跨越。而在這個問題得到解決后,國內自動駕駛行業也將會因此受益,高精地圖行業也有望走上一個更高的臺階。不過,從高精地圖行業目前的發展現狀來看,行業要想實現真正的規?;?,仍需要很長的一段路要走。


          文章來源:人人都是產品經理  作者:韭菜財經

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

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          資深UI設計者

          過去一年 COVID-19 肆虐全球,封鎖與隔離使我們與數字世界的互動方式發生了巨變,這使得我們在數字世界的時間變得更長了,我們思考與互動的方式也產生了變化,新冠病毒的爆發也為 2021 年的設計趨勢帶來了新的思考。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          本文主要整理了 2021 年的設計趨勢與思考,主要為 ToB 方向。隨著產業互聯網行業的發展和數字化的進程,設計工具以及生產方式也在不斷進化發展。在 5G、人工智能、大數據、云計算、物聯網的技術浪潮下,對設計團隊也提出了更高的要求。

          行業趨勢

          1. SaaS 趨勢:一線工作者將成為決策的中心,“職業前線”是常態。

          工作一直在我們的社會生活中發揮著重要作用,但從未像在疫情期間那樣重要。在疫情期間,數月的封鎖給人們的情感健康帶來了損失。當然這有助于遠程感知的技術和工具的發展和進步,但是還有很長的路要走。

          對于一線員工來說尤其如此,不幸的是,一線員工通常與公司的聯系最少,但最容易感染該病毒。諸如教師,醫生,零售人員和制造工人之類的基本工人通常無法獲得與同事相同的公司范圍內的技術。許多人甚至沒有公司電子郵件,甚至沒有辦公桌。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Farhan Fauzan

          但是,公司開始意識到這些一線職工(他們通常是客戶的第一個接觸點)可以為組織帶回寶貴而獨特的見解。企業現在正試圖通過集中工具來完成這些任務,例如輪班制或與他們的手機即時共享重要的健康和安全信息,從而使這些員工的工作更輕松。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Barly Vallendito

          普華永道美國副主席、風險投資與創新全球領導者 Vicki Huff 指出,數字化解決方案在這里發揮著重要作用?!睘榱嗽?2021 年茁壯成長,企業需要將員工置于工作空間理念的中心。通過對員工體驗的磨練,雇主可以提高生產力,增加參與度,并創造出更多連接和的勞動力。實現這一目標的核心將是與公司現有的技術堆棧相整合,并為員工個人提供個性化服務的數字化解決方案。”

          2. 數字健康與員工健康趨勢

          我們對 COVID-19 的了解還不夠,但這將會是可穿戴設備,遠程醫療和人工智能等新數字健康發展機會。到 2021 年,我們可以預料這些技術將繼續發展。

          我們還看到了一些出色的自監控應用程序應用于可穿戴設備,可提供有關步數,睡眠,心率或血壓的即時可視化數據。這些復雜的功能使用戶能夠掌控自己的健康,并告知他們如何改變生活方式。

          醫療保健人工智能軟件,硬件和服務市場,預計到 2025 年全球將超過$ 340 億@Businesswire

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ Pillo Home Healthcare Robot @415Agency

          Oracle-Workplace Intelligence 最近對 12,000 名員工(包括 3,100 名 C 級高管)進行的一項調查顯示,企業領導者與任何人一樣容易受到職業壓力的影響。71%的高管表示 2020 年是他們有史以來最緊張的工作年,而 53%的高管表示在工作中遇到精神健康問題。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @ILLO

          專注于改善員工的福祉不僅是正確的事情,而且公司也意識到這可以提高業務績效。這就是為什么他們正在尋找技術和其他工具來提高工作滿意度,工人健康,可持續性,工作與生活的平衡以及靈活的工作安排。

          或許人工智能之類的技術能對于這一追求提供重要幫助。Oracle-Workplace Intelligence 研究發現,75%的員工認為 AI 可以幫助提供對其工作至關重要的信息,自動化任務并減輕壓力。報告還顯示,68%的員工寧愿使用機器人而不是經理來討論工作場所的壓力。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Shahin Srowar

          3. 人工智能工程化(AI Engineering)

          多年來,人們一直擔心自動化技術在企業中的迅速普及會導致工作崗位減少。現實要樂觀得多:自動化不是要替換工作,而是要增強工作。

          公司知道,員工在重復性的工作上花費了太多時間。因此,越來越多地使用機器人來執行這些任務,例如歸檔工單,發送和簽名文檔以及與同事交換每小時的班次等。由于自動化,企業將更多的精力投入到改善工作文化和確保員工對工作滿意的工作上。

          人工智能工程化立足于三大核心支柱:數據運維、模型運維和開發運維。強大的人工智能工程化策略將促進人工智能模型的性能、可擴展性、可解釋性和可靠性,完全實現人工智能投資的價值。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Craftwork Studio

          4. 企業數字孿生

          數字孿生是真實世界環境、產品或資產的虛擬表示,用于多種目的。制造商使用數字雙胞胎來管理機器和工廠的性能和效率,而城市規劃者則使用它們來模擬新開發項目的潛在影響。2021 年數字孿生將會在物聯網(IoT)平臺中有更廣泛的應用。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @azure.microsoft.com

          5. 全面體驗(Total Experience)

          Gartner 將多重體驗定義為一種重要的戰略科技趨勢。而在今年,這一趨勢又進一步發展成為全面體驗(TX),將多重體驗與客戶、員工和用戶體驗相聯系。Gartner 預計在未來三年中,提供 TX 的企業機構在關鍵滿意度指標方面的表現將超越競爭對手?!庇捎谝咔椋苿?、虛擬和分布式互動日益盛行,因此企業機構需要有 TX 策略。TX 將改善體驗的各個組成部分,實現業務成果的轉型。這些相互交織的體驗是企業運用創新革命性體驗實現差異化,從而從疫情中恢復的關鍵驅動力。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Hamza Abdelhak

          6. 行為互聯網(Internet of Behaviors)

          行為互聯網(IoB)不斷涌現,許多技術都在捕獲并使用人們日常生活中的“數字塵埃”。IoB 匯集了面部識別、位置跟蹤和大數據等當前直接關注個人的技術,并將結果數據與現金購買或設備使用等相關的行為事件相關聯。

          企業機構使用該數據來影響人的行為。例如為了在疫情期間監控對健康規定的遵守情況,企業機構可以通過使用 IoB 計算機視覺來查看員工是否戴著口罩或通過熱成像來識別發熱者。

          Gartner 預測,到 2025 年末,全球一半以上的人口將至少參加一項商業或政府的 IoB 計劃。雖然 IoB 在技術上可成為可能,但社會各界將對各種影響行為的方法展開廣泛的倫理和社會學討論。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ BayouFord Driver App@hamam zai

          7. 網絡安全網格(Cybersecurity Mesh)

          網絡安全網格使任何人都可以安全地訪問任何數字資產,無論資產或人員位于何處。它通過云交付模型解除策略執行與策略決策之間的關聯,并使身份驗證成為新的安全邊界。到 2025 年,網絡安全網格將支持超過一半的數字訪問控制請求。

          Gartner 研究副總裁 Brian Burke 先生認為:“新冠疫情加快了耗時數十年的數字化企業變革過程。我們已經越過了一個轉折點,大多數企業機構的網絡資產現在都已超出傳統的物理和邏輯安全邊界。隨著隨處運營的不斷發展,網絡安全網狀組網將成為從非受控設備安全訪問和使用云端應用與分布式數據的最實用方法。”

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ Digital security@Stephane Vasadze

          體驗趨勢

          1. 虛擬現實&增強現實(VR&AR)

          虛擬現實(VR)再次興起

          VR 一直以來是“未來派”技術的代表之一,在相當一段時間卻很難成為主流,當然這與 Facebook 的 Oculus Rift、HTC Vive 和 PS VR 之類頭戴相關設備高昂的價格標簽也有一定的關系。

          不過由于最近 VR 游戲的發行成功,包括“半條命”(Half-Life Alyx),VR 熱度再次上升。新興廠商為動態和創造性的混合現實構建新的解決方案;此外,醫療健康,在線展覽和娛樂藝術的需求也在增加。

          虛擬現實游戲行業內的全球收入預計從$ 4 億在 2017 年到 2024 年增長到$ 24 億。@Statista

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ 微軟 HoloLens 展示了“計算的新現實”。@microsoft.com

          那么除了游戲行業該如何進軍 VR 市場?在疫情期間,GDC 在 2020 年使用 VR 中主持了他們的演講,使遠程參會者能夠 360 度觀看展臺,通過網絡研討會和聊天室進行互動。在 2021 年,我們可以看到更多的企業會利用這項技術來觸及全球更多的用戶。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Mikhail Gorbunov

          同時我們還可以預見在數字醫療中使用大量 VR 可以改善對慢性疼痛,焦慮癥和創傷后應激障礙的治療。我們甚至可能會看到劇院和博物館采用了這項技術,以保持對公眾的虛擬開放。

          設計增強現實(AR)

          AR 同樣是是“未來派”技術的代表之一,已經獲得越來越多普及。你可以在花園里偶遇一頭真人大小的長頸鹿,也可以想象宜家家具設計是否符合家里的風格,不少廠商已經透露不少新穎的 AR 應用場景。

          通過對于 AR 產品的全球市場可能驟增至 85%,在未來四年將有$ 1650 億市場@Statista

          根據《行業周刊》的報道,蘋果等公司已經在重建和重組日常用戶更容易使用的產品。這家科技巨頭正在研發多種 AR 產品,包括可以無線連接至 iPhone 并向佩戴者發出光束的內容(如電影,地圖等)的數字眼鏡,這聽起來似乎有點酷?

          2020 年 9 月,馬克·扎克伯格(Mark Zuckerberg)宣布 Facebook 將于明年啟動“邁向增強現實眼鏡之路的下一步”。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @sparkar.facebook.com

          2. 非接觸式互動

          語音用戶界面(VUI)

          在疫情期間,當我們思考如何在不接觸的情況下與設備進行交互時,語音和手勢交互似乎成為了另一種 UI&UX 的趨勢。

          其實早在疫情爆發之前,這種趨勢就已經很明顯,語音交互是未來幾年主要的 UI&UX 趨勢之一,在設計中可添加語音用戶界面的場景越來越多。例如,您可以使用語音聊天機器人使訪客使用語音命令進行通信。虛擬助手也是如此。在未來幾年中,許多公司將創建完整的語音用戶界面。

          學習語音交互設計 → https://www.uisdc.com/zt/vui

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @ Denislav Jeliazkov

          語音交互基于 AI 人工智能,我們希望最終能通過語音助手來解決復雜的問題并且易于使用。下一代 AI 助手將具備:高級個性化,個性化主要的目標是使用戶感知內容是專屬的?;谡Z音的助手將通過分析語音和面部表情來了解確認交互者的身份。非接觸式交互,語音優先界面幫助設計師減少用戶達到期望結果所必須采取的步驟。

          手勢控制

          手勢控制是一種隨著觸控屏出現而引入的各種手勢控制機制的一種新技術拓展?,F在懸空手勢已經實現在設備上正常工作。例如,最近歐洲豪華車品牌 DS Automobiles 通過空中觸覺反饋和手勢展示了其新的非接觸式控件,聲稱該系統提供的精度比觸摸屏高三倍。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ Haptics and Gesture Control in Automotive @ Ultraleap

          視覺趨勢

          1. 3D 設計

          3D 同樣是 2021 年的設計趨勢,3D 設計目前更容易應用在企業的品牌或產品應用中。

          審美是一種循環,在長達 12 年的扁平化設計之后,Mac 新操作系統 Apple Big Sur 也讓 3D 在 UI 設計中得到更頻繁的使用

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Eric Hoffman

          實際上早在 2017 年的 Build 大會上微軟宣布采用全新的 Microsoft Fluent Design System 就包含 3D 設計的五大核心元素:Light(光感)、Depth(深度)、Motion(動畫)、Material(材質)和 Scale(縮放)。其中就包含微軟最早在 Win7 時代就應用了亞克力(毛玻璃)效果,而蘋果則將這一特性發揮得淋漓盡致。從 z 軸維度出發的設計,用它來制造出覆蓋內容之上的感覺,令界面元素更有層級,更有趣?;蛟S是因為微軟并沒有很好的將 Fluent 應用在實際產品中,一直處于概念優于實際。

          3D 設計的流行離不開行業的布道者們的引領,2021 年 3D 設計將進入一個新的開始。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Ryan.Jyu

          2021 年,設計師(藝術家)們將徹底打開對 3D 的探索之門,這種趨勢將會大量呈現設計師們在各種材質、光效、物理模擬等深入研究的效果。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @mav.farm

          基于 Web GL 的 three.js 正流行;通過 Web 可以隨時隨地訪問 3D 的故事場景,相比過去,現在的前端框架和庫能夠顯著提升頁面加載時效,使得能夠支持更大更為精細的 3D 場景。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @adidaschile20.com

          在 2021 年,3D 只會變得越來越流行,尤其是看到日益普及的 VR 和 AR 技術。很酷的抽象感,不尋常的角度,您可以在 3D 中完成所有操作而無需使用真實實體對象,例如,當您需要展示昂貴的汽車或不尋常的房子時,這通??梢怨澥「喑杀尽?D 吸引了人們的注意力,并使網站更具吸引力,使用戶在頁面上停留的時間更長,轉化率也提升了。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @experience.soletanche-bachy.com

          當然技術雖不斷發展,但 3D 的主要缺陷任然存在。3D 對象結構越復雜,在用戶設備上執行的負載也就越大。需要確保網站已經優化完全,以保證可以顯示完整的動態效果。否則用戶遇到加載過慢或失敗的情況下會適得其反,用戶會產生嚴重流失。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Gleb Kuznetsov

          2. 動態化設計

          我們相信所有年齡階段的用戶都喜歡觀看引人入勝的動畫故事或者可交互動畫動作。嘗試使用簡約的界面與大膽有趣的元素結合在一起,既可吸引用戶,也能保證信息清晰明了。

          2021 年,動畫設計案例將越來越多。無論是界面 UI 動畫,還是大型營銷動畫(包含 3D),技術的發展將帶來全新的體驗。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @richardmattka.com

          3. SVG(可伸縮矢量圖像)的廣泛應用

          過去在企業應用設計中,由于瀏覽器兼容問題導致沒有辦法完全覆蓋 SVG,現在除了可以應用全局 SVG Icon 以外還可以通過 SVG 來繪制矢量插圖,插圖使用 XML 定義基本屬性,例如路徑、形狀、字體和顏色以及更高級的功能。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Huseyin

          當提高顯示分辨率時,PNG、GIF 和 JPEG 會丟失質量。而 SVG 可以任意放大或縮小矢量格式而不會降低質量。相比位圖,SVG 具有更輕量的體積,更快的訪問速度。

          4. UI&UX 輕量化設計

          UI&UX 持續精簡優化已然是趨勢,更少的字段顯示與更少的字段填寫。即使用戶達到所需結果所必須采取的步驟也是如此。

          注冊與登錄步驟就是案例,2021,請勿強迫用戶記住密碼。例如,在在線商城中,用戶的個人標識符可以是他們的電話號碼或生物特征數據。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @developer.apple.com

          蘋果公司推出了“超級按鈕”,它替代了隨機數據進行網絡注冊。在許多應用程序中,您現在只需一個按鈕即可注冊,而無需社交網絡的參與。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Heavyweight

          冗余的 UI 資產會給設計系統的維護和迭代帶來沉重的負擔,保留核心組件并提升組件利用率,去繁化簡似乎是未來的趨勢。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @bn digital

          隨著 iOS 和 Android 陸續支持了深色模式,深色模式也成為大眾應用設計的標配。企業級應用的深色模式也將成為 2021 的趨勢之一。

          生產力趨勢

          疫情帶來的封鎖與隔離給我們的工作方式帶來極大的挑戰,遠程辦公與在線協作將會成為常態化,如何有效的讓設計師們在線協作一直是一個巨大難題。

          1. 基于 Web 的在線協作工具,多人實時在線協同

          Figma

          Figma 是一款免費的在線 UI 設計工具,可用于創建、協作、原型設計與設計對接。通過實時在線的設計協作能夠打破設計師之間的視圖壁壘,能夠實時進行設計共享、修改以及反饋。你無需擔心是否保存,你的設計稿永遠保持版本。全平臺兼容,只需打開瀏覽器就可以隨時隨地進行設計。除此之外 Figma 與 Sketch 一樣通過輕量化主體+開放的 API 接口和插件生態系統,豐富的第三方插件市場能夠為設計生產帶來更多的可能性。

          截至 2020 年 4 月,Figma 的估值超過 20 億美元。@福布斯

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ Figma@Remilla Ty

          Miro

          團隊線上協作的設計思維導圖工具,核心功能是支持團隊在線協作白板服務,無論是思維導圖、各式圖表、概念圖、還是資訊分析用的魚骨圖、價值鏈分析、PEST 分析,Miro 提供了豐富的免費模板。不僅如此 Miro 還提供了更為豐富的內容格式,包括視頻、圖片、文檔、標簽等。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @miro.com

          Pitch

          在線演示文稿工具,支持多人實時在線或離線以及跨設備構建。這是一種針對現代團隊需求而構建的演示軟件。Pitch 可幫助團隊更好地協作,、精美地制作演示文稿。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @pitch.com

          2. 基于 Web 的輕量化工具

          在線工具已然成為一種趨勢,從格式轉換、圖片處理到 3D 建模我們逐漸可以通過一個瀏覽器來使用這些輕量化工具來解決我們實際的設計問題,Figma 已經滿足 UI 設計師的生產力工具所有需求,未來或許有更多基于 Web 的生產力工具出現。

          Spline

          Spline 是一款 3D 設計工具,你可以無需下載客戶端在瀏覽器中創建 3D 項目。Spline 最大的特點是輕量,其操作界面跟 Sketch、Figma 結構一致,能夠以 2D 的方式進行 3D 設計;無需 3D 設計基礎。Spline 具備基礎的 3D 模型編輯功能,同時提供豐富的在線 3D 模型庫使用,模型支持添加事件,通過設置不同模型狀態進行交互切換。文件可以導出靜態圖片也可以免費導出離線網頁。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @spline.design

          Vectary 3.0

          Vectary 一款在線 3D 建模設計工具,提供免費場景、模型和材質庫,無需從頭開始或花費很長時間建造模型,提升 3D 設計效率。素材庫包含上千個免費的可自定義 3D 模型,以及數百種高質量紋理化的材質可供使用。VECTARY 現已在 Iphone 和 Android 中全面開通支持 AR 界面,通過在您的網站上使用 Vectary 3D / AR Viewer,每種類型的訪客都可以獲得交互式 3D 或 AR 體驗。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @vectary.com

          3. 工具平臺化

          用未來設計工具將不僅僅聚焦設計產出本身,而是不斷向設計的上下游延伸,打通工作的流程中的各個節點,連接和傳遞每個節點產出物、打通信息流,從設計研究→設計創作→代碼實現→項目&資產管理,做到全流程全角色全場景覆蓋,形成一個更低成本、更便捷的團隊協作模式。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @invisionapp.com/studio

          4. 自動化&智能化

          用戶界面設計工具的趨勢之一:借助現代工具和技術簡化設計師的工作流程。例如,Adobe 在 10 月宣布了他們對 Photoshop 22.0 版的更新,其中包括 Nvidia 的許多令人敬畏的 AI 驅動的功能,這是一組圖像編輯工具,Adobe 稱其為“神經過濾器”。Sketch App 最近更新了顏色變量和組件視圖功能,方便更有效的管理顏色一致性。Figma 也迅速更新了為分布式團隊添加新功能,包括模板和虛擬會議功能,這些新功能使遠程協作更加輕松。Pixelmator 的圖形編輯器的最近更新具有增強的機器學習功能和 GPU 驅動的圖像編輯功能。

          生成設計(Generative design)是另一個潛在的 UX / UI 趨勢。這是可以分析大量相似數據,找到其定義特征和特征,然后根據所提供的數據創建新特征的數據。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @helpx.adobe.com

          5. 結構化設計系統

          代碼結構化思維應用設計工具將是 2021 年的趨勢之一,助力設計師構建結構化組件。Figma 更新的組件變體功能將設計系統的組織形式結構化,統一管理組件的多種類型、尺寸、以及不同狀態;優化設計層級,從而簡化了資產面板并更緊密地將組件映射到代碼。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Mohamad Rasouli

          6. 設計開發態

          設計開發態能夠極大提升設計與開發的對接效率,也能減少設計師與開發者直接的隔閡。

          例如:你可以創建響應設計內容的動態框架。過去搭建或修改一個組件需要不斷的調整設計尺寸及間距,現在通過自動布局設定參數即可自動適應。Figma 中的自動布局(Auto Layout)功能其實是引入了接近 CSS Box 模型和 Flexbox 在 Web 上的工作方式。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @AsiaInfo Design

          New Invision DSM 在 Web 端更新了開發組件管理方式,通過將“組件代碼”與“設計稿件”綁定,將設計系統進行統一管理;Zeplin 同樣也更新了設計組件(UI components)綁定代碼(React components)的功能,讓開發同學查看設計稿切圖標注時,可直接訪問已經代碼化的組件詳情,提升前端開發效率。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @Wojciech Zieliński

          7. 設計稿即代碼(Design to Code)

          我們常見的 D2C 主要出現在設計交付前端工具中,如 Sketch Mesure、Zeplin,主要功能是導出靜態頁面代碼(HTML+CSS)其問題是:代碼機構不合理,可維護性差。目前業內討論較多的是圖片生成代碼的能力:通過 AI 人工智能將草稿/視覺稿一鍵生成可維護的前端代碼,提高前端開發效率。

          微軟的 Micosoft AI 的 Sketch2Code 即通過 AI 訓練的 Custom Vision Model 可以針對 HTML 手繪模式執行對象識別,用于將有意義的設計元素檢測到圖像中,每個檢測到的元素通過文本識別服務提取手寫內容,被檢測對象的信息及其在圖像中的位置被同步到底層算法結構中,最后對應包含檢測到的設計元素的布局生成有效的 HTML。

          除了基本的靜態設計能力外,動態交互、動畫展示等等在新一代的設計產品里面都可以結構化描述的,未來的 D2C 可以運用這部分數據來生成交互邏輯、動畫代碼等。

          越來越火的To B行業,在 2021 年有哪些值得關注的設計趨勢?

          △ @No-Code web builder@Mohan

          結語

          設計趨勢是周期性的,UI&UX 設計的新趨勢每年都在變化,這是一種審美循環。趨勢是必然的,趨勢背后是技術發展的浪潮??梢姷氖窃O計創造的可視語言,這是一種手段,而我們更應該關注背后所傳達價值。

          文章來源:優設  作者:AsiaInfo Design

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


          從2020年終復盤看2021新商機:8個趨勢、3個洞察、1種信仰

          資深UI設計者

          魔幻的2020年已經過去了,我們終于迎來了新的一年。站在2021年的開頭,本文作者對2020年進行了總結,盤點了2020年的8個趨勢熱點、預測了2021年的3個洞察以及為什么新經濟公司要做長期主義者,希望讀后對你有所啟發。

          充滿期待的2021年已拉開序幕,我決定為2020這一年中值得思考和回味的事情做個總結。橋水基金創始人瑞·達利歐說:如果你不覺得去年的你是個蠢貨的話,說明你進步慢了。

          2020年的紅人新經濟領域,究竟經歷了哪些有價值的改變和進化?在我的記憶碎片中,瞬間涌現了下面8個趨勢熱點:

          • “后浪”崛起;
          • 明星紅人化;
          • 新國貨;
          • 宅經濟;
          • 社群賣場;
          • 下沉市場;
          • 紅人算法化;
          • CEO帶貨。

          再將上述8個碎片關聯起來,清晰呈現了3個行業洞察:

          1. “去中心化”是大勢所趨;
          2. 品效合一是必然選擇;
          3. “紅人”職業化,“職業”紅人化

          收集碎片,遵循規律,知行合一,我們漸漸踩準了時代趨勢。沒有預約,時代的機遇也不用刻意安排。

          約翰·列儂有一句話:“所有的事到最后都會是好事。如果還不是,那就是還沒到最后。”史蒂夫·喬布斯作為約翰·列儂的狂熱粉絲,在執掌蘋果公司的那些年里,將“長期主義”一以貫之。

          什么叫長期主義?“長期主義”的英文叫Long-termism,在我的理解中,就是不賺“短期的錢”,不接受“無戰略的盈利”,產品被視作“價值觀和信仰的載體”。

          8個趨勢熱點,3個行業洞察,和長期主義信仰,作為我這里復盤2020的基本脈絡。如果還沒有把復盤、反思當作習慣,也許你的工作還沒正式開始。行動時尊重未來的自己,復盤時尊重過去的自己。

          一、盤點2020年的8個趨勢熱點

          有人用一句話回顧2020年:“我們無數次凝視深淵,也無數次被深淵凝視?!蔽覀兒卧脒^,某些時間買個口罩那么難,回一趟家那么難,電影院開個門那么難,奧運會開個幕那么難……

          哪怕挑戰多多,2020年的新經濟熱點和亮點仍是層出不窮。

          1. 趨勢熱點之:“后浪”崛起

          2020年是一個重要時間窗口,95后、00后的年輕世代,即“后浪”們,正在形成新的流量中心。

          你在抖音、B站、快手上看到的,盡是一些諸如“爺青回”、“有內味了”、“AWSL”、“真香”這類新詞,類似李子柒、朱一旦、華農兄弟這些網絡紅人,不斷創造很多新的、有趣的東西掀起了“后浪”們的熱情。

          “后浪”們眼中的有趣,是隨心、隨喜的。

          比如,華農兄弟在院子里宰殺動物,一只公雞無意中路過,進入了視頻畫面,觀眾們一看,像是來送終的,于是“送終雞”的彈幕流行起來(跟韓國演員宋仲基的名字發音一樣),成為華農兄弟走紅的一個標配。

          農村生活的平淡無奇,可以在“后浪”粉絲的篩選、反饋之下,成為一個一個傳播力甚廣的紅人標簽。

          任何可以調侃的素材,刺激笑點的瞬間,在“后浪”們眼里,都可以作為話題,作為一種小眾愛好,凝聚粉絲,積聚流量。他們時刻想知道,這世界上還有哪些未知的生活方式。

          流量向哪里遷移,商業也隨之發生變革:流量從線下轉移到線上,誕生了亞馬遜、淘寶和京東商城;流量從PC端轉移到移動端,由于移動端可以隨時在線、隨處定位,誕生了美團、餓了么和滴滴;流量從四面八方向紅人、意見領袖身上轉移,天下秀、B站、完美日記逐漸成為焦點。

          2. 趨勢熱點之:明星紅人化

          2020年,很多一線紅人逐漸“明星化”,部分一線紅人“帶貨”流量遠超過一線明星,有淘寶主播、有脫口秀紅人主播活躍于熱播綜藝,受關注度都不輸影視明星。

          很多影視明星在疫情之前就遭遇“失業潮”了,他們不斷尋求新的出路,比如主動進入直播電商領域,商業效果反而不敵那些一線紅人,于是出現了“明星失業、紅人補位”的聲音。

          影視明星是否真的被草根紅人打敗?這不是重點。明星主動進入電商直播間給消費品牌“帶貨”,已經不是新聞了。

          明星帶貨和紅人帶貨的消費邏輯大不相同:紅人帶貨就是物美價廉,高性價比,鄰家女孩真誠推薦;明星帶貨則撬動了粉絲們的“養成心態”,粉絲要支持偶像(愛豆)成長。

          直播帶貨的最大商業阻力,大概就是“人紅貨不紅”了。很多影視明星的粉絲量特別大,也積極嘗試直播帶貨,但翻車的情況不少。影視明星往往太過表現自己,搶走了觀眾本該對產品(品牌)的注意力。

          這就像演員和推銷員的區別,一個推銷員可以成為很棒的演員,可是演員不一定能成為很棒的推銷員。因為推銷員要同時做到讓人鼓掌叫好,讓人愿意掏錢買單。演員就不擅長做后一點,這就是隔行如隔山。

          重點是讓產品成為關注焦點,而不是賣東西的人本身成為關注焦點。很多重要的內容細節,建議參考我之前的文章《為什么你的直播帶貨賠錢了》。

          3. 趨勢熱點之:新國貨爆發

          在2020年天貓“雙11”成交過億的品牌里,有16個是入駐天貓不到3年,其中大部分是新國貨品牌;同時,諸如大白兔奶糖、回力運動鞋、謝馥春、百雀羚、馬應龍這等祖母級品牌,也正在經歷一輪復蘇。

          按照《彭博商業周刊》的觀點這背后的最大推手就是95后、00后新世代消費者,因為從2019年開始,95后和00后成了全球最大的消費群體,這個趨勢會一直持續到2030年。

          95后、00后是中國“正常”一代的開始,他們沒有物質匱乏的記憶,也不缺機遇,所以,不用顧慮這顧慮那,而折疊自己、迎合別人,屈就周圍環境。他們就是做自己喜歡的事情,做好自己。

          95后、00后是“去中心化”的一代,他們眼中已經沒有大眾品牌、國民偶像了,他們接受信息的來源主要是社交網絡、紅人社群,他們買東西、看東西,幾乎都會給自己打標簽,將自己與蕓蕓眾生區別開。

          “后浪”們對品牌認同度普遍降低,不是品牌變得不重要了,而是品牌觸達“后浪”消費者的路徑不同以往了。

          現今,在年輕消費者的購物“決策鏈”中,從興趣激發(即“種草”),到研究比價,到下單購買,最后到分享裂變,處于中心位置的,是社交APP和社交紅人。絕大多數的“后浪”消費者在進入銷售渠道前已經做好了購買決定,在美妝和3C數碼品類,這種趨勢尤其明顯。

          過去,品牌公司那種廣告轟炸+明星代言的常規做法,依然可以奏效,但是效費比已經大大不如從前了。

          在這個變化中,娛樂圈也大受沖擊,已經不可能再打造類似“四大天王(劉德華、張學友、郭富城、黎明)”那樣的全民偶像。相反,紅人主播、紅人博主、紅人UP主們更加契合“后浪”們的胃口。

          4. 趨勢熱點之:宅經濟效應明顯

          “宅經濟”是2020年一個熱詞,新聞媒體談了很多。“后浪”們的孤樂主義持續升級,宅起來,線上解決一切問題。

          • 2017年,美團外賣服務了1.3億單身“孤宅”人群;
          • 2018年,國內的游戲總用戶數達到6.26億,其中“孤宅”用戶貢獻了一大半銷售額;
          • 2019年,天貓“雙11”的進口商品,不是嬰兒奶粉,不是高科技產品,而是進口貓糧;
          • 2020年,紅人新經濟迎來引爆式增長,游戲主播、紅人博主UP主開始成為一種成熟職業,諸如導購、教師甚至菜農等360行紛紛“紅人化”。

          “后浪”們普遍有一種“孤樂主義”心態,與其在人群中委曲求全,寧愿選擇自己宅起來。阿里研究院的數據顯示,95后、00后人群當中,一個人看電影的比例高達54%,一個人叫外賣比例達到了33%……

          所以,阿里電商系統開始推一人食、一人租、一人旅行、一人火鍋以及迷你小家電、自助唱吧等等。這是一種“單人的樂活模式”,更是一種新的商業布局。

          這個商業生態包括遠程辦公(阿里釘釘、騰訊文檔、華為云WeLink)、網購電商(京東、淘寶天貓、拼多多)、社交社區(微信、陌陌、西五街、小紅書),資訊服務(頭條、百度、騰訊新聞)、外賣生活(美團、餓了么、58同城)、娛樂視頻(抖音、快手、優酷)、網絡游戲(騰訊游戲、網易游戲)、在線教育(學而思、新東方、簡書)、金融理財(螞蟻金服、東方財富)等等……

          這個商業生態更是包括眾多頭部、腰部和精致的納米紅人,以及背后的7億粉絲群體,構成了線上最具人氣的商業流量中心。當城市越來越大、新經濟生態越來越成熟、人際交往越來越虛擬的時候,“孤獨的城市動物”正在催化各種商業創新。

          5. 趨勢熱點之:社群賣場興起

          2020年,紅人導購已經成為零售行業的重要武器。紅人導購最關注的,是社區團購,就是圍繞一個線下社區,以近距離社交為起點,來發起團購。

          每一個導購員就是一個帶貨紅人,早上在社群里推“超劃算的爆款產品”用于鞏固鐵粉,晚上發布打折信息,定時發問候紅包(現金+菜品折扣)用于培養用戶習慣。

          一位叫香帥的金融課紅人教師,講過一位“皮皮媽媽”,特別能干,她與附近幾個小區的團長合作,沒有依靠任何平臺,利用微信群建立了近千人規模的“團購合作社”——他們幾個團長,本身有超市采購、機場免稅店、糧油食品企業的工作背景,有很多供應鏈資源,可以與廠商直接對接。

          他們每周組織團購5次左右,商品品類覆蓋蔬菜、水果、肉蛋奶,甚至是羽絨服、化妝品、品包包。

          傳統零售的接觸用戶過程,是漏斗型的一級一級篩選用戶,先要廣泛搜羅用戶,然后從眾多用戶里進行精準定位,找到并影響目標用戶,從目標用戶里篩選潛在用戶,再找到普通用戶,最終獲得忠誠用戶。

          社群零售的接觸用戶過程,是寶塔型的一級一級影響用戶,要先去找到忠誠用戶,通過忠誠用戶去找到并影響普通用戶,通過普通用戶再去影響潛在用戶,最終向廣泛的目標用戶擴大影響。

          傳統零售是“越篩選越小眾”,社群賣場是“越影響越大眾”。

          6. 趨勢熱點之:深挖下沉市場生態

          過去,很多創業者總是講“工匠精神”,要精工細料、要死磕細節。但這是要成本的,產品貴到了一定程度,你的市場很難走出北上廣深,商業的可復制性也沒有了。比如,30元一杯的星巴克是無法下沉到小縣城、小鄉鎮的。

          如果你有打江山的那個霹靂手段,將效率做到感人,將價格壓到骨頭,從一線都市到六線縣城鄉鎮,你都有辦法搞定,讓現存的、潛在的對手都怕你,那就算你厲害。

          看看中國地圖,查查政府官方網站,可以清楚看到未來消費市場新的增長引擎,主要來自于國內2856個“縣”、41658個“鄉鎮”、662238個“村”,他們沒有高房價或高租金的困擾,可支配收入并不低。

          甚至有人直言,藏在縣城的萬億生意,尚未被充分發掘。現在的下沉市場越來越好,一個賣大雞排的本土品牌,門店數量已經超過麥當勞,一個做刨冰起家的本土品牌,門店數量也超過了星巴克。

          我看,突破下沉市場的核心方法論就一句話——站在巨人的肩膀上拉客賣貨。這個巨人就是當今中國強大的數字商圈生態。

          有人認為,騰訊、阿里巴巴、天下秀、滴滴、美團都在做一件事,就是“線上商圈基礎設施建設”,它們在各自的領域里“鋪路”和“修橋”,而且這個“線上商圈”是沒有城鄉界限的。

          現今1美金的平均快遞成本就可以通運全國,品牌也可隨時隨地觸達8億網購用戶。超過100萬的紅人,透過IMS天下秀平臺直線對接萬千消費品牌,紅人逐漸成為一種主流的且大受歡迎的新興職業。

          現今,想要開創一個新消費品牌,包括產品的研發設計、制造、物流、營銷等環節,都會出現專業化的服務商。你只需要專注洞察、連接及服務好用戶,將用戶或者消費者變成粉絲,集中精力做品牌就好了。

          哪怕你身處遙遠的深山、疆域的邊緣、城市的角落,只要你懂需求、會表達、能溝通,就可以打造個人IP,直連消費品牌,除了紅人主播可以帶貨,可能一篇好文章、一張好圖片甚至一曲好音樂,都可以賦能品牌,都可以帶貨。

          很多農村小哥、小鎮青年、偏遠地區的民宿業者,靠短視頻帶貨賺錢,或是打農家樂廣告招徠游客,已經非常普遍了。

          7. 趨勢熱點之:紅人算法化

          2020年9月,《人物》雜志刊登了一篇熱文《外賣騎手,困在系統里》,近幾年來外賣平臺通過算法系統壓縮送餐時間,建立了一套“超時罰款”規則,使得騎手的工作難度越來越大,甚至越來越危險。送餐小哥活在了算法里,壓力很大,網絡紅人可能也不輕松,紅人要怎么當,算法來告訴你。

          2020年,幾乎所有互聯網平臺都拋棄了按照純時間線排布內容的算法,改用打亂時間線的智能算法推薦(最保守的微信公眾號也邁出了這一步)。

          比如:B站首頁默認就是推薦模塊,哪怕用戶訂閱列表里的所有紅人全停止更新了,也不影響消費者(粉絲)獲取源源不斷的感興趣內容。

          比如:抖音的分發機制也變得更加務實,紅人創作的內容投喂給算法,算法再分發給用戶,用戶不會在乎哪個紅人創作的,用戶只在乎自己的口味。

          創業者們一定要知道,內容消費,就是當我們刷抖音、微博、微信看到內容的時候,這些消費是目前為止互聯網里面最大的消費,而這些內容的源頭是紅人博主、主播、UP主。最終靠什么發掘其中的商業價值?

          答案是:算法。

          Google的商業算法,很好理解,就是用戶在搜索引擎里搜過內衣,好的,網頁打開之時,就會看到很多內衣的消費選擇。

          Facebook的商業算法,就是另外一種套路,用戶可能曾在社交平臺上對一個汽車產品點贊,但他的個人頁面上,可能會出現完全沒什么關系的度假村內容,因為平臺通過大數據分析,知道你是誰,就必然需要什么。

          紅人新經濟時代的算法策略,將紅人和場景當作“廣告位+新貨架”。你看到的那些紅人,本質上是一個個算法。 你透過直播互動的數據沉淀,清楚知道用戶(消費者)的生活方式,在一種生活方式的背景下,用戶想要什么,就很清楚了。

          紅人為什么會變成算法?

          在一個時間段內,哪一個產品最好賣?哪一個定價最好賣?哪一些臺詞最好賣?哪一些包裝最好賣?同時,如何應對直播用戶的問答?怎樣的問題需要怎樣的臺詞、演示細節進行匹配?如何持續改良行為模式,提高直播效率?……

          這些都是靠背后動態沉淀的大量數據,進行矯正、優化的。如何駕馭這些數據,靠的就是一套好的算法?!耙痪€紅人們”的一言一行、一個眼神,都是基于直播間人氣、銷售轉化等等數據指標,進行算法矯正的。所以,“一線紅人們”就是一個一個人格化的算法。

          Google、Facebook以及紅人新經濟時代的商業算法,決定了用戶最終會看到什么內容。

          Google的推薦系統,基于用戶搜索行為,包括搜索的歷史記錄等等;Facebook獲取的,是用戶的社交信息,像是居住地、性別、職業,還有用戶在平臺上的點贊、留言;紅人直播模式獲取的,是基于紅人、粉絲互動呈現的生活方式數據。

          • 搜索商業算法,瞄準你想要什么;
          • 社交商業算法,瞄準你是誰,然后一定會需要什么;
          • 紅人商業算法,瞄準你想要什么樣的生活方式,自然需要什么。

          需要更多深度觀察,請參閱我之前的文章《算法時代,偉大的公司如何癡迷于客戶》。

          8. 趨勢熱點之:CEO帶貨潮

          2020年的消費市場,典型特征就是“看人下單”,每一個內容賬號的背后,每一個紅人主播、博主、UP主的背后,都是一個細分消費市場。

          “后浪”消費群體主要透過社交分享,實現了基于人與人之間信任關系的購買。淘寶的直播帶貨,快手的達人賣土特產,小紅書的大V種草,西五街的新品測評,以及拼多多的熟人推薦,都是看人下單(而非看品牌下單)的邏輯。

          CEO們(甚至很多政府官員)紛紛走上一線,親自進直播間賣貨,不一定是要拿到多少銷售額,更重要是,贏得需求洞察上的話語權、產業鏈上的主導權、公司命運的主宰權。

          需求洞察方面,近年快速崛起的喜茶、完美日記,幾乎都是CEO直接主管內容團隊,每天都在網上跟消費者接觸,沉淀了更多源于用戶的意見,這就有了在需求洞察上的話語權。

          尤其是那些年輕創業者,因為預算有限,會選擇低成本、紅人化的品牌推廣,將自己塑造成為一個紅人(意見領袖),把流量導向產品銷售,經過多次轉發、傳播,這些紅人CEO不僅給企業省下巨大的廣告開支,也讓年輕消費者覺著他們和自己貼得更近了。

          這個商業效果,是不能用帶貨金額來計算的。產業鏈話語權方面,很多紅人主播直接繞過了品牌,讓廠家直接供貨,李子柒、薇婭是這樣。也有一些紅人主播甚至直接繞過廠家,自己做供應鏈。

          多年以前,比爾·蓋茨曾經表示:“要么電子商務,要么無商可務。”可是,現在已經不是B2C了,而是直接繞過商家,從供應商那里買東西,甚至自己做供應鏈。紅人直播帶貨給電商運營效率,帶來了革命性的升級。

          組織動員方面,CEO親自直播賣貨,也是要贏得公司命運的主宰權。這給人一個清楚信號,“老板都直播帶貨了,這么拼,你為何不積極跟上?”這不僅是一種廣告效果,更是一種“全員營銷”的動員能量。

          總體看來,CEO主動直播帶貨,主動參與內容創作、與粉絲(消費者)對話,這種迅速收集消費需求、匯攏資金、按需生產、分發商品的模式,效率遠高于傳統電商。

          可以預期,未來紅人直播帶貨將會成為新消費品牌的新常態,而CEO直播帶貨也將成為給公司“立人設”的一種靈活方式。需要更多內容細節,請參閱我之前的文章《董明珠直播帶貨20萬,其實是賺到了“2個億”》。

          二、面向2021年的三大洞察

          諾貝爾醫學獎獲得者紐斯林·福爾哈德說過:“解決問題的關鍵在于收集到足夠數量的碎片,并努力積累到這些碎片之間的關聯性?!?

          華為輪值CEO徐直軍直言:“經驗是華為最大的浪費。”不要輕易放過一段經歷和經驗,如果能夠從每一段經歷和經驗中沉淀一點未來可能用得上的思考,積累下來就是大智慧。

          2020年的趨勢熱點當中,可以呈現三大洞察:

          1. 流量“去中心化”是大勢所趨

          去年疫情期間,物流受阻,電商平臺的效率發揮不出來,“社區團購(紅人導購)”進來補位;孩子上學的節奏受影響,紅人教師(和助理們)可以P2P(一對一)進行輔導;公司難以集體辦公了,小團隊一個個可以自行組織工作任務,即“去中心的自組織”……

          紅人新經濟領域的“去中心化”,十幾年來是一以貫之的。

          十幾年前的紅人,主要是傳統媒體(營造出格事件)催化走紅的;后來,有了博客、視頻網站,你要走紅還得靠平臺的編輯優先推薦;有了社交媒體,諸如Papi醬、雪梨等人,靠生活調性走紅;現今,大量紅人主播承接了短視頻和直播興起的勢能,比如李子柒、手工耿、李雪琴,主要靠優質內容走紅。

          紅人新經濟本質上是一種去中心化的呈現方式,除了紅人、意見領袖之外,某個物品、某個品牌、某個地方、某樣美食、某一首歌,甚至某個虛擬形象都可以成為紅人主體,進而與粉絲建立起穩定關系,促進了消費變現。

          什么叫“去中心化”?

          我舉兩個例子:過去,村里就你家有一部固定電話,好的,你家很快成了村里與外界聯系的中心節點;現在,人人有一部智能手機,人人都成了信息節點,那個連接效率是不可同日而語的。那么,最有價值的就是那個掌握大家聯系方式的人。

          你上視頻網站下載電影,你要下載的那個電影,并不是存在視頻網站的服務器(中心平臺)上,而是存在無數人的電腦上。

          視頻網站只是維護了一張列表,上面記錄著:誰的電腦上有哪部電影,當你的電腦要下載一部電影時,會自動查一下這張列表。那么,最有價值的就是那個掌握大家資源列表的人。

          去年,我們公司被“百萬紅人”送上A股主板市場。天下秀不是中心化的商業強權,而是掌握了紅人資源列表,進行“去中心化的商業賦能”。

          據克勞銳《2020年中國紅人發展年報》顯示:綜合了微博、微信、抖音、快手、小紅書、B站、淘寶直播數據發現,2020年粉絲量大于1萬的紅人數量已經達到了900萬+,而這些紅人日均產出內容數量達到了3750萬+。

          為什么品牌需要我們?

          因為品牌需要在正確的時間、正確的場景,連接正確的紅人,以正確的傳播方式(文字、圖片、視頻)出場。

          為什么紅人需要我們?

          因為紅人也需要在正確的時間、正確的場景,連接正確的品牌,釋放商業價值。這么多的“正確”搭配在一起,就需要有大數據和算法進行精準匹配,而我們就提供了這樣一種能力。

          2. 品效合一是企業的必然選擇

          過去的品牌公司會有一個基本考量:營銷推廣、品牌運營是兩個維度的,(營銷)追求銷售效果or(品牌)追求企業調性?預算該怎么投,怎么平衡這個比例?長期以來,是非常傷腦筋的。

          2020年則是實現品效合一的關鍵一年,其中的重要變量就是紅人。紅人就是把“粉絲”還原成“消費者”的那個物種,品牌則千方百計找到最合適的紅人幫忙。

          為什么紅人商業(紅人廣告+直播電商)可以促使品效合一的加速到來?背后有兩個核心邏輯:

          1)效果革命

          紅人增進了交易效率的空前提高,過去,從產品到消費者,要經過多層渠道商、經銷商,到零售店,最后被消費者看見,決定會不會買,這是一個很長的決策鏈條。

          過去的交易方式,付款需要輸入密碼,網銀需要用 U 盾來支付,現在這些步驟都省略了,刷個臉就行了,甚至可以免密支付。

          現在,從產品到消費者,只需要一個直播間,只經過一層物流。除了消費鏈條大幅縮短,供給和需求之間的連通效率大大提高了。

          如今所有的直播帶貨,從帶寬、運算、支付、成交,到最后的朋友圈發文炫耀,一個人從決策到購買的鏈路縮短到3分鐘之內——這是中國互聯網歷史上完全沒有過的。

          2)品牌革命

          紅人作為現今最重要的內容生產者,是廣告位+新貨架的完美合體。本質上,一切的表達都是文案,一切的產出都是創意,一切的產品和品牌都是內容,一切的內容都是廣告。

          近幾年來,消費品牌紛紛借助紅人流量,給自身品牌進行“人格化”賦能,要使消費者不僅僅將品牌當作一個僵化的標簽,而是一個可交流、有溫度的人格IP。

          商業的本質就是消費者的注意力在哪里,產品就在哪里。聰明的品牌越來越清楚,能支持自己走得更遠的其實是粉絲,而不是哪個標簽或者LOGO。

          3. “紅人”職業化,“職業”紅人化

          2020年,是紅人職業化、職業紅人化的重要一年。

          無論你是什么學歷、什么出身、什么背景、你喜歡什么、擅長什么,你都可以把自己擺在網絡平臺上,被所有人看見。比如有很多五星級酒店大廚,因為有一門烹飪的手藝,通過短視頻教會更多人做家常菜。

          也有很多優秀的老師,把黑板搬到了網上,做更廣泛的知識普及;還有醫生、化妝師、心理學家、裝修工人等等,在網絡上分享自己的專業經驗,獲得很多人的喜愛。

          紅人的“準入門檻”確實不高,只要你有手機,注冊一個賬號,就可以開始發視頻,開直播。但還有一個事實是,步入社會之后,我們說一個行業,一份工作的“門檻”高低,不僅體現在“準入門檻”,更在于職業化。

          什么是職業化?不是在工作技能上有多高超,而是你學會把自己的生活人格和職業人格分開。在合適的地方,合適的時候,扮演合適的角色。

          任何人把自身的優勢發揮到,都可能成為焦點。但是,能不能長久在里面待下去,能不能勝任這份工作,背后仍需要有專業化的技術(數據、算法)引導。前面講過,算法可以教你怎么做好紅人?

          算法之外,更重要是你要用自己的本心與這個世界碰撞。

          你隨意的一個感受瞬間,分享一首曲子,或者發一條微博、朋友圈、小紅書、抖音,都在向身邊的人傳達著你平凡生活中的點點滴滴,可能被人忽略,可能被人厭煩,也許,也許,你也會被人喜歡,被人關注,被人模仿。只要你是認真的,世界上總有一直喜歡你的人。

          那些一直喜歡你的人,就是你的價值觀同盟,你也可以成為他們的品味代言人,這也是紅人的核心本質。人人都有機會成為紅人,無疑你也可以,流量和效果不用花錢買,你的口碑和影響力會自然擴散,成為你的私域流量。

          給自己的觀點找到知音,讓自己的(內容)產品遇見懂你的人,這是“紅人”職業化+“職業”紅人化的內在本質。

          三、1種信仰:為什么新經濟公司要做長期主義者

          所有的美好都是與你環環相扣的,只是需要時間。

          復盤2020,進擊2021,但是我們不會忘記,把時間和信念投入到能夠長期產生價值的事情上,我們始終是長期主義者。

          我的理解當中,長期主義不是一個策略選擇,不是你想要什么,不是你賭現在收獲or未來收獲,而是一種繞不過去的必然堅持。

          1. 唯有長期主義者,才能踩準風口

          我說唯有長期主義者,才能踩準風口,可能有點反直覺。

          你看2020年的直播電商引爆行情,從紅人到明星、企業家、店主店員,無人不直播,無商家不轉型邁入直播電商,大家都要搶這個風口,但真正賺錢的是極少數人。

          你以為紅人主播、直播電商是“風口上的豬”,但被風吹起來的,一定是長期主義者。這個領域人家已經深耕十幾年了,以前默默無聞,現在終于成功了,你說風口來了,可是,風口就是人家做出來的。

          紅人,是消費品牌與消費者之間的最連接者。

          但是要實現這個連接,并不容易。你要匹配紅人與品牌,就要有最完整的紅人資源清單;你要精準找到人、貨、場的優化組合,就要對紅人價值合理評估;你還要有專業的紅人孵化機制,以及針對不同需求建立傳播矩陣、策略組合,這都需要很長時間的積累和沉淀。

          我們去年獲得了不錯的發展成就,你覺得這是站在了風口上,但是背后十幾年的長期準備,很少有人看見。

          很多看起來像是風口的東西快速到來,那些沒有準備的人,或者沒有考慮好的人,或者盲目去應戰的人,他一定會嘗到非常多的失敗。因為任何行業機會都是螺旋進化的,一邊發展,一邊洗牌。

          2. 長期主義是反人性、磨心智的

          真正的長期主義者專注做一件大事,而這件大事一定是一直默默取得進展,這個過程是反人性、磨心智的。

          “股神”巴菲特總是把自己的投資策略(長期投資、價值投資)開誠布公,貝索斯有一次忍不住問:“你的策略這么簡單,為什么大家不照抄你呢?”

          巴菲特的回答耐人尋味:“因為沒有人愿意慢慢變富?!比诵园?,顯然更喜歡見效快的努力。

          長期主義者多年專注一個細分領域,不敢越雷池一步。

          日本人建筑做得好,日本水泥有100多種。法國人面包做得好,法國面粉有100多種。你離開專業,就所知有限了,不能總聽人講故事,那些講故事的人大多是業余的,他們的故事也只是科普水平。

          有人問我,我公司為何不簽約、捧紅一些自己的紅人?我說:“我公司沒有紅人,也不去簽約和捧紅某一個紅人。但我有紅人大數據平臺,做了亞洲范圍內的自媒體排行榜,甚至教紅人怎么成長。

          這是我們作為大數據公司、平臺公司所應該做的事情”,長期專注,其實是最磨練心智的。

          堅守是最不容易的,做好一個企業需要10-20年時間。如果你想做到,可能需要30-40年時間。一個堪稱偉大的企業,必須要有50年以上的歷練。

          在我關注的領域里,基本十年能有一個結果都算比較快了。

          四、總結

          最后,我想再重復一遍:“很多關鍵時刻,會有一些運氣,比如當下的直播電商熱潮,但都不會影響大局。你要保持長期的集中心力建立護城河,也就是那些改不了、奪不走、丟不掉的東西。

          真正的長期主義者,不管潮起潮落,人來人往,這些長期不變的東西,就是你公司的基本盤?!?

          文章來源:人人都是產品經理  作者:IMS李檬

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



          2021年度最佳配色---亮麗黃在空間、界面設計應用

          周周

          祝愿大家在新的一年,有一個新的開始,更加有活力,更加有生機,生活像亮麗黃一樣靚麗而多彩,像灰一樣靜謐而不失優雅。

          初識數據可視化—圖表(基礎篇)

          周周

          在B端設計中,數據可視化是必不可少而且非常重要,越來越多的設計師需要和數據打交道,但是很多設計師不懂可視化當中不同用途的圖表規范,只是單純設計出好看的數據圖表,卻不能給用戶帶來更多的信息和價值。

          因此掌握數據可視化能力是設計師必不可少的一個技能,然而目前國內互聯網對于數據的教學不夠全面,這讓很多B端的設計師很苦惱,所以今天我結合自己的工作經驗和大家分享一下--“數據可視化之圖表設計”,為大家梳理一套完整的數據可視化的框架,以及關于可視化設計的基本準則和規范。幫助大家理解什么樣的數據對應什么樣的圖標,了解顏色的意義,知道數據排版的要點。

          一、基礎概念

          將不可見的數據轉化為可見的圖形和符號,從中發現規律和特征,以獲取更多的信息和價值。

          在當前互聯網的時代下,一頁圖可能對標一個龐大且復雜的數據表格,按照人類本身對圖的記憶遠大于對抽象文字的記憶,所以我們要學會讓數據說話,數據可視化除了“簡潔直觀”,還可有容易理解和記憶、傳遞信息更豐富的特點。



          接下來我們開始思考如何制作數據可視化圖標?首先規范的流程是最好的前提,下面的工作流程結合我自己的經驗和日常企業的數據分析場景,找到了一個合適的參考,我們就可以步步為營,避免很多不必要的返工,保證設計質量和項目進度。

          二、選定可視化圖標

          很多小伙伴在做可視化圖表設計過程中,肯定遇到過這樣的困擾,發現自己做完的圖標并未能準確表達自己的意圖,也無法傳達自己的意圖,圖表通常讓用戶看完困惑不已,主要問題出現在分析的維度沒有找準或定義的比較混亂,面對B端龐大復雜的圖標,同樣的一個指標的數據,我們從不同維度分析就會出現不同結果。用一句古話來形容:橫看成嶺側成峰。


          國外專家Andrew Abela曾整理了一份圖表類型選擇指南圖示(如下圖),他把數據的關系分成了4種類型,幫助我們去選出合適的圖表來呈現。

          上圖向大家展示了數據分析常用的4個維度,我們在選定數據指標后,我們需要和數據產品經理溝通我們核心需求,是我們想通過可視化向用戶傳遞什么價值信息。上圖引導我們從“聯系、分布、比較、構成”四個維度更有邏輯的思考這個問題,我們在進行圖表設計時首先進行需求的分析,熟悉數據并且明確數據要展現出來的信息,然后選用合適的圖表來進行數據的展現。

          聯系:數據之間的相關性

          分布:指標里的數據主要集中在什么范圍、表現出怎樣的規律

          比較:數據之間存在何種差異、差異主要體現在哪些方面

          構成:指標里的數據都由哪幾部分組成、每部分占比如何

          考慮到日常企業的數據分析場景,圖中有些圖表使用頻率是非常低的。所以我參考了上圖的部分內容,對其進行了總結,重新整合成三個維度

          圖表的作用,是幫助我們更好地看懂數據。選擇什么圖表,需要回答的首要問題是『我有什么數據,需要用圖表做什么』,而不是 『圖表長成什么樣』 ,根據數據選用合適的圖表展現來把數據的信息傳達給用戶。因此我們從數據出發、熟悉每種圖表的定義、適用場景、優缺點,從功能角度對圖表進行分類,這樣才能快速選擇合適的圖表。

          2.2.1 比較類圖表

          (1)柱狀圖

          定義:柱狀圖是一種以長方形的長度為變量的統計圖表。長條圖用來比較兩個或以上的價值(不同時間或者不同條件),只有一個變量,通常利用于較小的數據集分析

          特點:

          1、這個分類不限于地區、品牌等,可以是一個時間周期;

          2、數量控制在5-12條最佳;

          使用建議:

          (1)使用合適的寬度去適配柱條的寬度

          當柱子太窄時,用戶的視覺可能會集中在兩個柱中間的負空間,而這里是不承載任何數據的。寬度推薦使用在1/2 柱寬到 1 柱寬之間,但也要視情況而定。

          (2)不推薦采用全圓角

          柱形圖可以有適當的圓角,全圓角則有可能歪曲可視化圖表的表達,用戶可能無法明確是圓心還會頂點作為峰值。

          (3)不要使用非水平和豎直的文字標注,也不要使用轉行

          有時坐標軸上的注釋文字會很多,所以很多人為了妥協,在小空間內顯示出所有的文字標注內容,而使用傾斜的文本,或者將文本轉行處理。

          不要用過于復雜的設計形式,數據可視化的第一要義是簡單易懂,所以在遇到標簽文字過長時,可以采用將柱狀圖轉化為條形圖

          (2)條形圖

          定義:條形圖是用寬度相同的條形的高度或長短來表示數據多少的圖形。條形圖能夠使人們一眼看出各個數據的大小,易于比較數據之間的差別。當條目較多,如大于12條,移動端上的柱狀圖會顯得擁擠不堪,更適合使用條形圖。

          特點:

          1、與柱狀圖類似,只是交換了X軸與Y軸位置;

          2、多用于豎長的顯示區域,例如手機端、大屏的一側;

          3、多用于top排行或分類名稱較長的情況;

          4、數量一般不超過30條,否則易帶來視覺和記憶負擔

          使用建議:

          (1)采用有序排列,軸標簽右對齊

          對多個數據系列排序時,如果不涉及到日期等特定數據,最好能符合一定的邏輯用直觀的方式引導用戶更好的查看數據。

          可以通過升序或降序排布,例如按照數量從多到少來對數據進行排序,也可以按照字母順序等來排布??傊凑者壿嬇判蚩梢砸欢ǔ潭壬弦龑藗兏玫亻喿x數據。

          (2)標簽直接顯示在柱體上

          條形圖還可以通過省略橫軸和縱軸,并直接在柱子上表明數值,來降低數據墨水比,進一步提高信息的獲取效率。

          (3)折線圖

          定義:用于顯示數據在一個連續的時間間隔或者時間跨度上的變化,它的特點是反映事物隨時間或有序類別而變化的趨勢。折線圖分為直線折線圖和曲線折線圖。折線圖可以清晰的反映數據是遞增還是遞減、增減的速率、增減的規律(周期性、螺旋性等)、峰值等特征。

          特點:

          1、橫軸如果不是表示連續數值,折線圖的意義不大

          2、數量一般不少于3條,否則用柱狀圖更合適

          使用建議:

          (1)反映事物隨時間或有序類別而變化的趨勢

          折線圖看的是趨勢,所有不是有序類別的不適合使用折線圖

          (2)視覺美化

          折線圖可以清晰的反映數據是遞增還是遞減,不能和面積圖累計的概念混淆,由于折線圖放在界面上的視覺重量很弱,所以我們可以通過添加微漸變加重視覺。

          (4)面積圖

          定義:面積圖又叫區域圖。它是在折線圖的基礎之上形成的, 它將折線圖中折線與自變量坐標軸之間的區域使用顏色或者紋理填充,顏色的填充可以更好的突出趨勢信息,需要注意的是顏色要帶有一定的透明度,透明度可以很好地幫助使用者觀察不同序列之間的重疊關系,沒有透明度的面積會導致不同序列之間相互遮蓋,減少可以被觀察到的信息。

          使用建議:

          (1)不要超過7個序列

          當數據系列過多時,往往造成用戶難以觀察的痛苦,所以建議使用堆疊面積圖時數據系列最好不要超過7個。

          (5)分組條形圖

          分組條形圖屬于條形圖的一種,又叫簇狀條形圖,是一種以不同分組高度相同的長方形的寬度為變量的統計圖表,每個分組中的柱子使用不同的顏色或者相同顏色不同透明的方式區別各個分類,各個分組之間需要保持間隔。

          特點:

          (1)適用場景

          分組條形圖適用于表達相同分類不同組別的數據,或者相同組別不同分類的數據,簡而言之,就是根據一個相同變量的不同分組進行數據表達。

          (2)不適用場景

          分組條形圖不適合用于表達分組過多的,數據量較大的數據,也不適合用于表達趨勢類的數據。

          (6)雙向條形圖

          定義:雙向柱狀圖又叫正負條形圖,是使用正向和反向的柱子顯示類別之間的數值比較,其中分類軸表示需要對比的分類維度,連續軸代表相應的數值。

          (7)玫瑰圖

          定義:一種圓形直方圖,使用半徑長短表示數值大小??梢栽谝曈X上夸大數據之間的差異。

          特點:

          1、由于面積等于半徑的平方,玫瑰圖會將數值之間的差異放大

          2、南丁格爾玫瑰圖不能用于表示占比構成

          3、數量:一般 不超過30條,否則易帶來視覺和記憶負擔

          (8)雷達圖

          定義:雷達圖又稱為蜘蛛網圖、網絡圖,蜘蛛圖,星圖,是以在同一點開始的軸上顯示的三個或更多個變量的二維圖表的形式來顯示多元數據的方法,所有這些方面都可以類似地量化,常用于排名、評估、評論等數據的展示,比如我們玩王者榮耀中英雄的各項性能指標。

          特點:

          1、指標得分接近圓心,說明處于較差狀態,應分析改進;指標得分接近外變現,說明處于理想狀態

          2、數量控制在5-8個最佳

          (9)子彈圖

          定義:對比分類數據的數值大小以及是否達標

          特點:

          1、可以通過標記刻度區間,來進行更好的評估

          2、數量控制在10個以內

          (10)漏斗圖

          定義:由多個梯形從上而下疊加而成。從上到下的項有邏輯上的順序關系,梯形面積表示某個業務量與上一個環節之間的差異,通過漏斗各環節業務數據的比較,能夠直觀地發現和說明問題所在,為決策者提供一定的參考。

          特點:

          適用于業務流程比較規范、周期長、環節多的單流程單向分析,不適合表示無邏輯順序的分類對比

          使用建議:

          (1)漏斗圖不是表示各個分類的占比情況,而是展示數據變化的一個邏輯流程,如果數據是無邏輯順序的占比比較,建議使用餅圖更合適。

          (2)可以根據數據選擇使用對比色或同一種顏色的色調漸變,從最暗到最淺來依照漏斗的尺寸排列。切記,不要添加許多圖層和顏色造成漏斗圖難以閱讀。


          比較類圖表總結

          2.2.2 構成類圖表

          (1)餅圖

          定義:用于表示不同分類的占比情況,通過弧度大小來對比各種分類,將一個圓餅按照分類的占比劃分成多個區塊,整個圓餅代表數據的總量,每個圓弧所在的塊表示該分類占總體的比例大小,所有圓弧所在的塊組成的圓餅等于 100%,這樣可以很好地幫助用戶快速了解數據的占比分配。

          特點:

          1、可以通過標記刻度區間,來更好的評估

          2、數量控制在10個以內

          使用建議:

          (1)餅圖適合用來展示單一維度數據的占比,要求其數值中沒有零或負值,并確保各分塊占比總和為100%

          (2)餅圖不適合被用于數據的比較

          (2)環圖

          定義:本質是將餅圖中間區域挖空

          特點:

          (1)餅圖的整體性太強,我們會將注意力更多集中在扇形的面積上,環圖則可以很好地避免這個問題

          (2)建議分類數量不超過9個

          使用建議:

          餅圖更加集中面積,環圖會集中在角度和弧長上,所以我們中間的空間利用率還可以更好的利用。

          (3)旭日圖

          定義:旭日圖(Sunburst)由多層的環形圖組成,在數據結構上,內圈是外圈的父節點。因此,它既能像餅圖一樣表現局部和整體的占比,又能像矩形樹圖一樣表現層級關系。

          特點:

          1、旭日圖=N張餅圖

          2、離遠心越近,代表層級越高

          3、下一層級的總和構成上一層級

          4、可以無限向外擴展

          (4)堆疊面積圖

          定義:堆積面積圖是一種特殊的面積圖,可以用來比較在一個區間內的多個變量。如果有多個數據系列,并想分析每個類別的部分到整體的關系,并展現部分量對于總量的貢獻時,使用堆積面積圖是非常合適的選擇。

          特點:

          1、適合表達總量和分量的構成情況

          2、分類指標的縱軸起點,并不是從0開始,而是在上一個分類基礎上疊加

          使用建議:

          1、圖表有重疊的數據時,類別數量越多,重疊越多,因此可見度越低,所以不建議堆疊面積圖中包含過多數據系列.

          2、堆積面積圖要展示部分和整體之間的關系,所以不能用于包含負值的數據的展示。

          3、建議堆疊面積圖中把變化量較大的數據放在上方,變化量較小的數據放在下方會獲得更好的展示效果。

          (5)堆疊柱狀圖

          定義:堆疊柱狀圖是柱狀圖的擴展,不同的是,柱狀圖的數據值為并行排列,堆疊柱圖則是一個個疊加起來的。它可以展示每一個分類的總量,以及該分類包含的每個小分類的大小及占比,因此非常適合處理部分與整體的關系。

          特點:

          1、二級分類并不是按照同一基準對齊的

          使用建議:

          大多數的堆疊柱狀圖都是垂直繪制的,但是如果你的數據標簽特別長時,考慮更好地展示效果,可以選擇使用水平堆疊的方式。

          (6)瀑布圖

          定義:通過顯示正值(收入)和負值(支出)對總量的貢獻來顯示結果累積的過程,因為形似瀑布流水而被稱之為瀑布圖。布圖通過巧妙的設置,使圖表中數據的排列形狀(稱為浮動列)看似瀑布懸空,從而反映數據在不同時期或受不同因素影響的程度及結果,還可以直觀反映出數據的增減變化,在工作表中非常實用。

          特點:

          1、過程值為正的時候,向上加;

          2、過程值為負的時候,向下減;

          構成類圖標總結

          2.2.3 分布和聯系類圖表

          (1)地圖

          定義:特殊高亮的形式顯示數據集中的區域和數據所在的地理區域的圖示。使用地圖作為背景,對數據的地理分布顯示直觀通過顏色深淺、氣泡大小等容易判斷度量的大小,將數據在不同地理位置上的分布通過顏色或者氣泡映射在地圖上。

          特點:

          1、結合散點:位置坐標更清晰

          2、結合飛線圖:表達起始點和目標點的鏈接或流向關系

          使用建議:

          (1)必須要有地理位置

          (2)展現的通常是以某個地區為單位的匯總的連續信息

          (3)當你用基于地圖的熱力圖的時候,顏色梯度變化一定是有規律的,一定根據數值遞增遞減來變化的,否則在視覺上產生錯誤引導

          (2)散點圖

          定義:數據點在直角坐標系平面上的分布圖,表示因變量隨自變量而變化的大致趨勢。

          (3)氣泡圖

          定義:氣泡圖是顯示變量之間相關性的一種圖表。與散點圖類似。在直角坐標系中顯示數據的兩個變量(X和Y軸)之間的關系,數據顯示為點的集合。與散點圖不同的是,氣泡圖是一個多變量圖,它增加了第三個數值即氣泡大小的變量,在氣泡圖中,較大的氣泡表示較大的值。可以通過氣泡的位置分布和大小比例,來分析數據的規律。

          特點:

          有一定的數據量是展現三個變量之前的相關性,數據具有3個序列、特征及相關值。

          舉個栗子:

          我們回歸到線下場景,我們通常在逛生鮮超市類如盒馬生鮮、沃爾瑪等,會發現里面售賣的雞蛋、生鮮類會比外面便宜很多,因為他們容易過期,屬于成本極高的食品,通過限購來讓他們引流,從而吸引更多的顧客來買那些成本低、單品收入高的商品。

          三、總結

          最后給大家總結一下,首先我們拿到數據后先明確我們的使用目標,是讓用戶用最短的時間了解到數據帶來的信息,結合每個圖表的優缺點,選擇合適的圖表,從需求和目標出發,切忌盲目的增加和刪減元素,圖表的易用性大于它的美觀度。



          以上就是本篇文章的全部內容,數據可視化是一門龐大系統的科學,關于可視化相關的知識還有很多沒有涉及到,例如可視化圖表的構成、圖表運用場景、數據可視化大屏等等,后續希望大家持續關注。


          文章來源:tob.design     作者:佩奇一只居



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

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          周周

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          元旦過后,新的一波工作又要開始了,我在開始準備新一輪匯報材料的時候突然想到了一個問題,不知道鐵子們在往年參加設計評審的時候,有沒有總被老板 diss 設計稿里“太空了” “不夠飽滿” 這些個問題呢?

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          我猜測應該 99%的鐵子經歷過,我也不例外,從校招進到第一家公司就開始被植入頁面需要利用好每一像素的理念,搞得像北京房價一樣寸土寸金,生怕被浪費了;思前想后為了大家不重蹈我的覆轍,所以新年的第一篇,咱一起來聊聊排版的問題:

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          如果你看過我過往的文章,也許會對我的排版多少有點印象,夸張的大字,極強的對比,還有一些微妙的層級關系。

          坦誠的講,我的風格揉雜了 2 種設計體系 —— 瑞士風格 / 擬物風格;

          1. 瑞士風格

          整潔、嚴謹、工整、理性化、實用的特征是瑞士平面設計的精神所在;這種一絲不茍,傳達準確的風格,即所謂瑞士國際主義風格。簡單的說,由于 Swiss Design 這種風格簡單明確,傳達功能準確,因而很快得到世界范圍內的普遍認可,成為戰后影響最大的一種平面設計風格,也是國際最流行的風格,因此,又被稱為國際主義平面設計風格;

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          簡單的說,瑞士的這種設計風格典型的代表就是我們看到的雜志,其中有 3 個特點:講究網格 / 非常理智的克制顏色的使用 / 層級關系;有趣的是,審美和潮流是循環的,隨著時代的發展,越來越多的 app 開始重新挖掘出來瑞士風格并加以使用,比如我們 iOS 系統自帶的應用們,Spotify:

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          年少的時候,我經??粗@些個 app 會不禁的問,為什么在沒有一張圖片的情況下還能如此好看?這些年終于明白了前人良苦用心:文字是內容,同樣也是構成;是信息,同樣也是裝飾;簡單可以理解為,不管在平面還是網頁亦或者是 UI 界面,在沒有可用的裝飾下,信息本身要承擔起裝飾和傳達的雙重功能,這就是瑞士風格的核心本質。

          2. 擬物風格 

          iOS 是擬物的典型代表,網上對于這塊的講解已經過于飽和了,我也沒必要贅述;那么這一趴,來聊聊對我產生深遠影響的錘子科技吧。我第一次接觸到 smartisan OS 并沒有覺著多么驚艷,潛意識里只不過是覺著把 iOS 的圖標畫的更漂亮了一點而已…

          但當我打開下圖這個頁面的時候,我意識到我對擬物的理解還是淺薄了,第一次被光影的層次震撼到:

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          通過光影塑造了一個三維空間,讓整個畫面豐富飽滿,也打破了我幼稚的設計觀,PS.不管錘子科技現在如何,我依然敬佩 Paco / 方遲 / 羅子雄的設計團隊為這個行業做出的貢獻,respect!

          毫無保留的說,我的設計就是二者的融合,以 層次對比 作為核心理念。

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          啰嗦了半天,趕緊進入正題;如果你是一名產品體驗設計師,一定聽說過 “奧卡姆剃刀” ,這個定律通常用在交互鏈路的設計上(意思就是在用戶路徑中沒必要的步驟,省了就完事了),“如無必要,勿增實體” 即簡單有效原理;

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          同樣,在嘈雜的視覺結構里,畫面也需要奧卡姆剃刀,當你在對畫面的飽和上困擾不已,并急于找到一些背景和紋理填充的時候,我建議你先冷靜一下…因為頁面的空虛未必是需要實體化的東西來填充的;上文有說過以 “層次對比” 作為核心理念出發,要區別于平面設計,營造一個立體空間,所以先理一下畫面結構:

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          通常來講,如果想要不平,把二維空間轉化成三維空間是必要的一步,需要在 Z 軸上下功夫;如果你恰巧也是一名攝影愛好者,可以想象下照相機的焦距和景深,工作原理是相同的,需要 前景 / 主體和背景 三個層次;當然,虛實的對比對信息的呈現和層次的拉開是極其重要的,這里需要通過景深來控制效果,你可以通過 photoshop 濾鏡-模糊畫廊的“場景模糊”來做到:

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          另外,空間的感覺想要被突顯,那么“光影和空氣”的價值就可以無限放大了,按照如上所說的結構,把內容和自然物質擺進去就好了,甚至可以做到舉一反三(比如不同顏色的氛圍,我就不展開了):

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          整個 case 下來,你會發現用光來聚焦在信息上,自然而然就形成了我們說所得 “信息優先級”;有點時候空氣和光影的飽滿程度超乎你的想象,這種自然存在的物質可以很好的幫助畫面分層,以達到填充的效果,并不是一定要依賴于實體化的裝飾。

          對了,如果你跟我一樣閑著沒事干的話,借用 keynote 的動畫效果做一個吊炸天的動效,一定可以成為匯報場上最靚的崽(注意:視頻有音樂)!

          keynote 素材和視頻可在開頭/文末下載

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          本來不打算再開一個章節說這個,但還是覺著很有必要再說下(我好糾結),作為 PPT 來講,ta 的主要用途分為兩種:其一是給人看的,其二是給人講的;不管是哪種,盡可能的簡化文字,是對輸入者關愛;

          畫面不夠飽滿?學會用光影讓你的設計脫穎而出!

          以上圖為例(實名 diss 自己的作品),坦誠的講左邊的部分大多數觀者是不會有心思來看的,按照視覺系統的處理,這部分就會被當成一個“面”而被忽略掉,這種情況下右邊顯得有力很多,也能幫助觀者聚焦信息,所以還是那句話,能不寫的就別寫,能少些的別多寫,保持信息的密度也是設計師必要的職責之一。

          總結一下

          想問一個問題,鐵子們覺著 UI 的本質或者作用是什么?從我個人的角度來講,UI 設計的本質就是對信息的整理歸類和編排,沒有什么比信息更重要,如果貿然為了飽滿加入一些裝飾元素,很有可能是本末倒置,得不償失。這就像喝酒一樣,喝醉很容易,但微醺的感覺才是最棒的,希望你能有個好心情迎接美好的一年~


          文章來源:優設網     作者:負能量補給站



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

          車聯網的2020:商業落地、技術支柱、生態溢出

          資深UI設計者

          編輯導讀:隨著5G技術的發展和AI的不斷進步,自動駕駛產業迎來了發展的快速時期。而車聯網作為自動駕駛產業鏈上的關鍵一環,吸引了包括百度阿里騰訊華為等巨頭的注意,紛紛投入資金和精力,希望在市場中搶占先機。本文作者總結車聯網2020年的發展,與你分享。

          在5G應用加快落地、AI技術不斷進步之時,自動駕駛產業迎來了發展的快速時期。特別是在傳統汽車行業進入“新四化”的大趨勢中,車聯網更是成為自動駕駛產業鏈上的關鍵一環。

          2020年“車聯網”作為汽車行業技術發展研究中的一個重要領域,已經成為國內外新一輪科技創新和產業發展的熱點?;仡櫿麄€2020年,國內車聯網領域的發展也是穩步向前。

          01 商業落地:BAT加速“上車”,互聯生態量產車持續增長

          近些年,在汽車產業“新四化”的推動下,“聯網化”已經被當成汽車真正成為智能化終端的基礎,并且據業內人士估算,車聯網技術如果得到充分應用,將能夠降低20%的能源消耗和25%~30%的尾氣排放;緩解60%的交通擁堵,提高現有道路通行能力2~3倍;減少80%的車輛事故率和30%~70%的死亡人數,其重要性不言而喻。

          日前,IHSMarkit發布了的《2020年中國智能網聯市場發展趨勢報告》報告顯示,中國搭載智能網聯功能的汽車市場規模預計將在未來持續增長,并在2025年超過75%,高于全球水平。

          也正因如此,車聯網已經成為這些年巨頭們在互聯網下半場競逐的主要賽道,從市場競爭方面來看,百度入局,多年時間在自動駕駛賽道殫精竭慮;阿里搶入其中,聯手上汽打造斑馬智行;騰訊當然也沒坐以待斃,更是打造出騰訊車聯、蘑菇車聯、梧桐車聯三張牌;在BAT之后,華為也不甘示弱,成立了智能汽車解決方案事業部,攜鴻蒙OS籌建自身朋友圈;今年車聯網賽道戰事再升級,京東、字節跳動也先后宣布加入混戰,至此巨頭云集的車聯網迎來“大割據時代”。

          巨頭混戰同樣也在加速車聯網商業化進程,有專家表示“智能駕駛下的車聯網是未來,3到5年可以全面實現。”而市場數據同樣也在印證這一說法。

          在《2020年中國智能網聯市場發展趨勢報告》中,公布了今年BAT車聯網系統的上車情況,具體來看,今年1-7月的新車銷量市場占比中,百度實際搭載新車銷量占比高達49%,騰訊占比35%,阿里占比16%。

          而2020年全年當前市場搭載車型數量預估來看,百度預計將有61款搭載小度車載的車型上市,大大領先于阿里的32款及騰訊的26款,截止目前百度合作上市車型已超過600余款。

          另外,在合作品牌方面,2020年也迎來了較大突破,BAT車聯網合作汽車品牌在今年都有所增加,截止今年8月,百度Apollo智能車聯已與奔馳、寶馬、奧迪、福特、別克、凱迪拉克、雷克薩斯、吉利、長城、奇瑞、現代、起亞等汽車品牌達成合作;阿里方面則有福特、斯柯達、名爵、榮威、觀致、寶駿等上汽品牌;騰訊合作方則有哈佛、吉利、長安、福特、奧迪、寶馬、Jeep、瑪莎拉蒂等品牌。

          從品牌數量上能看出,依舊是百度遙遙領先,并且更大的優勢在于百度Apollo智能車聯不僅合作車企數量多,同時全面覆蓋各大車系。除了自主品牌外,與德系、美系、韓系、日系的眾多汽車品牌也在保持緊密合作,而這正是騰訊與阿里所缺乏的。

          值得一提的是,在前不久的百度Apollo生態大會上百度提出了“領先一代”的概念和內容,其中“領先一代商業模式”就是重點之一,所謂領先一代商業模式是指,通過小度助手汽車版將為整成廠商提供從賣硬件到賣軟件與服務的轉型,為整車廠商開拓更寬廣的增長引擎,將車聯網從成本中心直接變成利潤中心,并打造“會呼吸、有生命、可進化”的載體驗,幫助整車伙伴業務持續升級,并且小度助手汽車版將通過高度集成的新運營工具集,賦能車企全周期用戶運營。

          2020年已被不少人視為5G車聯網商用的拐點,在“軟件定義汽車”的共識下,無論是軟件企業還是整車品牌都在越跑越快,在百度Apollo生態大會上百度Apollo智能車聯事業部總經理蘇坦就表示:“汽車行業正在經歷著前所未有的變革,軟件正在定義著硬件,智能也在定義著性能,而車已經開始有了靈魂,這靈魂正在定義著車的形態?!?

          從軟件到服務、到智能硬件支持、再到整體解決方案,車聯網產業鏈上的每一個環節都蘊藏這巨大商機,而百度們正在加速開啟。

          02 技術底座:高舉“開放”,誰能成為真正底座?

          當下車聯網技術層面的競爭,包括BAT在內玩家都在宣傳自家的車聯網方案都是一個開放的生態,都在建立一個開源的“技術底座”,但其中也存在不少差異。

          例如,百度依托Apollo這個當下全球最大的自動駕駛開放平臺,集成了包括車輛平臺、硬件平臺、軟件平臺和云端數據服務,再通過小度車載OS為智能網聯系統,將能力集中對軟硬件平臺以云端數據平臺進行管控,以此成就了百度Apollo智能車聯的車載場景解決方案。

          阿里旗下的斑馬網絡則是通過與YUNOS重組,形成了具備貫穿端、邊、云、網能力的整體系統,使其達成在整車電子電氣架構智能化、車機硬件與軟件、車機內底層操作系統、上層應用形成四個層面的技術閉環,而AliOS則是鏈接樞紐。

          騰訊車聯網則是由五大基礎框架構成,包括大數據、云計算、人工智能、安全能力和內容平臺,像旗下三張牌之一的蘑菇車聯就推出了“蘑菇OS+AI云+智能終端+傳感器“的解決方案。日前,梧桐車聯基于TINNOVE OpenOS技術,也推出了TINNOVE 3.0解決方案。

          在外人看來,三家的車聯網技術解決方案好像非常接近,只是形式和對概念的表述方式有所差異,其實不然內核區別非常大,簡單來講百度Apollo智能網聯其覆蓋了包括車聯網、V2X、自動駕駛全領域的布局,而斑馬,騰訊的解決方案主要僅覆蓋于智能網聯領域。

          再來要弄清楚,車聯網領域到底需要怎樣的“技術底座”,是需要滿足不同的車型,為汽車產品提供標準化解決方案?還是需要具備多場景應用生態,可以為行業提供豐富的可兼容性軟件工具?答案是都要具備。

          再來對比三大玩家,也是因為解決方案本質上覆蓋領域的不同,目前而言能夠滿足這一要求的還只有百度。今年成都、北京的幾大車展上,百度都展現出了這方面的能力,像全新推出的小度車載2021,基于五大基座滿足了為汽車產品提供標準化解決方案;在多場景應用生態方面,依托強大的AI能力,百度車載OS集成了語音、搜索、小程序、地圖導航等百度AI能力。

          并且從當下市場數據中我們能看到,百度Apollo智能車聯大規模上車,無論是合作車企品牌,還是搭載車型數量均位于行業第一,之前就提到已經與70多家汽車企業合作,合作上市車型超過600余款,這便是最好的證明。

          在今年生態大會上,百度更是提出“領先一代的共贏關系”,對于開發者而言,依托小度助手汽車版推出首個車規級生態底座,并通過低代碼量的小程序開發框架和標準組件,讓更多車企與海量小程序對接,并開放豐富的車機流量入口,通過接入豐富成熟的運營?具,形成獨特的跨聯盟超級APP流量交換。助力開發者快速達成AI能力閉環,實現一次開發,多屏、多車型適配搭載,讓開發者快速上車,同時通過豐富的車機流量,承接豐富成熟的運營工具,形成獨特的跨聯盟超級APP流量交換,引領開發者實現共贏。

          除此之外,智能汽車已進入“人機共駕”新時代,如何打造人與車之間的全方位流暢交互,也成為汽車智能化行業的核心問題之一,為此百度地圖汽版迎來再次進化,推出了智能領航系統,成為了最懂駕駛的下一代智能座艙地圖,面向車企百度地圖汽車版2021提供了三橫一縱全方位地圖解決方案,讓車企量產更加簡單,百度也將這稱之為“領先一代的車載地圖”。百度正的實現“開放”,而這些方面是現階段阿里與騰訊無法比擬的。

          2020年百度已經成為大部分車廠的技術底座已是事實,至于未來這個位置是否會發生變化,還要看百度能否一步快步步快。

          03 生態溢出:朋友圈持續擴大,生態已成勝負手

          最后,隨著車聯網滲透率越來越高,汽車的駕乘體驗不再局限于駕駛感受、靜音舒適這類硬件機械層面的體驗,而延伸到車機交互、LBS服務等基于技術能力和內容生態方面的體驗感受。

          而2020年正是車載內容生態爆發的一年,“車內大生態”這一概念也被提出,BAT依然是這方面的佼佼者。

          百度方面,車載生態一直都是強項。比如LBS,百度已經打造了中國車載領域最豐富的LBS服務基礎設施;數據基座方面,同樣建立起了一套完整的專為汽車和出行服務的數據平臺,通過對車內車外云端數據整合和大數據分析,實現數據驅動變革;至于生態伙伴方面,截至目前Apollo已引入喜馬拉雅、QQ音樂、蜻蜓FM等頭部生態伙伴超300家,并且囊括了全球所有主流汽車制造商、一級零部件供應商、芯片公司、傳感器公司、交通集成商、出行企業等等,覆蓋了從硬件到軟件的完整產業鏈?!败浻布媸韧饧嫘蕖笔前俣仍谲嚶摼W內容生態方面路徑。

          阿里在車聯網生態方面則有著不小的麻煩,“自生態閉環”遭到不少質疑,所謂“自生態閉環”即AliOS系統所搭載軟件均為“阿里系”APP,地圖一律用高德,音樂為蝦米,每個都裝有支付寶,若安裝車載微信等第三方軟件,需要將斑馬系統破解。特別是當下“反壟斷”成為熱點后,阿里車聯網生態也在遭受質疑,有行業人士認為“閉環說白了就是壟斷,客戶的選擇有排他性,上面搭載的軟件不管好不好用,都得用它的。”

          在大方向上,騰訊與阿里一樣也有著自己的“生態閉環”,但今年騰訊在車載內容生態上的布局并非以內容為主,像今年推出的騰訊生態車聯網3.0作用在 “上車速度”方面,用騰訊的話來說,其搭建了一個適合車載的應用框架——“小場景”,可以通過云端統一發送,減少了對車輛硬件的占用,但同時又更容易上車?,F階段騰訊內容生態主要包含了微信車載版、愛趣聽、小場景、云小微語音助手、騰訊地圖等程序,并且已落地到部分車型。

          三家對比可以發現,無論是數量上還是質量上,百度都有著較大的優勢,其一百度擁有更多的第三方軟件來源,也是因為企業屬性,百度需要更多來自外界的助力;其二,在內容生態層面同樣是百度更加開放,不同于阿里、騰訊的“自生態閉環”,像支付環節,小度車載OS提供的支付渠道中,不但有百度的度小滿,還有銀聯、支付寶和微信支付等渠道也都可由用戶自行選擇。

          更重要的是,百度還推出了“領先一代的智能車內體驗”,像小度助手汽車版就是專門為車而生的車載Killer App,帶來領先一代的智能化體驗。例如,在交互方面小度助手汽車版創新發布專屬虛擬助手形象,用戶只需上傳一張自己的照片,就可以得到一個投射在車機中的虛擬形象,成為自己專屬的虛擬助手,從新交互、新智能、新場景、新生態四方面引領全新的用戶體驗;又比如在車載地圖方面,面向用戶,百度地圖汽車版2021導航將更加智能,包括融合定位、多屏聯動導航、電動車出行服務化、場景出行服務化等,像提前感知可輔助駕駛路段,幫助用戶提前決策、實現全行程的規劃和安全引導等等。之外,小度助手汽車版還搭建了全新Feed流式交互框架、全雙工多模融合交互、SMLTA離在線語音模型等多種全新的交互方式,讓用戶擁有更加便利、快捷的交互體驗。

          當然,目前也不是終點,即便BAT暫時領先,但包括華為在內的新選擇都在躍躍欲試,像百度現在雖然有著顯著的領先優勢,但也無法掉以輕心。

          04 總結

          回到智能汽車發展層面,雖然現階段整個行業仍然處于起步階段,但從“車聯網”這些局部區域也大致能進行一些判斷。

          透過車聯網我們能看到,百度自身的技術和生態基礎已經足夠強大,且作為中國自動駕駛道路測試牌照最多、專利申請數量最多、生態最龐大的玩家,百度各方面都處于領先。但智能駕駛無法一蹴而就,百度也還有較大的上升空間。

          特別是今年百度已經實現在智能汽車“增量供應商”的競爭中提前占位,而“領先一代”概念和內容的提出更是讓百度在車聯網乃至智能駕駛領域登上了更高的山峰,同時在商業化、技術、生態等方面的全面推動下,不得不說百度已是國內智能駕駛領域當之無愧的“頭號玩家”。

          文章來源:人人都是產品經理   作者:智能相對論

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


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

          ui設計分享達人

          前言

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

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

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

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





          1、3D與UI結合

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

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


          特點:

          ? 直觀感受;

          ? 立體真實;

          ? 形態豐富;

          ▲Izmahsa


          ▲Mike


          ▲Tran Mau Tri Tam ?


          ▲Vikiiing


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



          實例應用:

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

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


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


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

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


          ▲2020-總結陳詞H5


          ▲總結報告Banner的動效


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

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


          ▲IP在播放兒歌時的互動


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

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





          2、軟漸變(Soft gradients)

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

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


          特點:

          ? 低調溫和

          ? 微妙漸變

          ? 清新愉悅

           


          2.1、柔和背景

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

          ▲Vladimir Gruev


          ▲Sajon


          ▲Anton Mikhaltsov


          ▲Ghani Pradita


          實例應用:

          ▲咔咔、美柚


          https://takearecess.com/



          2.2、柔和陰影

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

          ▲Ghani Pradita


          ▲Sèrgi Mi


          ▲Taro Huang


          實例應用:

          ▲有道數學(已下架)


          ▲Uki




          3、玻璃擬態(Glassmorphism)

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

          ▲Alexander Plyut


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

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


          特點:

          ? 透氣磨砂

          ? 層級空間

          ? 簡潔擬物

          ▲引領新擬態風格的Alexander的作品也朝著玻璃擬態變化


          ▲Kostia Varhatiuk


          ▲Ghani Pradita


          ▲Ibrahim emran


          ▲Queble


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

          ▲的MacOS Big Sur操作系統


          ▲圖標的變化




          4、暗黑模式

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

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

           

          特點:

          ? 突出內容

          ? 減輕干擾

          ? 沉浸體驗

          ▲Tom Koszyk


          ▲Victa Wille


          ▲Golo


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


          ▲Tran Mau Tri Tam ?


          實例應用:

          ▲有道詞典


          ▲愛范兒(ifanr)


          最常使用暗黑模式的車載系統:

          ▲小度車載


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

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


          ▲Space FM





          5、多彩高對比度界面

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

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

           

          特點:

          ? 活潑大膽

          ? 對比鮮明

          ? 潮流科技

          ▲Amy Martino


          ▲Halo Mobile


          ▲Anastasia


          ▲Paolo Spazzini


          在網站設計中的應用:

          https://www.theartcenter.nyc/


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


          https://takeboost.com/


          實例應用:

          ▲GoFun出行


          ▲開言英語





          6、抽象幾何元素

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

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


          特點:

          ? 規則組合

          ? 品牌印象

          ? 重復記憶

          ▲Johnny Nova


          ▲Vladimir Gruev


          實例應用:

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

          ▲專輯的主視覺


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





          7、極簡風

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


          特點

          ? 專注信息

          ? 清晰易用

          ? 簡單操作

          ▲RonDesignLab


          ▲Quan


          ▲BAOLIN


          ▲Gregory Loshakov


          https://snp.agency/en


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

          ▲Taras Migulko


          ▲Gleb Kuznetsov?


          實例應用:


          ▲夸克瀏覽器的夸克寶寶





          8、將視頻應用到UI中

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


          特點:

          ? 營造氛圍

          ? 類型多樣

          ? 品牌調性

          ▲Fireart Studio


          ▲Ehsan Rahimi


          實例應用:

          ▲moo音樂登錄頁

          ▲蝦米音樂歡迎頁




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

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

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

          ▲3D人物的畫筆觸感


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


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


          ▲漫畫經典線條


          ▲Entei Ryu在3D建模使用插畫質感


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


          實例應用:

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


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




          10、更多的微交互動效

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

           

          動效起到的作用:

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

          ? 創造流暢和視覺愉悅的過渡;

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

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

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

          ▲Jakub Antalik


          ▲Forever D.


          ▲Kingyo


          ▲Eugene Paryhin


          ▲Leo Natsume


          ▲Taras Migulko

          實例應用:

          ▲GoFun選擇車輛后的頁面轉場動效




          結尾:

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

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

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

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

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


          日歷

          鏈接

          個人資料

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

          存檔

          亚洲va欧美va天堂v国产综合