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

          首頁

          聚合者:數字時代的主導

          資深UI設計者

          互聯網技術的快速發展,數字化的時代也在悄悄來臨。數字化時代,誰才是真正的領導者?互聯網時代和數字時代的不同在哪里?本文作者對這些問題提出了自己的一點思考,與你分享。每一個時代的來臨總是會有一些跡象來印證它,來詮釋它。

          互聯網時代如此,數字化時代同樣如此。

          當數字化的浪潮在零售、金融等行業里翻涌,一個以數字化為主要標簽的全新時代正在一步步走向我們。

          接棒互聯網的現實,注定了數字化本身就生而不凡。

          同樣地,數字化可以以互聯網為鏡,審視自身的成敗得失。

          同互聯網時代僅僅只是對傳統行業的上下游進行去中間化的處理不同,數字化時代更加關注的是對于傳統行業的底層改造以及基于這種改造衍生而來的重構與再造。

          這一邏輯決定了數字時代與互聯網時代的最大不同,就是傳統行業的構成元素將發生深入而又徹底的根本性變革,由此帶來的是行業本身更加顛覆性的改變。

          在數字時代,聯通人們生產和生活的“毛細血管”將不再僅僅只是簡單意義上的互聯網,而是更加本質和更加徹底的數字

          在互聯網時代,建構于互聯網技術之上的聯通是基于互聯網平臺的中介和撮合來達成的,雖然效率得到了一定程度的提升,但是,這種提升的幅度與效率都是不可持續的。

          等到流量紅利見頂,平臺的中介和撮合作用難以發揮,行業的運行效率又將陷入到新一輪的困境之中。

          數字化便是在這種大背景下誕生的。

          同互聯網技術不同,數字時代的效率提升首先做的是行業底層元素的深度改造,改造完成之后,再對新的元素進行重新建構,并且產生新的行業形態,從而達成通過深度改造行業來提升效率的目的。

          雖然在這個過程當中,大型的數字技術提供者們依然扮演著相當重要的作用,他們可以憑借原始的技術積累占得先機,但是,數字時代的效率提升已經不再是簡單意義上的撮合和中介,而是變成一種由內而外的自我進化。

          效率提升同樣是由內而外產生的。

          此刻,僅僅只是簡單地去中間化必然無法達成這一目標,必然需要更深層次的變革才能獲得發展。

          由此,我們幾乎可以確定的是數字時代的產業變革要比互聯網時代的產業變革更加徹底和全面。

          我們都知道,在互聯網時代,出現了以阿里、騰訊、京東、美團為代表的大型互聯網平臺,人們生活的方方面面幾乎都集中到了這些大型的互聯網平臺上面。

          可以說,這些大型的互聯網平臺引領并且推動著互聯網時代的發展。

          當數字化時代的號角吹響,新戰役即將打響。

          那么,在數字時代,誰才是真正的主導者呢?

          正如上文所講,互聯網時代是以撮合和中介為主打的發展模式。這種發展模式決定了互聯網時代的發展必然是建立了強大的流量基礎上。

          于是,坐擁海量流量的互聯網平臺理所當然地成為這個時代的引領者和推動者。

          當數字時代來臨,它的發展模式是建立在對于傳統行業的內在元素和流程進行深度調整和重構的基礎上的。

          因此,只有那些真正能夠改造傳統行業的內在元素,并且可以再造傳統行業的運行流程的玩家,才是數字時代的引領者。

          改造傳統行業的內在元素并不是一件容易的事情,它需要的是從傳統行業的流程和環節著手,通過新技術的應用讓傳統行業的內在元素發生根本性的改變。

          然而,這種現象僅僅只是在數字時代的早期階段出現。

          在數字時代的早期階段,只有那些真正能夠不斷賦能傳統行業,對傳統行業進行數字化改造的賦能者,才是真正意義上的引領者。

          這就是我們現在所看到的產業互聯網時代。

          當產業互聯網時代完成了對于傳統行業的流程和環節的數字化改造之后,傳統行業那種煙囪林立的封閉狀態開始被改變,信息孤島開始被聯通。

          此刻,數字時代開始進入到一個全新的發展新時代。

          這個階段,才是真正意義上的數字化時代。

          如果我們再去一味地對傳統行業進行深度賦能,對傳統行業的內在流程和環節進行數字化的改造,而不關注改造后的成果,必然會面臨新的困境和難題。

          于是,數字時代開始進入到全新發展階段。

          這個階段,真正考驗玩家們的不再是賦能的能力,而是如何將業已被數字化的流程和環節進行重塑和再造的能力。

          值得注意的是,在這個階段,不同流程、不同行業之間的壁壘業已得到了上的消弭,信息自由流動,數據高度共享。

          如何將這些行業內部的不同流程,甚至是不同行業的數字元素進行再度整合,并且發揮出最大的作用,甚至衍生出新的行業物種,才是考驗玩家們的地方。

          在這個階段,真正的引領者將不再是單純意義上的賦能者,而是變成了聚合者。

          這里的聚合者,就是把那些業已被數字化的行業內部的流程和環節,業已被數字化的不同行業真正能夠重新拼接和組合的玩家。

          同賦能者僅僅只是做簡單的賦能不同,聚合者必須對不同的流程、不同的行業有深度且全面的把控,并且有能力對流程和行業進行再造和整理。

          當聚合者們完成了對于傳統行業的深度改造和重新整合之后,新的產業才能出現,數字化才算是真正完成,數字化時代才算是真正來臨。

          如果我們僅僅只是把數字時代停留在早期的賦能階段,缺少了對于傳統行業的重整,那么,這樣的數字化只能算是完成了互聯網時代并未完成的工作,卻沒有做好真正自己要做的工作,僅僅只是半拉子工程。

          只有完成了行業內部流程和元素的數字化改造,并且衍生出來了新的行業物種,數字時代才算是真正來臨。

          當越來越多的跡象出現,一個以數字化為代表的全新時代正在來臨。

          正如互聯網時代出現了以大型互聯網平臺為代表的引領者一樣,數字化時代同樣會有其推動者和引領者。

          在數字化時代的早期階段,那些真正能夠對傳統行業進行深度賦能的玩家——賦能者——才是這個階段的引領者。

          當數字化完成,特別是當數字化時代的發展進入到行業的重塑與再造的階段之后,那些真正能夠將業已改變的行業進行再造的玩家——聚合者——才是數字化時代真正意義上的引領者。

          文章來源:人人都是產品經理    作者:孟永輝



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

          抖音關閉所有電商外鏈,劍指京東、淘寶?

          資深UI設計者

          編輯導讀:疫情之下,短視頻直播帶貨意外創造出了流量+電商這種新型合作模式,更是給抖音直播電商的發展添了把火。8月26日,抖音宣布:10月9日后,抖音直播間只支持小店商品,第三方來源的商品將不再支持進入直播間。至此,抖音想要打造電商閉環的野心終于顯露,本文作者對此展開了分析討論,與大家分享。

          8月26日,抖音正式官宣將在10月9日起關閉直播間的電商外鏈,第三方來源的商品將不再支持進入直播間購物車。也就是說像淘寶、京東等其它平臺的的商品將無法在抖音直播間內實現直接跳轉購買。

          而對于抖音這一舉措,其實我們并不難看出字節跳動想要在電商業務上與阿里、京東等電商平臺“扳一扳手腕”的決心。

          今年六月,字節跳動便成立了以“電商”明確命名的以及業務部門,結合其目前所擁有的產品矩陣,開始全面進軍電商業務,以解決字節跳動在信息流廣告與直播營收達到天花板之后的下一步商業化難題。

          這便與2020年最紅的風口——“直播電商”不期而遇,因此字節跳動火速開展抖音直播電商方面的布局,力求新的商業化出口。

          • 8月6日,抖音發布美妝品類直播帶貨新規,非抖音小店的其它電商平臺,例如淘寶、京東、蘑菇街等渠道的美妝類產品只能通過巨量星圖,發送任務單才能上架購物車,而抖音小店則不會受影響。
          • 8月17日,巨量星圖發布公告,自8月20日起,對于第三方平臺上架銷售的商品,平臺將會抽取20%的服務費用,抖音小店則僅收取5%。
          • 9月6日,不僅僅是美妝,全品類商品都需要通過巨量星圖發送任務單才能上架購物車。
          • 并且自10月9日起,第三方來源的商品將不再支持進入直播間購物車,也就意味著自10月9日之后,非抖音小店上架的第三方平臺商品將無法在抖音上進行直播帶貨。

          從之前發布的章程中我們可以看到,抖音從2019年下半年方才進行電商業務布局,迄今為止才運營了不到一年時間。那為何字節跳動就敢憑借“直播電商”開始與運營了數十年之久的淘寶和其它電商平臺進行“正面對決”?直播電商真的有這么大的“魅力”嗎?

          一、直播電商的魅力

          1. “直播電商”——2020年最大的風口

          2020年初,一場突如其來的疫情牽動著全國上下乃至全世界的目光,全中國進入封閉階段,而直播電商也迎來了其飛速發展的契機。受2020年疫情爆發和超長假期的疊加影響,線下購物渠道近乎完全關閉,然而在物流恢復后,線上電商獲得了良好的發展時機。

          同時直播和短視頻用戶數和使用時長激增,企業神速轉型,品牌線上滲透率提升,直播電商作為快速提升流量轉化效率成為品牌宣傳銷售新陣地,也成為各大平臺競相角逐的熱點賽道。

          根據艾媒數據顯示,截止至2020年3月,中國網絡直播用戶規模達5.6億,其中直播電商用戶規模約2.7億,占比48.2%,而受疫情影響,有近7成的用戶經常觀看帶貨直播。

          根據數據顯示,經過前幾年直播帶貨所帶來的市場教育,特別是受此次疫情影響,用戶對于直播電商的接受程度明顯提高,成為了用戶生活、娛樂、購物的重要組成之一。

          直播電商所帶來的影響力,已成為2020年最受關注的營銷活動。

          2. 直播電商如何帶動用戶進行消費?

          還處于線下購物時代時,我們常常會看到銷售員在某個門店或是某款商品前大聲吆喝,又或是樹立起打折促銷的立牌等各種促銷活動。當顧客被吸引過去時,銷售員往往會通過他們精湛的話術來誘導顧客進行購買。顧客則是被撬動了理性,成為了“沖動消費者”。

          如果說電子商務是重構了人-貨-場的概念,將銷售渠道由線下改為線上的話,直播電商則是將這種線下的營銷模式與購物體驗搬到了線上。

          傳統的電商模式是由消費者瀏覽商品信息去進行商品的挑選,它將商品提供給消費者的模式轉變成為由消費者選擇產品的模式,而其中主要是人與物的對話;而直播電商不同,影響的是消費者進行選擇的過程,實現的是人與人之間的對話。

          而為什么人與人的對話會實現更好的營銷效果?

          結合我們之前所提到的線下營銷方式能夠刺激消費者的購買欲望來看,直播電商則是進一步強化了撬動消費者理性的方式。得益于直播所帶來的沉浸感與互動感,使得消費者對于商品的信任程度在不斷的上升,更容易去實現銷售活動。

          《烏合之眾:大眾心理研究》中曾提到“從智慧的層面上看,群體總是要比被孤立的個人水平低,更容易受到群體感受的驅使”,表明一個人或個體進入到群體當中后,就會被群體帶動,去做一些原本個體不會去做的行為。

          而直播帶貨也是如此,用戶通過彈幕、評論、刷禮物等方式組成一個無實型的整體,再由主播作為關鍵意見領袖進行領導,并給予相應的優惠作為動力驅動,使得用戶受到“群體”的驅動,實現“沖動消費”。

          直播電商通過更強的互動方式來提升用戶再進行購物時的信任感,以此減少用戶在進行商品消費時的思考空間,提升情感驅動的價值,從而促進消費者實現沖動消費行為,也因此取得了比傳統電商促銷更好的銷售業績,成為了近兩年最受關注和歡迎的營銷方式之一。

          二、抖音在直播電商中的布局

          抖音其實早在2017年便開始進行電商業務的布局,知道搭乘2020年電商直播的“快車”,便正式開始著手扶植電商業務的發展。

          4月1日愚人節當晚,中國最后一個初代網紅“老羅”伴隨著節日“歡快的氣息”,開啟了自己在抖音的首場帶貨直播。世人皆笑談老羅迫于生計開始“下?!?,殊不知掙錢嘛,生意,不寒磣。

          根據抖音官方數據顯示,這場直播累計觀看人數超4800萬,訂單量50.8萬,單場銷售額1.1億元,音浪收入335萬元。雖然相較于李佳琦雙十一單場直播破10億的“奇跡”仍有一段差距,但若是排除雙十一等直接因素,老羅這次直播熱度也可排進直播電商前三的位置。

          而之后伴隨著“羅永浩直播帶貨”首秀所帶來的熱度,抖音開始全面布局直播電商業務。

          在功能端:

          • 5月7日,抖音小店開放個人身份入駐,可入駐服裝、鞋靴、運動戶外、廚具四大行業,不需要營業執照即可申請,只需繳納500元保證金;
          • 5月15日,巨量星圖上線直播業務,提供達人精準推薦,在線下單等功能;
          • 5月15日,DOU+上線“直接加熱直播間”功能;
          • 5月26日,抖音直播間新增點贊功能;
          • 5月29日,巨量星圖上線“投稿任務”,強化達人變現;
          • 6月初,抖音上線「抖店」APP,有消息顯示,小店商家數量已近百萬。

          同時,抖音通過各類推廣活動進行造勢,持續獲取熱度與大眾關注。

          • 5月15日-17日,抖音啟動“515王牌直播間”主播排位賽,陳赫、王祖藍、羅永浩分別排位前三;
          • 5月22-6月25日,抖音正式上線“元氣學院”;
          • 5月23日,抖音直播“百萬開麥”主播扶植計劃再升級,除了提供千萬曝光支持外,還能幫助優秀的內容生產達人快速實現漲粉、變現;
          • 6月5日,抖音聯合4大經紀公司發起“練習生請開播!抖音星主播共培計劃”;
          • 6月9日,抖音與混沌大學共建“知識創造營”,陸奇、李善友等名人直播演講

          并且,在6月18日,字節跳動正式成立了以“電商”明確命名的以及業務部門,這也就意味著電商已經明確成為了字節跳動的戰略級業務,開始持續跟進業務流程與創新。

          三、抖音的直播電商,未來路在何方?

          從以上關鍵節點我們可以感受到抖音當前的直播帶貨戰略,多以簽約、培育和挖掘頭部主播等來的獲取到熱度,從而打破淘寶薇婭、李佳琦,快手辛巴等其它平臺頭部主播對于直播帶貨行業的“壟斷級”影響力。

          而數據表明抖音在直播帶貨元年的建設確有成效,收割了大批流量和資本的關注,為平臺帶來了持續的熱度。但隨著時間的沉淀,明星帶來的流量除了忠誠的粉絲以外,沉淀下來的粉絲數量相較于總數而言并非十分樂觀。

          雖然得益于抖音銷售額+音浪的方式,幫助實現銷量和流量的雙豐收,從而帶來足夠的利潤意外,抖音在自身電商平臺上的建設仍然是捉襟見肘,與淘寶京東等成熟的電商平臺相比,相差甚遠。

          因此抖音圍繞著“打造電商產業閉環”這一戰略任務出發,開始切斷非平臺上架的外鏈商品,從而促使商家開始入駐抖音平臺,打造成熟的商業閉環。

          從當下來看,抖音這一手操作,并未能取得多少的利益,甚至還會有損個人商家的銷售額。但是字節跳動的目光向來都是比較長遠的,他們想來不是為了蹭一波“直播電商”的熱度,賺一遍快錢便迅速離場,而是下足了決心要持續深耕平臺的電商業務建設。

          在這里提一個問題:對于商家和消費者而言,一個良好的電商平臺應該是怎樣的?是有統一的平臺供應鏈管理、實時的用戶數據反饋從而為商家帶來良好的銷售數字;是有的物流、優質的商品、實惠的價格、親切的服務所帶來的良好購物體驗。顯然抖音當前的電商平臺建設并沒有做到這一點。

          而通過對商家入駐抖音小店之后進行統一的管理,抖音能夠在功能層面為商家提供供應鏈建設的幫助,提供實時有效的數據反饋從而幫助商家實現靈活的營銷推廣。對于消費者也是如此,通過平臺統一的有效管理,能夠以低成本的方式實現更好地產品建設,從而為商家和消費者帶來更加優質的購物體驗。

          從內容出身的抖音,講究百花齊放、百家爭鳴,通過優質的算法能力來盡可能地滿足不同用戶的不同需求;而電商業務不盡相同,通過關閉第三方外鏈的方式,來加強對于平臺的監管與建設,方能為用戶帶來更好的購物體驗。

          抖音憑借著優質的內容不斷提升用戶感受刺激的閾值,撬動著用戶的消費理性。但隨著用戶熱情不斷冷卻,消費逐漸趨于理性的階段,抖音是時候開始完善平臺電商業務的功能涉及,通過感性來刺激消費欲望,通過理性來維持消費行為。

          文章來源:人人都是產品經理    作者:zbb


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

          2020-2021 設計趨勢報告:多媒體篇

          資深UI設計者

          伴隨著移動互聯網的快速發展,5G通信,人工智能,物聯網等新技術的發展也越趨成熟,人們接觸信息的效率不斷在提高,接受信息的緯度也更廣泛,如何消化我們在生活中被大量切割的碎片化時間,如何能讓用戶更聚焦內容不被打擾,拉長用戶的停留時間,我們正身處在一個內容快速消費的時代。

          長短視頻,動畫電影,互動裝置等形式能夠更容易吸引用戶的注意力,無論是消費者,創作者或是設計的從業者,制作的門檻降低了,以往是一個團隊的輸出,現在一個人也能夠打造高質量的爆款,人人都是內容的生產者成為了這個時代的標簽。文章從設計從業者的角度出發,從攝影攝像,視頻動畫,動態圖形,交互裝置等四個緯度來闡述內容設計的制作方法與近幾年的風格趨勢。


          攝影攝像| Photo & Video

          實拍一直是多媒體領域最常見也是最不可替代的呈現方式,在他的發展歷程中這項技術也衍生出了不少有趣的風格和玩法,隨著技術的進步,各種實拍新技術也是不停一直在影響著攝影師拍攝。

          1. 微距拍攝

          微距,特別適合用來展示被攝物體的細節,比如小昆蟲的五官,花蕊上的露水,冰霜上的晶體結構等等。您可以在攝影棚或室外環境中拍攝微觀照片和視頻,只要您充分放大被攝體即可。通常來講人眼最近對焦距離是15cm,低于這個距離就看不清東西了,而專業的光學矯正鏡頭按照近距離拍攝進行設計可以拍攝出一個極端的近景視圖,可以得到肉眼無法看到的細節。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 來源于網絡

          產品為了吸引消費者的購買熱情,自然離不開產品宣傳片,如今的產品廣告不再局限于片面的展示產品,而是開始尋找不同的視感令自己的產品看上去更具吸引力。在很多產品拍攝當中會經常用到微距拍攝的手法,正如前面所說,利用微距拍攝手法展示產品部分的細節有的時候或許可以讓畫面更有質感。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 威士忌廣告片段

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ TOREAD探路者戶外新品面料-「遇水搭橋」系列主題微距圖拍攝

          微距攝影是區別于常規攝影的一種特殊的攝影方法,這門拍攝技術帶來的視感也非常的吸引人,但是往往這種特殊的拍攝手法卻非常受限于硬件設備,正如我們前面所說的設備參數都是專門的微距鏡頭設計的。為了抓住這一點,讓更多人知道這個有趣的拍攝手法,市面上也出現了越來越多不同的微距鏡頭給不同需求的攝影師使用。近兩年比較經典的一個就是LAOWA24mm鏡頭,在于它獨特的形狀可以到達普通鏡頭無法企及的位置,機位更加獨特。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 來源于網絡

          2. 升格拍攝

          升格拍攝無疑是讓視頻表現提升幾個檔次的常用手段之一,電影的標準幀速率是24幀每秒,但是為了實現升格就需要一些技巧,比如拍攝的幀數高于24幀每秒,這就是我們常見的「慢動作」?,F有的升格拍攝幀數基本上分為30幀,60幀,120幀,240幀,再往上則是影視和特殊拍攝會用到的了。由于肉眼觀察高速運動物體是有限制的,在拍攝高速運動的物體的時候,利用升格將畫面播放速度變慢便可以更好的觀察到物體高速運動時的狀態。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 來源于網絡

          在廣告拍攝當中升格鏡頭也是一個十分常用的拍攝手法,正如我們所說肉眼觀察高速運動物體的速度是有限, 往往人們沒辦法看清楚快速運動的物體,有些產品廣告使用慢動作升格鏡頭加上充分美化的畫面便更能吸引消費者的目光。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 來源于網絡

          拍攝影片的時候在不同的環境之下也會利用升格烘托氣氛,在我們看到的很多片子里面有緊張刺激的,煽情的,都會利用升格來烘托片子的氣氛。由于相機技術的進步,拍攝變得比以往任何時候都更加容易。今天任何人都可以通過相機和高質量的麥克風輕松地成為vlogger拍攝出好看的旅拍視頻,加上升格鏡頭在硬件技術的加持下可以快速的出效果,令這部分人群創作出更好的拍攝作品。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          3. 無人機航拍

          航拍一直以來都是一個不可或缺的拍攝手法,很多的電影以及廣告宣傳片當中我們都可以看到不少的大范圍運鏡片段,天空中的視角對與陸地上行走的人來說還是一個十分新奇的視角,一般來說也很難看得到,所以片子中加入航拍的元素往往可以增加不少高級感。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 來源于網絡片段

          如今技術發展,無人機的民用化推進,市面上各大廠商開始推出自己的航拍無人機,航拍也開始出現在了普通人的視野中,讓普通人也可以在高空拍出想要的風景。加上如今4G和5G技術的發展,短視頻的流行,令網絡上的自媒體人也擁有了更好的展現自己作品的平臺,這些拍攝技術的平民化讓自媒體人們可以更好的發揮視頻創作,而不會總是局限于技術。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 來源于網絡片段

          4. 高質量色彩呈現

          如果你有自己拍攝視頻,那或許有聽說過LOG配置文件,LOG模式通常在專業和專業消費級相機中所配置的拍攝模式,LOG模式的顏色看起來非常平均,因為這樣可以地減少截取捕獲的高光或陰影。這使得輸出的視頻幾乎沒法直接使用,直到對其進行編輯。它的優點在于,以輸出高比溶度的視頻方式來調整顏色和對比度(即,對其進行分級)從而可以得到自己想要的視頻顏色風格。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 威士忌廣告片段

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ ANGIE’S爆米花廣告

          LOG指的是數學上的曲線函數,并不是一個獨立的拍攝風格,而是風格用上了LOG函數轉換,在這個模式下我們可以看到無論是明處或暗部LOG都將細節保留了下來,在這個基礎之上調出我們想要的顏色方可得到一個更加清晰的圖像。在數據圖當中我們也可以看到log模式下所有的顏色數據都處于中間值,不會有過度夸張的位置,編輯之后的圖像所有顏色的明暗都區分開來了,也形成了自己想要的色調。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ QQ x MINISO

          實拍產業作為一個主流多媒體形式一直在發生著改變,隨著科技的進步,曾經我們需要大費周章才能拍出來的效果,如今也越來越簡單。各種新技術的出現不斷地改變著人們拍攝的方式和形式,新的玩法也層出不窮并不斷影響著其他的多媒體形式。未來實拍將會更加的簡單平民化,讓普通人也能拍出曾經大費周章才能做到效果。

          視頻動畫|Animation

          縱觀整個互聯網設計行業發展史,計算機圖形技術一直在影響著設計。

          1. 和高質量輸出

          在計算機圖形輸出里,最終效果呈現靠的是圖像渲染(Renderding),渲染又分離線渲染和實時渲染,以往字面上理解則是實時渲染,高質量則是離線渲染。下面介紹一下為了如何可以將兩者結合實現高質量輸出CG,視頻動畫。

          Realtime-Render (實時渲染):在虛擬世界的圖形表現中,實時渲染占有很重要的地位。所謂實時渲染,就是圖形數據的實時計算和輸出。如果說實時渲染的概念對你很陌生,那如果用實時渲染領域中的一個重頭戲來給你舉例,相信你就不會有陌生的感覺:那就是游戲。游戲因為需要玩家去互動,因而對渲染的實時性有很高的要求。隨著計算機圖形技術的不斷發展、硬件計算能力的不斷升級,游戲實時渲染的畫面逐漸從簡陋走向逼近真實。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Unreal engine 4

          以上Demo 是專業團隊制作完成的高質量短片,但是普通用戶想要達到這種級別還是有些難度的。放出這些短片也代表現有的軟件技術和硬件設備已經可以達到這個水平,當然有也商業競爭的成分Unity和Unreal 是目前用戶最多游戲開發引擎,想要在游戲以外其他領域競爭實時渲染市場份額。也不斷在更新自己的技術。這代表除了游戲行業以為其他跟圖形有關的(像電影,廣告,互聯網)行業也慢慢開始進入實時渲染時代,到目前為止實時渲染還沒有真正得到廣泛應用是因為實時渲染還不能達到想離線渲染那樣影視廣告級別高質量的畫面。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Visual ASMR Rock by Onesal

          離線渲染大概的流程需要經過模型-場景-綁定-材質-燈光--合成-輸出,每一個步驟都需要大量的技術支持,像上面阿凡達這類大片級別的影片,為了某個效果很研究開發一些新的技術,所以要詳細說明要花很多時間,我們就不詳細說明了,回到主題高質量輸出上面。所以每一步廣告影視作品,都是靠大量的時間和人力堆出來的。那么廣告影視這種渲染方式為離線渲染,而游戲為實時渲染。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Unreal engine 5

          實際上二者的區別也就在這,但是就是因為這二者的這一個區別,就引發了不少的技術差別在里面。離線渲染對時間往往沒有很極端的要求,用接近現實的光線跟蹤算法技術,設置很高的采樣值和迭代次數,就如阿凡達每一幀畫面需要渲染幾十個小時以上,只要畫面質量夠真實,這些時間成本都可以被容忍。而游戲畫面的渲染,也就是實時渲染的話,則在時間上的資源尤其地珍貴游戲所用的實時渲染就沒有那么滋潤了,先不說幾分鐘渲染一張這么的事情,就連1秒鐘出一張,都不夠人看的。對于游戲來說,再不濟,也要有1秒20多張,才能給玩家看(還不算能流暢操作的情況)。那么實時渲染有可能用于畫面要求高質量的影視廣告等行業嗎。

          虛幻5

          2020年5月13號,Unreal engine官網發布了Unreal Engine 5 并在Playstation5上運行進行展示Demo(「Lumen in the Land of Nanite」)

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Unreal engine 5

          該演示展示了虛幻引擎5的兩大全新核心技術:

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Unreal engine 5

          Nanite

          虛擬微多邊形幾何體可以讓美術師們創建出人眼所能看到的一切幾何體細節。Nanite虛擬幾何體的出現意味著由數以億計的多邊形組成的影視級美術作品可以被直接導入虛幻引擎——無論是來自Zbrush的雕塑還是用攝影測量法掃描的CAD數據。Nanite幾何體可以被實時流送和縮放,因此無需再考慮多邊形數量預算、多邊形內存預算或繪制次數預算了;也不用再將細節烘焙到法線貼圖或手動編輯LOD,畫面質量不會再有絲毫損失。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Unreal engine 5

          傳統的模型資產做法–先是用Zbrush等雕刻軟件又或者是3D掃描等數據模型–重新拓撲為高、中、底三種面數模型–展UV上材質–烘培法線、凹凸等貼圖–導入游戲引擎中使用,那么為什么要做那么復雜呢?游戲引擎運行資源越大,可能會導致游戲的流程度和游戲體驗不好,為了讓玩家有流程的操作體驗,通過高精度多邊形幾何體烘焙法線凹凸等貼圖用在低精度多邊形幾何體上可以保留高模的細節從而節省運行資源提升游戲流暢度,Nanite完美解決了這個問題。

          Lumen

          是一套全動態全局光照解決方案,能夠對場景和光照變化做出實時反應,且無需專門的光線追蹤硬件。該系統能在宏大而精細的場景中渲染間接鏡面反射和可以無限反彈的漫反射;小到毫米級、大到千米級,Lumen都能游刃有余。美術師和設計師們可以使用Lumen創建出更動態的場景,例如改變白天的日照角度,打開手電或在天花板上開個洞,系統會根據情況調整間接光照。Lumen的出現將為美術師省下大量的時間,大家無需因為在虛幻編輯器中移動了光源再等待光照貼圖烘焙完成,也無需再編輯光照貼圖UV。同時光照效果將和在主機上運行游戲時保持完全一致。官方的宣傳已經非常親民了,很多業外人士基本知道是怎么回事,也知道虛幻引擎5的優勢。簡而概之:簡化的制作復雜程度,模型師的工作量將大大縮小,二是畫質效果又將邁向更高的一個品質。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Unreal engine 5

          Unreal 5 這兩大功能可以說是克服了現階段的難題讓實時渲染更接近影視級渲染,然后簡化了以前復雜的工作流程,讓創造變得更簡單了。這代表著以后只要涉及CG類的行業都會發展巨變。

          2019年11月12日Quixel 公司被Epic Game(Unreal的公司)收購并宣布Quixel 旗下Bridge(材質管理軟件) Mixer(材質編輯軟件) Megascans(3D掃描資產)對所有Unreal engine 用戶免費,這一爆炸新聞。此前Quixel 是靠賣高精度3D掃描資產盈利的。用Megascans 的3D資產可以創造電影級4K-8K的真實畫面,Unreal engine 5的dome也是用的Megascans 的資產,下面的案例(Rebirth)也是用的Megascans的資產。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Rebirth

          在沒有免費開放Megascans的之前想要制作8K的3D掃描資產是非常困難的,需要大量的設備和人力支持,在網絡上購買價格也不便宜導致普通個人用戶是很難制作這樣高精度的畫面,這一消息讓更多的自由職業者和個人藝術家加入了實時渲染的潮流趨勢中。讓4K創造不再那么困難。

          Megascans Ecosystem: Giving more Power to Artists(Megascans生態系統)

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ After the mountain Rain

          來自中國的藝術家Fisher Dai(戴鑫祺)使用Megascans和Unreal engine4創造的4K個人作品。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ After the mountain Rain(戴鑫祺)

          2020年7月14日Unreal Engine 官方發布一條宣傳片(Unreal for all Creator )by The Mill,視頻展示了Unreal Engine實時渲染在互聯網、游戲、電影、電視、建筑、汽車等行業驚人的表現。

          https://www.youtube.com/watch?v=6xbxA8tnlbY

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Unreal for all Creators by The Mill

          2. 更真實的自然質感

          伴隨硬件技術的發展和軟件性能各方面的提升,能夠更加真實的模擬自然的運動規律和真實的質感;畫面趨向更為克制的顏色呈現;在一些品牌廣告短片中,使產品的屬性與抽象的自然屬性相結合,使用相似的自然形態去表現產品的特性,突顯產品的特點。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《Bloom》by Hubert Blajer

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《Mostly wood》by Nejc Polovsak

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《Digital Design Days 2020 titles》

          R&D

          (Research and development研究與開發)在三維領域是一直有存在的,只是以前大公司才會有的職位,R&D早期是服務存在于影視動畫公司的,像工業光魔,迪士尼,皮克斯,這些公司都會有自己的R&D部門,最近幾年隨著三維技術進步簡化,使得更多的人加入這個行業,很多個人R&D藝術家大量的出現在網絡社交品平臺上,不只是影視動畫,還有廣告,汽車,消費品等行業。舉例R&D在廣告行業的應用,藝術家們會對某個產品的材質和物理學的多方面進行研究,并用三維軟件(houdini C4D等)視覺化出來,比如下面這個案例的海綿材質物理碰撞模擬。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Manvsmachine 《No stress Test》

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《A website makes it real》

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Lukas Vojir R&Dshowreel

          3. 突破傳統建模方式

          使用VR設備進行環境建模工作。

          The Loch by Boxfort

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          4. 2D與3D的結合

          同樣的環境下,人們對于手繪等真實樸實的質感又有了新的追求,各類動畫的制作方式得到了不斷優化和流程上的整合,在軟件使用上也多了更多選擇,使得動畫的呈現方式趨向于多種形式結合。

          例如常見的3D的場景和鏡頭運動搭配2D的角色動畫,使用非常流暢的鏡頭運動和豐富細致的3D場景,而視覺表現上保留傳統2D動畫的一些特性,兩者結合形成的一種新奇動畫語言,在未來還會繼續流行。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《PlusOne Manifesto》 By Martijn Hogenkamp

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《Disney XD And Children’s Health》By BLIRP STUDIO

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《企鵝誕生記》By ISUX

          Blender 是現階段很熱門的開源(免費)三維制作軟件,因為是開源的而且功能豐富所以在市面上已經有了很多個人藝術家使用。Grease Pencil只是個方便三維空間中起稿的輔助性工具,在版本2.8之后這個功能被大幅加強成為了一個超級強大的畫筆工具 ,發布以后出現了很多優秀的藝術家用它來創作。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《Futuro Darko》 By Craig Farquharson

          5. 影視手法的動態呈現

          在這個快速變化的時代,我們趨向追求更快更緊張的刺激感受。受到《蜘蛛俠平行宇宙》、《阿麗塔》這樣的動畫電影的出現所帶來的影響,動畫廣告在一定程度上混合了影視和游戲常用的一些表現方式,比如更大的鏡頭畸變和游戲風格的未來元素,快節奏的剪輯手法配合游戲電音,能夠在短時間內給觀眾帶來強烈的感官刺激與情感體驗。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《Gogoro S3 Future Fast》 By MIXCODE STUDIO

          6. 復古懷舊風格回歸

          在充滿了未來感科技感的3D大趨勢下,顏色丟失,色調分離,質量損失的顆粒質感,低飽和低保真的畫面呈現,也開始帶來一種新的視覺感受。過往的動畫風格與當下科技感、未來感的潮流碰撞又呈現了新的表現方式。這種風格應用在街頭潮流的時尚產品的時候,跟以往60或80年代的復古元素相結合,使用新的設計語言去包裝整合,能夠強化產品的故事感,引起大家強烈的共鳴和代入感,激發大家頭腦中那段美好回憶。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《The Legend of IQOO 戦う!鉄拳》 by 茶山有鹿

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《MouseQ 滑板俱樂部》By ISUX

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《ACE OF SPADES》 by Tony Babel

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《Can of worms》 by Tony Babel

          7. 更克制的色調與秩序感

          在充斥著各式各樣的新鮮元素的當下,節奏更快顏色更有吸引力,各類信息視覺都在捕捉你的視線。干凈的色調、簡單的視覺、真實的肌理、強調秩序感的動畫的出現,使得人在視覺上獲得了舒適的體驗,很大程度上緩解了極速發展的時代所帶給人們的焦慮。

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《BIC》by Artem ‘Hinz’ Yudin

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《Microsoft SharePoint 》

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《Beautyrest》 by Tendril

          動態圖形| Motion Graphic

          突破限制的版式

          在當下許多海報等平面視覺都有了動態化表現的需求的情況下,動態視覺的加入打破了很多條框和顏色的禁忌,去掉了華麗的修飾性的元素,在內容的呈現上體現了更多的創意,畫面中不斷變化的圖形排列、動態的3D圖形和字體起到了非常吸睛的效果。在大量時尚品牌和藝術活動的宣發當中,畫面結合強烈的撞色熒光色,以及波譜的拼貼藝術手法,能夠更好的表達品牌傳遞的時尚感和新鮮感。

          1. 視覺設計

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          2. 網頁設計

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ CreativeCrew

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Le Cantiche 1320

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ reed.be

          3. 界面設計

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Olympic Sports Website by Daniel Tan

          4. 交互裝置|Interactive Installation

          近些年來各媒介手段和智能裝置應用的興起,人們已經不滿足于單一的視覺感受。電子音樂與擬態三維全息投影相互配合,在不斷變化的聲光交互光影和空間場景中,能迅速把觀眾帶入多個不同的全新場景的沉靜式體驗。

          AR/VR

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ Fórum Internacional de Gaia 2019

          2. 沉浸式視聽設計

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《JOURNEY》 by NOHLAB

          3. 多媒體交互裝置

          騰訊萬字干貨!2020-2021 設計趨勢報告:多媒體篇

          △ 《Teleport 》By PITCH

          在信息爆炸的2020年,Motion的流行趨勢在不斷變化,有的風格將會繼續延續,例如在各個場景中大量應用的3D視覺,會在未來更加普及和優化并趨向于更輕量化的新極簡主義;有的風格重新回歸到大眾視野,例如Y2K、色損故障、顆粒等復古風格和逐幀動畫,它們與新環境下的設計語言相互碰撞,給人們帶來新鮮的視覺感受;在視覺設計領域,網頁設計中融入了更多精彩的交互動畫,界面的UI設計中體現了更多激動人心動效語言,版式設計有了動畫的加持更大膽更具活力且不斷突破現有規則。

          隨著硬件和軟件的跟新迭代,同時我們也看到了更多其他方向的可能性,例如實時渲染以及虛擬現實。據資料顯示,虛擬現實的市場規模預計將達到447億美元,復合年增長率為33.47%,這個市場會逐步打開,影視廣告等行業將迎來前所未有的技術革命浪潮。大批更智能的應用軟件橫空出世,學習門檻的降低使得更多藝術家和設計師共同參與,跨媒介的應用將在未來百花齊放。

          多媒體的設計趨勢在未來會如何發展,我們拭目以待。

          文章來源:站酷    作者:騰訊ISUX

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



          高手如何從零開始設計 UI 界面?這個實戰案例告訴你!

          周周

          這是 UI 設計師 Diana Malewicz 的一篇 UI 界面設計的分享。怎樣在保證基本的可用性和易用性的同時,讓界面柔和、富有親和力?如何在讓用戶愉悅的同時,還能用設計取悅自己?Diana 的方法談不上有多神奇,但是讓人眼前一亮,值得借鑒。

          真的關注趨勢變化,你會清晰的感受到,視覺效果和設計技巧一直在變……它們一直是設計師們的話題中心。但是這篇文章并不打算討論這個事兒,無論漸變是否流行,新擬物化的可訪問性是否不足,都不在今天的討論范圍內。

          對于各種風格、方法,我的觀點始終是:做出來的設計要可用,有用,有良好的可訪問性,用戶可以輕松理解,就行了。不過,我更樂于從趨勢中獲得樂趣,而不是將它視作為約束,如果每個界面看起來都是一樣的,那該是一件多么無聊的事情啊。

          關鍵在于,要讓產品的視覺樣式和你的用戶群體匹配起來。

          我個人非常喜歡漂亮的漸變和微妙的陰影,這樣的設計常常顯得魅力非凡。這種自然的過渡和光影的變化,非常貼合我們對于現實世界的感知,這就是為什么這樣的設計能夠俘獲大量沒有技術背景的用戶的心——因為它們看起來友好,并且易于理解。

          在這篇文章當中,我將分享如何將 UI 效果設計得出彩又友好,讓視覺效果柔和又讓人感覺舒適。本文圍繞著一個「面向年輕人的金融 APP」虛擬設計項目來進行展示。

          下面我們開始吧!

          視覺層次的一致性

          怎么讓我們的設計看起來柔和圓潤呢?下面開始準備工作:

          1、選擇想要使用的配色(想想使用柔和的粉彩構成的背景主色調,搭配一個給人精致感的次要色,以及一個抓人注意力的強調色。)

          2、選擇合理的字體(我用的是 Brandon Grotesque,這是我最喜歡的字體,它足夠友好,能夠營造有趣的氛圍,且具有良好的可讀性)。接下來,給字體設計不同大小和字重(最好不超過5種不同的樣式)。其中,標題字體應該較大,正文字體較小,最小的字體用于細節呈現。注意,盡量不要在長句子里面使用全大寫。

          3、確定你所需要的陰影的高程(Height)和模糊度。

          4、如果使用的是圖標,確定使用填充樣式還是描邊樣式。盡量不要混用。

          至此,一個小型的設計系統就已經確定了。挺好看的!

          2020~2021年UI界面設計趨勢

          資深UI設計者

          2020年已經過去一大半,這些時間以來,我一直在關注數字設計領域未來的設計趨勢。從年初就開始收集,到今8月份了,我想是時候將發現的一些趨勢風格分享出來,這些風格很有可能繼續延續到2021的產品設計上。

          對于UI界面視覺趨勢,同樣需要我們高度重視。畢竟每年改版方向,視覺風格研究是必不可少的一個環節,下面正式開始。

          少量的漸變

          今年在各網站上看到大面積的漸變色設計,相對前兩年來說越來越少,設計上有所克制。大面積的漸變色雖然視覺沖擊力強,但大部分停留在概念中。

          從今年設計中我們可以看到設計更加理性與克制,將漸變色彩運用到關鍵功能上,突出強調重要信息。

          高手出品!2020~2021年UI界面設計趨勢

          機票選購界面,將漸變色運用到頭部位置去強調功能。

          高手出品!2020~2021年UI界面設計趨勢

          運用在功能卡片上,突出重點信息。

          高手出品!2020~2021年UI界面設計趨勢

          如上圖,設計上同樣只將漸變色運用在背景上,其他卡片上基本沒有漸變色。

          包豪斯風格圖形

          幾何圖形設計是目前運用最多一個設計手法,今年發現一些比較抽象藝術化包豪斯風格幾何圖形,在UI設計中大量運用,且效果還不錯。

          這種圖形帶來好處就是記憶性強,應用廣,它不僅可以拓展在品牌包裝,品牌圖形延展,還可以運用在UI設計中。

          高手出品!2020~2021年UI界面設計趨勢

          卡片設計采用一些具有意向符號的圖形,來表達功能的設計,形成記憶點。

          高手出品!2020~2021年UI界面設計趨勢

          品牌設計上,也是重復這種極簡包豪斯風格幾何圖形。將logo元素提取,進行包豪斯風格化,重復運用在設計中。

          有深度的界面

          今年這樣的設計屢見不鮮,大量3D運用在界面設計中,二維的界面已經不再滿足當前設計需要。設計師去探索更多維度學科與UI界面融合,形成一種全新的視覺感官。

          uber的概念官網就通過3D來呈現,表達功能亮點。

          高手出品!2020~2021年UI界面設計趨勢

          將二維世界三維化,將是2021年重要的趨勢。目前國內外線上有一些產品,開始在部分功能模塊使用這樣設計手法,如Naver,支付寶等。

          毛玻璃效果

          可以說是趨勢輪回,毛玻璃的效果又回來了。這也是今年在各網站設計上出現頻次多一些的設計。

          新的毛玻璃效果更加去注重功能說明,用在視覺強調的地方。

          高手出品!2020~2021年UI界面設計趨勢

          如上圖設計,毛玻璃運用在頂部關鍵信息上。這樣設計即可減少其他色彩運用,還可以對功能信息進行強調。

          高手出品!2020~2021年UI界面設計趨勢

          毛玻璃效果運用在個人中心,人物頭像位置,進行設計強調。

          高手出品!2020~2021年UI界面設計趨勢

          運用毛玻璃去包裝UI界面,可以提升品質感與神秘感。

          沉浸式界面

          將功能與場景融合設計,用戶在使用產品過程中,能產生更多情景體驗感觸。這也是最近今年喊的比較火的一種設計思路。在各網站上,這樣設計出現次數越來越多,設計效果沖擊力強,得到很多設計師的認可。

          高手出品!2020~2021年UI界面設計趨勢

          場景中關鍵人物元素與設計進行巧妙集合。

          高手出品!2020~2021年UI界面設計趨勢

          運用超現實設計手法,將人物與酒店場景進行排版布局。

          高手出品!2020~2021年UI界面設計趨勢

          將制作材料與產品集合。

          高手出品!2020~2021年UI界面設計趨勢

          擬真植物元素與土地進行巧妙集合,在視覺上傳達逼真效果。

          界面排版雜志化

          雜志化設計風格鮮明,可以有助產品去打造強化記憶點。雜志化設計的優勢可以不受到網格約束,排版使用大字體,同時設計排版上更加個性。我們在做產品概念探索前期,可以多去嘗試這樣的風格。

          高手出品!2020~2021年UI界面設計趨勢

          擬物化圖標

          擬物圖標又回來了,Apple新版本的Big Sur系統,就采用擬態圖標,這也是一個新的嘗試,當然也是一個開始。我們很有必要時刻關注這個趨勢,未來將會在更多設計中看到擬物化圖標的出現。

          不過這種風格也不能大面積運用在界面中,我們可以運用在一些關鍵功能入口設計上。

          高手出品!2020~2021年UI界面設計趨勢

          在天氣上的運用,相對之前扁平化設計,目前具有空間的擬物化設計,增加了真實感。

          高手出品!2020~2021年UI界面設計趨勢

          圓形的運用

          圓形趨勢,我想大家也許會忽略的點,最近幾年設計中,圓形的設計無處不在。它的好處不言而喻,親和力強、場景覆蓋廣,幾乎任何設計都能去用圓形。因此我們有必要去注意圓形運用技巧。

          高手出品!2020~2021年UI界面設計趨勢

          星巴克的web UI概念設計,采用圓形與產品進行集合設計排版。

          2021新擬態界面

          新擬態趨勢是2020年受到廣泛關注的趨勢之一,這種趨勢大量使用了柔和的陰影和微弱漸變,使設計既具有未來感又具有現實感,并且為熟悉的界面帶來了新的感覺。相對之前大面積濃厚陰影而言,目前新的簡化擬態界面,會克制使用這些元素。

          高手出品!2020~2021年UI界面設計趨勢

          2021年擬態界面,更注重功能與體驗。擬態效果會使用在關鍵功能上,如儀表、按鈕,又或者需要重點強調的地方,避免了大面積使用這種設計手法。

          寫在最后

          2021年的趨勢相對來說,有繼續延續2020年一些設計風格,這些風格將會在繼續加強,同時我們也有發現,目前越來越多3D元素與二維界面進行集合設計,能更生動傳達功能與將故事,2021年大家務必要注意這種趨勢的延續。

          作為設計師,我們對設計的思考不能只停留在表象層面,而更多的需要圍繞信息傳達這一設計的本質功能,以充滿自省的精神深化和反思自己的設計意識,同時要時刻保持對趨勢的敏感度。將新趨勢合理的運用在產品設計中,以產生最大化收益。

          文章來源:優設    作者:功夫UX

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

          關于醫療產品經理,這7件事你需要知道

          資深UI設計者

          編輯導讀:隨著醫療行業與互聯網的聯系日益緊密,醫療行業對產品經理的需求也越來越迫切。在這個特殊行業中,醫療產品經理需要具備哪些能力,應該如何工作,創造哪些價值?本文圍繞醫療產品經理展開,從七個方面展開介紹分析,希望對你有幫助。

          越來越多的醫療機構開始考慮設置醫療產品經理這個崗位,但是對于產品經理具體應該做什么工作,可能產生何等價值,以及如何招聘到合適的人才,和這個角色在組織內部如何開展工作,都有很多的困惑。今天我們就簡單聊聊這個話題。

          總的來說醫療產品經理還是個非常新,甚至可以說有一些超前的職能,傳統FMCG和互聯網行業的產品經理對應的工作內容和思考方式并不能簡單照搬過來使用。我們需要清空過去在這些行業積累的認知,從醫療經營的原點出發,從下面7個方面思考:

          1. 醫療產品經理的價值何在
          2. 醫療產品的設計邏輯
          3. 醫療產品經理的職責
          4. 好的產品經理應該具備的技能
          5. 產品經理需要和哪些部門溝通
          6. 與產品經理相關的組織架構
          7. 醫療產品經理的招聘和培養

          一、醫療產品經理的價值何在

          產品經理就是足球場上的中場大將,起到承上啟下,功放轉換的樞紐,具體說有三大作用:

          1. 進攻的發起
          2. 防守的第一道屏障
          3. 三條線的串聯

          什么是進攻?進攻就是嘗試主動去占據一塊領地。

          對營利性醫療機構來說最常見的情況有4種:

          1. 地域上,新開了一個診所,或者一家醫院,要進攻這個網點覆蓋的人群。
          2. 專業上,新增了一個科別,可以多覆蓋若干種疾病人群,包括自己存量病人,也包括切割存量市場競品的份額。
          3. 設備上,新裝備了一種設備,可以開展之前不具備的檢查、治療和手術能力。
          4. 還有一種是階段性行動,在沒有新的項目情況下,為了擴大客戶群,采取一定的促銷行動,最典型的如雙十一洗牙9.9。

          那么,又何謂防守呢?簡單來說,就是對應上述各種進攻的應對。

          十年前私立醫院還不算很多,也還沒有那么多連鎖診所品牌的時候,事實上大家主要都在忙著跑馬圈地,短兵相接的攻防其實并不多?,F在隨著市場參與者的倍增,慢慢開始出現了小區域內的半正面PK,并且我預計在未來兩年內可能會出現直接內部指名道姓對標的戰斗。

          足球場上的三條線是進攻、防守和中場,這里我們所說的三條線,大體對應的是:市場營銷、醫療質量和行政職能三大板塊。產品經理的重要價值就是能夠打通這三條線的隔閡,把整個醫院的資源凝結成有效的市場成果。

          二、醫療產品的設計邏輯

          醫療產品不等于,不等于,不等于“打包套餐”!這個概念請務必建立起來。

          首先要厘定什么是醫療產品。

          可以用“三個明確”來界定之:

          1. 明確人:由專業醫務人員實施的某種行為
          2. 明確物:有標準的資源配比、服務項目
          3. 明確錢:有公開的定價

          醫療產品開發的邏輯的源頭就在于評估一種醫療服務是否吻合這三個明確,因此不是所有的醫療服務都可能變成“產品”。

          比如我們醫院口腔科有一個非常棒的醫生,專注于牙齒美容,我們稱之為“微笑設計”。這種設計是完全量體裁衣的,我們市場團隊對他的關注點就主要在故事性的傳播,而不是試圖將這種高度個性化、動態化的醫療行為產品化。

          簡單來說,對于符合三個明確的醫療服務,我們對其進行產品化的“化”,是一系列有序的動作:

          • 確定需求
          • 自我評估
          • 調配資源
          • 制定服務
          • 設定價格
          • 內部培訓

          囿于篇幅,這里我們就不展開詳述了。

          三、醫療產品經理的職責所系

          理想中的醫療產品經理對下面4件事情負責:

          1. 開發新品
          2. 發起促銷
          3. 產品監測
          4. 競品追蹤

          很容易看出來,這4種不同的職責恰好也就對應了攻防轉換的價值所在。其中促銷是一個容易被忽視和輕視的事情,“不就是打折然后發個微信(十年前是發短信)推文嘛”——絕對不是這樣,促銷是一門大學問,打折、捆綁、買贈、兌獎、積分凡此種種。不僅花樣很多,更重要的是背后的深層次的思考,是“為什么”。

          另外,目前的醫療機構基本上也沒有人比較認真、成體系地做競品追蹤。這樣會失去潛在市場機會,非常可惜。

          四、好的產品經理應該具備的技能

          我認為一名出色的醫療產品經理應該在下面四個方面都具備一定的能力,沒有特別的短板:

          1. 學習能力
          2. 同理心
          3. 數據敏感性
          4. 表達能力

          特別就同理心和表達能力簡單闡述。同理心,即換位思考,用現在更流行的話說,是場景意識。能否準確地設置出用戶的場景,體會到用戶的感受,會直接決定產品帶給客戶的體驗,進而一系列結果:定價、毛利、傳播ROI、客戶口碑,口碑帶來的新客增長,等等不一而足。

          而表達能力則是決定這個產品經理是否能實現“串聯三條線”價值的決定性因素。醫院是一個觀念高度保守,流程高度復雜的行業,很多人雄心勃勃地進來,最終死在“搞不定那些人”上。因此,優秀的表達能力,包括書面和口頭表達能力,是遴選醫療產品經理必須考量的重要因素之一。

          五、產品經理需要和哪些部門溝通

          我不是危言聳聽:產品經理幾乎要和醫院里所有部門打交道。

          常見的如下面這些:

          • 醫療
          • 護理
          • 財務
          • 客服
          • 呼叫中心
          • 新媒體
          • 地推/線下活動
          • 推薦:獨立的數據部門

          醫療、護理和財務對于產品工作的重要性相信無需贅言。后面幾個呢?

          試想,你精心設計的賣點,是你自己拉著每一個潛在客戶去吆喝么?當然不是,客服要幫你介紹,新媒體要幫你寫文章、畫插圖。他們是不是要吃透你的意思?如果涉及填表、兌獎,要不要和客服商量流程?遇到產品的技術較為復雜,需要不需要策劃一些活動幫助客戶直觀理解其價值?最后,當潛在用戶感興趣而打電話給呼叫中心的時候,接線員是否已經被你提前武裝好,能充分回答各種提問了?

          至于獨立的數據部門,是我的一個強力推薦。傳統上由財務和病案提供的數據,更多聚焦于“既往”而很少關注“開來”。如果不由同時懂得醫療業務和有商業經驗的數據部門處理,很難直接推動運營的改善和提升。

          六、與產品經理相關的組織架構

          很多人問我,產品經理屬于市場營銷部門嗎?難道不是屬于運營部,或者醫療企劃之類的部門嗎?

          別忘了,市場營銷最基本的范式——4P中第一個P就是產品,Product。只要你所在的醫療機構設置有相對完整的市場部門,就應該在其中設置產品經理崗位?;蛘叻催^來說,如果你準備建制產品經理崗位,從一開始就應該將其設置在市場部內,并從頭開始考慮這個職位所需要的上下游角色和他們之間的銜接。

          如前面所分析的,產品經理的后端,一定要有提供數據支持的部門,前端一定要有專業的傳播團隊,這樣才能實現產品的潛力。橫向上,產品經理和他的上級,一定要高度重視與客戶服務團隊的緊密合作。

          七、醫療產品經理的招聘和培養

          老實說,現在幾乎沒有多少現成的、成熟的醫療產品經理。因為營利性醫療行業太新了,而產品經理這個崗位在這個行業又是近一兩年剛剛興起的角色。

          從招聘角度來說,我建議不要拘泥于候選人必須有醫療背景。我就沒念過醫學院,十一年前入行,就這樣摸著石頭過河,也多多少少做過一些還不錯的產品,有過幾個“爆款”的心得。相對來說,我更看重候選人是否有完整的商業思考邏輯能力。

          換一個角度來說,還可以在醫院內部挖掘有潛力的人才,從臨床部門轉型為產品經理。最關鍵的環節在于這個人是否有足夠強烈的興趣。世上無難事只怕有心人,有醫學院背景的人才,只要對產品工作發自內心感興趣,就有很大的轉型成功概率。

          文章來源:人人都是產品經理    作者:易亮 

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

          2020年的8種UI/UX設計趨勢

          ui設計分享達人

          世界和技術正在飛速發展,每年都會影響設計趨勢的走向。作為設計師,我們需要了解現有和即將到來的設計趨勢,不斷學習,改進和擴大我們的知識儲備,以便與時俱進。

          根據研究、經驗和觀察,我們非常仔細地選擇了2020年應該注意的8種UI / UX設計趨勢。那就讓我們開始吧~


          簡介:2020年8種UI / UX設計趨勢


          1. 動畫插圖

          通過對插圖,或者讓插圖進行運動,可以使我們的設計脫穎而出,并使其栩栩如生-增加額外的細節和個性。


          2. 微交互

          微交互完美證明了:著重于細節和發揚這些細節可能會大大改善你的APP的用戶體驗,并將使之更高能/更。


          3. Web和移動界面中的3D圖形

          新的Web瀏覽器功能為3D圖形打開了大門,作為設計師可以在現代Web和移動界面中創造和實現驚人的3D圖形。


          4. 虛擬現實(VR)

          游戲行業常將創新、和新技術帶入產品設計中。


          5. AR技術

          在AR空間中,有無數令人興奮的體驗機會。AR的UI設計將成為2020年的主要趨勢之一,因此,作為設計師,我們應該做好準備,并主動在創建AR體驗時學習新的工具和原理。


          6. 新擬物

          VR / AR技術的增長,以及最流行的設計平臺上顯示的那些優秀的設計告訴我們:設計趨勢可能會使擬物設計在2020年卷土重來,但這一次,它會加入更多現代時尚。


          7. 不對稱布局

          非對稱布局有很大的創造空間,不過創建優秀的非對稱布局需要我們有一定的經驗和時間去處理它。


          8. 講故事

          講故事就是以最佳的信息和創意方式將數據傳輸給用戶。講故事也是一種出色而有效的營銷工具,可以極大地提高你的產品/服務的銷售額。




          1. 動畫插圖

          插畫在產品設計中已經存在了很長時間。最近幾年的發展更是令人矚目。插畫作為非常流行的設計元素,為我們產品的整體UX添加了「自然的感覺」和「人性化的感覺」。插畫也是吸引注意力的焦點:通過對這些插畫進行動效的展示,可以使我們的產品栩栩如生,并使它們脫穎而出-增加更多的細節和個性。

          歡迎來到我們的商店!



          入職動畫



          動效展示的另一個好處是可以吸引用戶的注意力并使用戶與您的產品互動。動畫也是講述您的品牌、產品或服務故事的最有效方法之一。




          2. 微交互

          微交互幾乎存在于每個APP或網站中。每次打開喜歡的APP時,你都會看到它們。例如,Facebook有大量不同的微交互,其中「贊」功能就是一個很好的例子。雖然有時我們甚至不會特意感知到它的存在,因為它非常明顯的、自然的「融合」到用戶界面中去了。但是如果你從界面中刪除它們,你將很快意識到,某些重要的功能丟失了。

          菜單切換關閉動畫



          標簽欄活動動畫



          一般來說,在UI / UX設計中,有時即使很小的更改也可能產生巨大的影響。微交互完美證明了細節和發揚它們可能會大大改善你的APP的整體用戶體驗,并將其置于更高能/更的層次。在每一年,每種新設備都會帶來新的創造全新的微交互的機會,當然,2020年也不例外。


















          3. Web和移動界面中的3D圖形

          3D圖形幾乎無處不在-在電影,視頻游戲,街頭廣告中。3D圖形是幾十年前才被引入到產品設計中的,從那時起,它已經得到了極大到改善,并得到了高速的發展。移動和網絡技術也在快速增長。新的Web瀏覽器功能為3D圖形打開了大門,我們作為設計師可以在現代Web和移動界面中創建和實現炫目的3D圖形。

          3D翻轉菜單



          汽車健康報告用戶界面



          創建3D圖形并將其實現到Web和移動界面中需要一些特定的技能和大量的工作,但是通常結果是非常有意義的。

          Apple AirPods Pro登陸頁面



          3D圖形以一種更具交互性和吸引力的方式來展示產品或服務:例如,可以以360度演示方式查看3D圖形,從而改善了產品的用戶體驗。

          在2020年,更多的品牌將使用3D模型來展示產品或服務,打通線上線下,以模擬現實世界(店內)的購物體驗。



          4. 虛擬現實(VR)

          2019年對于VR來說,是重要的一年。在過去的幾年,我們見證了VR技術的發展和其不可思議的效果,其中大部分是在游戲行業。游戲行業通常會首先在產品設計中引入創新和新技術。研究證明VR也不例外,2019年Oculus Quest推出后,其他行業也嘗試了很多可能性。Facebook首席執行官馬克·扎克伯格(Mark Zuckerberg)已經測試了令人興奮的手部交互功能,并于2020年初正式宣布了Quest的手部跟蹤更新!

          Oculus Quest-手互動功能



          PlayStation虛擬現實網站設計



          索尼和微軟將在2020年發布其新一代游戲機。這些將為虛擬現實技術帶來很多機遇和增長空間。




          5. AR技術

          過去幾年中,我們看到了AR的許多發展和改進。世界領先的科技公司在AR開發方面投入了數百萬美元,我們應該期望在2020年行業會擴展和發展此項技術。甚至蘋果公司也推出了自己的AR工具包ARKIT 3,以幫助設計人員和開發人員構建基于AR的產品。


          ARKit 3 蘋果


          公共交通應用



          Nathan Riley的植物之家AR概念



          在AR空間中,有無數令人興奮的體驗機會。AR的UI設計將成為2020年的主要趨勢之一,因此,作為設計師,我們應該做好準備,并主動在創建AR體驗時學習新的工具和原理。




          6. 新擬物

          一般來說,擬物設計是指以逼真的樣式/方式創建的設計元素,以匹配現實生活中的對象。VR / AR技術的增長和最流行的設計平臺(Dribbble,Behance等)上顯示的設計趨勢顯示:擬物設計可能會在2020年卷土重來,但這一次,它會加入更多現代時尚。同時有了一個略作修改的名稱:“新擬物” (也稱為Neumorphism)。

          Skeuomorph手機銀行的黑暗模式



          音樂播放器



          睡眠周期應用程序



          我們可能已經注意到:「新擬物設計」代表非常詳細和的設計風格。高光,陰影,發光都被運用在設計中去。他們對細節的關注令人非常印象深刻。這已經啟發了來自世界各地的許多設計師,并且很有可能成為2020年最大的UI設計趨勢。




          7. 不對稱布局

          在過去的幾年中,我們注意到產品設計中大量使用不對稱布局?;?nbsp; 傳統/模板 的布局漸漸消失。2020年將依舊如此,因為這一趨勢將繼續保持。正確使用非對稱布局會為我們的設計增加很多特征、動態和個性,或許它們將不再拘泥于模板。


          Limnia高級珠寶首飾網格



          卡琳時裝商店



          創建非對稱布局時、有很大的創造空間。盡管創建成功的非對稱布局需要一定的經驗和時間、將元素隨機放置在網格上當然是不行的)  此外,應謹慎使用和實現它們-因為我們要始終牢記用戶的需求:我們不希望用戶使用我們產品的時候感到困惑。



          8. 講故事

          故事在產品設計中的用戶體驗中扮演著非常重要的角色。可能會在登錄頁面上經??吹剿鼈儯鳛閷ζ放?,產品或新功能的介紹。講故事就是以最佳的信息和創意方式將數據傳輸給用戶。這可以通過「版權(品牌)保護」與「強大而平衡的視覺等級」(印刷術,插圖,高質量照片,大膽的色彩,動畫和交互式元素)混合來實現。

          講故事就是以最佳的信息和創意方式將數據傳輸給用戶。 



          「本周青年實驗室」頁面故事動畫


          講故事確實有助于在品牌和用戶之間建立積極的情感和關系。講故事還可以使您的品牌更令人難忘,并使用戶覺得他們是我們產品或服務的一部分,因此他們希望與他們建立聯系。話雖如此,講故事還是一種出色而有效的營銷工具,可能會大大提高您的產品/服務的銷售額。作為非常成功的工具,講故事將在2020年繼續并擴大。

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

          文章來源:站酷  作者:一個辛普森



          上半年最熱門的新擬物設計趨勢是如何演變的?

          資深UI設計者

          新擬物化——Neumorphism ,這么說可能不容易理解,但如果說「新擬物風格」,想必 UI 界的設計師們就知道這股「風頭」,在2020年刮的多么兇猛了。

          烏克蘭設計師亞歷山大·普盧托 (Alexander Plyuto) 在 Dribble 平臺發布了一張 UI 作品《Skeuomorph Mobile Banking》,由于該作品使用了擬物化的設計風格,令人耳目一新,導致了作品的熱度持續飆升,并登上了平臺 Popular 榜首。Dribble 的評論區直接炸開了鍋,大家紛紛討論。

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          △ 普盧托的《Skeuomorph Mobile Banking》,獲得了3000多次喜歡

          隨后一位評論者杰森·凱利(Jason Kelley)在評論中將 New Skeuomorphism 「新擬物化」組合得到的 Neuomorphism 稱為「新擬物」 ,并決定去掉「 o 」,于是新設計詞匯「 Neumorphism 」便產生了。之后大家便用此做 Tag ,為自己的新擬物化設計作品打標簽上傳。

          此風格的出現也給一直流行的扁平化設計添加了新的展現形式。今年2月初,三星召開 Galaxy Unpacked 活動,為宣傳新設備而發出的邀請函,便應用了新擬物化。

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          △ 凸出的部分,用來比喻新機型的賣點

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          什么是新擬物風格?

          想要了解新擬物的由來,就必須知道擬物的概念。擬物又被稱為擬物化,或是現實主義(Realism),概括的說其主要目標是使用戶界面更有代入感,降低人們使用的學習成本,產生熟悉親和的情感聯系。

          A skeuomorph, or skeuomorphism is a design element of a product that imitates design elements functionally necessary in the original product design, but which have become ornamental in the new design. Skeuomorphs may be deliberately employed to make the new look comfortablyold and familiar.

          via:en.wikipedia.org/wiki/Skeuomorph維基百科上關于擬物化的釋義

          Apple 蘋果公司最早提出了擬物化的設計概念,通過模擬現實物體的紋理、材質來進行界面設計,當時的 UI 設計師們都為擬物化設計「癡狂」。蘋果創始人喬布斯也非常推崇擬物化,他認為:「通過擬物化,用這種更加自然的認知體驗方式,可以減少用戶對電腦操作產生的恐懼感」。不妨來回憶下曾經擬物化的 IOS 界面:

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          △ IOS 5系統中的相機展開狀態(擬物化的鏡頭)

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          △ 擬物化的精美 ICON

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          △ IOS 6系統中,被精細刻畫的錄音機(底部指針也很惟妙惟肖)

          而新擬物則是擬物的變體,在擬物的基礎上改變了圖形的樣式,讓設計元素看起來更有真實感,不再是精細的模擬,更像是從界面中「生長」出來。設計師 Michal Malewicz 以卡片的形式,將新擬物和質感設計(Material Design)對比,闡述了二者在實現時的差別。

          新擬物卡片給人呈現的是一種無縫隙的「閉合」感,由界面中凸起;而質感設計卡片,則是漂浮狀,陰影向四周發散,沒有邊界限制;二者的光影效果也非常明顯,新擬物偏柔和,質感設計則相反,非常凸顯物體本體。

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          Michal Malewicz 還標注了新擬物卡片的背景、陰影和高光的色值,整體色調比較接近。

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          擬物化風格的結構由背景色+高光色+陰影組成,掌握了基本規律,就可以通過改變按鈕、卡片的參數進行調整變換。

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          △ 形狀、陰影參數的不同,實際效果也有區別

          新擬物風格在UI層面的設計表現及趨勢?

          新擬物也經常被拿來與扁平化比較,因為擬物和扁平化是兩個相對的概念。其實在蘋果創造的設計系統的早期界面其實是非常擬物風的,但系統從 IOS 7開始,才轉向扁平的設計風格。

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          隨著 AR、VR 技術的進步,其實對于真實物理環境,或者說對顯示效率的提升之后,我們對接近物理環境的設計更熱衷了。比較有代表性的就是 Google 推出的 Material Design System,它基于人們去模擬真實的物理世界的樣子,進而在數字世界里展現我們對于真實世界的一個反饋后,這樣的設計流程和邏輯,也讓我們的設計更真實,更具有感染力。當然也不止 Google 一家發布了這樣偏擬物化的設計風格。

          從美學角度來看,其實新擬物化拋棄了之前很多擬物化里不必要的冗余,比如一些陰影、細節的繁瑣設計,更偏近現在先進科技發展的設計風格。比如 Windows 推出的 Fluent Design System ,正迎合了未來的 AR、VR 技術廣泛普及后的設計環境,希望打造一個先趨的設計系統。

          在 Fluent Design System 提到的特點有:Lignt、Depth、Motion、Material、Scale。

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          1. Lignt

          光照,它指的是點擊或 Hover 的動作上面加入光照的效果,或是像柔和的光源灑落在空間中,可以去反應物體本身的反光質感,它和 Material Design 強調的光影的擴散的光影效果是不同的概念。

          2. Depth

          深度,其實它的概念從 Material Design 開始就已經被強調了,但是 Fluent Design System 希望是用更多的方式去呈現,比如井深的模糊效果,視差滾動的動態效果,物件彼此的大小與位置等等。

          3. Motion

          動效,其實它想強調的動態效果更接近真實的世界,更強調細膩的變化,比如李安的電影「比利·林恩的中場戰事」,這個電影拍攝的幀數與以往傳統電影不一樣,看起來的感覺會更加的流暢自然,你體驗過之后會很難回去之后那種電影呈現效果了。而 Windows 強調的 Motion 也是一樣的,比起這種單調的動作,它也會去強調每個設計對象彼此之間的動態效果的時間差,看起來會更加的流暢自然。而且與真實空間中前景后景的物理概念一樣,不同的時間差會更容易凸顯出想要凸顯的主題效果,也會更加的聚焦。

          4. Material

          材質,其實在 Windows 提出的 Fluent Design System 里面,它會出現大量的模糊,透明的背景。也就是模擬毛玻璃的材質感。通常也會代入一些微光源的效果。除了能夠吸睛,吸引你的視覺之外呢,其實在 AR、VR 的界面上面感知空間中的物件是很重要的,所以模糊的背景的利用可以在不影響觀看內容情況下,還能起到背景暗示的作用。其實毛玻璃效果在 Windows 系統中已經被運用到了,但是由于當時的效能以及干擾視線的問題僅僅運用在了一些小區域,而這次 Fluent Design System 的就成為了最強烈的視覺焦點,其實同樣的 iOS 和 Mac iOS 系統里面在最近的更新也大量使用了模糊效果。

          6. Scale

          縮放,在視覺上眼前的物體大,后面的物體小,所以縮放也是來營造空間感、縱深感,尺度感的這樣一個設計特性。

          新擬物風格在設計上的應用體驗?

          1. 界面設計上的特點

          常應用于圖標、卡片或按鈕元素設計上,背景板多為干凈的純色;界面平滑,沒有明顯的顆粒感;

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          △ HYPE4《 Neumorphic Bank Redesign in Dark and Light mode 》

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          △ Filip Legierski 《 Banking App 》

          按鈕的外邊框均設置了陰影、漸變效果,突出立體感;

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          △ Samson Vowles《 Neumorphic dark ui kit components 》

          在視覺處理上,凸出的按鈕為可點擊的狀態,凹進去則代表已選中。

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          △ Emy Lascan《 Freebie Neumorphic UX UI Elements 》

          2. 被吐糟的缺點

          層次結構弱

          Whale Lab 觀察發現,新擬物弱化顏色區分而強調近遠景陰影布局,所以整體色彩都相近,除了在個別的位置加入其它顏色點綴,用戶識別起來也會迷茫;而卡片、按鈕都使用了陰影,高光效果,層次結構不明確,也很難帶來流暢的體驗;

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          △ 新擬物風格,Filip Legierski《 Neumorphism UI Elements 》

          對比度和視覺限制

          明顯的對比是界面設計的重要原則。由于新擬物風格具有各種陰影色調和角度,可單擊的內容與不可單擊的內容區域在哪里不是很好區分。根據產品的功能和要求,每個應用神經同構的產品都可以具有自己的UI階段規則;但是由于陰影,角度和浮動水平的不同,由于缺乏一致性,迷失方向的可操作項,「神經變形」會給用戶帶來混亂,最終為殘疾用戶造成使用障礙。

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          如同下面這個例子,按鈕狀態已點擊和未點擊的一個效果,由于受壓狀態的反差太小,則看起來的效果也沒有什么不同。

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          增加開發難度

          更為嚴重的是,不少設計者在使用 Neumorphism 進行界面開發過程中,也遭遇到了不少局限。要實現這個風格,主要有兩個方式:

          卡片、按鈕切圖,每個狀態(Normal、Hover、Pressed)都要裁切,導致資源庫圖片量過載;

          代碼實現,這個風格的實現效果是對元素增加兩個不同方向的投影,但需要開發對每個元素添加投影,樣式代碼增多,工作量浩大。

          網站neumorphism.io,可以快速生成 Neumorphism UI 。設置按鈕的參數值,就能看到多樣的新擬物化效果,非常神奇!

          完整梳理!上半年最熱門的新擬物設計趨勢是如何演變的?

          新技術、事物、趨勢的出現,起初都會給人們帶來焦慮甚至是恐慌。不管是擬物還是扁平,Whale Lab 覺得若是絕對化的去推崇某一種,都是錯誤的,盡管蘋果放棄了擬物進入扁平化,也不一定代表扁平就是最好,畢竟二者始終相輔相成。不敢否認,新擬物風格在今后是否變得「真香」,但對于設計師來說,從用戶體驗、產品出發的優秀設計,都值得被認可與尊敬。

          文章來源:優設    作者:UX辭典

          2020年最值得關注的10個UI設計小趨勢

          資深UI設計者

          編者按:這篇文章來自 UI 設計師 Diana Malewicz,她在日常工作中會非常注意 UI設計的流行趨勢,而這篇總結就是她梳理總結的10個小趨勢。它們更多的是偏向 UI 視覺方面,并不涉及到體驗和交互。

          最近我花了不少時間來觀察 UI 設計的發展趨勢,我偶然間注意到了不少很有意思的苗頭,或者說設計趨勢。我認為這些設計趨勢,能夠在不久的將來塑造更加獨樹一幟的UI 。

          下面是我所梳理總結出來的 10 種趨勢。

          1、新擬物化

          的確,新擬物化是2020年處于風口浪尖的一種視覺風格,無論你喜歡不喜歡,覺得它可行不可行,它現在都已經是一個確定的、成型的風格,并且會持續存在著。

          不過,新擬物化從最初誕生到現在,已經有一定的改變了,并且在向著更加復雜、完善的方向發展,有著更為良好的可訪問性,開始具備更多擬物化的設計特征,但是更加新鮮、現代,并且更能渲染出獨特的氛圍感。

          2、柔和漸變

          漸變這種設計趨勢正在進入兩極分化的一個階段。一方面,在視覺設計領域,一部分漸變變得更加夸張,但是在 UI 設計領域,無論是背景、UI元素(比如按鈕、卡片和圖形),漸變依然存在,只不過會顯得更加微妙柔和。

          在 UI 設計領域,還有的設計師會使用雙色漸變,并且結合模糊效果,讓它更加柔和。

          3、幾何元素

          幾何元素既可以作為背景來使用,也可以作為裝飾細節,讓你的設計越來越有趣。幾何元素在最近幾年受到的關注非常多,在設計上的應用也頗為廣泛,甚至有人將幾何元素拼接成為馬賽克,最終呈現出來的視覺效果非???!

          4、色調柔和背景

          必須說,我個人是非常喜歡這種設計趨勢的。我已經看到了很多令人驚艷的、輕巧且極富美學價值的背景設計,它們用明亮柔和的色彩鋪滿背景,展現出極強的色彩和搭配的技巧。

          使用色調柔和的背景能夠讓整個設計都顯得現代而沉靜,清新,讓內容真正抓住用戶的注意力。

          5、插畫和3D元素

          插畫毫無疑問是非常流行的。不過,不論是配色還是視覺風格,無論是什么樣的插畫風格,最終的目標依然是要契合產品和 UI,所以很多插畫都選擇了相對扁平的風格,或者選擇模擬類似3D的視覺外觀。相比于每個數字項目都在使用的免費圖片,插畫真的是向前走出了一大步!

          在這篇文章當中,我有分享在 UI 中使用插畫的一些簡單技巧:

          6、抽象圖形

          和傳統的規則的幾何圖形不同,抽象而不規則的圖形可以讓界面顯得更加不拘一格和好玩,更通俗的來講,就是讓 UI 界面更加「有機」,我認為這是一件好事。使用鋼筆工具在原始的圓形和矩形上進行編輯,嘗試不同的輪廓,承載不同的顏色和漸變效果,最后生成的效果會非常有趣。如果你不想去自己繪制,可以嘗試一下 Blobmaker 這個工具,能夠幫你節省時間~

          7、深色模式

          深色模式在這2年絕對是人所共知的一個設計風尚了,如今的深色模式 UI 設計已經深入到各個不同的應用。簡單來說他是整個界面配色反轉之后的效果,便于用戶在深夜更輕松地瀏覽界面信息。只不過在具體的設計實施上,深色模式遠不是簡單的色彩反轉就可以實施的,有很多注意事項,尤其是在對比度控制上,具體可以看看下面的文章:

          8、傾斜角度呈現

          最初大家在 Dribbble 上會傾向于使用非標準的排版布局方式來呈現UI界面,后來這種展現方式開始逐漸在實際的設計項目中應用開來。在實際的設計當中,絕大多數情況下都會挑選30度到50度之間的傾斜角度。這種方法非常不錯,可以多嘗試。

          9、彌散的陰影

          陰影是擬物化設計當中最重要的視覺元素之一,而如今它又再次大規模流行開來了。只不過相比于之前「沉重」的陰影,柔和的彌散陰影在美學上更加令人愉悅,通常,陰影會讓 UI 元素的「可點擊感」更強,并且有助于區分界面中的層次結構。在這篇文章當中,我有詳細說明:

          10、簡約加粗的字體

          實際上早在 iOS 7 的時代,曾經一度流行過筆觸纖細且字體寬度比較窄的字體,不過很慶幸這個時代過去了。現在所流行的字體更加講究字體的可讀性,字體的外輪廓都大體趨近于正方形,外觀顯得更加大氣而現代。如果你正在尋找類似這樣的字體,可以試試 Poppins、Montserrat、Gilroy、Sofia Pro、Proxima Nova 等字體。

          寫在最后

          這篇總結,基本上都是基于我個人對于趨勢的觀察和了解,在我看來,它們都有著非常強大的生命力,UI 設計的未來會更加富有希望。

          文章來源:優設    作者:Diana Malewicz

          5G將開啟全新的出行方式

          ui設計分享達人

          5G以其更快的速度、連接和云訪問,將大數據引進車內





          在MWC上,華為、小米、三星等通訊企業紛紛發布了5G手機,而吉利也在2月26日的MWC上,宣布了與高通和高新興合作發布吉利全球首批支持5G和C-V2X的量產車型計劃??梢?G時代對于各大車企來說有著巨大的影響,尤其是車聯網產業。那么,在5G環境下,汽車行業究竟有什么變化呢?



          5G是一代的移動網絡,憑借高帶寬和低延遲,提供了更快的速度、連接和云訪問。5G的最大速度可達到每秒20GB,比4G要快100倍。它可以應用于手機、無人駕駛、VR、電影、充電樁、醫療、農業等多個領域。而基于5G通訊技術推出的C-V2X,是實現無人駕駛和車內技術的重要前提。



          萬物互聯


          萬物互聯是自動駕駛汽車發展的關鍵,基于5G通訊技術推出的C-V2X能讓聯網車輛與交通基礎設施進行通信。通過5G可以實現自動駕駛汽車彼此之間所有數據的溝通與互聯。并與交通燈、道路、傳感器、停車場等基礎設施之間的信息互聯,最終實現車路協同、萬物互聯。



          車車互聯提升駕駛輔助


          在5G環境下的汽車,可以通過云計算來計算車與車之間的距離、車輛的下一步動作、隱藏車輛可視化、零誤差高清導航等信息。同時,也可以與其他車輛實現共享數據,提升ADAS和AEB等駕駛輔助功能,來避免車輛之間發生碰撞。



          智慧交通引領場景化設計


          5G環境下,大量的數據將被引入車內,來提供更準確的數據信息。如,高速收費、紅綠燈、RTTI、實時車位情況、消費支付、行人檢測等情況。眾多的交互有助于車輛更好的了解環境信息,并作出反饋,從而提供更好的場景化設計。如,自動超車、協作式避讓、自動播報前方道路擁擠程度并重新規劃路線功能等場景化設計。



          再比如,哈曼正在研發的交通信號燈速度優化建議技術,幫助司機根據紅綠燈信息調整時速;西亞特測試了在交通信號燈中安裝熱像儀,以檢測行人的動作并將數據反饋給汽車。



          車、商業、家居互聯改善駕駛體驗


          當車輛與酒店、商場、影院、餐廳、健身房、加油站、家居、充電樁等場所相連接,就需要以5g結合C-V2X技術的部署為基準。從而根據車主的需求,更快地預定房間、訂餐、定電影票、充電樁、商場優惠等活動,實現終端之間更的通信。



          比如,我們要去看電影,那么車輛會根據實時路況(是否擁堵、有幾個紅綠燈、是否有車禍)為您選擇最佳的路線方案,并通知停車場到達時間,以方便確定是否有符合您時間的停車位,從而得到及時的反饋。




          車載娛樂


          可以說,如今我們所說的無人駕駛、車載觸屏、全息投影、AR(增強現實)、VR游戲、AR-HUD、實時電影、車輛之間影片共享、移動辦公、多模態交互等車載信息娛樂,都是需要在5G環境下來完成的。在未來,你可以在車內利用幾秒的時間下載一部電影,也可以在車內與其他車輛之間建立網絡游戲通信,實現虛擬內容與車輛運動的實時對接。



          奔馳與哈曼合作開發的MBUX信息娛樂平臺也引入了增強現實(AR)的車載導航系統。


          MBUX信息AR車載導航系統

          BMW Vision Next 100 AR-HUD


          奧迪發布的“沉浸式車內娛樂系統”,讓乘客在車內佩戴VR眼鏡,然后車輛會根據行駛路線路況,實時匹配逼真的電競類影片。


          奧迪發布的“沉浸式車內娛樂系統”

          手勢交互

          車載機器人

          全息投影

          移動辦公


          安全駕駛


          未來的汽車將變得更加安全和,因為5G憑借其更高的帶寬、最小的延遲和零誤差高清導航,能夠預防事故和觀察到車身周圍的各個角落。再結合C-V2X技術將極大地促進車輛之間、車輛與行人、道路基礎設施之間的信息流動和監控車輛異常情況。從而做到提前預知危險,并迅速作出響應來提高道路安全性。另外,5G對于阻止黑客攻擊和數據攔截能夠得到更快響應,從而保障通訊安全。



          想象一下,如果你的車可以在1毫秒內做出反應并將反饋傳達給數百人,那么,危險系數就會降低很多。5G時代,端到端的時長為1毫秒,同時1平方公里內可同時連接100萬個網絡,足以滿足智能交通和自動駕駛的要求。



          無人駕駛


          5G是實現無人駕駛最為關鍵的因素,如今,5G的成功研發有助于車輛之間大量的數據傳輸和存儲,實現車聯網的同時,也保障了車輛行駛的安全性;另一方面,5G可實現數據更快速的云訪問,從而更有效地減少傳感器技術的成本,最終實現無人駕駛。


          總結


          5G以其更快的速度、連接和云訪問,將大數據引進車內。從而,在提升駕駛體驗的同時,實現了汽車與萬物的互聯,保障了汽車駕駛中的安全性,從而為無人駕駛汽車提供了技術支撐和更便捷和的信息娛樂系統。


          • 5G將成為未來十年全球主導的移動通信標準;

          • 基于5G的C-V2X技術,會加快無人駕駛技術的落地;

          • 5G環境下的車載信息娛樂系統將改善用戶駕駛體驗,同時催生大量的市場新機會;

          • 共享平臺下,5G將根據實時路況作出更準確的判斷,從而減少時間成本和停車成本;

          • 5G遠不止應用于汽車、手機,它將應用于醫療、機器人、農作業、航空等更多方面;

          • 5G技術為無人駕駛的實現提供了技術支撐和安全保障,同時也降低了安裝傳感器技術的成本;

          • 5G實現了車與車、道路、家居、商業之間真正意義上的“車聯網”,為交通提供更準確的交通信息和通信信息;

          • 5G將會提供更多的場景,從而加快市場社會變革和新的商機,但需要大量的資金投入,能否將技術化為盈利是一大問題;

          • 5G以毫秒的速度,提供更精細的地圖數據和更高級的駕駛輔助,并作出快速的反饋,提高了駕駛的安全性,對于減少交通擁堵,提高交通效率和道路安全有著積極的作用。



          轉自-站酷

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




          日歷

          鏈接

          個人資料

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

          存檔

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