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

          首頁

          2021年品牌 LOGO 設計流行趨勢

          濤濤

          LOGO 是品牌設計當中最為重要的一環,LOGO 本身的設計不僅昭示了品牌的身份,甚至可以表現品牌的價值觀和特點。你可能想開拓新的領域,或者重塑舊有的業務,又或者是基于 2020 或者2021 年的新趨勢,將原本的 LOGO 升級,這些都是促使 LOGO 革新變化的契機。

          和視覺設計不同,LOGO 的設計常規類型其實是相對固定的,通常不會有某種類型的 LOGO 占據主流,但是不同類型的 LOGO 呈現出不同的變化和趨勢傾向,下面就是 LOGO 設計在 2021 年呈現出的 11 個趨勢:

          1、3D 和 等軸測 LOGO

          2021 年將會是 3D 在設計領域中徹底崛起的一年。而相應的,在 LOGO 設計領域,光影細節也成為了很多企業和品牌體現品牌價值和特質的一種設計策略。如果你正在尋找一種流行的風格,或者打算將已有的 LOGO 翻新升級,試試立體的 3D 設計,這可能是當下的一種設計風格。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          2、水墨風格 LOGO

          這是最近2年又重新流行開來的一種設計風格,復雜的輪廓和陰影,筆觸細節豐富,繁雜但是令人愉悅,手寫和手繪都融入其中,從手寫風格的文本到近乎手繪的圖形圖像,你能在這樣的 LOGO 設計中感受到強烈的品質感,感知到精致的元素和獨特的個性,整體其實是給人耳目一新的感覺。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          3、文字 LOGO 設計

          文字 LOGO 一直是 LOGO 設計中的一個比較大的門類,只需要使用特別風格化的字體來呈現品牌的名稱,就能夠很大程度上傳遞品牌的主要信息和氣質,它足夠簡明,不費吹灰之力就可以確保信息的傳達,視覺的美觀,氣質獨特,并且獲得某種程度的認可。下面的 LOGO 都是2020年新設計的文字 LOGO 中,比較有特點和代表性的作品。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          4、基于自然靈感的 LOGO 設計

          有很多品牌本身,和自然元素是有關聯的。在今年這個大環境之下,大家對于自然的青睞是無與倫比的。這也是的很多和自然元素相關的品牌,會盡可能多地在設計的時候從自然汲取靈感,盡量創造富有識別度,有著平靜協調氣質,并且能夠讓人想到「自然」的設計,下面的案例就是典型:

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          5、經典黑白 LOGO 設計

          黑白是永恒的經典。通常,黑白 LOGO 會更加考驗設計師對于形體和構成的認知。優秀的黑白 LOGO 通常輪廓分明,優雅又頗具識別度。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          有意思的地方在于,2021年的黑白 LOGO 并非和往常一樣毫無新意,很多設計師會將 3D 效果、動畫和黑白 LOGO 結合到一起來進行設計。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          6、色彩鮮艷的 LOGO 設計

          生動的色調,明亮的色彩,只有扎眼的設計才能夠在第一時刻抓住用戶的注意力。在 2021 年,反常規、大膽的用色會是 LOGO 設計當中相當合理且出彩的一種策略。用戶會下意識地被品牌色吸引,這也能夠讓LOGO 和品牌最快發揮效用。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          7、使用角色和吉祥物的 LOGO 設計

          角色總是能夠更容易引起共情,因為一個具體的角色總能夠更加具象和立體地呈現特征、傳達情感甚至在某些方面引起互動。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          值得一提的是,在品牌設計方面,設計師將想象力和品牌特征加諸角色,也可以幫用戶和觀看者構建出想象空間。

          使用角色或者吉祥物構建的 LOGO 可以更加輕松地應用到海報、標牌、廣告、動畫、社交媒體等地方。這類 LOGO 設計的重難點,是如何通過簡單的角色傳遞出獨特的氣質和情緒。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          8、帶故障效果的 LOGO 設計

          在抖音風靡全世界之前,很少會有人在 LOGO 中玩故障效果。一方面是故障風并沒有那么主流,雖然很贊很賽博朋克,另一方面是和故障風在氣質上契合的品牌其實并沒有那么多。

          不過在這個注意力資源稀缺的時代,前有大廠帶路,后有市場壓力,很多品牌開始在條件允許的情況下,盡可能地采用更為大膽的故障效果,瘋狂地、富有創造性地嘗試這一效果。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          總而言之,如果你正在尋找一些特殊的 LOGO 效果,來試試故障效果吧。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          9、動態 LOGO 設計

          動效,或者我們稱之為微動效,是在2020年之前就存在的東西,不過在 LOGO 設計領域的大范圍流行,應該在 2021 年。在數字硬件性能過剩的今天,讓 LOGO 動起來并不是什么大事,只要它能夠吸引用戶的注意力。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          唯一的問題是在于,怎么動才會讓它恰到好處?很簡單,看看別人都是怎么做的:

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          10、漸變色 LOGO 設計

          和 3D 設計一樣,漸變色也一直身處設計領域的話題中心。漸變本身會賦予 LOGO 以更強的體積感和立體感,讓色彩更加有趣,即使 LOGO 不動的時候,依然具有足夠的「動感」,這大概是漸變色最富有價值的地方。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          值得注意的是,隨著「擬物化」的「文藝復興」,大幅度漸變色重新成為了設計師們的寵兒,雖然這是大趨勢,但是在設計 LOGO 的時候,依然要注意堅守品牌色,同時控制好變化幅度,避免過猶不及的情況發生。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          11、簡單幾何圖形 LOGO 設計

          回歸簡約和基礎可能也是 2021 年 LOGO 設計的一個重要的主題。很少有東西能像基礎的幾何圖形那樣具有啟發性和趣味性。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          將基礎的幾何圖形進行重新的排列組合,可以創作出各式各樣的圖形,傳達隱喻,還富有藝術性。在2021年,你可以嘗試一下這種 LOGO 設計,它巧妙且有趣。這種設計還可以結合動畫和色彩變換,創造出引人入勝的動畫效果。

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          繼續預測!2021年品牌 LOGO 設計流行趨勢

          結語

          相比于其他的設計門類,LOGO 設計更加考驗設計師的基本功和打磨的耐心,而與此同時還能擁抱變化的設計師,能夠在接下來的 2021年,創作出更優秀的作品。

          文章來源:優設    作者:Iveta Pavlova



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

          阿里設計官方年度重磅:2020天貓雙十一品牌設計全案

          鶴鶴

          內含2020天貓雙十一全套設計高清圖集

          友情提示:史上最全案例解析,2020天貓雙十一全套設計高清圖集可在文末找到獲取方式。


          一年一度的雙十一今年又迎來了高峰,在今年全球疫情蔓延、國際局勢風云突變的背景下,天貓雙十一再一次刷新世界的認知,把世界記錄推上一個新的巔峰。


          「 羅馬不是一天建成的!」

          天貓雙十一的奇跡,也不是一蹴而就。
          奇跡的背后,是所有人十年如一日的自我挑戰、追求的共同結果。但同時,對于阿里小二來講,雙十一也成為了一項無比艱巨的任務,他們需要在所有人的期待和關注下,頂住壓力給大家一個驚喜。

          這其中,就有一支神秘的隊伍:天貓雙十一品牌設計團隊,正是他們在背后持續的耕耘,不斷刷新“雙十一”的顏值,在潛移默化間,讓一個購物節,開始真正擁有了“節日”的味道,讓設計和設計師,在整個雙十一中發揮出越來越重要的價值。

          他們有著怎樣的堅持?又是如何突破自我?相信聽完他們的故事,你自然就會有答案。

          2020天貓雙十一主LOGO

          多語言版本LOGO

          今年是雙十一的第12年,基本上每年雙十一品牌設計一發布,我和團隊就會陷入深深的焦慮?!懊髂昴銈兇蛩阍趺赐妫俊笔煜の覀兊呐笥芽偸窃诤臀掖蛉?,其中一半是玩笑,一半也確實是我們內心的真實寫照。

          記得前兩年我就提到,天貓雙十一logo可能是最難的logo之一... 他的難點在于,在「 貓頭+11.11 」框架不變的基礎上,我們如何在僅剩下的20%設計空間中去傳達每年不一樣的主題,賦予雙十一1個新的內涵。

          一年一度的挑戰

          其中最大的挑戰,還是這個符號本身,這些年我們以每年幾百個方案的量來嘗試不一樣的表達、能玩的形式基本都嘗試了個遍。

          在今年項目最初期,我確實也在想,“不就設計個logo嘛,想這么多有的沒的干嘛?”所以,我們倔強的嘗試從純粹的設計形式上去尋找突破口,在出了一版又一版的方案之后發現,要么似曾相識,要么完全看不懂... 這顯然是一條不歸路,但時間的壓力卻擺在那里。在這個關口,我們將何去何從?

          LOGO前期DEMO


          一個聲音開始不斷在腦海中響起:「 全局著眼,細節著手 」

          這些年,每當項目進展陷入僵局的時候,我都會想起它。

          “全局著眼”講的是不能單一、片面的看問題,要把事物放在全局里考慮,不僅要考慮事物本身,還要考慮它和其他事物的聯系和關系。只有這樣,才能洞察到事物的本質,往往無從下手是因為看的不夠廣,不夠深,找不到切入點,“眼盲所以手瞎”。

          “細節著手”講的是全局的思考最后要巧妙的落在細節上,深入淺出,用細節的力量觸動人心。

          共創過程

          那么,我們應該如何“全局著眼” ?

          首先,回到設計的本質來看,“設計的本質是將一個想法和觀點,通過設計的轉譯,巧妙的傳達給受眾?!逼渲械暮诵氖且纫业健跋敕ê陀^點”,而“想法和觀點”來自于如何通過一個全新的視角看待原本熟悉的事物。

          因此,團隊的小伙伴們,開始在不斷的問自己一個問題:對于雙十一,我們還有什么新的想法和看法?“全年最便宜的一天”、“購物狂歡節”、“買買買”、“不只5折”…這些都是大家耳熟能詳的東西,是不需要去說而大家都知道的事。

          那么今年這個雙十一,又和過去有什么不一樣?

          今年確實不平凡。

          疫情產生的連鎖反應,影響到每一個人。大家開始關注新冠肺炎的確診數、關注熔斷后的道瓊斯指數、關注受災的地區和人數、關注銀行里的存款數 … 而本該體驗美好生活的計劃被擱置或者延后,原本觸手可及的理想生活,在這一年變的異常難得。


          「 生活,本該是我們珍惜的一種經驗,而不是要一起捱過去的日子 」

          文學大師莫言的金句,放在當下,十分應景。假如沒有疫情的影響,我們的生活會更加理想。這是深藏在我們每個人內心的真實訴求 ...

          「 理想生活,本該如此!」

          一句感嘆脫口而出,它就是我們當下內心真實的寫照,是所有人都能感受到的共鳴!這一刻我們仿佛被點亮,心中莫名興奮,激動不已…

          當激動的心跳逐漸平緩,頭腦恢復冷靜,我們又陷入了深深的沉思...

          「 理想生活,本該如此!」然后呢?行動號召是什么?

          和雙十一又有什么關系? 

          洞察

          回顧過去,每當我們民族或自身遭遇困境的時候,總能激發起骨子里那股不服輸的精神。不管眼前有多難,現實如何殘酷,你總能見到身邊那些勤勞積極的人,面對生活的艱辛,默默的付出,想盡一切辦法讓自己好起來。這是最樸實而真實的愿望,也是扎根在我們每一個中國人骨子里的“大智慧”,正是這種“大智慧”,讓我們總能一次又一次的從困境中走出,然后又一步一個臺階,讓生活越來越接近自己理想中的樣子。


          「 理想生活,本該如此!」
          所以我們要“想盡一切辦法好起來” —— 每一份認真生活的理想,都值得被鼓舞。

          今年的雙十一和往年相比有著更加特殊的意義 —— 作為一個國民級的購物平臺,面臨后疫情時代振興經濟的使命,我們不僅要將雙十一這個節日延續下去、同時我們還要通過這個節日讓廣大的商家和消費者,重振信心!

          品牌溝通策略

          因此,天貓雙十一在業務上也和往年有很大的變化:
          首先是新供給:今年的雙十一,會讓更多的品牌和商家入場,不僅將原有的品牌翻倍擴充到25萬家,同時還把重點放在扶持更加需要幫助的500萬中小商家、新國貨商家、外貿企業、產業帶工廠、農產品商家,讓他們借助雙十一走出困局,煥發新生。

          其次是新玩法:將原本“雙十一全球狂歡節”升級為“狂歡季”,把全年最便宜的一天,變成兩波售賣期,拉長了狂歡的時長。一方面是幫助商家帶來更多增長、更多機會,讓商家真實感受到“生意在變好”;同時也讓消費者有了更多選擇、更多便利、更低價格、更大實惠,讓消費者切身感受到 “生活在變好“。讓雙十一,通過“買買買”所帶來的理性價值,最終轉化為 “天貓雙十一,讓我好起來”的情感價值。

          我們把這個情感價值,翻譯成為了和所有人溝通的語言 —— 

          「 Cheer Up! (生活會更好,加油?。?/span>

          core idea

          想到這里,今年品牌設計的方向越來越清晰,這就是我們通過“全局著眼”得到的設計方向。

          接下來的任務,就需要我們從“細節著手”把「 Cheer Up! (生活會更好,加油?。咕呦蠡谋磉_出來。我們再一次回到了「 貓頭 + 11.11 + ?」的公式,和之前不同的地方在于,再次回來,方向變得清晰了很多。

          「 Cheer Up! 」通過什么具體的畫面能夠直觀的感受到?

          當我們把這些畫面集合在一起細心的觀察,不難看出這些畫面多少都有些共同之處的細節:就是大家都會情不自禁的伸出手臂,內心活動配合肢體傳遞出自己的能量;這個動作非常直觀的讓我們感受到了向上的正能量,這是不用解釋就能理解的語言。

          而當我們再把「 貓頭 + 11.11 + 振臂高揮 」結合在一起的時候,渾然天成;只是增加了一個小細節,整個符號突然有了生命力。

          ———  天貓伸出圓(援)手,為你加油!

          尤其是配合動態表達,一目了然... 這就是我們要的深入淺出!

          把難以理解的圖形,直接轉化為一個活生生的形象,面對面 和所有人溝通。

          動態Logo設計

          Slogan設計

          當然,搞定了Logo和Slogan,還只是整個雙十一品牌設計中的第一步。

          接下來,我們還要把「 cheer up! (生活會更好,加油?。惯@個核心創意延展到線上線下各個場景,讓大家全方位的感知到這股振奮人心的力量。

          2020雙十一品牌全鏈路體驗地圖

          天貓雙十一 · 全世界的狂歡季


          2020雙十一Format 「上揚的生命力 ╱ Up」 

          首先,通過提取品牌心境映射中「振臂高揮」的積極態度,結合其視覺映射「上揚的生命力」的明確感知,我們定義了簡潔有力的品牌Format:「 Up ! 」

          2020雙十一品牌Format「 向上的生命力 ╱ Up 」

          同時我們將標識動態與品牌Format結合在一起,定義了線上動態品牌版式。不僅為適應日漸多媒體化的投放環境,也進一步增多與用戶情感化溝通的場景。

          2020雙十一品牌Format動態版「 向上的生命力 ╱ Up 」

          2020天貓雙十一線上會場設計

          2020雙十一貓頭海報:天貓與超級品牌們、1起挺你!

          2020天貓雙十一定制禮盒

          在過去幾年,我向大家介紹過天貓雙十一的主風格來龍去脈;而在今年,我們在傳承雙十一節日氛圍的同時,于視覺主風格上做了進一步創新:同樣通過提取品牌心境映射中「振臂高揮」的積極態度、結合視覺映射「上揚的生命力」的感知,我們嘗試用更明確的視覺系統來傳達「Cheer Up! 」這個核心創意。
          相比符號,視覺風格更直觀易感知,它可以通過形色質構形成全方位的表達。


          2020雙十一視覺系統 「向上的生命波長 ╱ Up」

          置身于晴空萬里無云,噴薄而出的、充滿力量的上揚繽紛飄帶 ...

          當我們將這些元素結合的時候,就形成了今年雙十一獨特的視覺語言;再通過加入溫暖并有力的手寫Slogan與形色質構的拆解,應用到各個場景。

          2020雙十一主視覺系統:「 向上的生命波長 ╱ Up 」

          2020天貓雙十一新聞發布會:開啟的儀式!

          2020天貓雙十一直播開幕盛典:天貓與眾明星1起挺你!

          天貓雙十一 · 理想之城:攜手8座城市、與全中國1起挺你!

          天貓雙十一主題曲:天貓 × 易烊千璽 ×千喵、1起挺你!

          2020雙十一限定天貓形象「給力貓」

          更為突破的是,天貓在今年、繼貓頭海報品牌資產落成后 —— 通過雙十一限定天貓形象,集結全球8個國家、108個IP,組成「挺你天團」!一起為年輕人的生活態度發聲!

          「 罕見名場面!」天貓與百大IP、世紀大同框 ...

          天貓攜手百大IP聯名:世紀天團集結、1起挺你!

          全套高清圖集獲取方式請看文末

          天貓與變形金剛、小豬佩奇、hello kitty、泡泡瑪特、海爾兄弟等世紀大同框!他們1起組成劃時代的超級聯名,為年輕人的生活態度發聲!力挺你盡情熱血、盡情自我、盡情燃、盡情佛、盡情旅行、盡情閱讀....


          每一種理想生活 —— 都有我們、

          以及這顆星球上的超級IP們 ... 

          1起挺你!


          天貓雙十一,1起挺你、盡情生活!



          文章來源:UI中國  作者:Ali ba baDesign

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

          超贊的頁面設計賞析(三)

          前端達人

          網頁中超過95%以上的信息都是通過文字的形式呈現。 然而,頁面文字并非毫無章法的隨意呈現。事實上,更具可讀性、視覺效果以及獨特排版和布局的網頁文本設計,更能吸引用戶,提升用戶愉悅度。這也是為什么越來越多的設計師日益重視網頁排版設計的重要原因。

          BS界面是基于瀏覽器的界面,隨著人們對于用戶體驗要求的不斷提高,BS界面的設計要求也越來越高,

          接下來為大家分享一下我收集到的案例:

          jhk-1599463771362.jpg

          jhk-1604364112925.png

          jhk-1604364117821.png

          jhk-1604364127546.png

          jhk-1604364176554.png

          WechatIMG544.jpeg

          WechatIMG543.png

          WechatIMG542.png

          WechatIMG541.jpeg

          WechatIMG539.png

          WechatIMG535.jpeg

          jhk-1604364225781.png

          WechatIMG545.jpeg

          WechatIMG593.jpeg

          WechatIMG597.jpeg

          WechatIMG598.jpeg

          WechatIMG599.png

          WechatIMG604.png

          WechatIMG605.png

          WechatIMG616.png

          WechatIMG614.png

          WechatIMG613.png

          WechatIMG610.jpeg

          WechatIMG609.pngWechatIMG609.png

          WechatIMG608.jpeg

          WechatIMG606.png

          WechatIMG617.png

          WechatIMG618.png

          WechatIMG619.png





          (圖片均來源于網絡)

          點擊查看更多UI/UE設計案例??????

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



              更多精彩文章:

                超贊的頁面設計賞析(一)

                超贊的頁面設計賞析(二)



          超多案例!APP 彈窗類型總結

          濤濤

          彈窗是我們平時在設計APP時候繞不開的一個元素,選擇合適的彈窗形式,是我們需要多加思考的地方,避免變成只會完善產品原型的線框美工。

          彈窗是我們與機器界面進行互動的一扇窗,它是一種用戶與產品直接對話的方式,它可以傳達信息,反饋狀態以及引導用戶操作。彈窗分為兩種類型:模態彈窗與非模態彈窗(有些地方可能翻譯為無模式窗口)。

          超多案例!APP 彈窗類型總結

          模態彈窗

          用戶需要先與其進行交互,才能繼續操作。也就是說它是強制性的,用戶無法忽視它的存在。確保人們收到關鍵信息,并在必要時采取心動。

          非模態彈窗

          存在一定的時間限制,通常用于系統反饋,用戶無需對其進行回應。

          超多案例!APP 彈窗類型總結

          模態彈窗

          1. 對話框 Dialog / 警告框 Alerts

          超多案例!APP 彈窗類型總結

          出現在需要打斷用戶操作的情況下,可以大致分為信息下發(被動)例如:版本更新,消息通知,運營廣告等。信息提交(主動),例如:修改信息,登錄注冊等。

          超多案例!APP 彈窗類型總結

          通過上面幾個案例我們還能發現幾個特點,按鈕可以通過差異化設計引導用戶去點擊(例如美團的版本更新),運營類彈窗一般更注重視覺沖擊力,且刻意將關閉按鈕弱化遠離彈窗主體,背景蒙版顏色更深一點,營造更強的沉浸感。對于承載輸入功能的彈窗,需要注意鍵盤彈出后的位置。類似系統功能的彈窗,比如清理緩存可以考慮直接調用平臺的系統彈窗。

          2. 浮層 Popover / Popup

          超多案例!APP 彈窗類型總結

          通常在用戶進行交互后出現,比如常見的下拉菜單,下拉彈窗等,更加強調彈窗的從屬關系。(在騰訊ISUX騰訊文檔的文章中使用了模態浮層與非模態浮層的概念,有興趣可以去看看)。

           

          超多案例!APP 彈窗類型總結

          同樣都是下拉彈窗,但是很多產品有著不同的處理方式,微博通過暗色系彈窗來明確區分彈窗內容與背景內容,釘釘通過加深背景蒙版來突出彈窗內容,大眾點評只使用了淡淡的投影,去掉了背景蒙版,使得彈窗內容與背景內容對比無法拉開,在實際體驗中相當影響用戶的識別效率。

          3. 操作欄 Action bar / 操作列表 Action Sheets / 操作視圖 Activity Views

          超多案例!APP 彈窗類型總結

          跟浮層有點類似,也是通過用戶的主動交互后喚出的功能菜單。通常出現在屏幕下方,占用屏幕比例較高,為了方便用戶使用,底部會放置取消功能。(Action Sheets和Activity Views是IOS官網規范中的叫法。)

          超多案例!APP 彈窗類型總結

          這種類型的彈窗最常見的場景就是分享模塊,比起其他的模態彈窗,它能夠承載更多更豐富的功能(多為選擇項功能)。支付寶和微信公眾號分享算是最標準的Action Sheets,為了減少用戶不必要的記憶負擔,彈窗高度限制較低,露出更多的背景內容協助用戶記憶。

          4. 卡片 Sheet

          超多案例!APP 彈窗類型總結

          Sheet是出現在IOS人機交互指南中的一種模態窗口,形式為一張從底圖出現的卡片,幾乎覆蓋了全部的原頁面。但是未覆蓋的區域也會使用暗色蒙版來幫助用戶記憶暫停的任務。因為它支持上下拖動,所以比起浮層,它能夠承載更多的復雜信息內容,常用于一些表格無法承載的復雜任務但又非沉浸式的情況下。

          超多案例!APP 彈窗類型總結

          比起Action Sheets,Sheet的屏幕覆蓋率更高,且更多時候承載的是信息錄入型功能。Sheet需要頂部標題告知用戶當前所處步驟信息,通過底部卡片形式的疊加讓用戶感知當前處理的任務流程為主流程的分支任務。

          5. 其他補充

          超多案例!APP 彈窗類型總結

          隨著交互體驗與產品技術的不斷發展,如今的設備都能承載越來越多復雜精細化的模塊。所以漸漸有越來越多特殊的彈窗形式。(底層邏輯是互通的)

          超多案例!APP 彈窗類型總結

          例如網易云音樂的分享使用了沉浸式模態,多個彈窗組合的形式,還有動效引導,以此來承載自身豐富的分享形式。IOS桌面使用聚焦類型的彈窗菜單,幫助用戶進行視覺聚焦。

          非模態彈窗

          1. 提示框 Toast

          超多案例!APP 彈窗類型總結

          常見用于反饋用戶的操作結果,反饋應用的狀態改變,一般持續2s左右便自動消失,可能出現在任何位置。(不能通過主動滑動關閉)

          超多案例!APP 彈窗類型總結

          目前最常見的場景就是各種刷新反饋信息,一般來說存在感都比較弱,比如案例中的知乎,B站和INS。比起B站和INS,微博和知乎都在其中融入了自己的品牌特征:主題色點綴,雖然只是個小細節,但是對用戶的品牌感知能起到潛移默化的作用。

          2. 提示對話框 Snackbar

          超多案例!APP 彈窗類型總結

          Snackbar最早是出現在Android的一種彈窗形式,不過現在很多IOS端產品上也會出現。它有點類似Dialog和Toast的衍生,很多時候像Dialog一樣可交互,有時候又像Toast一樣有時間限制。通常出現在屏幕底部,由頁面底部向上滑動出現,向下滑動消失。

          超多案例!APP 彈窗類型總結

          由于目前手頭木有Android手機,所以截了Material Design的官方說明案例來幫助理解。主要強調了兩個點:1.不要加Icon,2.只能有一個操作項;因為snackbar及時不操作也會消失,所以比較常見運用與工具類產品,需要保持操作的連貫性。例如郵箱類產品,用戶刪除了郵件,snackbar可以及時反饋刪除成功的狀態的同時提供撤銷的操作。

          3. 透明指示層 HUD

          超多案例!APP 彈窗類型總結

          HUD是出現在IOS端常用的一種非模態類型,最早出現在屏幕中間,由于容易影響用戶的沉浸式體驗,所以在IOS13版本中對HUD進行了邊緣化調整。

          超多案例!APP 彈窗類型總結

          對比左側與右側的HUD就會體會到為什么早期會被那么多人吐槽,特別是在游戲類的沉浸式應用中,很容易破壞用戶的體驗。

          彈窗設計時需要關注

          1. 展現形式

          展現形式核心是分場景,一些偏向系統報錯考慮使用最簡單系統的彈窗展現形式,運營廣告之類的可以通過特殊的設計手法來吸引用戶。但是不管怎么做,一定要讓用戶懂得,這是一個彈窗。非模態彈窗一般多以最簡單的形式出現,避免傳遞狀態信息時干擾用戶的關鍵信息獲取。

          2. 按鈕模態彈窗一般情況下只放置1-2個按鈕,信息告知類型的放個“確定”,重大決策類型的放個“確定”“取消”。比較特別的是權限請求彈窗,可能會有多個按鈕?,F在很多運營廣告為了曝光率會將關閉按鈕放在邊邊上,對于用戶體驗上來說相當的不友好,但是對于運營數據上來說可能會很好看。

          3. 動效因為彈窗承載文本量有限,得利于設備技術的發展,現在越來越多的產品會在模態彈窗中使用動態的形式傳遞信息,例如很多產品的功能引導。對于非模態彈窗來說,由于本身存在感較弱,動效運用于合理順應用戶的視覺動線,例如你下拉刷新后,一般刷新反饋彈窗都是出現在用戶當前的視覺聚焦點。

          4. 時機頻率把握好彈窗出現的時機和頻率

          模態彈窗會直接打斷用戶的操作狀態,一般只有在不可逆,或者操作會造成嚴重后果的情況下出現。但是在一些特殊的商業需求下,比如運營廣告,那就得權衡用戶與商業利益之間的關系了。非模態彈窗的話更注重出現的時機,反饋一定要足夠及時,這樣才能不會讓用戶在操作中產生疑慮。

          5. 文案表述

          由于彈窗的信息承載量非常小,所以一定要用最精煉,恰當的表述來告知用戶信息或者當前狀態,可以考慮使用“動詞+名詞”的組合短語,例如“刪除照片”“取消訂單”等等。特別是非模態彈窗那種會自動消失的,文案字數要更加注意(可以考慮增加一些通用icon顏色輔助表達,比如正確使用綠色打勾)。

          6. 輸入內容

          很多彈窗承載著表單輸入的任務,然而彈窗并不適合過多的表單輸入,特別還有一些多到需要下拉了- -如果需要用戶填寫很多表單,乖乖跳轉新頁面吧。況且彈窗本身出現就已經中斷了用戶原有的操作,還要填一大堆東西的話。。(除了IOS的Sheet,它的出現就是IOS官方為了解決常用于一些表格無法承載的復雜任務但又非沉浸式的情況。)

          寫在最后

          由于目前手頭目前沒有Android,所以截圖案例都是基于IOS端,下次有機會繼續修改更新。不過目前來說兩端很多交互形式越來越趨向共通。

          借由這篇文章開了“設計控件”系列的坑,接下來會繼續學習與分享其他的設計控件相關知識。包括之前的設計原則系列,也會繼續分享設計心理學法則等等。最近一直在思考自己的學習框架,除了設計基礎原則,設計控件外,還有設計模型以及設計工具等等。坑已挖好,接下來就靠自己一鏟子一鏟子去填了。

          文章來源:優設    作者:Chinn 


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

          內容類產品“小紅點”設計研究

          濤濤

          “小紅點”表面上是一個視覺設計問題,但背后其實是一個產品策略和如何調度用戶注意力的問題。



          你是否遇到這種場景,打開一個APP想趕緊用呢,結果滿屏“小紅點”提醒,強迫癥的你必須咬咬牙把它們先消掉,才能舒心的正常使用。



          這種事兒發生在微信還能接受,畢竟你媽聯系你,喜歡的人聯系你,領導聯系你,“紅色”的強提醒還是很有必要的,不然你可能錯過重要的事情。


          但對于非IM產品,比如內容消費類產品,大多“小紅點”的出現對用戶并沒有那么重要和緊急,更多的是把產品意愿強加給用戶(產品導流、提活)。


          這種“小紅點”對用戶來說,只是為了消除而點擊,或者麻木了連消都不想消;對平臺來說“為了消除而點擊的行為”也帶不來真正的產品價值。


          那內容類產品的“小紅點”應該怎么設計呢?有什么差異化的處理手法嗎?今天跟大家分享下大牙最近的思考。




           “小紅點”認知思考 


          說實話我最近理“小紅點”理的,對它都起了敬畏之心。


          “小紅點”表面上是一個視覺設計問題,但背后其實是一個產品策略和如何調度用戶注意力的問題。而用戶的注意力如何被調度和分配,更是一個產品長期戰略問題。


          用戶對不同產品消息提醒,接受度和投入的注意力是不同的:


          比如,用戶對于微信(IM產品)消息的 時效性要高于快手/抖音/微博(內容型產品);

          這意味著:我媽在微信上給我發消息,我希望微信及時推送過來,不然她看我一直不回會以為我出啥事了;
          而快手/抖音/微博的消息在時間上我可能沒那么強的訴求,有可能白天給我推,我太忙點了也沒時間看,反而晚上躺到床上你給我推我就看了。

          用戶對于微信(IM產品) 關系親密度和穩定性高于快手/抖音/微博(內容型產品)。

          這意味著:微信里都是熟人朋友,就算他們給我發很多消息,微信提醒我,我也覺得還好,畢竟是我朋友嘛;
          但如果快手/抖音/微博里的一名路人甲給我發很多消息,我可能會覺得一直推送好煩啊,忍耐度會更低。
          所以,適合別人的消息提醒的邏輯和設計,不一定適合自己。


          而且,小紅點的設計,最終需要回歸“用戶價值”。目前大部分產品對于“小紅點”所追求的是:高打開率。


          這個訴求在短期內可以用產品或設計手段來滿足,無非就是“紅點”出現的更多、更大、更閃亮。
          但長期是需要靠 “紅點通知的價值”是否與“對用戶的價值”相匹配,通俗的說,再醒目的設計,如果內容對于用戶沒有價值,那么最終也只是一個“狼來了”的案例。

          其實用戶不是怕打擾,用戶只是關心它跟“我”有什么關系。

          因此,在做“內容類產品小紅點”提示時最需要思考的是:如何產出符合內容型產品特點,以用戶價值為中心的通知提醒設計方案。






           怎么做?


          解答這個問題的核心切入點有兩個:1.視覺樣式(長啥樣),2.展示策略(啥時候出現)。

          因為讀我文章的更多是設計師,所以這篇重點聊一下“視覺樣式”。構成消息提醒視覺樣式的核心元素有兩個:a.色彩;b.形狀。



           a.色彩


          看了下市面大部分產品對“小紅點”的色彩解法,得出以下結論:


          1)大多數互聯網產品的提示色采用的是“紅色”;

          猜測原因:大家本能的認為用“紅色”總不會出錯。



          追溯了下“小紅點”的由來:它最早來自于黑莓手機系統。


          在諾基亞一統天下的時代,新消息的提醒是圖標+數字的形式。黑莓在2009年推出的9700系列,搭載的黑莓系統開始使用了帶星號的小紅點形式。


          Apple公司在2013年注冊了相關專利,并在iOS系統上開始正式使用。




          目前小紅點已經變成了一個通用的提醒機制,且出現被濫用的趨勢。



          2)“品牌主色”與“紅色”接近的產品,大多傾向于采用“品牌主色”作為提示色;

          猜測原因:“紅色”和“橙紅,玫紅,粉紅等相近主色”并存且柔和到一起時,頁面會顯得混亂,所以他們把自己“主色”也作為提示色。





          不過這種處理手法也一般,還是亂。



          3)雖然“黃色”也具備一定的警惕和提示性,但僅存在于少數的黑色界面產品中;

          猜測原因:黃色在白色背景上看不清。




          4)部分產品采用“兩種消息提醒色”,進行分層處理(1級頁面紅色,2級頁面其他顏色)。

          猜測原因:1級頁面強提醒,2級頁面用弱級色彩,降低消息的打擾度,增加用戶可控感。





          看到第4種方式時,我就很開心了,因為這就是我想找到的答案。平常用的時候沒有意識到,在研究“小紅點”的時候才發現他們設計的挺用心。


          拿QQ郵箱舉例:


          左圖,當收件箱已經有4000多封未讀郵件時,它并不是出紅點,或者紅點上“...”或“99+”來警示我。而僅是弱化的藍底+數字,告訴我里面有多少封。


          如果是紅色,會有種逼迫我必須讀完才消除,對于擁有4565條未讀郵件的我,應該想死。而且對用戶來說,并不一定每封郵件是非讀不可的。

          類似“每日悅讀”,采用小紅點通知,能夠滿足平臺的可控權(合理的下發策略),進行流量的分配。

          右圖,二級頁采用的也是藍色點,將閱讀的選擇權交給用戶,節省用戶有限的注意力,不過多打擾。






          基于以上分析,我覺得第四種處理方式同樣適用于內容類產品,原因是:


          1)像開頭所說,用戶對于內容型消息的“實時性”,“關系穩定性”較弱,因此對于較強提示帶來干擾的忍耐度會更低。而“紅色”給人給人非看不可,不看不消的印象。


          基于內容型平臺特點,其實并不是所有的消息都需要全局“紅色”那么強化。“紅色”可在一級界面保留,滿足從平臺角度的可控性即可。


          2)“藍色”是第二種輔助提示色的備選方案,從以下幾個角度分析:

          a.從互聯網產品角度:藍色在互聯網產品中常被用作“更新”;




          b.從交通系統色彩心理角度:藍色有“指示性”作用;


          當然,這也不是絕對的,有時候也得基于自己產品的主色進行具體問題具體分析。拓寬下大家對“內容類產品”消息提示的色彩思路,不用太局限于滿屏“紅”。


          好,說完“色彩”接下來我們來聊聊“形狀”。




           b.形狀 


          “形狀”決定著提醒控件的:色彩占比、承載信息、透穿能力。

          目前市面上常見的形狀有幾種:1.小紅點、2.數字+紅點、3.文字+紅點、4.頭像+紅點。


          1.小紅點

          這個就不用多說了,一般有“小紅點”的出現就以為著“這里有個新消息”或“這里有個新內容”,快來戳我。




          2.數字+紅點


          它是由小紅點演變而來的,增加“數字”代表里面具體有多少條未讀,一般用在社交場景或與消息相關的APP中居多,輔助用戶獲取更多信息,做出判斷。






          但也有一些平臺,為了吸引用戶更多的點擊,或者對于“數字+紅點”下發的策略和規則不夠完善,濫用這種形式,內容的價值并沒有與這種形式相匹配,同時采用過于警示的紅色,有些干擾用戶。




          3.文字+紅點


          不可否認,有些場景光靠一個“小紅點”是傳遞不清晰的,采用“文字”的透穿能夠讓用戶點擊之前更多的了解信息,決策是否需要點擊,這種形式還是友好的,但別滿屏都是就行。



          4.頭像+紅點


          越是跟“人”相關的產品,越適合采用這種形式,以“人”為抓手促進點擊。

          常用于QQ,微信,微博,小紅書,快手,抖音等平臺,通過你關注大V或你朋友頭像外顯,吸引你點擊。



          這些形狀,一般跟著產品的訴求進行靈活使用,或者并行使用。


          那針對內容類平臺如何選擇形狀呢?


          對于內容類產品,一般會涉及到“內容消費者”和“內容生產者”,作為平臺方如何采用更合適的提示樣式對他們賦能,也是需要設計時思考的。





          作為內容生產者,肯定希望自己發布內容push給更多粉絲,這樣才有更多的流量嘛。


          但平臺也要考慮消費者的體驗(不被打擾),所以平臺可以根據用戶消費的歷史行為或數據進行精準匹配不同的樣式。

          拿短視頻產品舉例,消息提醒可分為:強、中、弱不同提示樣式。



          弱提醒:


          當內容生產者剛被關注時,只給粉絲下發普通“小紅點”或“文字+小紅點”消息通知。


          中提醒:


          當通過粉絲歷史操作/觀看數據,發現TA對你的內容高度感興趣,你更新時他都愿意看且完播率高時,那平臺就可以賦能“中提醒”的樣式給你,外露更多信息帶來更多流量(轉化如果不高可再打回“小紅點”);


          強提醒:
          當粉絲手動訂閱你直播或短視頻時,說明他對你足夠感興趣,這時候平臺可以給你“強通知”樣式的特權,將內容推送給用戶(但要給用戶提供關閉提醒的入口)。



          作為內容平臺,這種做法即保證了消費者的體驗,也滿足了內容生產者的流量分發的訴求。不過以上的“形狀”案例只是一個簡單的思路,優秀的做法還有很多。

          意思是這么個意思。




           總結


          大致的結論是: 基于“內容型產品特點”和“以用戶價值為中心”角度,可以保留一級頁面“紅色”提醒,給平臺一定的控制權;選擇次級界面輔助提示色,降低干擾性,給用戶更多選擇權(使他們不想消可以不消,也是舒服的)。

          基于內容平臺中“內容生產者”角度:可增加更多元化提醒樣式,分層處理消息類型,賦能創作者的同時,也讓用戶不錯過真正關心的內容。






          整體來看,雖然它的名字叫“小紅點”,但我們在設計的時候不能只局限于“紅”和“點”。它可以是任意“顏色”,它也可以是任意“形狀”,本質是如何更和友好的提醒用戶。


          文章來源:站酷    作者:蘇大牙


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

          2020年的天貓雙十一結束了,我們能得到哪些新信息?

          濤濤

          編輯導讀:成交額4982億,同比增長26%,這是阿里巴巴今年雙十一交出的答卷。每年都有人唱衰雙十一,但每年淘寶/天貓都在大家的質疑中實現了銷售額增長,這是為什么?本文作者“貨”的角度對此展開了分析討論,與大家分享。

          2018年10月,在從北京到上海的高鐵上,我接到一個機構投資者的電話——他焦急地詢問,“據說今年的天貓雙十一預售非常不理想”,“消費者和商家都已經產生了審美疲勞”,所以雙十一銷售數字要崩盤。

          他想讓我求證一下,我立即回答:“沒什么可求證的,那不是事實?!钡撬匀幌胱屛仪笞C;整個市場都流傳著天貓雙十一已經尸居余氣、增長即將耗竭、明年就要沒有雙十一了,等等等等。

          我確實找了許多電商行業的朋友求證,對方無一例外地回答:“這是完全不了解電商市場的外行話,沒有必要深究?!蹦且荒?,天貓雙十一成交額達到2135億元,同比增長26%。阿里巴巴的股價于當年12月觸底回升,此后的三個季度上漲了近一倍。

          2019年10月,我又在虹橋機場的候機室里,接到了不止一個機構投資者的電話。你猜對了,仍然是詢問“天貓雙十一是不是要大幅減速”的問題。這個問題不僅關系到阿里巴巴,還關系到一系列的品牌商家。

          因為快上飛機了,我只能簡略地回答:“不可能,增速不可能低于20%。雙十一購物節比你想象的更強大?!惫?,這次的流言再次被現實所碾碎。這年的雙十一剛結束,阿里的港股IPO流程就啟動了。

          2020年……我已經不做券商分析師了,所以不會再接到機構投資者的電話。但是,在各種場合,我還是聽到有人憂心忡忡地問:“今年的天貓雙十一應該真不行了吧?”雙十一時間延長了,11月1日就開始預售,這被悲觀者視為“雙十一正在走下坡路”的最好證據。

          競爭對手的雙十一促銷活動空前激烈,尤其是京東和拼多多。說實話,我的信心也有一些動搖——11月10日晚上,我在微信上緊張地與好幾個電商從業人員聊著他們的感受,刷著手機淘寶上的活動和優惠券,看著朋友圈里的曬單??紤]到經濟形勢和競爭格局,如果今年天貓雙十一的增速驟然下滑,我覺得也是可以理解的。

          結果卻比我想象的要好:今年雙十一購物季(11月1日-11日)成交額達到了4982億元,同比增長26%,這是近三年的最高水平。注意,這個數字已經考慮到了雙十一時間口徑的變動,而且不含新加入的房產、汽車等商品,具備統計上的比較意義。

          根據阿里的財報,上個季度(2020年7-9月),天貓GMV同比增速為20%,淘寶GMV增速為百分之十幾;也就是說,雙十一期間淘系電商的增速大幅高于平常時間段。雙十一沒有任何喪失活力的跡象。

          準確的說,是淘系電商沒有喪失活力的跡象。過去一年,市場上充斥著對淘寶/天貓的質疑或擔憂:拼多多還在大踏步地前進,京東實現了用戶增長的復蘇,快手、抖音等直播平臺建立自己的交易閉環,微信小程序的電商GMV猛增……

          在這種情況下,淘系電商每個季度仍然能報出不錯的GMV、收入和利潤增速。投資者和外部人士還是半信半疑,他們不遺余力地尋找各種樂觀或悲觀的線索,以求看清淘系電商的未來。

          所以,今年的雙十一才吸引了這么多眼球——人們關心的不僅僅是11月1日-11日的交易數字,還有這個數字背后的故事,以及由此推斷出的跡象。在我看來,這次天貓雙十一帶來了大量積極的跡象,可以讓樂觀者睡個好覺:

          • 超過25萬個品牌參與了本次天貓雙十一,再創歷史新高(去年同期為20萬個);
          • 淘寶直播在預售期間的開播場次同比增長50%,這是淘寶直播歷史上第一次在雙十一扮演重要角色;
          • 有474個品牌的銷售額超過了1億元人民幣(去年雙十一為299個);
          • 新品牌、新產品發揮了重要作用——在預售期間,有357個細分品類的銷售額冠軍來自新品牌。

          差不多兩年前,我跟一位經驗豐富的電商從業者聊天。對方說:“阿里對‘貨’的理解和掌控程度仍然是全市場第一,而且這種優勢可能一直持續下去?!?/span>

          我問他,什么叫做“對‘貨’的理解和掌控”——這大概也是電商行業之外的人最想問的。這個問題很難用一兩句話解釋清楚,不過我們可以以這次雙十一為例,嘗試解釋一下:

          1. 要把“貨”(商品)送到“人”(消費者)手上,首先需要有強大、穩定的履約能力,包括物流、IT基礎設施和大數據的能力??紤]到淘寶/天貓是第三方市場平臺而非自營平臺,履約能力就更重要也更具挑戰性;跟以前每一次一樣,本次雙十一淘系電商的履約能力沒有任何問題。
          2. “貨”的豐富性,包括品類和品牌的多樣化程度。一個理想的大型購物平臺,無論基于線上還是線下,商品越豐富、覆蓋面越廣,就越能吸引消費者,從而形成良性循環。京東在3C、拼多多在白牌方面的豐富性是足夠的,但是只有淘寶/天貓能做到幾乎所有商品上的豐富性。
          3. “貨”的新鮮度,即推出新產品、新品牌的能力。這是一個雙向選擇的過程:品牌方要樂意在平臺上推出甚至首發新品,平臺也要有意愿、有能力為其提供足夠的流量和場景。無論原先的“貨”多么好賣,“新貨”總是能引發更多興趣和購物熱情——這就是近年來天貓不斷強調“新品”“首發”的意義。
          4. 購物過程的趣味性,即消費者是否認為購物過程本身是一種享受。很顯然,在主流電商APP當中,淘寶/天貓是用來“逛”的,而其他平臺往往沒那么多可逛的。淘寶直播、小游戲在今年雙十一得到了前所未有的重視,就是進一步加強購物的趣味性;只要消費者樂意“逛”,就會樂意買。

          對“貨”的理解和掌控源于高度專業化和細節化的運營。說到底,電商就是一門關于運營的生意。

          天貓平臺對于本次雙十一的調研(包括商家調研和消費者調研)早在6個月前就啟動了,調研范圍從一二線城市一直覆蓋到縣級乃至村級;淘寶特價版在9月實現了與1688的全面對接,從而使得大批工廠和“廠貨”得以接入雙十一;海寧皮革城、深圳華強北等一批特色商城的線下商戶今年剛剛開設淘寶/天貓店,就以跑步速度參與了雙十一……

          只有通過這種、成體系、接地氣的運營,天貓雙十一才能持續加強“貨”的豐富程度,完成“人”與“貨”的對接。因此,現在流行的“去中心化電商”(其實就是“沒有中心運營的電商”)永遠無法做出自己的雙十一;其他中心化電商平臺在運營方面各擅勝場,或許在某一個方面已經接近淘寶/天貓,但是總體上仍然有相當的差距。

          在長期,阿里的下一個增長引擎或許取決于“近場零售”或曰“身邊經濟”——包括同城零售、生鮮電商、社區團購、本地生活服務在內的龐大市場,其規??傆幸惶煲^傳統的零售電商市場。

          這就是阿里在這個領域投入重兵、不斷進行收購和內部孵化的原因。美團、京東、拼多多、騰訊乃至字節跳動也意識到了這個市場的重要性,正在不惜代價地企圖占據先手。這個戰局非常復雜,可能要再花3-5年才能有階段性的結果。

          在這種情況下,淘系電商的地位反而愈發重要了。淘寶/天貓的強勁增長,不但能夠為新業務提供財務資源、能夠交叉導入用戶,還能為新業務提供一個良好的立足點。餓了么、盒馬、天貓超市均加入了今年的雙十一;支付寶首次設立了“城市生活主會場”;在杭州阿里巴巴“1小時新生活圈”內,已經實現了“小時級”的送達。

          顯然,一個強大、充滿活力、仍在不斷創新的淘系電商,是阿里巴巴任何新業務的基礎和大本營。這個大本營越堅固,新業務得到的支持就越多。投資者總是擔心這個大本營是不是出現了松動、是不是在激烈的競爭中有所收縮——今年的天貓雙十一再次證偽了這個擔心。

          競爭格局當然是非常激烈的,但是淘寶/天貓的優勢已經形成了一個系統,我不認為這個系統會在短期內被攻破或出現松動。所以,我相信明年的天貓雙十一仍將報出一個非常亮眼的數據,盡管我還不知道那時又有什么新玩法、新模式出現。


          文章來源:人人都是產品經理    作者:aria在這里


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

          用戶行為分析和以用戶為中心的設計

          鶴鶴

          用戶行為分析,認識用戶滿足用戶最直接要求為設計中心


          用戶行為分析

          用戶行為是指用戶在使用產品時的行為,針對網站而言,就是用戶在進入網站后所有的操作。網站用戶行為分析,就是在獲得網站王文量基本數據的情況下,對有關數據進行統計、分析,從中發現用戶訪問網站的規律,并將這些規律與產品目標及策略相結合,從中發現目前網站存在的問題,為進一步改善網站,滿足用戶需求,提升用戶體驗提供依據。


          常見的用戶分析內容包含以下幾個方面內容:

          (1)用戶在網站的停留時間、跳出率、回訪率、新用戶、回訪次數、回訪相隔天數;

          (2)注冊用戶和非注冊用戶,分析二者之間的瀏覽習慣;

          (3)用戶所使用的搜索引擎、關鍵詞、關聯關鍵詞和站內關鍵詞;

          (4)用戶選擇什么樣的入口形式(廣告或者網站入口鏈接)更有效;

          (5)用戶訪問網站流程,用來分析頁面結構和網頁覆蓋數據;

          (6)用戶在頁面上的網頁熱點圖分部數據和網頁覆蓋圖數據;

          (7)用戶在不同時間段的訪問量情況等;

          (8)用戶對于網站的設計及字體配色的喜好程度等。


          通過研究發現,80%的用戶僅僅使用了軟件20%的功能,而那些沒用的功能不僅浪費開發時間,也使軟件更加難以使用。一個成功的軟件應該是簡練精干的,可以單獨職能化的化解決的單個問題,要以滿足用戶最直接要求為 i設計中心。


          一、了解用戶需要什么

          很多網站往往為了滿足不同用戶的需求而增加功能,增加的功能必然需要再界面中用視覺呈現出來,這就會使網頁內容越來越多,很多的功能摻雜在一起,如果不經過過濾,必然會違背原來閱讀的初衷,所以每一個功能的增加都要慎重。


          用戶對于互聯網功能需求也和對軟件的功能要求一樣。既喜歡簡單的,也喜歡復雜的。而且用戶的體驗需求也會隨時隨地的發生變化。這里的復雜不是指很難用、流程超級復雜、容易出錯的用戶體驗,而是指豐富的功能。


          首先如何讓用戶體驗更簡單呢?當然將復雜的功能去除是最好的,如果實在無法去除某個復雜的功能,那就應該將其隱藏。因為大多數情況下,不常用的功能要比經常使用的功能占據更多的空間。


          真正好的用戶體驗其實是給用戶所需的任何功能,為用戶設計一款“復雜”的產品,并將這款產品從表現上簡化,讓基礎功能操作簡化,給擴展功能保留使用入口即可。這個設計思路最具代表性的例子就是Microsoft Office和Adobe

          系列產品。

                        


          用戶的需求并不是一層不變的,短期內用戶會因為某種強烈的需求要一個產品。隨著市場和行業的不斷發展,用戶對于一個產品的評價也會隨之發生變化。例如肯德基剛進入中國市場,被人們認為是一種的象征,小朋友以吃一次肯德基為榮。隨著經濟條件的發展,人們對于肯德基的體驗就完全不一樣了,熱量過高,不利于健康。這是一個很典型的對一個產品評價的變遷的過程。


          用戶的期望值會因為因素而發生變化,有的來自外部的環境,有的來自產品自身,有的來自用戶成長。這些影響期望值的因素都會相輔相成的影響。有的時候不是我們的體驗或者產品變了,而是用戶發生了變化,所以用戶體驗的設計,除了要考慮產品本身以外,還要考慮用戶所需要的。


          二、遵循用戶的習慣

          用戶通常會根據個人喜好做事,這就是習慣。習慣沒有好壞之分,關鍵要看根本的是什么。從用戶體驗的角度來說,任何產品都可以分兩種:遵循現有用戶習慣的產品和顛覆用戶習慣的產品。


          在設計網站時可以在技術上創新,在業務模式上改變,也要在以下幾點上遵循用戶的習慣。


          1、用戶的生活背景及文化背景

          生活和文化背景是必須要遵循的習慣。想去顛覆或是磨滅一個群體甚至是民族的習慣,基本上會付出慘重的代價。例如使用紅色表現喜慶,白色表現悲傷,是中華民族幾千年的一種傳統習慣。如果想去改變這個習慣,使用其他顏色肯定起不到好效果。比如:可口可樂官網就是用紅色做的主色調,而紅色也與“可口可樂”品牌主色調相統一,點綴少量黃色,非常符合中國的傳統文化,也更容易使中國人接受。


          2、用戶的生理狀況與需求狀況

          在設計網站頁面時,還要考慮到網站用戶群體的基礎屬性,例如年齡層、身體承受力等??梢詫㈨撁嬷械奈淖趾蛨D片做放大處理,使老年人可以清楚的看到內容。比如一些老年網站,會采用大號字體,強對比色便于閱讀,而且在設計的時候也不會使用過多的色彩,雖然整體視覺可能顯得簡陋不夠豐富,但是充分的考慮了老年人人群的特點。


          2、以“自我為中心”的心理

          人在評定事情好壞的時候,通常喜歡以自我為中心,所以用戶體驗設計時,必須滿足用戶這種需求。使每個用戶可以體會到以“自我為中心”的優越感,這樣用戶就會成為最忠實的客戶。例如很多人沉迷于網游就是因為在現實生活中會受到各種各樣的限制,而無法實現真正的以自我為中心,而在網游的世界里卻可以完全實現。


          二、顛覆用戶的習慣


          在設計網站時,設計師通常會根據網站內容把網站劃分為不同的區塊,然后在分別進行美化。設計師在思維定勢中 自我感覺良好,一旦突破了思維定勢就會有新的收獲。作為用戶體驗的設計師來說,有下面兩個方面可以顛覆。


          1、改變一些有獨特性的頁面設計

           在設計網站時,有很多頁面都具有獨特性,例如注冊頁、登錄頁和搜索頁。這些頁面用戶只會訪問一次或者幾次,而且這些網頁本身也是在網站發展的同時逐步完善的。所以,在用戶體驗的設計中,這些習慣就可以顛覆的。設計師可以根據個人的喜好對這些頁面進行設計、優化和修改,而不會影響用戶的習慣。


          2、發展中的知識和技術

          在網站設計中需要結合當前的潮流趨勢和的技術來表現網站,這樣才能給用戶帶來全新的體驗。頁面中流暢惡化便捷的交互應用,可以給用戶帶來良好的體驗。

          尊重用戶秀感可以快速讓用戶接受網站,同時也會由于尊重了用戶的習慣而減少產品對用戶的刺激,會使得用戶很難成為網站的忠實用戶。另一方面,如果不尊重用戶習慣,用戶可能很難馬上接受。所以在用戶體驗設計時,要根據網站具體情況自我權衡。

          最好的辦法就是在網站核心用戶體驗不變的基礎上,增加新功能、設計風格逐步變化、進行網站整體融合。

          轉自:站酷-忻蕓



          B端和C端產品設計有哪些差異?

          鶴鶴

          對于產品設計師來說,在日常工作中做的產品類型主要是兩種:一是B端項目,另一種是C端項目。近些年來,互聯網進入下半場,C端用戶增長觸及天花板,流量的紅利逐漸消退。很多企業的業務由C端轉向了B端。


          隨著企業業務的轉變,作為設計師的我們,也必須跟上步伐,快速做好角色的轉換。當然,想從C端設計快速切換到B端設計,或是從B端設計快速切換到C端設計并非易事。因為C端和B端產品設計存在較大的反差。其商業屬性、產品定位、目標用戶、設計表達、業務流程等都會有很大的不同。那么今天這篇文章,我們就一起來聊聊B端和C端產品設計的差異性。


          直接進入正題,本文將從目標用戶、使用場景、產品需求、產品本質及特性、產品設計思維、設計原則等幾個方面進行具體對比。



          01目標用戶



          C端:
          C端釋義為:Consumer,意為消費者、個人用戶或終端用戶,使用的是客戶端。C端產品往往是直接對接一般消費者,直接為廣大消費者和用戶提供產品或服務。例如:微信、微博、抖音等等。


          B端:
          B端釋義為:Business,意為企業用戶或商業用戶。B端產品往往是為針對這類用戶開發的系統型軟件、工具或平臺。例如:CRM 系統、 ERP 系統、OA系統、SAAS等等。



          02使用場景



          C端:
          它會存在于我們生活中的各種場景,而且自由度非常高,當然也包含工作場景,比如周末在家無聊刷刷微博了解下國際大事、晚上睡前打開蝦米聽聽歌、在工作間隙打開某團點個外賣等等,因此,C端產品的用戶大部分使用場景是碎片化的。


          B端:
          B端產品更多的是在企業版內部使用,更多的是為了滿足企業相關用戶在“工作場景”下完成協同工作的一些特定組織需求。



          03產品需求



          C端:
          想很好的挖掘C端產品需求,這要求我們做更細致的用戶畫像,比如:用戶的性別、年齡、職業、文化程度、收入水平、個人喜好等都會影響到功能設計。然后通過用戶畫像、同理心等方法對用戶的行為進行詳細分析,以發掘用戶具體需求。


          B端:
          B端產品一般是基于現有的“業務”形態,將傳統線下工作,通過程序化、系統化、信息化轉換為線上產品,從而提升企業協同效率,降低辦公成本。需求一般來源于產品戰略定位、使用者個性需求等。



          04產品本質及特性



          C端:
          C端產品的本質基本都是一個核心功能,例如:社交類app的核心功能就是好友快速溝通;電商類app的核心功能就是購物;視頻類app的核心功能就是看視頻。在核心功能之外的都是一些“增值功能”,比如評論,點贊,分享等。如果除去這些附加功能,雖然會影響用戶體驗,但并不會妨礙核心功能的使用。


          其產品特性可簡單總結為一個詞-分享。在使用C端產品時,用戶都希望自己的“行為”能夠得到其他用戶的認可。比如:對自己分享的內容進行評論、分享、打賞等。


          B端:
          B端產品的本質是滿足用戶的工作需要,而公司內大部分工作,我們幾乎是無法獨立完成的。這意味著我們需要和其他同事協同去完成一個任務的閉環。因此,B端產品的業務邏輯會相對更加復雜。


          B端產品的特性也非常明確——即“協同工作”。處于信息化時代的企業中,幾乎已沒有可以單獨完成而不需要協同的工作了。



          05產品設計思維


          C端:
          在上面我們已經提到過,C端產品的本質基本都是一個核心功能。因此,在設計前期,作為設計師的我們必須對產品進行全方面的考慮。到底那一個功能是我們產品的核心?哪些功能只是錦上添花?


          此外,目前市場上C端產品同質化異常嚴重。想要產品獨具一格,就必須突出特色,堅持自身的品牌亮點,才能讓用戶快速記住這個產品或者品牌。


          B端:
          B端產品的本質則是滿足用戶的工作需要,協同工作。對于企業來說,更多關注的是工作效率和成本。這也是B端產品最終的解決問題方向:如何提升企業的運營效率。因此,在設計過程中,我們需要不斷的去優化產品流程、調整策略等。



          06設計原則


           


          C端:
          在設計過程中,除了要抓住核心功能外,還需要給產品增加趣味性和創意性。趣味性,也就是要給用戶帶來積極的正面情緒,如:能使用戶感到心情愉悅,感染人,打動人,引起用戶心靈共鳴等;創意性,也就是要做出與同類產品不一樣的東西,而這些新東西又是解決了用戶某些痛點的。當然,做這些最終的目的是為了提升流量、留存率及轉化率。


          B端:
          B端產品的需求往往是要解決一個企業中不同角色(普通成員,管理員、超級管理員等)之間的協助關系,在設計過程中一般需遵循如下設計原則:合理的功能與模塊劃分、嚴謹的業務流程設計、干凈簡潔的界面設計等。



          在這里,筆者整理了幾個優秀的B端產品設計案例,供讀者參考。



          登錄界面設計


          C端:



          B端:



          都是登錄頁面,差別卻是如此之大。站酷面向的C端用戶,賬號登錄支持手機號、郵箱以及第三方(微信、微博、QQ)方式。對于用戶來說,選擇非常多,可以說是非常人性化,大大提升了用戶體驗。


          而網易郵箱面向的B端企業客戶,賬號登錄僅支持郵箱登錄一種方式,且用戶登錄時還得首先確認自己的身份是普通用戶還是管理員。這也說明,在設計B端產品時,得充分考慮不同角色的權限問題。



          導航欄設計


          C端:



          B端:



          導航欄的設計布局有很多方式,面向C端用戶的站酷使用了頂部導航的模式,這也是最常見的主導航模式。二級導航聚合在下拉菜單里面,鼠標hover出現。這種導航方式非常直觀,訪客可以快速的定位自己感興趣的模塊,另外,可以很好的展示內容區域,對于訪客來說,非常友好。


          面向B端用戶的愛客CRM系統使用的是側邊欄導航,使得導航展示更加清晰,頁面之間的切換也非常方便。這種布局方式一般用于管理后臺偏多,與B端產品業務復雜性密不可分的。



          B端產品原型實例


          當我們明確了具體的需求后,就可以動手制作可交互原型了,這樣可以很好表達出整體邏輯,讓客戶直觀的看到功能和效果,獲得較真實的感受,并在不斷討論的基礎上完善未來的設計思想。接下來,一起來看看我用Mockplus做的B端產品原型效果:



          原型演示地址:https://run.mockplus.cn/4oEh4pCz7K9GRtlS/index.html



          文末福利


          最后,我為大家準備了一份小福利。


          產品團隊的溝通離不開原型,今天為大家推薦的原型設計工具Mockplus,更快更簡單,5分鐘制作一個交互原型頁面。支持團隊協作和在線審閱。


          點擊下方鏈接可以免費領取Mockplus的個人版15天,數量有限,先到先得。


          領取地址:https://www.mockplus.cn/home/promote



          小結:


          雖然C端和B端產品在目標用戶、使用場景、產品需求、產品本質及特性、產品設計思維、設計原則上都有所差異,但是C端和B端產品也有很多共同點,如:都要求產品簡單實用和有效準確,都是為了更好的滿足用戶的需求,解決用戶的痛點等。如果能做好以上這些關鍵點,無論是做C端還是B端,都會是非常優秀的產品。

          轉自:ui

          花了很多時間做設計分析,但對畫稿子沒什么幫助?

          鶴鶴

          如何產出一個對實際落地更有指導性的設計分析?本文結合實際項目中常常會遇到的一些問題,總結了前期設計分析的一些實踐經驗。

          設計分析是作為交互設計師必備的一項基礎能力,一套有效的分析思路可以幫助我們找準設計發力點,更效率的推導出合理的設計方案,它是一種思維能力,也是一種方法工具,但是在我們的實際項目中,常常會遇到這樣幾種場景:

          • 新手設計師或者第一次做活動的設計師,設計分析不知道要如何入手

          • 花了很多時間做分析,但感覺對實際畫稿子并沒有什么幫助

          • 分析過程中發散了很多很好的點,但最后大多都落不了地

          這些情況常常會導致設計分析流于形式,套用了很多方法、花了很多時間、輸出了很長的文檔,內容看上去似乎很豐富,但落地的方案卻平平無奇,甚至也會自我懷疑設計分析真的有用嗎?

          總結下來,會出現這些場景的原因有兩點:首先是設計分析太泛,沒有聚焦到核心問題;其次是時間分配不合理,沒有抓到發力重點。那么結合我們目前的項目來看,怎樣做一個更有用的設計分析呢?

          活動中常見的項目類型

          根據活動產品化設計思路,可以把我們的日常項目分為兩類:迭代型項目以及探索型項目。

          迭代型項目是指過往已有過積累的成熟項目,例如大促主會場、我的專屬會場、榜單會場、攻略等等,通常是一些已經比較固化的經典業務,或基礎的功能類業務;探索型項目則是一些全新的業務方向,例如下沉會場、直播會場等等,剛處于進入期或成長初期。

          undefined

          如何完成一個有效的設計分析

          1. 迭代型項目

          迭代型項目容易陷入的一個誤區是時間分配不合理,沒有抓到發力重點,尤其是對于很多新手設計師來說,往往大部分的精力花在重復之前已經做過的內容,比如花了很多時間重新去分析用戶、分析方向、分析行業趨勢等等,但是對于已經比較穩定的迭代型項目來說,這部分背景內容相對來說已經比較固化(除非有明顯的變化),這就可能會導致重復分析出來的結論跟之前的差別并不大,也很難帶來實際業務提升。

          undefined

          既然迭代型項目過往已有過經驗和策略的沉淀,也經歷過多輪的數據迭代,核心思路應該是先定義要解決什么問題、然后才是如何解決,這樣才能找準關鍵發力點。

          要解決什么問題

          首先要思考是不是真的有問題,沒有問題的項目也可以不用再花時間做分析,效率做即可,例如像全部會場,本身的業務模式就比較簡單,過往的效果也相對比較穩定,如果不考慮進行突破性的創新,通常是可以效率復用的,這種時候則不需要再去做分析,畢竟也要考慮投入產出比。

          那么怎么定義要解決什么問題呢?有三個常用的思路:看數據、看用戶反饋、看運營策略。

          第一,從數據分析中找到關鍵問題,例如根據618的項目數據復盤,我們發現預售會場、品牌會場的頁面跳失率較高,那么雙11核心可以圍繞“如何降低跌失率?”“如何提升流量利益效率?”去進行分析,從而推導出更有針對性的設計策略。

          undefined

          第二,根據用戶反饋來找到關建問題,例如過往的主會場,用戶調研一直都會反饋主推樓層太長而找不到感興趣的內容,那么可以圍繞“如何更好的進行需求匹配?”“如何提升屏效?”來思考和分析,解決實際存在的問題,才更有可能提升體驗和數據。

          undefined

          第三,結合運營策略,很多業務雖然已經相對穩定,但隨著每次大促戰略的變化,運營策略上也會有一些新的需求,那么就根據這些差異化的訴求去找到發力點。例如針對我的專屬會場,在原會場定位不變的情況下,在近兩次大促中運營側都提出需要由這個會場來承載平臺服務內容曝光的訴求,那么服務內容如何匹配“專屬”會場的用戶心智,則是這個會場可以重點解決的問題。

          undefined

          如何判斷真正有效的解決方案

          在定義清楚核心要解決的問題后,就可以按照常用的設計方法進行方案的推導,在發散解決方案的過程中,如何判斷方案的合理有效,確保最后的可落地性,是讓我們設計分析有價值的關鍵,因此總結了兩個常用的技巧。

          首先要理解業務邏輯,減少無用的策略發散,很多時候我們的方案很難推動落地的原因,是沒有考慮到業務的訴求,越能夠深入的了解業務,才能更好的解決業務側的顧慮,保證方案的可落地性。

          其次是要跳出來從整體來看優先級,我們在進入自己的思維邏輯中時,會比較容易陷入細節,有時候自己覺得很棒的想法花很大力氣去推卻很難獲得其他人的重視,并不是因為我們的方案不夠好,而是沒有關注到整體優先級,因此要學會看全局,通過多溝通多評估的方式來讓自己的判斷更加準確。

          2. 探索型項目

          探索型的項目沒有過往的參考依據,相當于需要從零開始去探索如何做,對于設計分析的能力要求會更高,那么常常容易陷入兩種極端相反的誤區,要不就是容易被方法論套路,設計分析過泛但得不出實際有價值的結論,要不就是完全沒有頭緒,屬于想一步做一步的類型,分析的內容之間缺乏邏輯。

          undefined

          因此,探索型項目的核心思路是要先有分析框架、再做縱向深挖,就像畫交互稿的過程一樣,需要先定義交互框架,縱再進行交互細節的打磨,才能夠保證設計效率及效果。

          確定分析框架

          確定分析框架的過程主要分為兩步,一是先想清楚要分析哪些內容,包括哪些環節是必要的,哪些是重點的,時間要怎么分配。例如當我們第一次做寵物品類活動時,需要對這個品類有深入的理解,因此我們在前期需要去分析養寵人群的特征、寵物行業的發展現狀、京東寵物貨品的優勢等內容,而如果我們做的是一次大促的綜合會場,其主要用戶群體如果跟常規站內主流群體并無差異時,則不需要再花費大量的時間單獨去分析用戶畫像,因此,需要結合項目情況先想清楚需要分析的內容、以及這些內容的必要性和優先級。

          undefined

          第二步是梳理清楚內容之間的邏輯關系,常見的邏輯結構有兩種,一是遞進式的推導(A→B→C),分析維度之間是先后關聯的,通過嚴謹的邏輯步步推導而來,例如先梳理用戶畫像、才能進行用戶行為痛點的分析、進而推導解決方案;另一種邏輯結構是進行綜合歸納(A+B→C),即通過幾個不同的維度綜合推導,例如經典的五導家分析方法,結合用戶目標以及業務目標綜合推導出設計目標。

          undefined

          在很多設計分析中,我們也會參考一些方法論,其實方法論提供的就是分析框架,在理解了這一步之后,相信也能更靈活的應用。以下是根據我們日常項目梳理的一些常用分析框架。

          undefined

          縱向深挖如何得到有價值的策略

          有了分析框架后,接下來就可以進入每個模塊的具體分析了,如果要得到有價值的策略,同樣有兩個小技巧。

          首先,策略要足夠具體、有差異化,盡量避免提出過于籠統的結論。例如針對如何提升流量利用率比較泛的策略就是要進行流量精細化運營,這個大的方向沒有錯,但如果只到這一步是很難指導具體內容落地的,所以需要細化到流量的渠道有哪些、這些渠道有什么樣的特征、針對不同的渠道用戶可以用怎樣的內容吸引他們,才能夠更準確的判斷是否會存什么問題。

          其次,策略最好能夠關聯驗證指標,可以參考UGD數據增長思路,在推導策略時要能預判它能帶來哪些數據指標的提升,以保證設計分析的結論是有理有據的。

          2021年平面和視覺流行設計趨勢

          濤濤

          預測來了!2021年平面和視覺流行設計趨勢

          編者按:2020年已經余額不足了,2021年的平面和視覺設計趨勢會是怎樣的?今天的文章來自資深設計師 Iveta Pavlova,看看她所總結的12個趨勢:

          我們迫切地希望2020年盡快過去。

          疫情,隔離,線下教育受阻,線上學習成為了主流,網購替代了去超市采購,娛樂和溝通都從面對面改為遠程。需求的轉變,也帶來了新的增長。

          無論是人還是企業,都需要比以往更快地適應變化。技術和趨勢上也反映出了類似的情況。新的時尚和技術正在推進,你會注意到很多事情和以往有所不同。

          快速、直觀的導航,更加具有安全性的設計、節能、深色模式,這些趨勢和要求開始越來越顯著,這些趨勢所影響的已經不僅僅是網頁,APP,還有大把的公司品牌,LOGO設計、營銷策略、 插畫設計等等,它們呈現出一種連鎖反應式的變化。

          今天的這篇文章,我們深入梳理一下 2021 年將會出現的視覺和平面設計領域的流行趨勢走向。

          1、3D設計

          從總體上來說,3D設計這一趨勢是在往上走,越來越成熟,也適配地越來越廣泛。設計師和品牌也在充分利用的技術來呈現3D效果,在軟件層面的支持也相當的完善,從整體視覺到UI元素、交互、體驗,3D 近乎無處不在。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          而在3D設計這個領域當中,寫實和超現實一只手最為流行風格方向。從目前已有的很多設計來看,這些 3D 建模渲染出來的角色和場景,大多作為視覺主體來呈現,在頁面中占據主導地位。而將圖像和文本結合起來的方式也在影響著3D設計,很多更加貼近潮流的設計當中,會將照片和3D元素結合到一起,產生極有調性的視覺風格,加入動畫,能夠瞬間讓設計脫穎而出。

          在這些 3D 的設計范例當中,很多令人驚嘆的作品并不非出于藝術來這么設計,相反是為了更好地引起用戶注意力。在這個注意力匱乏的時代,3D 設計是大殺器。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          2、Emoji

          Emoji 是另外一個流行趨勢。表情符號已經突破了「傳統」的聊天領域,開始廣泛地運用到平面、視覺甚至 UI 當中。它開始充當一種介乎文字和視覺之間的新型語言,它還能傳遞出情緒,這就很給力了。

          于是,各種 Emoji 在平面和視覺設計中,被用來消解嚴肅,營造氛圍,讓設計更加輕松。在未來幾年中,Emoji 這一元素應該會被應用得更加廣泛,并且會以更加富有想象力的方式,呈現在方方面面的設計當中。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          3、自然有機設計元素

          十年前,富有有機感的自然元素隨著扁平化設計的興起而逐步淡出主流趨勢,但是如今,它又再次流行起來了。

          自然的線條,柔和的光線,泥土和樹葉的色調,貼合自然特征的漸變,再一次被主流所擁抱。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          不過如今的這些自然元素的運用,會更加簡約,無論是小元素還是大插圖,通常不會用得很滿,材質和肌理的運用也會相對克制。

          促使自然元素的流行的另外一個原因,是疫情和隔離。長時間沒有機會外出會讓用戶對于自然元素更加青睞,哪怕它們僅僅只是存在于設計當中。

          自然元素并不會受限于領域,無論是技術相關還是商業領域,自然元素都適用。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          4、視差錯覺設計

          當大腦看到的視覺信號和通常認知不一樣的似乎,大腦會下意識注意到它,會讓眼睛躲看看,盡量想辦法處理好……而這,也就是視差錯覺元素在設計當中的獨特價值!

          對于看不清楚的東西,人就越是想看,上頭,上癮!

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          而從2020年開始,視差錯覺開始從小眾、古早的設計領域當中走了出來,被時尚和商業所青睞,越來越多的品牌開始借用這種手法來抓住用戶注意力,這種視覺奇觀的價值在今年得到了體現,在即將到來的 2021 ,可能會更加流行。

          不過,這種設計要注意控制好復雜度,太繁復復雜了可能會讓人覺得不適,小心使用。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          5、3D字體設計

          字體設計一直在流行。而在 2020 年,3D 的字體設計開始出現在各種地方,有趣的概念和想法層出不窮。

          逼真的3D字體,和現實的元素交錯,制造出獨特的視覺效果,這是 3D 字體在 2021 年最有可能流行的玩法。與此同時,3D 字體的排版效果結合動畫、肌理、圖案將會是最主要的呈現方式,因為目前最前沿且流行的軟件和技術,都可以做到,且非常適合這樣來搞事情。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          6、卡通插畫

          自定義的手繪插畫是創造獨特設計的一種常用形式。但是手繪插畫風格很多,而卡通插畫能夠脫穎而出的原因其實很簡單:有趣,多變,功能強,效果好。

          卡通插畫本身是認知度最廣的一種形式,可以繁復可以簡單,最重要的是,它的趣味性足以讓人駐足,表達形式可以非常巧妙,也可以引人發笑,在品牌推廣和營銷上,有著獨特的優勢。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          7、黃金元素

          金屬效果其實正在越來越流行,而其中能得到最廣泛喜愛的始終還是金色。所以,帶有黃金質感的元素,或者類似風格的視覺設計,將會在 2021 年得到更加廣泛的流行。

          當然,除了黃金之外,白銀、黃銅、鉛類似這樣的金屬質感同樣會隨之風靡,金屬的光澤、粗糲質感,光影的變換,都是這種視覺元素標志性的特征。

          有的設計,會聚焦于黃金質感本身:

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          還有的設計,會江黃金和其他的具有現代特征的材質(比如大理石、玻璃、塑料)結合到一起使用:

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          8、像素藝術

          從數字媒體誕生開始到現在,像素藝術其實一直都沒有真正過時。

          Minecraft 和樂高是讓像素藝術「文藝復興」的重要推手,更加成熟的 3D 技術讓三維立體的像素效果得到了大規模的普及。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          在2021 年,你可能會看到更多更加富有調性的 3D 像素藝術設計作品,它們有趣又復古,但是在技術和效果上,又有著現代的痕跡和獨特的趣味。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          9、單色調和雙色調設計

          制造簡約和富有凝聚力的設計的方式有很多,其中之一是對色彩進行精簡。在時間有限并且目標明確的情況下,單色調和雙色調的設計其實是很不錯的選擇。

          正是因為此前各種炫酷多彩的設計流行了接近10年,厭倦了信息過載的用戶和設計師開始擁抱單色調和雙色調的色彩組合,最主要是這樣的設計更加易于產出,也易于吸收理解。

          單色調和雙色調的設計,最突出的優勢,其實是讓形體更加突出,讓視覺更加明確、和諧,對于用戶而言, 這樣的設計也更加平靜、舒適。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          10、幾何圖形設計

          不要小看最基礎的幾何圖形,實際上在最近2年,設計師們用自己的作品證明了一件事情:即使是最簡單的幾何元素,同樣可以創造出繁復、有趣、富有想象力的設計。

          值得注意的是,這種設計趨勢的特點在于多個幾何元素的拼接組合,這種方式消解了單個幾何元素的單調感,反而能夠制造出豐富而強大的視覺體驗。

          想要把握這種趨勢,你可以使用 3D 的幾何元素來進行拼接:

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          也可以用好樸素但是可以玩出很多花樣的平面幾何元素,這種設計會更加抽象:

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          11、錯落繁復的版式設計

          字體和排版設計其實是時代的鏡子。流行什么樣的元素和風格,反映了當下用戶的心態和想法。如今正在流行的排版視覺風格,是混雜了繁復變化的懷舊視覺風格,它們可能會在 2021 年呈現出爆發式的流行。

          這種情況可能是源自于疫情隔離所催發的懷舊情緒,而其中對于規則的打破和略顯繁亂的風格變化,似乎也源自于類似的情緒。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          12、無色彩設計

          去掉色彩的設計,會顯得更加簡約,對比明確。同事,采用無色彩的設計,會讓設計本身足夠特立獨行,尤其是在如今這個多彩的世界當中。

          經典的黑白色調柔和而迷人,它的魅力是獨特的,甚至是不可替代的。無論是陰影、動畫、液態效果還是有機元素,它都會更加顯得形體化和輪廓化。

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          預測來了!2021年平面和視覺流行設計趨勢

          結語

          預測未來總是一件有趣的事情,而在如今這個階段,對于未來趨勢的預測,也包含了另外一層意義,就是對于未來的期待。想要把握未來,繼續前進,那么就需要不斷地追索。



          文章來源:優設    作者:
          Iveta Pavlova


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



          日歷

          鏈接

          個人資料

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

          存檔

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