<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>

          首頁

          2020的UI設計趨勢,我先收藏了(上)

          ui設計分享達人




          設計總是在變化。在過去一年里,我們不僅看見了五福的C4D運用,雙11的動效插畫運用,以及大量AR/VR智能的設計,還有蘋果黑暗模式的普及,新技術帶來新的體驗和解決方案。2020年,關注研究新興的用戶體驗趨勢,前段時間,在我星球里,我帶著設計師一起來研究關于2020界面設計趨勢,希望能幫助大家是設計中有所啟發。



           研究背景 



           隨著UI/UX領域人工智能的發展,和虛擬現實等新技術的變革,從前單一的內容很難滿足用戶的訴求,用戶的訴求也變得千人前面,所以在研究趨勢之前,我基于這些關鍵詞,來分析2020的設計趨勢。




           色彩趨勢 



          1.彩虹漸變


          這兩年來,彩色漸變一直是設計趨勢,設計師將大膽的漸變,飽和度更高的漸變運用在設計中去,讓整體的色彩感覺,更加年輕化與活躍。



           Apple一直是這個領域的引領者,隨著當年iPhoneX的發布,彩虹的漸變色,大膽的漸變風格瞬間成為設計師筆下的弄潮兒。



           這組插畫中,作者就運用了大面積的漸變,兩種顏色的運用,通過重疊,明度變化,豐富了整個設計層次。



           不僅在平面設計中,在網頁設計中,也是被大量運用,SWATCH的官網,清新的漸變配合動感的模特照片,以及和產品的完全結合,讓頁面充滿著活力。



           在移動端也是如此,金融產品的背景設計,銀行卡面的設計,可視化圖表的運用,都能看出大膽漸變還是很受歡迎。


          2.黑暗模式


          隨著google和facebook以及instagram這些知名應用都開始提供黑暗模式,國內微信也開始黑暗模式,2020黑暗模式設計,一定是需要設計師去關注的。


          黑暗模式,除了在黑暗中提高內容可讀性以外,還能減少用戶疲勞,還可以節約電池,所以黑暗模式在今年將是所有應用程序必不可少的一個功能。



           Google的黑暗模式運用,通過一個簡單的按鈕開關就可以切換,也可以根據系統定義切換。



           黑暗模式未來會成為一種標配,一個軟件設計在剛開始的時候就必須考慮進來。



           關于黑暗模式,正向當年iOS扁平化剛出來的時候,國內的很多產品都還沒有準備好,但是相信過不了多久,黑暗模式一定會普及開來,所以2020大家都應該提前去了解黑暗模式的,設計規范和細節。


          3.更大膽的一種顏色



           除了漸變色,那么大膽的單色在設計中運用也會越來越多,整個設計就一套色彩體系貫穿,大多時候以品牌色的形式去運用,配合留白,對比明顯的字體,整體給人印象深刻。



           在韓國的應用中用的比較多,它的優勢是色彩干凈,品牌整體感強,但是對設計師駕馭頁面能力也要求很高,因為大面積的單色,如果用不好就會很刺眼。


           Naverpay的設計,整個界面就是用的綠色漸變,清新同時也能很好和Naver品牌色進行結合。



           在它的很多頁面中,很多控件這個綠色運用的很巧妙,不會給人很刺眼的感覺,所以大膽的一種顏色運用在2020頁將是設計師值得去關注的一個方向。



          ▲ 掃碼加入知識星球,了解更多




           插畫趨勢  



          在過去幾年里,插畫是一種新的表達方式,越來越多的設計師,插畫師通過插畫表達產品的情緒,個人的情緒主張,那么在2020插畫的運用就得和品牌很好的融合起來,如果你的插畫是和品牌割裂的,需要注意。


          1.和品牌結合



           wibbite的插畫,標志性歐美的風格,除了插畫本身手法比較簡約模塊,插畫中運用的色彩和內容本身也很產品定位匹配。



           插畫對于品牌來說也是非常重要的一個因素,無論在界面設計,還是在品牌營銷很多場景都需要插畫去營造產品氛圍和氣質,插畫有助于將我們的品牌故事講述給聽眾聽,所以在構建一個品牌時候,插畫是非常重要的點之一,但是做之前一定要盡量多去了解我們為客戶提供的設計價值,只有了解了用戶價值,才能去定義去特色的故事,幫助產品。



           Uber系列插畫提供暖色,以及安全藍的運用,突出打車服務中安全的關鍵要素。




           Google的插畫系統也是如此,沒有很華麗的炫技,有的是對于多元文化的思考,設計場景的融合貫通。


          所以不難看出,插畫的方向一定是和品牌結合的,不會為了趨勢而趨勢,一定是圍繞內容去設計。



          2.3D插畫



          ▲ 如果說這2年,各種各樣的插畫手法百花齊放,那么隨著人們的審美變化,趨勢也從靜態變成動態,從平面變成3D,從今年的支付寶五福設計中大家應該能感覺到2020的插畫設計一定是往著3D方向,而且是動態3D方向演進的。



           谷歌一組插畫,結合與大腦、團隊合作、想法、密碼箱為圖形進行創意設計,人物造型可愛好玩,凸顯年輕化潮流。



           Apple在中國區App Store 的一組設計,整體設計以紅色為主,運用了象征中國元素的龍、紅包、燈籠、福字、紙牌作為設計元素,整體運用3D表達,凸顯年輕和趣味性。


          3.等距插畫



          等距插畫這兩年已經是一個主流風格之一,在未來還會接著流行,但是等距插畫未來或許和場景聯系在更緊密,在每年天貓雙11設計中,互動城的設計每年基本都是等距插畫風格,它的故事感和畫面感,都能讓人眼前一亮,所以電商的設計,在短時間內,大型活動場景基本都離不開這個風格。



           這組等距插畫場景故事感很強,建立了一個空間世界,作為網站主風格非常的吸引人。



           除了這種大的場景,等距插畫,在小的場景中,作為插畫規范也是運用比較多,它風格可輕可重,隨著5G時代到來,靜態可能會逐步演進成動態插畫。


          4.根據內容定制的插畫



          隨著內容的升級,對內容的表達也會被越來越重視,那么如何更好的把內容更生動表達出來,插畫就是很好的一個形式,根據內容定制的插畫,在很多產品中被運用到,互聯網教育,IT等領域。所以專門針對內容去設計插畫,在今年或許是一個趨勢,插畫不再是孤零零只是為了情感化而存在。



           Crowdrise的產品設計,整體就是運用作為整體設計語言,風格統一,內容突出,畫面效果好。



           插畫的形態終于不再是孤零零的只是用戶情感的表達,而是隨著內容的升級變化,在產品中發揮的重要性也越來越大。


          3.3D黏土插畫的運用


          3D設計因為今年設計師很喜歡用的樣式之一,我們將盡管3D已經存在了一段時間,但最近我們看到了很多模仿粘土樣式效果的3D插圖的興起。這將成為今年流行的設計趨勢,我們甚至還會看到很多藝術家在電影,插畫和廣告中結合了2D和3D風格。



           在instagran的一組設計中,設計師運用這種黏土和3D的方式設計,畫面充滿了生活感和溫暖。



           谷歌也在它們的項目中大量運用這種黏土風格設計,會顯得更加的現代和活潑,黏土的設計相對3D插畫區別在于更加細膩,線條上更加柔和。


           字體趨勢 



          這幾年越來越多的公司,開始定制字體,根據自己的品牌特質去做一些獨特的字體,從國外到國內,品牌定制字體未來或許還會越來越多,對于設計師好處來說,這些品牌字體很多都是免費開放給設計師用,會形成一個很高的商業環境。


          1.定制字體



           錘子發布了他們的Smartisan T黑字體。



           騰訊發布了定制的“騰訊字體”,相比原來傾斜的黑體字,騰訊的新字體更現代、更協調、更動感。運用起來也非常有力量感。


           阿里普惠體,隨著集團業務龐大,字體使用場景多且復雜,包括各產品客戶端、營銷設計、操作系統、硬件設備、建筑空間及公關傳播等等。決定以現代為核心設計理念,以可靠、明快為設計切入點,將阿里精神融入到字體當中。最終一款擁有現代感滿足全場景黑體誕生了,而且商用免費。




           除了前面的阿里,騰訊,錘子,小米OPPO,京東也都發布了自己的專屬品牌字體,所以在2020年,品牌字體或許是每個公司的一個標配了,我們拭目以待。




           國外其實是最早開始為品牌定制字體的,三星手機雖然銷量消化,但是他們品牌字體:SamsungOne,設計風格,很強的現代感,而且,這個字體有不同粗細的筆畫字重,適用面很廣。






           IBM的字體名稱:IBM Plex Sans Text,這款字體設計比較簡潔,干凈,沒有多余的筆畫,這個字體很良心免費商用的。


          2.粗體的運用



          縱觀2020的一些設計,留白越來越大,邊距越留越多,字體也變的很粗,粗的字體和正文普通字體形成了明顯的對比,再加上網格的布局,讓頁面內容更加凸顯。



           大字體的運用,字體就是內容,重復運用內容元素作為排版手段,對于內容組織和平面要求較高。




           在UI設計中,大字體的設計也很常見,蘋果商店,蘋果官方應用都是大字體的推崇者,隨便5G的來臨,對于內容的追求也會越來越高,那么除了大字體,視覺元素減少,內容本身質量要求也越來越高。


           粗的字體常用語大標題,或者頁面導航性指引作業,幫助用戶更好去理解功能本身,上面這個頁面粗的字體就是導航,告訴用戶這一頁,你需要去完成什么動作指引。



          ▲ 掃碼加入知識星球,了解更多




           最后 

           

          設計趨勢必然與技術發展緊密結合,作為設計師我們需要了解,以及平時和我們設計進行結合,下期將帶來,2020的UI設計趨勢下部分,看看還有哪些需要我們去關注的。

          轉自:ui中國-skys 

          國外設計師分析的全新UI趨勢,原來是它~

          ui設計分享達人

          分享火爆Dribbble和Ins的設計趨勢




          相信最近很多小伙伴在逛Dribbble時候,發現最近流行一波新的設計風格,和以往不同的是,這次趨勢又回到之前擬物化了,但它與純擬物化還是有區別的,現在它有一個流行詞語叫“新擬態”,今天就和大家分享下國外一位設計師對這個趨勢的看法!





          擬態化是什么?

          -

          雖然UI以各種擬態化的形式存在(例如,您的桌面OS垃圾桶),現在這種風格的趨勢更加明顯。正如卡米爾·法拉納(Kamil Falana)指出的那樣,從無生命的“表達”到現實主義的過渡開始出現。



          不久前,我們還觀察到,這種變化開始在我們身邊發生,蘋果(IOS13系統)就是一個很好的例子。向最小化設計和輕擬物化發展,最終帶來了無紋理3d視覺感官。受到了大家的喜歡,來看一張高清圖。






          擬物化風格的回歸,會更好嗎?
          -

          如下圖設計風格,在dribbble上獲得認可度比較高!


          Dribbble用戶alexplyuto的作品獲得了四千多次贊,并帶動了這一趨勢。


          這種設計引發了一波設計潮流趨勢,盡管其中的有部分并沒有實際意義(可滑動的后退箭頭?),但這使我們對UI 再次產生濃厚的興趣! 

          備注:可看出目前扁平化設計過于雷同,用戶審美疲勞。偶爾出現新設計趨勢風格,反而更個給各位設計師們帶來新鮮感!





          新風格的特征點

          -

          由于按鈕的視覺表現看著變化不大(因為小了一些,不直觀),因此我們將重點放在實際的卡片概念上,以使這種視覺表現更能直觀感受出來



          - 現代材料卡片(右圖)
          如現代材料(升級版)卡片,通常是在畫布中以浮層的形式出現,厚度更加明顯。陰影既可以增加深度,也可以在很多情況下定義形狀本身,因為陰影通常是無邊界的。 

          - 擬態化卡片(左圖)
          擬態化卡片從背景中突出。它是由與背景顏色完全相同的卡片制成的凸起形狀。當我們從側面看時,它不會浮起來。 
          通過調節兩個陰影, 一個陰影為負值,另一個陰影為正值,很容易實現此效果。 但是要使其正常顯示,我們的背景不能是全黑或全白。它至少需要一點色調,以便可見“深色”和“淺色”陰影。您可以使用任何色調作為背景,以便根據您的選擇將其變暖或變冷。但是必須能看到深色或者淺色投影。 


          這是例子,根據您的喜好進行調整:






          優缺點

          -

          這種風格的主要好處是“新鮮”(至少持續很長時間)。它為界面帶來了“新感覺”,并使其脫穎而出。它也可以與其他樣式混合使用,這樣就避免很呆板整個畫面變成這種柔軟凸起的效果。

          到目前為止,有一些問題需要解決。我們發現了兩個主要問題:

          1. 可見性

          2. 易用性


          - 可見性

          圖形與背景對比度的主要問題是,當它們都是相同的顏色時,就沒有可測量的對比度;客觀上存在陰影,因此我們可以近似并嘗試測量其外部的第一個像素。在上面的示例中,我們得出了這些對比度值。


          如您所見,現代材料卡片和新擬態化卡片的對比度都非常低。并且卡片本身并不用于主要的操作控件上(只是一個背景),只要我們保持按鈕突出并具有足夠高的對比度,就可以了。 
          兩者之間的差異很小,如果我們想為卡片使用更好的對比度,我們就必須這樣做: 


          而且由于幾乎沒有人會嘗試使用如此強烈的陰影,這意味著其余UI元素必須可訪問。這種假設得出的結論是,如果我們通過版式,相近度和與重要元素的對比來進行正確的層次劃分,那么這些卡片/凸起的塑料卡片并不那么重要。

          尚未對此進行測試(我將嘗試找到時間做這件事),但現在我們假設下面元素的兩個“版本”均為“確定”。即使有些人看不到陰影,也有足夠的對比度讓他們看到圖標并“使用它”。



          - 易用性

          盡管“按鈕”看起來像按鈕,但是如果圖標本身與背景形成鮮明對比,它將仍然有效。 因此,這里要記住的主要事情是,如果要使用這種樣式,請以足夠高的對比度保留所有重要元素。

          畢竟,大多數“現代材料”卡片視圖也不會通過陰影來做對比。 





          僅僅是卡片嗎?

          -

          但是,如果我們決定將組件用作按鈕而不是卡片,則會出現可訪問性的主要問題。

          我們可以像下面的示例一樣輕松創建帶有內部陰影的按下狀態。


          對比度測試


          這里的問題實際上很大。 

          此按下狀態的對比度太小,不足以表示差異。是否可以通過改變的其余部分來表達按鈕的狀態,這里有一些想法,例如使用輪廓和填充圖標,下劃線或甚至用顏色填充按下狀態。


          嘗試各種想法,但狀態必須立即被識別。 




          開發

          -

          開發實現其實它比我們認為的在CSS中實現“軟陰影”外觀要容易。我們尚未研究Swift和Kotlin,但我認為這不應該成為問題。

          https://neumorphism.io/#55b9f3(實現新擬態效果CSS代碼)






          其他影響

          -
          剛才說的形狀只是一方面。這種設計新樣式還帶有更多的按鈕和圖標。通常情況下,我們只需要回到“過去的美好時光”并使用位圖。這似乎是一種回歸,不必擔心-這是沒有必要的。 

          您可以輕松地將可開發的設計與這些卡片形狀組合在一起(新擬態卡片),從而獲得很好的效果。







          我們真的需要這些嗎?

          -

          盡管這一新趨勢影響了許多設計師,但對比以前使用的卡片組件可訪問性問題相比,它的問題并不那么嚴重。

          所以去瘋狂的順應這一趨勢,并對其進行調整以使其成為您的趨勢。UI設計師的工作就是需要不斷來回挑戰自我,探索潮流,以符合產品審美。如果沒有這種不斷的探索的精神,所有產品將再次看起來相同,同質化嚴重。



          但也要記住,每個新趨勢都帶有不可抗拒性因素,如果要使用,必須精心的設計探索, 驗證后才拿去面對用戶。 



          個人感悟

          -

          本篇文章,作者通過對新擬態設計趨勢分析,在文中提及“新擬態”和以前材料卡片的區別,同時證實了新擬態風格優勢!但也存在一定的弊端!如何去權衡與設計的把控,需要設計師們多去研究探索!



          就我個人而言,我認為目前新擬態設計風格, 其實更適合像車機那種偏實體硬件的HMI設計又或者智能硬件平臺,智能櫥窗,智能鏡等,但是如果在移動端去使用,那么需要去適當做簡化。如何去簡化以適應新趨勢,這需要不斷去嘗試。 



          這一趨勢如果要盛行起來,需要大廠來引領, 比如今年蘋果會出現的IOS14或者Google材料3.0到來。 扁平化是蘋果帶來的,材料設計師google帶來的。 

          如今新擬態才初出茅廬,還未被廣泛使用,需要有先驅者引領。畢竟國內的環境大家都不敢冒險去嘗試運用到線上! 



          轉自:站酷-功夫UX 

          循環設計,用戶體驗如何呼喚時代變革

          ui設計分享達人

          關于循環設計,可持續發展是商業領域非常關注的話題,作為UX需提前轉變思維,給企業帶來更多價值,一線大廠已在運用這種思維


          本文共 3589 字,預計閱讀 10 分鐘

          譯者推薦|本文從“可持續”和“設計”的兩點談起,來論述從線性經濟向可持續經濟的轉變,以及“可持續設計”的四個主要階段:理解、定義、制造、發布。

          “循環設計”不是為了追求時髦或者抬升設計地位,而是將這個已經日益庸俗化的“設計”冠為自己的定語,是設計本身發展所趨,以及可持續發展所需,設計界需要對自己的責任有所承擔,形成一個全局觀、系統性看待設計問題的方式。讓回收利用和可持續發展成為一種規范,從而做到一勞永逸。

          我們生活在一個呼喚變革的世界。在過去的50年中,現代社會所依賴的漫不經心和無休止的消費是不可持續的。我們從小就不關心自己的事情。如果有什么東西壞了,我們也就不修了。產品被設計成用完直接丟棄,而不是去修復。數字產品也不例外。然而,為了解決這些問題,出現了一種新的思維方式:循環設計(可持續設計)①。(益達說:其實這個理念和風格已經存在了很長的時間,大多應用在不為大眾所知的能源、材料再生流程之中,然而隨著時代的發展,循環設計可以變得更加普世。)

          ①注:循環設計是20世紀80-90年代產生的一種設計風格,他又稱回收設計,是指實現廣義收回和利用的方法,即在進行產品設計時,充分考慮產品零部件及材料回收的可能性,回收價值的大致方法,回收處理結構工藝性等于與回收有關的一系列問題,以達到零部件及材料資源和能源的再利用。它旨在通過設計來節約能源和材料,減少對環境的污染,使人類的設計物能多次反復利用,形成產品設計和使用的良性循環。

          那么,循環設計方法意味著什么?在數字產品上要如何使用?在回答這些問題之前,首先,我們需要仔細觀察我們是如何構建我們的世界,為什么這個世界已經不可持續了,并且要理解環保世界的需求是如何改變我們的思維方式,促使我們渴望從線性設計模型轉變為循環設計模型。


          向循環轉變


          我們的經濟主要基于“按需配置”流程之上。在此線性系統中,我們構建了會在一段時間后淘汰的產品,并且將其組件視為垃圾。與此相反,循環設計方法將產品的生命周期視為一個閉環,其中資源不斷地被重新利用。


          在“經典”線性模型中,產品經歷了生產、消費和破壞的各個階段,最終以浪費告終。在設計一款循環產品過程中,我們使用的方法包含四大階段,這四個階段形成了一個閉環,并形成了一個恒定的循環,在這個循環中,不僅僅只有閃閃發亮的、新的,未使用過的材料才被受歡迎。

           

          循環設計方法的四個階段是:

          理解 / 定義 / 制造 / 發布



          當我們同時看線性設計和循環設計模型方法時,有一點吸引人的是,開始設計東西的時候,方法的差異。從只是生產某種東西,到對我們將要生產的產品做出深思熟慮的決定,以及在實施過程中付出的努力和關心,這是一個大轉變。


          看看我們現在的立場


          為什么做出這種轉變如此的重要?我確信每個看新聞的人都聽說過氣候變化。NASA 致力于解決環境問題,因此我們都可以非常詳細地了解人類行為和無限增長對我們生態系統的影響。


          但好消息是我們不必繼續這樣做,因為我們可以很容易從數字世界中“產生”方式中學習事物的產生。電力廢棄物已成為現代世界的主要廢棄物來源之一。大量的手機和電腦被扔掉,隨之經濟是建立在每年都有新東西的基礎上的。


          當您的手機屏幕意外碎裂時,我們該怎么辦?我們知道如何處理它嗎?我們知道如何修理嗎?我們并不知道……但是幸運的是,有些設計師對此問題提出了解決方案。Fairphone② 是一種合乎情理,模塊化的智能手機,其組件數量很少,可以輕松更換和回收。大公司也應朝這個方向邁出一步,讓回收利用和可持續發展成為一種時尚和規范,一勞永逸。

          ② Fairphone:這家公司生產的手機希望實現全球手機供應鏈的公平貿易,具體而言就是不使用“沖突礦物”并且確保生產手機的工人沒有被奴役和壓榨,目前仍然堅持在非洲貧困和戰亂的國家進口材料,已經在剛果和盧旺達境內找到了一些礦山,用更好的商業實踐推動當地經濟更健康地發展。


          設計和設計師的重要性


          設計師,比任何其他專業人士,都更有可能在一轉變中產生巨大的影響的人。我還敢說,我們有責任采用可持續設計的方式行動和思考。因為是我們創造了那些最終出現在傳送帶上的東西。我們也有責任教育我們的用戶。幸運的是,越來越多的人重視具有可持續發展目標的產品或品牌,或者重視起在產品背后有意義的故事。同樣,可持續發展不僅成為流行語,而且成為一種價值觀,被越來越多的人意識到基于有限資源的無限增長是無法實現的目標。但是,要從線性經濟向可持續經濟轉變,我們需要學習不同的思維方式。幸運的是,智能設備和數字產品的時代帶來了一種復雜的設計思維方法,可以作為物理世界中生產鏈的范例。


          用戶體驗必須提供什么


          地球上有一個地方,您不能隨便丟東西:互聯網。這是一個對已有產品進行再構思的地方,您只能去完善它,不能丟棄它,因為如果您一夜之間說:“我不喜歡我的網站,明天我將推出一個全新的網站”,那您便會失去用戶。

          如果我們看一下可持續發展設計方法的四個主要階段,就會發現我們在用戶體驗設計中使用的方法與此很相似。

          讓我們再次看一下四個階段,然后將其更詳細地分解:

          理解

          當我們談論與循環設計相關的理解時,我們談論的是在開始設計一個未來的產品之前就了解它的用戶和環境。研究一直是數字產品設計的基礎。與數字產品的連接比與實體產品的連接要更多的涉及到人類的心理。因此不可避免地要開發出新的研究方法,以幫助我們洞察用戶在使用某種產品時的想法、感受和行為。但這不僅與用戶有關, 研究還必須深入到經濟領域,并研究未來產品的組成部分,同時牢記它們必須可被再次利用。


          定義

          在此階段,將定義(商業)目標,并構建一個商業模型畫布作為生產過程的計劃。用戶體驗使用這種方法已有一段時間了,讓涉眾參與其中,并在設計過程中更多地激活它們。為我們設計的產品設定一個目標是至關重要的,因為有了它,我們可以為用戶創造額外的價值。因此,無論是制作商業模型畫布還是舉辦精彩的價值主張研討會,在生產方式中實施這些方法都會對當前的生產流程產生巨大的影響。


          制造

          這是關鍵部分?,F在我們正在做的事情就好像沒有明天一樣。隨著每種無法回收的產品的出現,我們產生的廢料越來越多。但是循環方法是為產品創建一個原型,并定義將需要使用那些材料反映在產品原型上,并在定義階段概述的商業模型上定義材料。原型設計和構思是用戶體驗設計過程中的關鍵要素,這也是為什么需要制作原型。


          發布 

          根據循環設計模型,隨著產品的發布,生產周期進入了第四階段,然同時理解階段又重新開始了。對于數字產品來說,這是自然發生的事前:你發布一個產品,基于該版本收集反饋,然后構思它,周而復始,這個循環再次產生。


          但是,觀察這個循環并建立這些連接僅僅是冰山一角。在數字時代發展起來的設計思維給世界帶來了許多反思。


          變革中的大佬


          幸運的是,已經有許多大品牌意識到轉變的必要性,并采取和提出了數字設計思維方法來支持轉變,并建立循環設計的時代。根據《循環設計指南》,“我們應該把我們設計的所有東西都看作軟件產品和服務——這些產品和服務可以基于我們通過反饋得到的數據而不斷的發。”


          用戶體驗研究和用戶體驗設計一直是在做的一件事是:基于全面的研究和真實的用戶需求來構建產品。上面的設計指南是非常復雜的工具,具有許多可能的方法。它強調了從產品到服務流程轉變的重要性,并展示如何使用敏捷流程并將其實施到構建產品的方法之中。


          IDEO(全球頂尖的設計咨詢公司)與 Ellen Macarthur Foundation(艾倫·麥克阿瑟基金會)合作,試圖“試圖通過設計構建一個具有恢復性和再生性的經濟框架”。在這里,您可以找到幾乎每個生產方面和領域——例如食品、時裝、經濟和設計——并在每個領域中提出解決方案,以打破線性生產系統。


          耐克還宣布了其基于循環設計模型生產高品質運動鞋的新方法原則。正如您已經看到的那樣,無論您身處哪個經濟領域,都可以為循環生產過程的蓬勃發展做貢獻,并成為一支主導力量。


          重要的結論


          我認為,作為設計師,我們始終要為變革而努力,并始終努力與客戶、產品或服務保持緊密的關系,并通過構思使其不斷完善,以實現這一目標。這是因為偉大的事情只有通過時間和不斷的反思才能實現。在離線世界中,數字設計過程也有很多東西可以貢獻。希望通過教育,能有更多的大公司意識到用戶真正想要的產品是具有更多功能并可持續使用的,而不僅僅是將它們當作一次性產品,一旦它們不像最初那樣光鮮就把她扔掉。

          轉自:站酷-大猴兒er 


          2020年最值得設計們保持關注的8個UI設計趨勢

          資深UI設計者

          快速變化的技術每年都在影響著設計趨勢。作為設計師,我們需要時刻保持關注,對設計趨勢擁有較高的敏感度,不斷學習,擴充自己的設計技能,目的是為了跟上的市場環境?;谖业恼{研,經驗和觀察,我甄選了在2020年你將會看到的最為關鍵的8個UI/UX設計趨勢。讓我們一起來看看吧。

          動效插圖

          插圖被應用到APP中已經有很長一段時間了,它們在最近幾年的演變令人印象深刻。插圖作為一種非常流行的設計元素,為我們產品的整體產品增加了情感化體驗。插圖非常能抓人眼球,尤其是在融入動效后會顯得更加的自然,將產品帶入生活的氣息,使得產品功能更加突出,同時也增添了更多的細節和個性。

          △ Welcome to Swiggy by Saptarshi Prakash

          △ Onboarding animations — Virgil Pana

          另一個好處是使用動效后,能抓住用戶的注意力使其能夠更加沉浸在你的產品中。動效同樣是講好品牌故事,產品或者服務最有影響力的途徑之一。

          微交互

          微交互存在與每一個網頁或者app界面中。每當打開你最喜歡的那些應用時,都有機會看到它們,比如像Facebook中就有大量不同的微交互,我認為「Like」功能就是一個完美的例子。有時,我們幾乎意識不到它的存在,因為它們非常的不顯眼,非常自然地融到界面中去了。但是,如果當你把這些微交互移除掉的話,你又會非??斓淖⒁獠⒛芨惺艿揭恍┓浅V匾臇|西丟失了。

          △ Menu toggle close animation — Aaron Iker

          △ Tab bar active animation — Aaron Iker

          一般來說,在UI/UX中即使非常小和細節處的設計都可能會帶來巨大的沖擊力。微交互就是完美的證明,細節和對它的關注能極大的改善產品的整體體驗,并讓產品體驗上升一個臺階。每年,新設備的發布伴隨著新的機會,能給產品塑造新品牌和創造富有創意的微交互。

          3D圖形

          3D圖形設計幾乎無處不在,比如在電影,游戲或者運營廣告里等等。3D圖形設計早在10年前就出現了然后一直在不斷提升和進化。手機和web技術進展迅猛,新的web瀏覽器能力打開了3D設計新世界的大門,這給了設計師們在web和手機界面中創造炫酷3D設計的機會。

          △ 3D flip menu by Minh Pham

          △ Car health report UI by Gleb Kuznetsov

          創造并整合這些3D創意設計到web和手機界面中需要特殊的技能和花費大量的工作,但這些付出會得到回報。

          △ Apple AirPods Pro landing page

          3D設計對于產品和服務來說,具有非常大的吸引力,例如在交互上能夠支持用戶360度查看產品,從而大大提升整個的產品體驗。

          在2020年會有更多的品牌利用3D渲染模型的產品和服務去模仿線下購物體驗。

          VR設計

          VR技術在2019年有一個巨大的飛躍。最近的一年我們激動地看到了頭戴式設備有了非常大的發展,尤其是在游戲領域。我們需要記住的是,游戲行業經常在引領著新技術的發展并落地到實際的產品設計中。研究表明,VR也不例外,在Oculus Quest于2019年推出后,許多機會為其他行業打開了大門。Facebook CEO 扎克伯格已經測試了激動人心的手部交互功能,并正式宣布將在2020年初為Quest進行更新。

          △ Oculus Quest — hand interaction feature

          △ PlayStation Virtual Reality Website Design by Kazi Mohammed Erfan

          索尼和微軟計劃在2020年夏季發布他們的新設備,這就給VR技術帶來巨大的機會和發展空間。

          學習VR 可以閱讀優設這個專題:https://www.uisdc.com/zt/vr-design

          AR設計

          在最近幾年,我們能看到在AR(增強現實)這塊有了很大的進步和驚喜。世界引領著科技公司在AR開發方面進行了巨大的投入,所以我們應該期待這項技術在2020年有更大的成長和發展。蘋果公司也發布了他們自己的AR套件叫AR KIT3來幫助設計師和開發者在他們的產品中打造AR體驗。

          △ Apple ARKit 3 by Apple

          △ Public transit app by Yi Li

          △ House of Plants AR Concept by Nathan Riley

          在AR空間里會有無限的機會和創意去打造一個新的品牌和激動人心的體驗。為AR做UI設計會在2020年成為一大趨勢,這就要求設計師們在面對創造AR產品體驗前,應該去準備和抓緊學習新的工具,原型之類的知識。

          學習AR 可以閱讀優設這個專題:https://www.uisdc.com/zt/ar-design

          新擬物化設計

          一般來說,擬物化設計是指以現實風格/方式創造出來與現實中的物體相匹配的設計元素。不斷發展的VR/AR技術以及在各大最流行設計平臺(Dribbble,Behance等)上展示的設計作品趨勢來看,預示著擬物化的回歸,但這次換了個更現代,更酷略微高大上的名字叫「新擬物風」(也叫Neumorphism)。

          △ Skeuomorph Mobile Banking | Dark Mode by Alexander Plyuto

          △ Simple Music Player by Filip Legierski

          △ Sleep Cycle App — Neumorphism Redesign by Devanta Ebison

          你可能注意到了:Neumorphism代表了豐富細節和明確的一種設計風格。高光,投影,發光,這些細節非常令人印象深刻。Neumorphism風格已經鼓舞了全世界一大批的設計師創作作品,它也會成為2020年最大的設計趨勢。

          學習新擬物風可以閱讀優設這個專題:https://www.uisdc.com/zt/neumorphism

          不對稱布局

          最近一年我們也注意到一種不對稱風格正在快速發展。傳統基于「模板」的布局肯定會消失。這種設計趨勢給2020年的設計帶來了更多的差異化。合適的不對稱風格將會在我們的作品中增多一大批不同的性格,火力以及個性,所以設計不再單純的基于模板。

          △ Limnia Fine Jewelry Grid — Zhenya Rynzhuk

          △ Carine fashion store — selection screen concept — Dawid Tomczyk

          當設計這種不對稱風格時,設計師擁有非常多的選項以及巨大的發揮空間。但是,想設計好這種不對稱風格需要大量的練習,它絕不是將元素隨機的擺放在網格中,而應該小心使用和實現它們,時刻需要把用戶的訴求考慮到設計中。我們并不想讓用戶迷失在我們的產品中,對嗎?

          用戶故事

          故事在整個用戶體驗中扮演著非常重要的角色。你可能經常會在著落頁看到它作為品牌介紹,產品或者一個新的服務。講故事就是利用創意的形式把信息傳遞給用戶。這可以通過強大的視覺元素來呈現(字體,插畫,高清圖片,顏色,動畫,交互元素)。

          △ A+WQ / Young Lab Page Story of The Week Animation by Zhenya Rynzhuk

          △ Free Sketch Template :: Mimini by Tran Mau Tri Tam

          講故事可以幫助產品創造出品牌和用戶之間積極的情感連接。講故事可以為你的產品創造出非常多的記憶點,讓用戶感受到自己就是產品或服務的一部分,他們便會更加愿意使用你的產品。話雖如此,講故事也是一種非常有效的營銷手段,它可以極大地提高你的產品/服務的銷量。講故事作為一種非常成功的手段,將在2020年繼續發揚光大。

          總結在2020年非常值得關注的8個設計趨勢

          1. 動態插圖

          通過把動畫和插圖進行結合,我們可以使得設計變得更加突出,并把它帶入用戶的日常生活,為產品賦予了的細節和個性化。

          2. 微交互

          微交互被證明是可以在當用戶注意到他們是能夠帶來非常大的驚喜體驗,它能夠有效的提升整個產品的用戶體驗并把產品的品質提升一個等級。

          3. 3D圖形的應用

          新的瀏覽器技術打開了3D圖形應用的大門,能夠給設計師帶來非常大的創意機會去打造讓人驚嘆的3D圖形設計應用到網頁和手機APP中。

          4. 虛擬現實

          游戲行業將迎來新的變革,新的技術能夠應用到產品設計中。

          5. 增強現實

          在AR空間中擁有無限的機會去創造新的品牌和令人激動的新體驗。為AR技術服務的UI設計將在2020年成為主要趨勢,設計師需要位為之準備并去學習新的工具,原型,當真的需要你去做一款AR應用時就需要用到。

          6. 新擬物風

          AR/VR技術不斷發展,以及在各大流行設計平臺上大量涌現的寫實設計作品預示著擬物風的回歸,但只是這次換了個新的更加現代化的名字。

          7. 不對稱布局

          運用不對稱布局能讓設計創意變得擁有更多選項和機會。雖然,設計一個成功的不對稱布局需要投入大量的練習和時間。

          8. 講故事

          講故事就是利用創意形式把信息傳遞給用戶。講故事是一個非常好的營銷工具,可能會大大增長產品的銷售額或服務。

          文章來源:優設    作者:彩云譯設計

          設計師必看的5G發展趨勢

          ui設計分享達人

          5G是今年的熱門話題,很多公司都在討論它,但是,討論的內容太多局限在技術領域。今天一起來暢想一下,未來5G有哪些應用機會。

          全文總計20000字左右,閱讀需要15-20分鐘。

          undefined


          對于5G,人們更多的認識是與現在的4G相比通信速度更快,“智能手機速度變得更快”“一部大片幾秒就能下載完畢”等。但這些只不過是5G的技術革新的一小部分而已。5G所帶來的變化絕不僅僅體現在智能手機及平板電腦上,而是蘊含著讓我們生活的各種場景都發生重大變化的可能。并且,5G不只應用于生活場景,其在商務商業場景的廣泛應用也備受人們期待。各行各業的企業都在思考如何利用5G促進本企業的發展。5G將給所有的商界人士帶來發展事業的機會。



          在1986年,第一代移動通訊系統(1G)在美國芝加哥正式誕生了,其采用模擬信號傳輸,每個國家的1G通信標準都不一樣,所以不能像現在這樣“全球漫游”,使得1G的發展受到了極大的阻礙。1G其采用的模擬信號傳輸容量非常有限,一般只能傳輸語音訊號,還存在著語音品質低,訊號不穩定、涵蓋范圍不全面、易受干擾等問題困擾。為了解決1G所面臨的問題,2G由此誕生了……


          1994年,前中國郵電部長吳基傳用諾基亞2110撥通了中國移動通信史上第一個GSM電話,中國由此進入了2G時代,在這之后的那些年,諾基亞帶給了我們無數的經典手機。

          和1G不同的是,2G采用了數字調制技術,故第二代移動通信系統的容量頁在增加,隨著系統容量的增加,2G時代的手機可以上網了,雖然速度較慢,但文字信息由此開始了,并成為當今移動互聯網發展的基礎。


          在2G時代,手機只能打電話和發一些簡單的文字信息,雖然以及很方便了,但日益增長的圖片和視頻傳輸的需要,人們對于數據傳輸速度的要求日益高漲,2G時代網速加載圖片速度顯然不能支撐大量的圖片傳輸需求,于是3G誕生了。相對于2G,3G依然使用的數字傳輸,但3G的傳輸速度可達每秒384kbit,在室內穩定環境下甚至有每秒2Mbit的水準,是2G時代的140倍。由于采用了更寬的頻帶,傳輸的穩定性也大大提高,速度的大幅提升是大數據的傳輸更為普遍,移動通訊有更多樣化的應用, 因此3G是被視為開啟移動通信新紀元的重要關鍵。


          2013年12月,工信部在其官網上宣布向中國移動、中國電信、中國聯通頒發了“LTE/第四代數字蜂窩移動通信業務(TD-LTE)”經營許可,也就是4G許可牌照。至此移動互聯網進入了新時代!

          在3G基礎上發展起來的4G,是采用更加先進通訊協議的第四代移動通訊網絡。4G的傳輸速度有非常大的提升,理論上為3G的50倍,實際體驗也在10倍左右,上網速度可以媲美20M的家庭寬帶,因此4G網絡可以具備比較流暢的速度,進行觀看電影、大數據傳輸,也是一直沿用到今的通信網絡,其穩定性也非常高。但遠遠不止如此……


          隨著通信系統帶寬和能力的增加,移動網絡的速率也飛速提升,從2G時代的每秒10Kbit發展到4G時代的每秒1Gbit,其足足增長了10萬倍。歷代移動通信的發展,都以典型的技術特征為代表。而5G將不同于傳統的幾代移動通信,5G不再由某項業務能力或者某個典型技術特征所定義,它將是一個多業務多技術融合的網絡,更是面向業務應用和用戶體驗的智能網絡,最終將打造以用戶為中心的生態系統。



          現在的移動網絡工作在相對較低的頻段,低頻段的好處的是傳播性能優越,可以使運營商用較少的成本(少量基站)達到很好的覆蓋。5G的一個特點就是高頻,受限于高頻的傳播性能,所以很多的高頻段頻率資源沒有被使用,這正是5G可以好好利用的資源。


          依托4G良好的技術架構,5G可以比較方便的在其基礎之上構建新的技術。未來的5G愿景最強烈的一個方面就是用戶體驗到的網絡速率。4G現在已經很快了,但是還不夠,5G要做到的目標是最大10Gbps。


          5G的極限速度是4G的100倍,現在初期沒有那么快,大概20倍左右,比如說一個1080P的高清視頻,一個小時的數據量是10個G比特,然后如果用5G的極限速度,應該一秒鐘下載完,現在可能要5秒到6秒,而用4G可能要一分多鐘將近兩分鐘,所以差異還是很大。


          這只是5G最基本的好處,甚至都不是最重要的技術能力的提升。我們說5G最重要的技術能力提升,在于更快的響應速度。

          4G應用最主要的是移動支付,支付的時候強調的并不是帶寬,而是響應速度。因為要把一個支付的數據傳到另一方,比如我從終端傳到銀行做認證,數據量其實并不大,至少比一個小視頻的數據量要小很多。但是你肯定不能忍受一個支付數據傳到銀行確認需要半小時,這個時間就是響應速度。


          在過去,響應速度慢依然是個問題,雖然支付的響應速度可以接受,但是也要花費好幾秒甚至十幾秒的時間。這個速度在支付上可以勉強接受,但是在很多其他領域就不能接受了。


          在這之前的3G和4G時代,其實響應速度從來就沒有被提上議事日程。當然,不是說那些網絡不需要響應速度,而是那些網絡是用其他辦法來解決的。怎么解決呢?就是用另一個網絡,叫做信令網,來傳輸需要滿足快速響應速度的需求。但是信令網本身的帶寬又很有限,所以只能傳輸一些簡單的信號。所以,它可以做的事就很有限。當然,現在我們已經實現同一張網不但能有非常大的帶寬,還同時有非常快的響應速度,這時候你可做的事情就多多了。


          無人駕駛汽車,需要中央控制中心和汽車進行互聯,車與車之間也應進行互聯,在高速度行動中,一個制動,需要瞬間把信息送到車上做出反應,100毫秒左右的時間,車就會沖出幾米甚至幾十米,這就需要在最短的時延中,把信息送到車上,進行制動與車控反應。


          無人駕駛、工業自動化的高可靠連接都是5G的一個新場景。人與人之間進行信息交流,140毫秒的時延是可以接受的,但是如果這個時延用于無人駕駛、工業自動化就很難滿足要求。5G對于時延的要求是1毫秒,甚至更低。


          當然了,這都還不是5G的全部,5G還有一個更厲害的東西,就是它能夠同時容納更多的設備接入。


          其實每一個手機不管在不在通信,都是時時刻刻連在網絡當中的。有任何外部的電話進來,你的手機可以第一時間就產生振鈴,你就可以應答,因為它實時都要和基站來通信。這就帶來一個問題,每個基站內部可以容納的手機數量是有限的。我們設想一些特殊場景,比如運動會,你會發現運動場里聚集了幾萬人,經常出現不光電話打不通,數據信號也不夠好,傳輸數據也傳不出去的局面。原因很簡單,就是一個基站能容納的設備是有限的。


          怎么解決呢?很多時候其實我們并不需要通過“手機A-基站A-基站B-手機B”的路徑,我們只是希望本地的系統能夠互聯起來。


          現在的5G就可以做到基站內所有的系統實時連通,叫做“點對點的通信”。也就是說在同一個基站里面有兩個設備需要做信息傳遞的時候,它不需要通過基站,直接就可以直線點對點地互聯。而且不止支持手機設備,未來大量能執行單一任務的設備,也就是物聯網設備,也可以連到網絡里。這就標志著未來會有大量的通信是人和物之間,甚至物和物之間的,物聯網時代真正到來。


          5G的第一階段看技術能力,但是不能止于技術能力

          但是5G的精彩就在于它不止于技術能力。如果只是技術能力,那一定是那些設備公司的事。實際上設備公司根本就不是5G市場當中最大的贏家,因為5G的層次是個倒金字塔,技術設備市場是最小的一個市場。

          技術能力市場以上的機會是運營市場。因為你要經營很多業務和應用,都需要有運營或者應用支撐的能力提供。




          我們來看一個例子,美國阿肯色州大和特種鋼,他用5萬多個傳感器,把整個生產過程中需要控制的地方、需要檢測的地方都做了聯網。他的老板非常感謝5G,感謝移動通信技術,用光釬是不可能做的,在鋼鐵那種高溫的環境下,5G就全給熔斷了,5萬多個極其難進行一根一根地連接?還有化工廠,它是流程化的,化工廠的環境有很多腐蝕性的東西,是不能用光纖的,所以為什么工業互聯網要用5G它只能用無線的方式。


          很多人忽略一點,光釬確實穩定,帶寬也寬,很多人拿5G跟光釬比,這是錯誤的,就拿地鐵跟公交比,這倆不是替代的關系,它是相互補充的關系。


          話說回來,那么在我們家里也有這個問題,你不可能每間房都打一個眼穿1根甚至幾根光纖進去,所以直接用5G是能達到光纖的通訊水平,然后而且很穩定。



          很多人說 WiFi帶寬不夠,速度不夠,不支持4K以上的高清視頻的傳輸,現在有超級 WiFi6 解決這問題,大家一定要知道WiFi是一個純粹的互聯網文化,它叫盡力而為的網絡。大家連過WiFi都會知道,wifi的信號,一會有一會沒有,一會速度快一會速度慢,對吧?就像我們的公路,經常有人喜歡自己開車開著開,都不開坐地鐵了,為什么?通信的網絡相當于地鐵,他是有qos服務質量指標來控制它的通信的水平,要保持穩定的。


          原來你可能就是連你的音箱、燈、電視機。假如家里有一些重要用途,假如你家里邊有老人監護,有嬰幼兒監護等,你要實時的監控它,突然間沒信號了,一分鐘沒信號,后邊再給你來信號,你這期間就有可能出問題。


          在工業互聯網中絕對不能用wifi,WiFi6 超級WiFi解決了帶寬的問題,但也沒有解決穩定性的問題,必須用通信級的解決方案,它保持它控制的穩定性。


          通過上述問題,有人質疑用4G行不行?5G有一個每平方公里100萬個接入的海量機器連接的能力。未來工業互聯網必須用5G ,很多地方可以拿4G或者拿光纖拿WiFi做一些補充,但他重點的環境一定要用5G。


          在前面講的舉辦運動會時,你會發現運動場里聚集了幾萬人,經常出現不光電話打不通,數據信號也不夠好,傳輸數據也傳不出去的局面。通信是隨即服務系統,不是所有流量均勻的分布到網絡上。所以每平方公里100萬接入的能力是保證突然出現大量數據的時候網絡暢通。



          5G 是數字化從個人娛樂為主推向全連接社會的起點,是移動通信行業的機遇。然而 5G 與工業互聯網的融合也對現有移動通信技術提出了挑戰。5G 與工業互聯網融合應用出現了八大類新型場景,分別為 5G+超高清視頻、5G+AR、5G+VR、5G+無人機、5G+云端機器人、5G+遠程控制、5G+機器視覺以及 5G+云化 AGV,相應應用場景對 5G 網絡提出了新的需求。在應用場景發展節奏方面:5G 與超高清視頻的融合應用已進入應用成熟期,將成為 5G 在工業互聯網領域的第一批應用場景;5G+AR、5G+VR 以及 5G+機器視覺等應用已進入高速發展期,經濟價值逐漸顯現,未來 1-2 年將成為工業互聯網的主流應用場景;5G+云化 AGV、5G+無人機等應用受限于與設備深度融合的需求,還需等待產品成熟,未來 2-3 年將有較快發展;5G+遠程控制和 5G+云端機器人等應用由于涉及工業核心控制環節,目前還處于探索期,有待進一步的測試驗證。

          超高清視頻是繼視頻數字化、高清化之后的新一輪重大技術革新, 將帶動視頻采集、制作、傳輸、呈現、應用等產業鏈各環節發生深刻 變革。高清視頻被認為是 5G 時代應用最早的核心場景之一,加快發展超高清視頻產業,對滿足人民日益增長的美好生活需要、驅動以視 頻為核心的行業智能化轉型、促進我國信息產業和文化產業整體實力 提升等具有重大意義。


          隨著技術發展,超高清視頻已不局限于監視、錄像、回放等傳統功能,開始向字符識別、人臉識別、行為分析、物體識別等智能化方向發展,對視頻流的清晰度以及流暢度提出了更高的要求,而 5G 網絡的承載力成為解決這些需求的有效手段。在工業環境下,高清視頻的主要應用在于智慧園區的安防、人員管理等場景,通過 5G 高速率的特性,將采集的監測視頻/圖像實時回傳,實現視頻、圖片、語音、數據的雙向實時傳輸,同時結合 5G MEC 統一監控平臺,實現人員違規、廠區的環境風險監控的實時分析和報警,大大提高作業安全規范性。


          超高清技術是高清技術的延伸,代表了近年來音視頻產業發展的主要方向。與高清技術(1920×1080 ,約 200  萬個像素)相比,4K(3840×2160 ,約 830 萬個像素)超高清像素數為高清的 4 倍,理論清晰度為高清的 2 倍;8K(7680×4320 ,約 3300 萬個像素點)超高清分辨率為高清的 16 倍,理論清晰度為高清的 4 倍。超高清視頻提升了分辨率、亮度、色彩、幀率、色深、聲道、采樣率等指標,這些技 術指標的提高雖然可以給觀眾帶來極為清晰、逼真和沉浸感的畫面, 但是也使音視頻數據量成倍增長。按照目前超高清視頻產業主流標準,4K/8K 視頻對網絡速率要求至少為 12-40Mbps,甚至可達 48-160Mbps。


          超高清視頻對于 5G 網絡的需求


          增強現實(AR)是人工智能和人機交互的交叉的學科,是一種實時地計算攝影機影像的位置及角度并加上相應圖像、視頻、3D 模型的技術,也是一種把真實世界和虛擬世界信息有機集成的技術。AR 把原本在現實世界一定時空范圍內很難體驗到的實體信息(主要包括視覺和聽覺信息)通過計算機模擬仿真后疊加,將虛擬的信息應用到真實世界并被人類感官所感知,從而達到超越現實的感官體驗。


          目前 AR 的應用已融入到了工業制造的交互、營銷、設計、采購、生產、物流和服務等各個環節,典型的應用包括 AR 遠程協助、AR 在線檢測、AR 樣品展示等。利用基于 5G 的 AR 遠程協助,后臺專家可以通過語音視頻通訊、AR 實時標注進行遠程協作,實現了現場人員和遠程專家的“零距離”溝通,大大提高了工業生產、設備維修、專業培訓等價值鏈的效率。


          AR 遠程協助對于 5G 網絡的需求


          虛擬現實(VR),是一種可以創建和體驗虛擬世界的計算機仿真系統,利用計算機生成一種模擬環境,使用戶沉浸到該環境中。虛擬現實技術就是利用現實生活中的數據,通過計算機技術產生的電子信號,將其與各種輸出設備結合使其轉化為能夠讓人們感受到的現象, 并通過三維模型表現出來。


          目前 VR 的在工業互聯網中主要應用在虛擬裝配、虛擬培訓、虛擬展廳等場景:VR 虛擬裝配是工業設計必不可少的審核環節,可以在設計接口、部件外觀大小等方面最大化優化產品實際裝配時的能效;VR 虛擬培訓相較于傳統的課堂更能全面、及時反饋,相比于教科書里面難懂的文字和需要考驗學生想象力的平面圖,虛擬現實的場景表達更直觀,并傳遞更多的信息;VR 虛擬展廳將展廳及展示產品 3D 化,帶給觀展者足不出戶就能身臨現場的體驗。


          基于 5G 的 Cloud VR,結合眼球跟蹤渲染技術、GPU 定點渲染、LED 高 PPD 屏幕技術,VR 終端可以完全實現無線化和輕量化;由于云端內容與無線VR 直連,不能被本地復制,進一步保護了內容版權; 用戶互動數據傳輸到云端并進行計算,再反饋回本地終端,大大降低VR 的成本。


          VR 對于 5G 網絡的技術需求



          無人機作為高新科技發展的產物,目前在我們周邊的應用已經越來越廣泛。從應用領域來說,無人機可分為消費級無人機和工業級無人機,相對于已經較為成熟的消費級無人機,工業級無人機的應用還處在不斷探索的階段。目前,工業級無人機被廣泛的應用在智慧物流、智慧園區、設備巡檢等領域。


          以智慧園區安防為例,安保人員需要按照固定的崗位和流動的崗位分別安排并進行廠區安全巡視,內容包括人員、財產、治安、消防安全。為了確保廠區每一個角落都能得到合理的監控,需要大量的攝像頭設備進行固定視角的管控,對于攝像頭的盲區,需要安排安保人員定期巡檢。這種傳統方式往往存在固定視角監控不到位、安保人員人工費用成本高以及晝夜交替等原因帶來的管理問題。


          通過 5G 無人機平臺,可以實現廠區范圍內規范化、常態化的空中安保巡視和設備點檢。利用 5G 的高速率、高可靠低時延無線網絡, 可以將搭載在無人機上的攝像頭視頻(可見光高清、紅外等)實時傳送到廠區綜合控制中心。通過對視頻圖像進行基于人工智能的物體識別、模式識別分析,判斷所巡檢的地點是否存在安保異?;蚧鹁惓2崿F智能提示,最大限度降低安保人員日常勞動強度。


          從設備巡檢的角度來說,工業領域有大量的設備工作在位置較高或條件較為惡劣的環境下,以冰箱的發泡工藝環節為例,設備最高處達到 5m,傳統的人員巡檢不僅浪費時間,還帶來人身安全隱患。傳統的基于 4G 的無人機時延大,畫面不清晰,而采用 5G 的無人機設備巡檢有兩個優勢:一是 5G 的上行速率可達 200Mbps,可以支持 4K、8K 甚至全景的視頻回傳;二是 5G 毫秒級的低時延高可靠特性可以有效地保障無人機的控制和精準定位。


          無人機對于 5G 網絡的需求


          近幾年來人工成本不斷提高,不但使得工業企業的利潤持續降低, 而且大量的人工操作不利于產品質量控制和企業管理。機器人成為了 解決人工成本的優秀替代方式,很多制造業工廠都開始加快機器人應 用的步伐,尤其是一些操作工序復雜或精密度較高的工作。傳統的工 業機器人存在不足,比如工作范圍受限、工作內容有限、設備成本高 等問題。隨著人工智能、云計算等技術的不斷成熟,云化機器人將逐 漸成為主流。云化機器人將控制“大腦”放在云端,根據本地機器人的 不同工作內容和工作地點針對性控制,真正實現機器人的自主服務和自主判斷。同時由于“大腦”放在了云端,“大腦”可以將所有機器人檢索的信息進行整合,完善自身的學習能力和自優化能力。隨著云端學習能力的提升和數據共享,本地機器人本身不需要存儲資料信息,也不需要具備超強的計算能力,這樣一來機器人的開發成本和時間也會大大縮減。


          實現云端機器人大規模密集部署和應用拓展,對 5G 網絡提出了兩個需求,即:滿足通信調度及業務數據實時交互需求和集成其它視覺應用的通信需求。云端機器人系統包括室內及室外應用場景,可滿足工業高可用指標 99.9999%,通信時延 10~100ms。目前單個機器人安裝 10~20 個攝像頭(實現視覺導航、視覺檢查等多種功能),移動速度提升到 2~3m/s,因而網絡上行帶寬需求小于 1Gbps(隨著低時延的視頻壓縮和解壓技術成熟,可以在機器人端實現視頻壓縮預處理,節省上行帶寬),時延 10~100ms。


          云端機器人對于5G 網絡的需求



          遠程控制一直是工業生產中保障人員安全、提升生產效能、實現多生產單元協助的必要手段。由于遠程控制會直接關系生產環節的產品質量和生產效率,目前工業上大多數遠程控制還是基于有線網絡。雖然有線網絡穩定,但也限制了生產的靈活性,同時也在一定程度上限制了生產過程的控制范圍。


          為了達到遠程控制的效果,受控者需要在遠程感知的基礎之上通 過通信網絡向控制者發送狀態信息??刂普吒鶕盏降臓顟B信息進行 分析判斷并做出決策,再通過通信網絡向受控者發送相應的動作指令。受控者根據收到的動作指令執行相應的動作,完成遠程控制的處理流 程。為了保證控制效果,通信網絡時延和可靠性就更加重要。


          在工業生產中某些環境場合確實不適宜人工作業,比如高溫、高空、環境指標差等場合。甚至有的工作人工無法完成,比如工廠內大件貨物或港口集裝箱的裝卸,都需要遠程控制機械來實現。要實現遠程控制,不僅需要足夠高清晰度視頻提供視覺支持,還需要實時穩定的網絡保證操控的靈敏度和可靠性。這些對現有工業網絡和 4G 技術來說是一個挑戰??紤]遠程控制的需求,5G 網絡的優勢一方面在于高速率可以滿足高清視頻回傳的要求,另一方面也可以在保證可靠性的前提下滿足遠程控制對于時延的要求。


          遠程控制對于 5G 網絡的需求



          機器視覺是人工智能的一個重要分支,在工業上的應用極為廣泛, 可以有效提高生產的柔性和自動化水平。適用于一些人工作業的危險工作環境或者人工難以滿足要求的場合。

          目前機器視覺的應用主要包含五大類,包括圖像識別、圖像檢測、視覺定位、物體測量、物體分揀等。


          為了保證判別結果的準確性和應用的正常運作,整套系統的信號傳輸是一個關鍵的因素。通過 5G 網絡,機器視覺系統實現以移代固, 將視覺系統單元配置為無線傳輸來替代傳統有線連接方式;圖像采集自由分布于多個工位且共享圖像處理單元,共同實現高速,低成本自動化檢測生產線。同時通過 5G+MEC 搭建的“5G 虛擬專用網”將生產過程數據的傳輸范圍控制在企業工廠內,滿足生產數據安全性要求, 確保了網絡安全和生產安全。


          基于 5G 虛擬專網和萬物互聯部署,機器視覺系統可以實現實時遠程監測功能。依托 5G 高速率、大連接特性,不用進車間即可通過移動終端和便攜終端監視制造企業生產過程執行管理系統(MES),獲取視覺檢測系統的運行狀態,如正常運行時間,有效運行時間,故障原因等。


          機器視覺對于 5G 網絡的需求




          自動導引運輸車(AGV),指裝備有電磁或光學等自動導引裝置,能夠沿規定的導引路徑行駛,具有安全保護以及各種移載功能的運輸車。AGV 不需駕駛員,以可充電之蓄電池為其動力來源,一般可透過電腦來控制其行進路線以及行為。AGV 的活動區域無需鋪設軌道、支座架等固定裝置,因而在自動化物流系統中能充分地體現其自動性和柔性,實現、經濟、靈活的無人化生產。在制造業,多臺 AGV 組成柔性生產搬運系統,運行路線可以隨著生產工藝流程的調整而及時調整,大大提高了生產的柔性和企業的競爭力。對于港口、碼頭和機場等密集搬運場所,AGV 被賦予了更為強大的并行化、自動化、智能化等特性。在一些特殊環境要求的場景,如醫藥、食品、化工, 甚至危險場所和特種行業,AGV 除了基本的搬運工作外,還自帶多種傳感器,可以執行檢查、探測、自動識別等工作。


          所謂云化 AGV,是把 AGV 上位機運行的定位、導航、圖像識別及環境感知等需要復雜計算能力需求的模塊上移到 5G 的邊緣服務器, 以滿足 AGV 日益增長的計算需求,而運動控制/緊急避障等實時性要求更高的模塊仍然保留在 AGV 本體以滿足安全性等要求。這相當于在云端為 AGV 增加了一個大腦,除 AGV 原有的復雜計算以外,各種各樣的 AI 能力擴展成為可能。


          實現云化 AGV 大規模密集部署、大范圍無縫切換以及應用拓展, 對 5G 網絡提出了相關需求:即滿足通信調度及業務數據實時交互需求,以及集成其它視覺應用的通信需求。云化 AGV 系統包括室內及室外應用場景,室外覆蓋范圍約2km;滿足工業高可用指標99.9999%,通信時延小于 100ms。目前的雙目視覺 AGV,網絡需求為上行帶寬144Mbps(如果 AGV  端視覺預處理,上行帶寬要求不高),時延30~40ms。未來 AGV 安裝 6~10 多攝像頭(視覺導航、視覺檢查等多種功能),移動速度提升到 2~3m/s,網絡上行帶寬需求小于 1Gbps(隨著低時延的視頻壓縮和解壓技術成熟,可以在 AGV 端實現視頻壓縮預處理,節省上行帶寬),時延約為 20ms。


          云化 AGV 對于 5G 網絡的需求


          以 5G 網絡為基礎,結合物聯網、移動邊緣計算、人工智能等技術的創新應用,青島港引入了遠程控制、無人駕駛、智能物流等場景來構建 5G 智慧港口。


          傳統港口行業是一個典型的勞動密集型行業。近年來,隨著人工成本逐步提高,企業招工越來越困難,然而港口業務量一直在增加,對勞動力的需求有增無減,對技術的要求也更高。為解決矛盾,青島港開啟了“全面自動化”之路。


          實際上,在5G出現之前,青島港通過使用光纜、塔吊、駁車等設備實現了半自動化。光纜的成本很高,高頻率的磨損和移動讓光纜的壽命大大縮短,維護難度大,同時每次起吊操作仍需多人配合,包括操作員、指揮手、理貨員等至少7名現場工作人員,生產現場都是重型設備,存在很大安全隱患,尤其港口經常受到天氣狀況的影響,事故隨時可能發生。此外,故障率高,WiFi網絡抗干擾能力差;工作環境差,傳統碼頭設施陳舊,重型設備難以更新換代等,這些痛點成為制約港口發展的瓶頸。


          在遠程控制方面,利用 5G 的無線傳輸方式取代了原有主控PLC 到起吊設備 PLC 之間的有線通信方式,通過 5G 工業控制網關實現與原有工業控制協議的適配。5G 網絡特性滿足了PLC 控制信號超低時延要求以及高清視頻回傳的帶寬要求。同時為了進一步保障控制信號與高清視頻回傳的實時性,在青島港港區內部署了 MEC 邊緣云,MEC 邊緣云的分流處理有兩方面優勢:一方面減少了數據從終端傳輸到核心網的傳輸路徑,降低了時延;另一方面也保證了港口數據的封閉及安全。


          在港區的交通運輸方面,通過 5G 與MEC 的結合開發了遠程輔助駕駛系統,從而實現了對網聯車進行遠程輔助駕駛和監控。該系統的駕駛服務部分部署在邊緣云上,當駕駛端和車輛端距離較近時, 可通過MEC 進一步降低操控和數據傳輸時延,以提升遠程輔助駕駛的效率。此外,針對無人駕駛車輛感知成本高以及感知盲區的問題, 在路邊部署感知設備,實時感知路況和道路信息等,利用 5G/V2X 技術實現感知信息共享,從而輔助車輛實現決策和控制等功能。這樣一來增加了感知范圍,降低了感知成本,豐富了感知信息,實現了 5G 與智能交通系統的深度融合。


          青島港案例不僅充分利用了 5G 大帶寬、低時延、高可靠性的特點,還驗證了 5G 在智慧港口的建設應用。通過 5G 無線網絡的連接與控制,實現了作業現場的無人化操作,提升了操作的靈活性和可靠性,節省了 70%的人力資源,改善了工人的作業環境,綜合看來,港口的作業效率顯著提高。5G 與工業互聯網新技術的結合使得港口業務更加的多元化、化和智能化。



          隨著競爭的加劇以及人們對美好生活的向往,家電制造業在面臨較大用工成本壓力的同時,也面臨越來越多的用戶定制化等新需求。家電制造工廠涉及的生產流程較多且監管復雜,亟需通過工廠智能化來提升生產效率并增強行業競爭力。隨著 5G 網絡的部署,可以有力促進工廠的智能化、網絡化、數字化,進而為相關企業帶來更好的技術和產品。


          海爾作為家電制造行業的龍頭企業,其在工廠智能化方面開展了相關探索,并基于 5G 網絡打造了一個 5G 家電制造智能園區,驗證了一批典型應用場景,有效提升了其天津家電制造園區的運營效率。


          • 5G+家電制造案例的解決方案

          海爾天津園區通過 5G 網絡實現的主要應用場景包括:天津 5G 園區智能監控平臺、AR 眼鏡安保、機器人(地面)巡邏、無人機(高空) 巡邏、生產線視覺檢測、智能講解機器人、成品庫無人夾抱車搬運、智能物聯網(井蓋、垃圾桶、路燈照明、煙感、停車)等。


          1. 智能監控平臺:借助 5G 邊緣計算MEC 就近部署了園區智 能監控平臺,實現了針對異構物聯網設備的實時跟蹤檢測、大數據統計分析、告警預警等。

          2. AR 眼鏡安保:通過 5G 的低延遲特性實現了 AR 眼鏡安保, 解決了以往對重要區域內非法進入人員的辨識完全依靠安監人員的“人眼”識別和“人腦”判斷的問題,大大提高了準確性和工作效率。

          3. 機器人(地面)巡邏:通過 5G 大帶寬特性,實現了機器人(地面)巡邏,把園區巡邏的高清視頻回傳到“5G  園區智能監控平臺”查看并分析,提高了巡邏效率減輕了安保人員勞動強度。

          4. 生產線視覺檢測:通過 5G 室內覆蓋,實現了生產線視覺檢測,解決了原來對沖壓鋼板的品質檢查依靠質檢人員完成而易疲勞漏檢的問題。

          5. 成品庫無人夾抱車搬運:借助 5G 網絡,用于成品洗衣機搬運的無人夾抱車可以在不同信號覆蓋區域無縫切換,提高了運行效率和工作區域員工的安全性。


          在海爾天津園區的智能化提升過程中,綜合運用了 5G 的大帶寬、低延時等特性和邊緣計算、無縫切換等技術,有效改善了傳統工廠運營過程中遇到的效率、安全、人工成本等問題,滿足了工廠智慧運營的需求。為未來實現成品庫的全程無人化、智能化奠定了網絡基礎。



          個人認為雖然5G是面向產業互聯網、物聯網的,那是他最大的用途。個人認為:跟消費相關的領域,比如說增強寬帶方面的 裸眼3D、VR、AR,跳出游戲,用在購物,用在教育上,它確實會使教育娛樂化,教育的本質是應該讓大家產生興趣,太多的孩子就是填鴨式的,對要學的東西沒有興趣,有可能去改變教育,特別是通過互動的方式相互學習,這都是5G可能帶來的。 


          5G的真正商用也還有一定的距離,所以我們一方面要看5G本身的成熟時間表,其實另一方面也要關注5G相關設備的成熟時間表,只有這兩者同步都成熟了,這個應用才可能順利地推出。所以,做應用的人真的是不容易,不光要關心自己的應用,還要關心整個產業,其他相關軟件硬件的進展。


          以前虛就是虛,實就是實,現在如果你找到一個場景能夠使得虛實融合,而同時價值大大增加,那恭喜你,你也發現了一個創業機會。


          在虛擬世界里,我們打游戲的時候和任何一個人PK,對方頭頂上都有一系列數字,他的能力值如何,他體力值如何,還剩多少血,他還有什么裝備,等等。


          但是我們在真實世界里,其實我也希望對面這個人有標注,因為人類在進化過程當中,隨著億萬年的進化,我們大腦可以儲存超過上百萬張臉的信息,也就是說即使是我見過上百萬人,我依然能夠清晰地辨認每個人是誰,不會弄混。


          但是文字出現得非常晚,歷史也就不到一萬年,也就意味著人類沒有構建起這個連接,能夠把文字和人臉對應起來。我經常看到一個人,他的臉我非常熟悉,但我就是叫不起他的名字來,我也記不起在哪見過他了。這個不是我的問題,這是進化帶來的問題。


          在虛擬世界里就很簡單,看到對面一個人,直接把他的名字標在他的頭頂?,F實世界如果能和虛擬世界結合,這個問題看似也有了打通的空間。比如說我如果戴上一個增強現實眼鏡,眼鏡里就可以識別對方的人臉,識別完了以后,在我的視線里,在對方臉旁邊就會投影出他的名字來。


          所以這些東西以前看似都是不可實現的東西,今天都可以實現了。我們需要沿著這個脈絡去思考,這些可以實現的能力用在什么地方,能夠帶來最大的利益,因為這就意味著商機。



          當一個世界虛和實結合到一起的時候,它就會格外精彩,如果我在真實世界里都能看到對方人臉各種標注的時候,那對我來說簡直太方便了。這個并不是天方夜譚,現在已經有很多應用通過一個Pad、通過AR應用去掃描周圍的建筑,就會得到這個建筑的一些信息,包括建筑里面餐廳的促銷信息都會顯示在上面。我認為這個Pad形式不夠好,因為你還要舉著它,最好的肯定是眼鏡形式。


          現在國外的AR眼鏡,就是增強現實眼鏡的輕型化趨勢,尤其是眼鏡里的很多部件越來越小型化,比如像人眼做投影的小投影儀已經變得非常非常微小了。也就意味著未來每個人上街都會戴眼鏡,不是因為你是近視眼,而是因為你的眼鏡里可以投射出各種各樣的數據做參考。而這個眼鏡和今天的眼鏡會非常像,一點都不是今天很笨重的虛擬現實眼鏡的樣子,就是一個普通眼鏡的樣子,但是里面會給你提供大量信息。


          比如說我在某條街上開了一個飯館,我就可以把我的飯館數據添加到地圖里來,這樣別人找我這個飯館 方便很多。甚至我還可 把我的促銷數據都添加進去,這樣別人戴上增強現實眼鏡,經過我飯館的時候,就會看到飯館里打折的信息,包括熱門的菜,他就會決定要不要進來吃飯。這個行為并不是一個第三方公司自己來完成的,而是用眾包的方式,人人都做一點事情,整個虛擬世界就格外豐富了。



          AR除了做位置標注,和信息的提供以外,最主要的一個市場還是游戲。因為游戲是人類發展的一個永恒的主題,而且我認為隨著人工智能的發展,隨著我們的生活當中大量可重復的、無聊的勞動都被機器替代了,我們有更多的創造力,也有更多的時間去玩游戲了。當然創造力也會造成游戲會更精彩,所以游戲一定是未來的主旋律,AR游戲也是5G發展當中的一個主旋律。


          AR游戲其實已經出現了,比如之前很著名的Pokeman Go,但是我認為AR游戲還會不斷地重復出現,而且它的一些特質也會延續到5G,什么特質呢?就是所謂的輕游戲,因為它要結合到現實環境當中,如果太重的AR游戲,它的計算量就過于大了。而且因為它和環境結合,它沒有必要這么重,沒有必要構建一個虛擬環境,只需要在真實環境里疊加一些虛擬東西就好了,所以它會傾向于社交性,會出現很多偏"輕游戲"的社交游戲,所以這個Pokeman Go是一個非常好的示范,未來會有大量類似游戲出現。



          ARtoB,增強現實應用。就是對企業客戶服務這樣的應用,而不是toC。因為toC需要更好的表現力,就需要更好的帶寬支持、更好的響應速度,現在還是會有一些瓶頸的。


          個最典型的場景,就是家電的遠程維護。很多城鎮、農村隨著生活水平逐漸變得更富裕,購買了大量的家電。但是家電的維修就變得很困難,如果不出事還好,出事了很貴的設備就只好扔掉,你寄到別的地方再維修,成本也不低。


          未來會出現一類新的職業,叫萬能的維修工。為什么呢?雖然他們其實并不是真的萬能,但是因為他們戴上了AR眼鏡,增強現實眼鏡,他們看到的所有的場景都會遠程地回傳到總部,而總部會真正坐著幾個萬能的維修工,非常專業的維修工遠程發指令告訴你怎么去維修就好了。


          除了遠程維修以外,還有一個很重要的場景就是遠程的協同。所謂遠程協同的意思,比維修還要更進一步,維修是單向的傳遞數據,而協同是雙向傳遞數據。這種遠程協同就有很多的場景,一個是遠程的設計。比如:一輛汽車,它的車廠是在中國,而優秀設計師可能在意大利,以前的遠程協作就很麻煩,如果不在同一個地方,設備又比較復雜的話,遠程協作基本不能實現。


          但是現在隨著人工智能包括增強現實的系統的優化,未來大量的復雜產品都會被數字化,變成三維的,遠程的協同就很容易開展。你會看到越來越多的遠程生產、開發和設計上的協同,會出現在我們周圍。


          當然還有一個大家能夠感受到的更簡單的場景,也就是遠程會議。未來你的手機傳送的視頻清晰度足夠,就意味著未來的通話不是手機對手機,而是雖然是通過手機,但實際上是兩個大屏幕互相之間的通話。


          現在有很多空巢老人,以前覺得非常地孤單,現在只要老人家里的電視和孩子家客廳的電視永遠保持實時連通的狀態,老人就可以不管隔著多遠,實時看到自己的孩子,包括孫子輩在客廳里玩,而且可以實時打招呼,實時互動,這個孤獨感就會減輕。


          遠程醫療,以前因為技術問題,基本是不可實現的。現在看起來為時不遠了,因為至少技術上沒有障礙了。當然了,還有大量的專業開發需要去做。比如說如何遠程地傳遞一張醫學級別的診斷圖象,還是需要去做更多的研究。所以我們說這個領域會出現專門的運營商就是這個原因,但是至少應用離我們已經非常近了。


          所以第一步我們認為是to B的AR,針對一些專業行業領域市場的增強現實應用會先起來。


          游戲的另一個方向就是重游戲,也就是VR游戲。在VR游戲領域里面,輕不是最好的,因為輕就意味著失真,重才是真正的方向。所以我說VR游戲的核心是打破物理世界的限制,也就是說給你一個和現實世界一模一樣非常逼真的世界,讓你以為到了現實世界里,但是因為它是虛擬世界,所以很多現實世界里你不喜歡的東西都不存在了。我們經常會覺得好像現實世界也沒什么不好,那是因為你沒有認真想過虛擬世界有什么好。其實你對比一下虛擬世界和現實世界,凡是虛擬世界里沒有,而現實世界里有的,都是現實世界不夠好的東西。


          我相信未來會有越來越多的人會愿意生活在虛擬世界里,當然,這也會引發一層擔憂。虛擬世界會不會讓我們更加沉迷?我可以跟你保證的是,VR的虛擬世界一定會更沉迷。問題在于沉迷到底有什么壞處。甚至還有另一條,我們的真實世界為什么不向虛擬世界學習,使我們的真實世界更加有趣一點呢?沉迷不就是因為我們更喜歡嗎?所以我認為未來虛擬世界會成為真實世界的樣板和標簽,我們會有各種虛擬世界的探索和嘗試,使人類知道什么樣的真實世界才是更美好的,從而使我們努力把真實世界建設得像虛擬世界一樣美好。


          讓我更著迷的一點,就是虛擬世界里,你看世界的視角都會不一樣。如果進入到一個虛擬現實世界里,我能不能換成蟑螂的視角。比如你是一只蟑郵,你看到周圍都是巨大的桌子椅子這樣的建筑,會不會很有趣呢。


          當然了,我們就不得不提到虛擬現實視角無人機了,因為蟑郵視角給了我們一個極小的視角,但是無人機會給我們一個極其廣闊、極其大的上帝視角。我們稱它為第一人稱視角無人機,叫First Person View,叫FPV第一人稱視角無人機一個很有趣的地方,就是它會給我們帶來很多刺激的體驗。


          未來第一人稱視角無人機會衍生出大量的競技運動、極限運動。它最大的妙處就在于會給你極大程度的刺激,而同時又保證你的安全。未來社會對人的安全性的要求是越來越高的,因為人是這個世界最大的財富。但是同時,我們又希望為了擴展我們的創造力、視野,獲得更大的刺激。所以,凡是能夠給我們帶來更大刺激而同時又保證安全的東西,它未來的市場都是巨大的。



          VR直播在體育比賽當中能夠做到相當于把整個現場虛擬化了,我們不再是在場邊看球,如果你去過比賽場看球就知道,尤其是最后一排看球,連球在哪都看不清楚,球員更是模糊一片,相對來說真的是會喪失很多樂趣。


          但是如果你未來利用虛擬現實設備看球,你甚至可以站到場內看球,而且可以站在任何一個點,向任何一個位置看。想想兩個人正在爭頂頭球的時候,你插到兩個人中間,左看看右看看,看看兩個人誰能爭頂到,這個樂趣肯定不是以前你站在場外能夠享受得到的。


          另一種虛擬現實直播也就是業余的直播,當然業余直播還分成很多的種類,一種就是可以用第一人稱視角無人機做虛擬現實直播,我們看了無人機的畫面、跳樓的畫面都能夠體會。還有一種畫面其實也非常值得去體驗,就是旅游的畫面。如果有一個人用第一人稱視角無人機,駕駛無人機讓我去看各個虛擬場景,我只需要戴上頭盔就能享受到無人機帶來的視角,我相信這個震撼就不光是像行人一樣,因為除了像行人一樣去看周圍的環境以外,你還可以飛到行人到不了的地方,飛到空中反過來去看這些美景,就像《阿凡達》的那些美景一樣,我相信肯定是更漂亮的。5G來的時候,帶寬不再是問題的時候,甚至能夠遠程直播。我都不需要去泰山、黃山,早晨我在家就可以收到實時直播,那這個服務更可以廣泛地覆蓋更多的用戶。未來遠程旅游會是一個非常熱門的業務。



          未來的VR電影更是很值得期待,甚至我們今天都還不能預測出未來的VR電影的形態是什么。因為最大的特點,就是VR電影會從過去的單線程單視角的模式變成未來的360度沉浸式體驗。但是沉浸式體驗會給導演帶來一個巨大的麻煩,也就是說以前這個鏡頭是導演做主,控制得了的,想讓觀眾看哪,觀眾就只好去看哪。如果他實在不看,你就給一個特寫就好了。但是未來是360度環繞,你想讓觀眾看哪,他就是不看,你干著急也沒辦法。


          虛擬現實來了以后,整個故事的敘述方式可能變成多線程的復雜結構,甚至變成不是電影而是游戲,也就是說你是身臨其境參與的,而你走過的路線不同決定了你看到的電影結局都是不同的,那我們不覺得更加有趣嗎?



          除了VR、AR這樣的應用以外,還有很大的一類應用就是環境智能,一直強調能夠接入的設備多了,而且這些設備都更加智能了,設備之間會有大量的互動了,所以環境智能一定會凸顯。環境智能的第一個表現就是人屏互動,越來越多的屏幕會出現在我們的周圍。就像華為公司的智能屏,未來越來越多的屏幕都是智能的,和人能夠實現互動。那么這些互動的屏幕本身會收集你的數據,也會給你提供數據,讓你的體驗更好。


          人屏互動會分成幾個層次進行延展:

          第一個層次就是家庭。我認為華為模式是對的。以電視為核心來構筑整個智能家居是比智能音箱更加合理的一種模式。因為音箱模式利于輸出,發出指令用聲音是最好的,但是不利于輸入,它回復你指令的時候,只能用語音回復,效率是比較低的。如果你用語音去發出指令,而用屏幕給你各種回復的選項是更優的一個方案。


          第二層次是智能的生活環境。生活環境是什么意思呢?未來就會出現所有街邊廣告都是智能屏,不再是紙質的印刷廣告,而智能屏可以監測你的行動。不光可以識別你的人臉,甚至不用識別你的人臉,它可以識別你的動作,每個人的行動其實都有一個動作指紋,因為每個人動作特征都是不一樣的。所以如果攝像頭連續識別人的動作指紋,就能知道一個人連續經過幾個攝像頭,當一個人經過幾個智能屏的時候,他看到的是一個連續的廣告,這樣會對他形成更好的影響,能跟他建立更好的互動。所以,未來這種智能環境也是很有可能會實現的的。


          第三個層次是很多行業性的智能會出現。尤其是在車聯網,大家不要以為車聯網就是要無人駕駛

          有人駕駛的車聯網后,就比人更聰明。比如充電樁,停車位,可能你在酒店門口停下車,車輛就會自動行駛到停車位。

          無人駕駛的車輛首先用的可能會是工程類的,礦山港口車間里用的那種工程類車;后面就是乘用車,坐人的車就比較謹慎了,他要跟社會的公共的體系要融為一體,有法律法規的問題,安全的問題等好多問題。所以很多人在研究最后一公里就是自動泊車。

          初期關注,消費互聯網與物聯網結合點的應用。



          目前抖音發的東西還是有審核、時延、碎片化的,他叫客戶產生內容UGC,他是比較隨意化的,這樣的管控也不容易,所以就帶來很多的社會問題,而且它的粘性粘度也不夠。


          舉例:比如要去看一場球賽,因為主攝像頭是跟球走的,你喜歡梅西就看梅西,他喜歡C羅就看C羅,各看各的。未來,每一個在現場看球的人都可以個性化向外直播,比如2020年東京奧運會,推出一個個性化導播平臺,就可以選擇球賽 選擇明星,然后找一個拍攝角度好的,然后掃碼付費就可以觀看。個性化直播,這它是會沖擊傳統自媒體的玩法的,跟抖音又不一樣了。


          移動通信技術所謂達到5G了,大家做技術研發的時候,技術用這樣的解決方案去實現,已經達到了不是一個數量級的這樣的能力,我們都把這個技術凍結。它技術每天都在發展,到這個時間點凍結的技術就可以稱之為5G,但是不是凍結后它就不發展了,初期5G也就是20倍于4G的速度,但是到未來可能要達到100倍。


          “5G時代也用智能手機嗎”“在智能手機之后人們拿著走的終端是什么”


          對智能手機構成威脅的個人裝置尚未出現,各家智能手機終端廠家仍將發布它們的5G智能手機,智能手機的時代仍將持續。


          不過,近年的智能手機已經難以在外觀上推出差別化的舉措。物理按鈕沒有了,屏幕邊框沒有了,in-camera(在智能手機屏幕的側位,拍攝自己這一面的照相機)的切口也沒有了,比上述這些再洗練的部位已經找不到了。


          雖然說依靠折疊的結構使之大畫面化是容易想到的差別化方法,但即使三層折疊、四層折疊這種結構從技術層面來講能夠實現,但是如果厚度和重量增加的話,就與攜帶終端不相符,即使能做到更加大畫面化,在外出地點也難以打開使用。


          如果說改變外觀已經難以做到,那么就要考慮功能的進化。增加所安裝的照相機的數量、附加寫字筆之類的輸入顯示器、提高音箱的質量、附加新的識別/結賬功能等,各種強化功能的做法都在考慮之中,今后都將得以實現。


          但是,能給消費者帶來驚喜、讓消費者感到心潮起伏、能改變消費者的生活方式,及每天的行為等諸如此類的革新已經非常困難了。無論是從外觀來看還是從功能來看,可以說如今的手機已經非常成熟了。



          從早晨起床到晚上睡覺,生活中所必要的所有功能都集中于手機,而可以從手機那里衍生功能并取得成功的是可佩戴終端。比如,我們現在經常能看到在車站檢票口使用帶有NFC功能的的裝置和在便利店使用蘋果手表結賬。


          無論是世界范圍內還是日本國內,可佩戴終端的大部分都是手表型的。截至2016年前后,可佩戴終端的主流還是面向愛好運動的人記錄運動量的手環式簡約廉價的專用終端,但2017年以后以蘋果手表(Apple Watch)為代表的具有多種功能的手表型終端成為主流。


          可佩戴終端本來就是小型的,顯示器也是小型的,能夠組裝的零部件也很有限。為此,廉價的專用終端成為主流。但是,以蘋果為首的終端廠商依靠其強大的硬件開發能力,以及即使是小畫面也不失操控性的巧妙的UI設計能力,手表型的多用途終端占據了優勢地位。


          根據IDC所做的2018年第四季度的可佩戴終端出廠數量的調查結果,蘋果占有超過六成的壓倒性市場份額。蘋果手表與其他蘋果產品在識別方面的聯手(如果佩戴蘋果手表就可以自動登錄由該公司開發生產的個人電腦)、連接4G(即使蘋果手表自身也可以在任何地方通信),以及結賬功能(用蘋果手表自身即可結賬及在自動檢票口剪票)等方面,不斷追加新的功能。同時,這些功能都可以輕松利用,處理速度等基本性能也在不斷提高。相對于專用終端,其多用途終端的優勢不斷得到鞏固,已經部分代替了手機的功能。而且,蘋果讓其手表具有了超越手機替代品的意義,那就是保健功能。


          蘋果手表具有光學式心率傳感這一讀取心率數值的功能,可以設定其在心率達到一定程度以上時發出提醒。還具有監測佩戴者摔倒并及時發出通知的功能。通過這些功能,蘋果手表已經挽救了許多人的性命。而且,蘋果手表的系列還安裝了心電傳感功能。這是能夠讀取心電圖數據的功能。不過,在日本這一功能必須取得作為醫療儀器的認證,因此它目前還不能被利用。


          監測摔倒這些功能即使是手機也有可能做到,但是心率及心電圖的常態化監控,如果不是經常接觸肌膚的可佩戴終端則不可能做到。所以說,蘋果手表絕對不單純是代替手機的手表型終端,它還在向具有保健功能的醫療儀器的方向發展。


          既然蘋果手表不是手機的替代品,手機用戶也有理由佩戴蘋果手表。從現狀來看,蘋果手表的啟動及應用軟件的利用還需要依靠iPhone。但是,蘋果手表自身也可安裝應用軟件,將來只靠蘋果手表就可以生活的狀態也可以實現。在這里以蘋果手表為例,要說明的是,目前正在普及的面向消費者的終端中,可佩戴終端處于最有發展前景的地位。


          要想讓可佩戴終端普及,那么它就不能只是手機的替代品,還應該具有與可佩戴終端名稱相符的價值,比如像上文所講的保健功能。要想實現傳送心率和心電圖并且在萬一的情況下發出通知的功能,就對通信提出了既要有可靠性又要具備實時性的要求。而且,為了實現這些保健功能所要傳送的數據容量并不大,因此就需要高可靠、小容量那種類型的通信。


          把可佩戴終端用于日常生活通信,不一定限于具備滿足高可靠、小容量這一條件,還有可能利用5G通過網絡切片技術,把用于保健功能的通信與用于日常生活的通信區分開來,通過收取不同的通信費來提供。


          回顧過去的10年中,日本曾經提出“普遍存在”(ubiquitous)這一網絡愿景。日本總務省把普遍存在的網絡社會定義為“無論何時、何地、何事、何人都可以上網的社會”。在智能手機和IoT正在普及的今天,看起來這一切是理所當然的。但是,對比在還沒有iPhone、功能手機還占有主流地位、上網需要利用個人電腦的當時,如今的智能手機和IoT是既先進又能夠引發人們共鳴的愿景。作為相關領域的人們朝著實現這一愿景努力邁進后,才有了今天的形勢。



          未來十年在技術的意義上仍然讓我們非常好奇,所有的行業在今天都會發生全新的變化。


          第一,心態。要有心態上的改變。我們要思考如何提前了解5G的影響,必須要提前做好規劃。因為原來雷軍講過,臺風來了豬都會飛。一定要在臺風來之前做好所有的準備和規劃,在心態上一定要活在未來。因為5G的未來并不遙遠了,巨大的機會也就是2-4年期間,現在已經可以開始動手了。


          第二,策略。任何業務都有機會利用5G提升自己,所以必須要深入理解5G帶來的價值,然后掌握如何讓5G為自己賦能的能力。也就是說要懂5G,而且能夠用好5G。技術是一堆人發明的,設備是一堆企業提供的,但是真正利用5G做出自己的精彩,是那些應用服務的設計者,可能就是正在聽這個講座的你。我希望你在5G時代,能夠打出基于5G的閃電戰。


          第三,行動。你聽了再多的講座,再熱血沸騰,如果沒有行動,一切都不會發生。5G是個復雜生態,如何掌握好5G業務實施的節奏,如何及早地投身5G,而且建立好足夠多的聯系,這樣當你行動的時候,能夠行之有效,能夠使你的策略真正得以實施, 你才能夠把握成功。


          最后,祝你在5G時代真正能夠成功,掌握你在5G時代的輝煌。



          2020 B端設計的趨勢與挑戰

          ui設計分享達人

          前言:


          B端行業在近兩年來,由于其有穩定的變現來源,在互聯網下半場的行業當中,一直受到追捧,

          它的興起,也造就了B端設計師的需求火熱,而互聯網的新聞也證實了這一點:

           

          騰訊:騰訊云、智慧零售、企業微信等著重發力

           

          阿里:阿里云、釘釘、阿里媽媽等產品也處于B端前列

           

          今日頭條:飛書、people、等內部B端系統,著重向國外市場發力

           

          傳統的B端行業大佬在這一年也頻頻發力:有贊、金蝶、用友...都發布了不同的領域的產品

           

          而現在,對于B端設計師有哪些分類呢?同時對于一些想轉型成為B端設計師都有什么要求呢?

           

          我們先看看現在市場上對于B端設計師的需求:


           

          從招聘需求上可以看出,這類B端設計主要是針對一些B端后臺頁面進行體驗設計,更多會從交互層面上進行思考,這也是B端設計的一大類:我稱其為B端業務設計

           

          除了業務層設計之外,還活躍著另一類B端設計:數據設計師

           

           

          這類設計對數據的需求大,他們會對B端類的展示數據進行設計,因此我們將它稱為B端數據設計

           

          現在如果你是一個準備求職的設計師,相信你多多少少對于B端產品都會有所了解,因此我們來看看B端設計,目前是一個怎樣的發展~


          一、B端業務設計趨勢


          我們自身對其定義是牽涉到B端業務層設計,主要有管理頁面、B端移動終端、各種移動設備等。我就來聊聊我觀察到現在B端設計的行業現狀以及設計要求

           

          1.1多端設計需求巨大


          B端從來不乏多端設備的出現,因此對于設計師而言也會有所考驗

          它和傳統的app設計、網頁設計不同,在日常的場景當中,B端的設備往往不止于此

           

          比如在餐館經??吹降狞c餐系統,這些設備的出現,更加考驗的不僅僅是設計師對于視覺的設計能力,更加需要B端設計師對于整個產品業務的理解、切身體會使用者的效率,這也是B端設計師的門檻之一

           

          我們再仔細拆分,在一套點餐系統當中要考慮的因素:用戶操作的距離,是有只允許店主操作還是顧客也能自主選擇,使用者的年齡、使用者選擇所花費的時間、選擇的所需時間等待,都是需要設計師進行全盤考慮的。

          所設計的東西,不僅要好看,同時還要滿足多種用戶對于終端的需求

          因此B端產品的多端設計,是一個重要的考驗。


          1.2設計中臺


          設計中臺這個概念已經炒了有兩三年了,但對于一些大公司團隊而言,在一定程度上確實能夠給用戶帶來設計效率上的提升。但是對于一些中小團隊來說,就要考慮到的更多是組件化的思維,而并非大而全的設計中臺

          說到組件化設計,必須要提的就是原子設計

           

          原子設計是一種設計系統的思維方式,他可以幫助我們如何將產品的元素整合到整個系統當中



          原子設計就是將一些設計元素拆解成極小的設計單位,可以是一種字體、一個圖標、一個矩形,然后將原子組合成零件、制作成模塊、搭建成模版、最后形成頁面


          讓自身的組件能夠有所自定義,從而使用到組件能夠適應于工作的大多數場景,原子設計要分開仔細講,可能需要幾篇文章,因此就不展開,大家感興趣之后會寫文章講到

           

          對于組件化,每個公司對其需求各不相同,但如果是一款WEB端的產品,那對于組件的需求將會十分巨大。因為不使用組件,面對關系復雜、頁面層級繁多、交互狀態多樣的情況下,你很難做到每一個頁面都能夠統一,因此小到組件化,大到設計中臺,是B端設計師必備技能

           

          1.3行業更加細分


          B端設計,行業細節也會更加明顯

          比如之前做過IM系統的設計師,面對聊天,通訊錄、組織架構等一系列模塊已經爛熟于心,但是在嘗試CRM系統中,一套新的業務邏輯,考驗的將是設計師對于業務快速理解的能力。

           

          比如在醫美系統當中,重點頁面你需要把握在檔案模塊以及客戶詳情,因為,每一個客戶對于醫美師來說,都需要一系列的建檔操作,必須關注細節,很多B端設計的細節,往往決定著使用效率,要給出用戶很多使用的路徑,才能讓讓軟件做到好用


          二、數據設計的趨勢


          由于B端設計的興起,產業互聯網的轉型,而作為產業互聯網轉型的展示性成果,一塊數據可視化大屏自然缺少不了。而B端行業各種實業種類繁多,雖然現如今有很多可視化大廠,總結了許多不同行業的模版,但模版終究是模版,要真正解決問題,不得已的去定制一些自己的數據可視化大屏。

           

          例如:雙11大家看到的數據可視化,便是由阿里數據可視化團隊定制而成的大屏


          通過百度/谷歌關鍵詞查看,大家也能窺探一二,近幾年對于數據可視化熱度依舊不減,行業也逐漸成熟

           


                       

          從數據上也能夠看到,對于數據可視化的熱度也在持續增長,也進一步說明數據可視化未來是被人看好的。而我就來給大家說說數據可視化只為有哪些,需要具備什么能力呢?


           

          2.1 數據設計師

          這類職業對于設計師而言要求自身對數據有著很強的敏感性

          而數據設計師不單單只是對現有數據進行簡單的繪制,要能夠理解數據其背后的含義,在什么時候,運用什么數據圖形,使用什么圖形對于業務的表達更為合理,同時也要對數據進行一定的整理與清洗工作,要從數據中提取出顧客想要的數據

          比如國外最出名的便是拿破侖行軍圖,便是一張經典的數據可視化



          現在數據設計師更多是UX設計轉型成為,因為他們能夠兼顧藝術表達和數據創作兩種不同的思路,更能夠滿足這類職業的訴求

          國內對于數據設計師更多的落地是運用在制作一些數據大屏設計模版,比如公司在之前的數據設計當中,已經有一些產出和可以復用的組件,需要有數據設計師對這些組建根據業務的不同,進行不同的組合。

          這里呢,給大家推薦基本數據可視化比較好的書籍:

          《數據之美》

           

          2.2數據可視化設計


          這類設計師更偏向視覺設計,通常是企業定制的設計需求,有很多ToG、ToB項目都是需要為企業定制需求,很多視覺設計師開始轉型從事這個行業。對于這類設計師而言,經常處理的是如何讓畫面看起來更加炫酷,比如如何增加一些偽3D的效果,有一些動態光暈的實現效果

          因此,你需要熟悉一些視覺基礎軟件:PS、AI、Sketch、AE,同時對于企業來說,他們想要一些動態的東西,比如簡單的動態背景,等等。而這類數據可視化的載體通常為網頁居多,也造就了很多動態效果通過CSS進行實現,因此想做到這類需要有較好視覺功底,能夠處理數據展示層面的各種問題

           

          2.3 3D可視化盛行


          這個在我之前文章其實有所講解,對行業現階段而言,各大公司從事的人也是越來越多。他們對于自身的要求會更明確,首先3D數據可視化相對于其他兩個門檻要更高。她要求設計師能夠獨立產出3D視覺效果,比如一些樓宇項目,需要有對樓宇的整個剖析,或者是智慧城市項目中,能夠先通過設計師C4D+AE實現出很好的效果,然后再對這些效果進行游戲引擎的還原,從而實現可視化的落地。因此你需要對C4D、AE兩款軟件比較熟練的同時,對數據展示也有自身的心得體會

           

           

          3D數據可視化知名產品:

          http://launchit.shanemielke.com/

           


          我總結國內外很多大廠制作可視化的利器,分享給大家:

          阿里云:DataV

          騰訊云:騰訊云圖

          京東云:數據大屏

          百度云:數據可視化sugar

           

          數據可視化展示相關:

          GrowingIO:專注數據埋點 可以參考設計形式

          神策數據:也是數據埋點 可以參考設計形式

           

          數據神器:

          Tableau:功能最全的數據神器

          轉自:站酷-

          汽車行業的UX啟發-車載HMI的經驗法則

          ui設計分享達人




          在網上找UX汽車相關的材料和文章是相當困難的。(學習君說:表示相當贊同:( )盡管有關移動和臺式設備UX的信息太多,但要獲得關于HMI(人機交互)原理的見識似乎要困難得多。為什么?


          我的回答是,與為手持設備和計算機進行設計相比,這可能是一門利基學科,再加上汽車屏幕出現的時間不長。當然,車輛上的用戶體驗不僅僅是屏幕,只有旋鈕和物理按鈕時已經是用戶體驗了,但是在這種知識上也沒有太多分享。



          沒有標準


          但是,主要原因可能是缺乏標準化。如果您現在看一下市場,您會發現有太多不同的方法和解決方案(滿足相同的需求),很難提出一套共享的規則。屏幕可以是橫向或縱向屏幕,可以是直角或傾斜角度,可以是一個或2個或3個或更多,超寬或更大的正方形,儀表板上的高度或膝蓋以下的高度,等等。與這種混亂相比,我們在手機上擁有的屏幕尺寸數量似乎是在開玩笑。



          嚴格測試


          另一個原因是所有車載系統都需要非常全面的測試。用戶在可能致命的情況下與這些對象進行交互。因此,測試必須絕對優先。搞砸移動應用程序上的按鈕的位置或大小可能會帶來麻煩,但在汽車操作系統上這樣做(我不是說“信息娛樂”,因為在這一點上,它是一個簡化的術語)會造成生命損失。上面提到的缺乏標準化使得很難將先前測試的結果用于其他系統并在其他系統上重用。


          但盡管如此,仍然存在一個人為因素組件,它使我們可以定義一組經驗法則(或啟發法)。這并不意味著他們可以跳過測試,但這是對所有對這個不斷發展的行業感到好奇的UX設計人員(包括UI人員)的一些通用原則。



          1.首選暗模式


          各種研究表明,黑暗的UI在汽車環境中是最安全的選擇。深色界面可減少干擾和眩光,但是,存在一個組件,從暗模式切換為亮模式可能有助于提高可讀性,這就是導航圖。在幾乎所有導航系統中,地圖都會自動從暗切換為亮,反之亦然。



          Android Auto 



          2.短文本,無段落


          文字應略讀,因此所有的號召性用語,菜單和所有文字通常都應保持最少。除非是在不運動的情況下閱讀的文本,否則任何文本都不應排在兩行或更多行上。



          3.最小字體


          眼睛到中央顯示器的平均距離約為60厘米/ 24英寸。該數字只是根據市場上最常見的配置進行的平均測量,但是同樣,由于沒有適當的標準,因此該距離可能會有很大差異。


          假定此措施為有效基準,則在運動情況下字體的最小尺寸為5.3 / 6毫米(不同的研究表明最佳做法略有不同)??紤]到1mm為6.299 dp(@ 160dpi),則文本應為34/38像素高,用于應該在行駛時讀取的文本。



          4.減少號召性用語


          應該只有一個主要動作,而第二個動作則盡可能少。同樣,我們希望用戶快速瀏覽并一眼就能找到所需的內容。


          (美國)美國國家公路交通安全管理局(NHTSA)指南指出,駕駛員應該能夠在1.5秒的一系列掃視中完成一項任務,并且花在離開道路上的累積時間不超過12秒。



          Apple CarPlay — phone call: 1 primary CTA 




          5.導航,媒體和通話是主要功能


          自從誕生以來,車載操作系統已超越了信息娛樂功能。通過鏡像智能手機甚至系統內部的鏡像,我們可以訪問多種功能,例如消息傳遞,日歷和提醒,流視頻等等。但是,用戶在使用這些系統時要尋找的主要功能是3:


          • 音樂/播客/有聲讀物

          • 導航

          • 撥打/接聽電話


          這三個主要功能在駕駛時應該比其他功能更醒目且易于使用。



          6.文字上方的圖標,但必須明顯


          圖標優于文本標簽,但圖標的含義必須絕對清楚,不能解釋誤解。圖標標簽的字體大小可以小于第3點指示的最小字體大小。




          Porsche Panamera UI 




          7.高對比度


          駕駛情況下的理想對比度至少應為7:1,因此絕大多數系統都將白色(或淺灰色)變成黑色(或深灰色)。

          對于行駛中未使用/讀取的組件,最小值應為4.5:1。



          8.首選手勢


          旋鈕和物理按鈕的性能仍然優于GUI組件,這是由于其具有肌肉內存映射功能,觸摸屏上的可視元素要求駕駛員每次查看屏幕。但是,數字接口的靈活性毋庸置疑,世界正在朝這個方向發展。盡管大多數(如果不是全部)現代觸摸屏都支持各種類型的交互,例如您的常規平板電腦,但由于易于執行,因此它們是首選的:


          • 單點

          • 向左/向右/向上/向下滑動

          • 滾動(帶有捕捉)


          應避免使用其他更復雜的手勢,例如觸摸和按住,雙擊,捏合,多點觸摸手勢,或者在非運動情況下使用。

          關于滾動的注意事項:在列表或卡片上自由滾動不是理想的選擇。垂直和水平滾動動作均應具有捕捉效果,以始終將滾動項鎖定在同一位置



          Scroll with snapping on the left, free on the right 



          非接觸手勢是許多OEM嘗試的新事物。目前,這項技術似乎還遠遠不夠完美,但是除此之外,在這種情況下使用的手勢通常并沒有真正令人難忘和自然。



          9.語音不一定是所有互動的解決方案


          雖然語音控制似乎是理想的選擇,但根據研究,在某些情況下,精神工作量可能會超出預期。在VUI并不是真正的“對話式”的較早系統上,情況更是如此,諸如Google Assistant或Siri之類的現代助手對信息較長的字符串的理解程度更高,從而減少了用語表達命令的精力。


          但是,我們應該考慮不能選擇說話的情況,例如,當嬰兒在后座上睡覺或某人有言語障礙時,并提供一種安全,可視/觸覺的方式來執行所有動作。



          10.考慮屏幕的可達性和可讀性


          與移動設備甚至與帶有臺式計算機和椅子的辦公室設置不同,在汽車中,座椅相對于屏幕呈固定角度,屏幕也固定在適當的位置。因此,必須考慮屏幕的可達性及其可讀性。考慮到左側的駕駛員,屏幕右側的元素將導致可讀性和可訪問性降低(當然,在方向盤位于右側的汽車中會發生相反的情況)。





          11.使用明確的能力


          避免使用重影按鈕,輔助功能應非常清晰可見。主要行動和次要行動均應清晰可辨



          Tesla Model 3 UI 



          12.安全性和可用性在美觀性之前


          當然,這也不意味著丑陋(不幸的是,那里有一些丑陋的車載體驗)。但是,在為車載屏幕設計時,您必須考慮告別微妙的色調,細膩的對比度,筆觸細膩的圖標,淺色字體,細小的文字……


          極簡主義受到歡迎,但它是由更少的可見組件組成的極簡主義。




          正如本文開頭所述,這些原則只是經驗法則,不能以任何方式跳過嚴格的測試。但是,如果您是第一次使用智能手機和計算機的UX來接觸汽車的HMI,那么這可能是您開始著手涉足這一復雜學科的起點。


          轉自:站酷-NickM 

          新擬物化會是2020年的UI設計趨勢嗎?

          資深UI設計者

          我承認,為「這個激動人心的新趨勢」共同命名(注:Neumorphism 新擬物化,即 New 和 Skeumorphism 的結合詞,最初由作者 Michal Malewicz 另一篇文章《Neumorphism in user interface》的一位讀者提出)是件很有趣的事。但我沒想到它能被炒得這么火熱。

          很多博客和 twitter 文聲稱它是「2020 年最值得期待的設計手法」。趁著它還沒膨脹,讓我先把這個幻想的泡泡戳破吧。

          △ 以#neumorphism為主題的設計作品逐漸萌芽,但是大部分「淺色」設計看起來都相差無幾

          論成為一個流行設計風格,Neumorphism 并不夠多樣化,尤其對于現實中需要寫代碼的產品。

          當然你可以將它使用在 Dark Mode 深色模式中,同時你可以選擇同一種類白色的背景顏色,我們可以依此設計出六種風格,不過他們的區別甚微。

          別用在按鈕上

          當前新擬物化設計被過度使用到各類元素中,例如卡片和按鈕,但他們大多都違背了我在另一篇文章《Neumorphism in user interface》中略述的設計規則。雖然我也認同它將按鈕的選中狀態呈現得很美觀,但是對很多人而言,不同按鈕狀態間的微妙差別讓人難以分辨。

          此處的「很多人」并不只是指患有視力障礙的群體,同時也包括使用設備的屏幕質量較差或對比度較低的用戶。

          按鈕可能是使用新擬物化風格典型雙側陰影最糟糕的地方,尤其是在呈現按鈕的選中狀態時。很多人分辨不出不同狀態的差別,其相似程度就像圖中右邊那樣。

          下圖將新擬物化、擬物化及扁平化風格的按鈕進行對比,我們可以明顯地看出,新擬物化風格的按鈕看起來既不像按鈕,也沒有達到引導操作的作用。

          △ 你會點選哪個呢?

          用在卡片上如何?

          卡片和滑動條可能是這項趨勢的最佳使用場景。但是需要注意的是,卡片的結構需要處理恰當。需要確保圖片、圖標和字體間的層級清晰,間距足夠明顯。測試卡片設計的最好方式就是將新擬物化風格的背景去掉,優秀的設計在去除背景后視覺上也沒問題(尤其是在其他卡片并排在一起的時候)。

          △ 要將新擬物化風格的卡片呈現得好,需要確保即使將元素用框架呈現并去掉背景,它們也可被視為同一組

          簡而言之,可以從界面中移除而不造成影響的卡片設計就是好的設計。這建議聽起來很不錯吧?尤其是當我們考慮到 Dieter Rams (德國著名工業設計師迪特·拉姆斯,提出「設計十誡」的那位)所提出的移除「不必要」的設計理念。

          但是它真的很新穎

          還記得 Pantone2019 年的年度色嗎?讓我來為你回顧一下這項在 2019 年 1 月提出的「2019 設計新趨勢」。

          盡管最初我們可以看到很多應用這種「鮮亮的珊瑚色」的設計案例,但其中的大多數在 2019 年 2 月初時看起來就像要過時了。

          在我看來,等到我們把所有可行的新擬物化設計組合都發掘得差不多了,我們就可能會選擇第一版了。

          2020年設計方向會有哪些?

          并不是說新擬物化設計就此湮沒了。

          只是說,僅僅是用這種風格,不足以讓整個產品成功。確實,最初采用這種風格的幾款產品可能會獲得成功,但是一段時間后,它將會比 Material 設計更令人厭倦。

          將新擬物化設計和其他風格各取特點,加以結合,勢必會成為 2020 年及今后的趨勢走向。

          想要兼顧產品的美觀度和功能性就意味著,在兩個方面都不要做得太極端。即使是當前流行的柔和彩色陰影也僅僅在按鈕或圖標上才行得通。想象一下,把它用在整個產品上會有多不適?

          下面作者探討了六種將新擬物化風格和其他風格相結合的設計方向。

          1. 深色模式

          不管我們接受與否,深色模式一定會是大勢所趨。不過它不局限于我們隨處可見的采用低飽和度灰藍色的深色模式。

          自從 OLED 屏幕的推出,純黑色低耗能的特性就很顯著了。所以如果采用深色模式的目的在于節約電量,我們應當會開始看到更多極簡,注重功能性的界面以黑色作為主色,而非深灰。

          采取深色模式的另一個主要原因在于緩解視覺壓力。在這種情況下,柔和的深色模式必然美觀得多。

          △ 許多應用的界面都采用了淺色和深色的雙模式設計

          2. 插圖和3D

          我們勢必需要更多樣的插圖設計。作為當前最流行的風格,略不成比例的身體結構和松散的線條已然隨處可見。但這很快就會造成審美疲勞。

          △ 這些插圖看起來都不錯,但是過于相似

          然而插圖其實是突出畫面最好的方式之一,前提是我們要嘗試多種方案以免同質化。

          3D 反而更容易設計出不同的風格。不過它也難做得多,需要下更多工夫。這也就說明,如果將時間投入到制作 3D 渲染上,我們更容易做出高質量、符合品牌調性的作品。

          △ 品牌風格圖的優秀案例 Pitch.com

          3. 動畫

          過渡和場景搭建會在今年更受重視。它的催化劑之一是很多令人激動人心的 JS 庫的推出,它們極大程度上方便了復雜 2D 和 3D 過渡效果的制作。

          是的,現在可以更輕松地用代碼寫出「很酷的東西」了,但建議不要過度使用。

          我們要將這種扁平化設計用在平面上,再讓其旋轉起來,就像在游戲菲斯中(注:FEZ 菲斯,以復古的像素畫為風格,結合了 2D 橫向卷軸和 3D 效果,詳情可自行百度)。

          4. 等軸設計

          在 2019 年,我在搭建我們的加密貨幣分析平臺期間,花了些時間分析超過 2000 個和加密有關的網站的設計,并逐一對其設計質量、原創性和一致性進行評分。

          △ 這個設計真的很漂亮,但同時相似的圖片到處都是,真的很無趣

          很觸動我的一點是在近乎 1/4 的網站中都具有某種等軸測的圖片。他們都采用不同卻似曾相識的風格,以至于一段時間后我竟然不確定他們是不是出自同一個免費庫。

          這種風格可以被呈現得很棒,但是如果你僅僅打算將流行設計照搬到自己的設計中,我勸你還是放棄這個念頭吧。它已經成了 2019 年最被濫用的設計之一(僅次于彩色陰影之后)。

          5. 能充實內心的極簡主義設計

          這種趨勢初露苗頭,也許只會停留在一個小群體中。今年我和周圍的許多人一樣陷入了電子產品戒癮的怪圈,使用了一些設計更極簡化的產品。

          左:Mudita Pure,右:Light Phone 2。兩個產品我均有購入,目前正在使用 Light Phone2,設計非常清新。

          許多產品諸如 Mudita Pure 和 Light Phone 2 傳達出簡潔、黑白、極端簡化的界面。如果我們將使用的 app 看做是一定要滿足某種功能的工具,極簡的界面設計就有一定意義了。當然不是所有的 app 都可以用這種風格(想象一下純文字的 Instagram)。

          6. 語音界面

          我在今年參加的一場論壇上,聽到過這樣一句話:不要再學習 UI 了。在不久的將來我們大多會使用聲音識別與設備對話。

          雖然這有些未來主義,并且在某些場景中適用(例如駕駛和運動中)。但是我認為有兩個原因導致語音界面至少在目前還不足以居于主導地位。

          • 人工智能存在的嚴重隱私問題,并且可能會造成驚悚事件。不久之前 Alexa 向它的用戶提出自殺建議,原因是這是阻止全球變暖、保護地球的最好方式。雖然這在邏輯上也許說得通,但是這絕對成為了一則標題黨性質的頭條。它讓人們不禁思考,智能音箱多么令人厭惡,它竊聽著我們的一字一句,秘密地搭建著下一代天網。
          • 在很多情況下,對著手機說話(尤其是在公共場合)真的很奇怪。幾次快速的點擊既保證私密性又快速。所以直到我們發展出腦機接口技術(使得人能夠通過自身的腦電信號與他們周圍環境進行交互),在公交車上對著手機說話來發出一條消息不會成為主流的互動方式。

          所以會流行什么呢?

          此處唯一的正確答案是,我也不知道??赡芪业呐袛嗍д`,未來我們會有很多突出的軟塑料風格(新擬物化設計的特點之一),或者我們的手機屏幕會采用擠壓玻璃以呈現更逼真的設計。

          △ 將如上探討的所有風格進行疊加的嘗試

          但是很可能發生的事情是,沒有單一風格會成為今年的主導。

          最優秀的設計一如既往會恰當地結合當下趨勢并采用優秀的字體風格。你可以在卡片上采取不同風格的陰影,但如果其中的文字呈現得雜亂而古怪,任何流行風格都不會讓設計看起來美觀。

          可讀即美觀。在 2020 年記住這句話!


          文章來源:優設   作者:彩云譯設計

          vue相關配置

          前端達人

          VeeValidator

          語言設置

          校驗消息默認是英文的,定義中文或其他語言的錯誤提示消息

          
          
          1. import VeeValidate from 'vee-validate';
          2. import Vue from 'vue'
          3. Vue.use(VeeValidate)
          4. var dict = {
          5. zh_CN: {
          6. messages: {
          7. required: function(field){
          8. return field + '不能為空!';
          9. },
          10. between: function(field){
          11. return field + '輸入不符合設定規則!';
          12. },
          13. min : function (field,leng) {
          14. return field + '長度不能小于'+leng+'位';
          15. }
          16. }
          17. }
          18. };
          19. VeeValidate.Validator.localize('zh_CN', dict.zh_CN);

          校驗的時候需要設置語言

          this.$validator.localize('zh_CN');

          錯誤消息顯示

          顯示指定字段的第一個錯誤

          this.$validator.first('fieldname')

          顯示所有字段的第一個錯誤消息

          this.$validator.errors.all()

          Mock.js

          配置

          路由攔截配置不需要修改之前的代碼,匹配的url請求會直接通過mock而不是請求服務器

          
          
          1. const handler = req => {
          2. return {mock數據};
          3. }
          4. Mock.mock('url攔截規則,正則表達式',handler)

          配置延遲時間

          模擬服務器請求的異步特性

          
          
          1. Mock.setup({
          2. timeout:1000
          3. })

          Vuex

          模塊化

          多人協作,或者中大型的項目需要把store分為模塊

          
          
          1. const a = {
          2. state : {foo:1},
          3. mutations : {hello(state)=> {}},
          4. modules : {
          5. ...嵌套
          6. }
          7. }
          8. const b = {}
          9. const store = {
          10. state : {},
          11. mutations : {},
          12. actions : {},
          13. modules : {
          14. module_name_a:a,
          15. module_name_b:b
          16. }
          17. }

          在調用的時候,state 有命名空間的,而mutation和actions都與父模塊共用同樣的命名空間所以不能定義與父模塊同名的mutation 或 action

          獲取模塊的state

           this.$store.state.module_name_a.foo

          調用模塊的mutation

          this.$store.commit('hello')

          namespace

          定義了namespace ,mutations 和 action 會帶上模塊的命名: module_name/muation

          
          
          1. const store = {
          2. modules : {
          3. namespace : true,
          4. a: {
          5. muations : {
          6. test(state) => {...}
          7. }
          8. }
          9. }
          10. }

          這時候調模塊內的mutation

          this.$store.commit('a/test')

          vuejs-datepicker

          日期選擇控件

          設置默認值

           <datepicker v-model="mydate" </datepicker> 

          日期格式化

          <datepicker :format="'yyyy-MM-dd'"> </datepicker> 

          語言選擇(默認是英文)

          導入語言資源文件,然后再設置:language

          設置成中文

          
          

          2020年UI界面設計趨勢

          ui設計分享達人

          明年的設計方向是如何,本文分析2020年UI界面設計7大設計趨勢,旨在能夠幫助大家提前了解明年設計方向,提前做好設計儲備。





          2019年接近尾聲,最近一直在研究數字設計領域的未來趨勢。從各大設計網站上觀察到一些最受喜愛的作品,從中研究發現未來的界面設計趨勢,包括今年一些受歡迎的設計系統,從中提取一些未來可能的設計風格走向。之前看過我文章的伙伴知道,我之前寫過一篇圖標趨勢的文章,里面就是探索明年趨勢走向。那么對于界面,同樣的我們需要提前掌握大致設計風格走向,為自家產品改版做一些設計儲備。





          黑夜模式

          -

          黑夜模式無疑是今年比較熱的一個設計方向,為什么這么說?首先是Google材料設計語言更新了,增加暗夜模式。同時今年Q3季度蘋果發布IOS13設計語言系統,里面增加暗夜模式。不用說后續很多APP應用都會跟隨兩大廠商更新這個黑夜模式設計方向。無疑2020年這個將會持續。黑夜模式出現為減少用戶眼睛疲勞,提升產品使用體驗。

          Materials Design


          IOS 13 Dark  


          IOS 13 Dark  (宣傳視頻,由于視頻上傳麻煩,因此截圖)


          MEDIUM


          INSTAGRAM






          留白設計

          -

          今年下半年觀察到Facebook旗下的Messenger應用和前段時間雅虎更新他們家品牌語言的同時,也重新設計他們家所有產品。我們可以看到如下應用截圖,基本去分割線,通過留白區分層級。這樣的好處可以減少分割線對內容的干擾,界面呼吸感增強,達到簡約設計的目的。


          Messenger 和 Yahoo



          McDonald`s



          PINTEREST 和 VSCO




          蘋果風格設計

          -

          蘋果風一直盛行至今天,包括大圓角卡片設計、大標題、粗字體。蘋果今年剛剛更新的IOS13設計語言同樣的是增強了卡片設計。這種風格將會在2020年繼續盛行,因此作為設計師我們更應該提前去對這種趨勢熟練掌握。卡片設計作為承載內容的容器,其實更適用今天移動互聯網的大方向,因為卡片可以作為一個容器封裝復雜的內容,使得模塊層級區分明顯,適配性也是更強,更聚焦,來看下具體案例。


          PINTEREST 和 APPSTORE


          Pinterest是今年9月份左右剛更新的設計,圓角卡片大范圍的運用。



          BEHANCE 和 MEDIUM


          Medium對重點欄目在今年更新設計時候啟用了卡片。






          品牌穿透

          -

          為什么要說品牌穿透?Google 在系統設計語言里面增加圖形特征模塊,是什么?就是通過連接品牌元素到產品設計中。到今天很多應用已經開始熟練掌握這種設計思路了,比如運用到圖標里面或者界面設計中。蘋果雖然沒有很明確公開說明,但是我們可以從蘋果家族設計語言可以看出,包括線下體驗店、手機硬件、包裝盒以及各種各種物料設計,都是一種白色語言設計風格。通過顏色與圖形特征做品牌區分,蘋果算是目前做的最好的,史無前例。那么這種趨勢在2020將會一直保持。



          APPle體系產品與LOGO相粘性強,具有超強的記憶點



          Google家族品牌穿透(由于視頻原因,此部分截圖)


          IBM設計跟隨LOGO有一致基因







          網格化布局

          -

          網格化是一切設計系統的基礎,Materials Design,Apple Design,IBM Design,Naver Design,等等這幾家在設計語言基礎上對網格研究與應用算是比較成熟的,Naver方形網格,Google的8px網格,IBM 2PX網格,蘋果其實沒有很強調他們家網格系數,其實我們可以細看他們已經提到8px Grid 。因此網格化在2020將是非常重要的。

          IBM 2PX網格語言






          微動效

          -

          5G時代已經到來,加上目前硬件升級,動效的普及已經不再是難題。我們可以慢慢發現目前很多產品設計里面都開始加入動效,來提升產品體驗,同時動效也有很強的指導性質。在某些場景下,使用動效能夠很好與用戶進行互動交流,因此在2020年動效的使用將會越來越多。


          Google Tab Motion


          E Google01



          G 圖標動畫


          washing-app-ui


          細節動畫





          3D動畫

          -

          隨著硬件升級,5G時代開始大面積推廣與普及,在應用程序里面使用3D動畫來展示產品是一個很不錯的選擇,3D更加貼近真實環境,貼近我們真實物理世界。


          3D展示商品


          3D登錄頁


          3D Product Swipe






          總結

          -

          今天分析了2020年流行的7大設計趨勢,這些設計趨勢也是伴隨著外在關系一起存在的。比如5G來了,那么自然視頻領域肯定是未來值得期待,這就是為什么微信公眾號都開始流行小視頻也是一個原因。硬件升級自然能支持更多的設計元素融入產品里面。因此作為設計師我們要多觀察這個行業、多看、多思考,來掌握未來產品設計方向。希望本篇文章能帶給你一些新的觀點與啟發。


          轉自:站酷-設計TNT



          日歷

          鏈接

          個人資料

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

          存檔

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