<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設計分享達人



          地圖基礎知識及通用設計原則


          Part 1. 地圖的發展     


          地圖作為記錄地形傳遞路線信息的載體,在人類文明中一直扮演著重要的角色。其承載形式一直緊跟著時代技術的發展而變化,從石板、動物皮革,到絲綢、紙張。當互聯網走進千家萬戶,地圖也步入電子化時代。


          相較于紙質地圖,電子地圖優勢顯著:更新速度快、獲取信息效率高、更清晰、可交互等。電子地圖(后文簡稱地圖)的出現也影響著人們的出行方式,尤其當智能手機普及,我們可以隨時查詢地點、發起導航,再也不需要提前記下高速出口和轉向路口了。


          Part 2. 地圖在滴滴的重要性


          滴滴擁有網約車、代駕、騎行、公交、自駕導航等眾多業務,是一站式出行平臺。而地圖作為承載出行服務的重要載體,橫向支撐著各業務線的發展。以網約車業務為例,調研結果顯示絕大部分乘客都會關注并使用地圖。


          隨著各業務線對體驗的要求不斷提升,單一的地圖模式已經不能滿足業務訴求及用戶需求,需要進一步細分場景、精細刻畫地圖樣式,于是地圖的設計也變得愈發重要



          Part 3. 解構地圖


          地圖承載的信息種類復雜、數量巨大,初期可能會找不到設計切入點。我們可以先了解下它的定義和實現方式,或許就能從中找到答案。


          定義地圖是依據一定的數學法則,采用地圖語言,經過制圖綜合來表示地球表面的圖形。


          實現流程

          • 采集真實世界的地點信息,經過編譯轉化成數據

          • 數據信息中包含了地點的坐標、分類、名稱等

          • 數據經過渲染形成可視化雛形地圖

          • 雛形地圖經過設計最終變成策略完整、視覺美觀的電子地圖。



          結合“從雛形到完整地圖”這一步流程的實現方式,進而可將地圖拆分為基礎層、策略層和感官層。幫助各職能角色找到對應切入點。


          基礎層,指的是地圖的數據和能力。數據大家已經有所了解了,能力指的是引擎渲染能力、定位能力、圖像識別能力等。有了數據及各類能力作為基礎,才能設計出信息精準、交互明確的地圖。

          策略層,則指的是如何使用這些基礎數據和能力。地圖數據量非常龐大,無法全部展示,需要結合不同的場景及用戶需求,有重點的呈現。

          感官層,便是我們給數據穿上的衣服,會根據品牌調性、對應場景訴求等去設計最終的配色、圖標等。

          解構地圖后,我們不難看出,感官層是設計側需要關注的重點層級。



          Part 4. 地圖設計原則


          - 元素分類

          面對如此復雜的地圖信息,為了梳理出清晰的思路,我們會對地圖元素進行分類:根據數據的類別和呈現狀態,可拆分為點、線、面三類元素。


          點元素地名、POI*等。數量龐大,是城市規模的體現,尤其POI信息,它是地圖中顆粒度最細的位置信息。

          線元素道路、地鐵線、水系線、鐵路線、航線、邊界線等。線元素呈現了道路的走向、區域的劃分等,描繪出了城市的樣貌。

          面元素陸地、草地、湖泊海洋、AOI*。面元素以色塊形式出現,很大程度上決定了一張地圖的色調。

          *名詞解釋:POI, Point of Information的縮寫,即“信息點”。一個POI可以是一棟房子、一個商鋪。

          *名詞解釋:AOI, Area of Interest的縮寫,即“信息面”。指的是區域狀的地理實體,如醫院、小區等。



          - 核心設計原則


          從定義可以看出,地圖是一種特殊的圖形語言,是以上所有元素的集合體。相比我們所了解的UI設計、運營設計,地圖有屬于自己的設計原則。以下為大家總結了一些核心的原則:


          1、符合制圖學和公眾認知

          地圖發展到現在已經成為了一門學科,我們會發現即使語言不通,拿到一張地圖時也能看懂,這是因為有制圖學和公眾認知在規范著地圖設計。如地圖默認北向上、草地水系基本遵循物理世界的顏色、省界線是實線、停車場圖標大多用P來代表等等。符合制圖學和公眾認知,大大降低了用戶的學習成本和記憶負擔,使地圖可以作為一種世界通用語言流通起來。


          2、保證識別度

          地圖屬于信息類工具,其上出現的元素均需清晰可識別,保證可讀性是最基本的設計原則。所以在設計時會限制顏色對比度、最小字號等,而具體規則會根據場景確定。


          3、清晰有層次

          地圖的層次清晰包含了兩個方面:信息主次清晰,視覺具有整體性。


          信息主次清晰,地圖信息龐雜,沒有主次關系會影響用戶的讀圖效率。在設計時需要考慮元素本身的特點、重要性,可通過顏色、icon/文字大小、線形寬窄等表達。做到同類元素有關聯性,不同元素有差異性。同時,信息主次也會根據比例尺的變化有所調整。


          視覺具有整體性,在滴滴的業務場景中,地圖通常作為最底層組件出現,上層還會有很多業務組件。因此在設計時需克制用色,既要保證地圖中各元素之間的區隔度,又要保證地圖整體與其他業務組件拉開視覺層級。這樣才能更好的突出當前業務模塊的重點,提升整體的使用效率和體驗。


          4、細分地圖模式

          地圖在各業務模塊中應用廣泛,用戶需求也不盡相同,設計時需要根據使用場景區分不同模式。以網約車場景為例,業務信息始終處于上層,地圖用來幫助用戶定位、快速發單。因此,網約車場景的地圖整體性強、色調偏冷、視覺層級后退,能更好的搭配網約車模塊的整體設計,保證用戶的操作效率。



          5、具有品牌特性

          品牌調性一直是滴滴設計層面非常關注的原則,品牌基因貫穿了所有產品,始終具有獨特的視覺風格。遵循品牌的視覺語言,使地圖可以更好的融合到產品中,保證了設計的統一性。



          文章來源:站酷    作者:CDX創意設計中心


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

          標簽: 交互設計 交互設計公司 用戶研究公司 共情設計




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

          ui設計分享達人

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

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


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


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

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

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

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

          2020天貓雙十一主LOGO

          多語言版本LOGO

          今年是雙十一的第12年,基本上每年雙十一品牌設計一發布,我和團隊就會陷入深深的焦慮。“明年你們打算怎么玩?”熟悉我們的朋友總是在和我打趣,其中一半是玩笑,一半也確實是我們內心的真實寫照。

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

          一年一度的挑戰

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

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

          LOGO前期DEMO


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

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

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

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

          共創過程

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

          首先,回到設計的本質來看,“設計的本質是將一個想法和觀點,通過設計的轉譯,巧妙的傳達給受眾。”其中的核心是要先要找到“想法和觀點”,而“想法和觀點”來自于如何通過一個全新的視角看待原本熟悉的事物。

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

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

          今年確實不平凡。

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


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

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

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

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

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

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

          和雙十一又有什么關系? 

          洞察

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


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

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

          品牌溝通策略

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

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

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

          「 Cheer Up! (生活會更好,加油!)」

          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界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服

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

          ui設計分享達人

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


          用戶行為分析

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


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

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

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

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

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

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

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

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

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


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


          一、了解用戶需要什么

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


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


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


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

          系列產品。

                        


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


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


          二、遵循用戶的習慣

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


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


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

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


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

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


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

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


          二、顛覆用戶的習慣


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


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

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


          2、發展中的知識和技術

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

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

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

          轉自:站酷-忻蕓



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

          ui設計分享達人

          對于產品設計師來說,在日常工作中做的產品類型主要是兩種:一是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

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

          ui設計分享達人

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

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

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

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

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

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

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

          活動中常見的項目類型

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

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

          undefined

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

          1. 迭代型項目

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

          undefined

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

          要解決什么問題

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

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

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

          undefined

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

          undefined

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

          undefined

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

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

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

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

          2. 探索型項目

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

          undefined

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

          確定分析框架

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

          undefined

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

          undefined

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

          undefined

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

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

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

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

          用戶體驗升級指南—規避用戶“無意識錯誤”的防錯法則

          ui設計分享達人

          用戶在使用軟件時不可避免的會進行誤操作;
          應如何通過設計,使得犯錯變得困難,從而提升產品易用性。


          大綱要點:

          1.行為預判     

          2.多重保險 

          3.限制行為      

          4.唯一性原則

          5.默認項復用      

          6.特征明顯

          7.感官反饋



          1.行為預判,走在用戶前面

          通過固定場景,判斷用戶接下來的操作,或對某些操作做是否執行的處理。

          ①.輸入銀行卡號,軟件在你輸入完成時自動識別發卡行,避免手動選擇錯銀行導致轉款失敗。 


          ②支付寶轉賬,在聊天窗口輸入純數字,系統會自動彈出“給對方轉賬xx元”的懸浮條提示,點擊懸浮條即可進行轉賬操作。對用戶誤把轉賬發送成信息的行為進行預判,提升產品易用性。 



          2.多重保險 ,二次確認執行。

          生活中很容易產生對文件進行誤刪或提交的誤操作,多重保險是對不可逆的操作進行雙重確認后再實施執行。

          如ios信息刪除頁面,刪除信息需進行以下三個操作:

          ①左滑調出刪除按鈕(把“隱性”特征轉化為“顯性”特征)

          ②點擊刪除,“確認刪除”彈窗彈出

          ③確認刪除,多重”確認“降低誤操作 



          3.限制行為,使錯誤無法發生。


          在固定字符的表單中。對其輸入的內容自動格式化,

          如支付寶注冊頁面,只提供數字鍵盤且只能輸入11位數,從而限制用戶行為。

          直接從源頭杜絕誤觸其他字符或多輸入的誤操作。

          當你開始輸入時,系統會自動將手機號隔成XXX XXXX XXXX的格式,方便用戶以最快的速度核對已輸入的手機號,畢竟相對于一長串的數字,被分成小塊的數字組合更容易被記住和看懂。



          4.唯一性原則,一個頁面干一件事

          按照順序分步進行,避免用戶在一個頁面完成多個任務。

          如接收驗證碼時,保持頁面的功能性是唯一的,手機號注冊頁只能填寫手機號,驗證碼頁面只能填寫驗證碼。利用頁面的唯一性減少誤操作率。



          5.默認項復用,優先預知用戶所想

          同一件事做兩次出錯的幾率肯定比做一次要大得多,對用戶已錄入過的信息儲存,以便如需再次錄入時的直接填充。

          如寄快遞購物時的填寫地址,定機酒時輸入人物信息,直接復用歷史信息,省時又不會出錯。 



          6.特征明顯,對比突出可適當夸大

          視覺效果上,夸大功能性特征,能夠有效地使用戶準確獲知該區域可實現的功能,向用戶呈現清晰的行為結果。


          ①如刪除彈窗,按鈕中文字的描述應決定用戶接下來的行為。

          “確認刪除”是用戶行為,”確定“則是對該彈窗內容的時間判斷,用戶是不會對彈窗內容進行細看的,所以在按鈕文字上就應明確用戶,準確地告知按按鈕所對應的行為。

          ②如Iphone的關機界面,app 內各個入口刪除等可操作按鈕



          7.感官反饋,視覺外的強化輔助

          解鎖界面不同狀態下的震感反饋,提示警告類的聲音反饋,警示錯誤的發生。







           轉自:站酷-假裝不是設計師




          B端設計指南-06表格(上)

          ui設計分享達人

          目前我主要深耕于B端設計中,深知B端表格設計與C端有很大的不同,無論是表格的展示形式以及承載內容上都有非常大的差異。而現在網上有不少關于表格如何設計的文章,但要真正落到實處的少之又少,因此今天我們就來聊聊表格,探討一下B端表格究竟應該如何設計。


          由于表格組件類型復雜,因此分為上下兩篇,上篇主要講基礎知識點,下篇主要針對交流群中的20個問題進行解答,歡迎持續關注~


          在我們B端表格頁中,由導航、篩選、表格幾大模塊構成,因為表格面積占比最大,頁面呈現最為重要,會直接影響用戶的使用體驗。


          在我們對表格的設計思考過程中,需要注意兩項原則:易讀與易用

          前者是提升使用者在表格瀏覽時的體驗,主要是從信息密度、色彩分隔、以及視覺節奏三個方面去理解;后者是使用表格時的操作感受,比如快捷操作、多數據編輯等方面去理解。無論是B端的任何頁面,表格都是必不可少的部分。

          想要把這三種形式講透,需要將數據的形式結合起來說,我會從展示形式、數據結構、前端標簽 三個方面去解釋三者的區別。


          1) 數據采集 - 表單

          表單擁有一對一的數據結構,能夠讓用戶明白數據間的對應關系。同時使用表單的門檻,擁有更合理的錄入形式,比如在常見的問卷調查、登陸注冊都是采取表單的形式。

          在前端展示方面,表單采用的標簽一般會包含:text、password、radio、checkbox、button、submit、reset、image、file等屬性,我們也要針對不同的屬性進行相應的設計區分。


          2) 單唯獨數據整理 - 列表

          列表能夠將數據在一列中井然有序的展示,保持數據的有序與整潔。列表擁有一對多的數據結構,能夠讓用戶理清一條數據下的多個對應關系,并且多個對應關系是相互并列。比如在常見地待辦事項、走查清單中里,就是使用單維度數據進行排列。

          在前端展示上,列表中的標簽分為有序與無序。


          有序列表:即有順序的列表,其各個列表項按照一定的規則排列定義,前端標簽上采取<ol><li>的結構。

          通常有序列表一般為數字序號(1、2、3、4...)或者字母序號(a、b、c、d)

          無序列表:無序列表的各個列表項之間沒有順序級別之分,為并列關系。前端標簽上采取<ul><li>的結構。


          3) 多緯度數據整理、數據分析 - 表格

          在多維度的數據分析中,你是永遠的逃離不了表格,使用多維度數據進行統一的結構化展示,讓用戶清晰的看到在同一主題下的多條數據的對比,使數據能夠進行多維度的展示,保證數據的完整性。


          在前端的方面,表格中都是采取 <table> 標簽進行展示,同時表格中的行與列分別用 <tr> 與 <td> 標簽,我們通常說的表頭,則為 <th> 標簽。但要注意,在前端眼中表格永遠沒有列的概念,列都是每行拼接而成。






          正式開始之前,我們先定義一下表格~

          表格是一種常見的信息展現形式,它是所有B端組件中信息展示密度最高,同時涵蓋了B端的所有場景,因此是B端設計中的一個重要的組件。

          在我們常見的B端產品改版中,除了對頁面流程調整以外,更多就是圍繞表格而展開的一系列優化。因此表格的設計,做為B端設計師的基礎能力之一,也是檢驗一個B端設計師是否合格的關鍵因素。


          1) 表格痛點


          形式單一

          表格屬于形式十分單一的組件,對于沒有經驗的設計師來說,會認為能夠調整的地方實在太少,往往在思考層面就會有所不足。對于一個B端表格來說,它需要具備數據瀏覽、數據新增、數據操作、數據統計,因此功能多而全,很難思考解決問題思路。


          組件聯動多

          通常設計師設計單個組件,都會有較好的全量意識。而到了多組件的聯動時,就會出現問題。

          比如在表格中,除了表格本身,還會有搜索、篩選、視圖、分頁等操作,如果不對多組件的交叉使用進行思考,也會缺少對于這些場景的設計。


          數據形式多

          在表格中,會承載多種多樣的字段類型,而每一個字段類型都會有相應的差異。形式的不同落到表格上就會有不同的呈現形式,在關鍵數值的處理上,也會差強人意。因此看上去簡單的一個表格,其實會有很多需要設計的點。

          而深入到表格的內部中,你會發現能做的遠遠不止于此,如果剛開始沒有對表格進行梳理,那么你在設計的過程中,對于反復出現的表格將束手無策,為了讓大家能夠對表格有更深的理解,我將表格進行系統的拆解,結合實際案例,能夠讓表格更淺顯易懂。


          2) 表格拆解

          首先問大家一個問題,你覺得表格一共有幾個部分組成,分別是什么?給大家五秒鐘時間思考~

          5

          4

          3

          2

          1

          在我看來,表格一共分為五部分:


          a.標題

          概括整個表格的內容信息,讓用戶一眼就知道該表格的用途是否符合自己心中的預期。

          在實際場景中,除了通過標題文字去的形式之外,你還可以為每一個表格去設計不同類型的圖標,這樣能夠讓用戶看到圖標就能聯想到內容,這也是現在無代碼開發平臺常見的處理方式。


          b.工具欄

          但在工具欄的排列方式會有非常多的講究,在市面上的操作區域一般可分為單行與雙行的狀態,可根據自身產品要求的特點進行隨意的變化,會在文章后半部分具體講到工具欄的設計思路,這里就不再過多贅述。


          c.表頭

          概括每列的主要信息,在用戶使用表格中,起到數據解釋作用,讓數據能與之進行匹配,使用戶能夠看懂數據。同時在表頭處會擁有一些操作,比如凍結、篩選、排序都會放置于此,因此需要進行留意。


          d.單元格

          承載用戶的每一條數據,也是整個表格的核心。單元格的大小行高都會直接影響用戶使用表格的體驗,單元格的設計上也會有很多設計思路,在后半部分也給他家提供了我自己的看法,與大家進行探討,在這個就先按下不表。


          e.分頁

          嚴格意義上講,分頁是不屬于表格當中,但當數據超過用戶所設定的閾值時,就需要使用分頁拆解數據,所以分頁和表格是經常聯系在一起的。分頁一共有:基礎型、迷你型、完整型三種類型。

          而如何進行跨頁的操作,一直都是分頁在B端中的難點,需要有好的思路與邏輯,在分頁模塊中與大家聊聊。





          你知道表格類型的多少決定你了設計表格的下限。

          雖然在大多數業務場景中都是使用基礎表格,但在B端產品中業務的多樣性使得很多特殊的表格有它獨特發揮的空間。

          我發現在我的B端交流群都有著類似的問題,他們不知道表格還存在這么多的類型,這時候你與別人之間的認知的差距就是你設計優勢所在。


          1) 基礎表格

          基礎表格是根基,是由行與列的單元格組成。在使用層面上能滿足用戶多維度查看數據的需求。因為大家都很熟知,在這一章節并不是主角,我們就不做過多贅述。


          2) 樹形表格 - 包含關系

          當表格中的數據為包含與被包含的結構時,可采取樹形表格。

          通過逐級大綱的形式來展現數據間的層級關系,讓整個信息結構變得一目了然。這一表格形式常出現于項目管理工具中,比如 Teambition、Tapd、飛蛾都有這樣的設計。


          Tapd

          作為騰訊最重要的項目管理工具,在產品設計之初,就考慮到類似情況,你能夠在Tpad單列數據編輯點擊入口,創建子數據,這樣在項目管理的場景下,有著較為友好的交互體驗。


          Teambition

          前段時間,Teambition正式成為阿里旗下的辦公套件,而釘釘的云釘一體化,或許證明這樣龐大的市場仍然還要等待時間的挖掘。期待資本對于B端行業的更多動作

          我們回到設計上,Teambition在9月份經歷的改版,變化很多,有機會可以總結一個改版分析分享給大家,作為一個項目管理軟件,Teambition也擁有樹形表格的這樣一共功能,它的添加入口出現在每個數據詳情頁的最下方,同時在視圖層面,也可以篩選展示為:所有任務、僅父任務、僅子任務四種場景,更能滿足用戶的需求~


          3) 子表格 - 嵌套關系

          當一條主數據下有多條數據結構不同的關聯數據進行嵌套時,這時候就可以用子表格進行創建。它能夠對主數據進行更加細致的解釋,詳細的了解主數據中數據的含義。從表象上看,就是在一個表格中還能嵌套另一個表格。

          比如在對某集團對旗下子公司的銷售表格中,它能夠通過嵌套子表格的形式,將每一個子公司下的銷售人員的銷售記錄進行記錄,從而能夠更加細的了解到每一個公司、每一個人員的具體情況。

          在國外報表中,這類表格很少出現,而在中國的報表中,嵌套子表格算是一種不折不扣的中國式報表。


          當然這里我們依舊可以深入理解,比如在兩個表格之間,用戶是通過什么樣的方式建立一個父子的關系?表格中當父數據刪除時,子數據如何處理?設計上對父子之間的關聯有著何種限制,這都是我們需要思考的,因為這里牽涉到業務實在太多,我也無法抽象出一個規律供大家學習,因此只有具體問題具體分析。



          4) 交叉表格/表頭分組 - 兩條數據在形式上有交叉

          當一個表格里面有多條數據在同一個小范圍的維度進行展示時,它就是交叉表格。從表象上看,就是表頭有很多分組進行區分,因此它也叫做表頭分組。

          它能夠通過硬拆分將數據進行切割,但是這樣數據的易讀性就是有很大的差距,比如在2010-2020公司年度收支表格中,需要同時展示每一年份的收入、支出與利潤,使用交叉報表能夠讓用戶一眼就是看清數據,而基礎表格卻不行。交叉表格也算是中國式表格中的一種,能夠滿足具體業務上的需求。


          5) 圖表表格 表格數據的另一種展現形式

          當一個表格里面有多種圖表數據進行展示時,他就是圖表表格。

          在對一些項目做定制化開發時,這是十分常見的場景。用戶點擊某一數據后,直接跳出數據的統計圖,方便用戶進行對比。同時這一功能也可以通過儀表盤這樣的功能去解決,也就說到國內最愛做的數據可視化。




          1) 表格尺寸

          這是很多人都會忽略的一個點,主要是大家對于表格的理解各不相同,也沒有具體的文章對于表格尺寸有個非常明確的限制,在這里分享一個我常用的數據點,用于判斷表格設計的優劣:表占比。

          表占比:表占比是指在1920x1080的屏幕大小下,表格占整個頁面的比例 即:表格面積 / 頁面面積 = 表占比

          這里需要指出,這里的表格面積是指,表頭+單元格+分頁(不包含工具欄)

          在我對十幾款主流B端軟件的總結分析中,驚奇的發現大多數產品「表占比」都是在65-70%之間,而一些不注重交互設計上的產品則會有所偏差。


          那為何65-70%是一個更為合理的數據?

          因為只要在頁面中出現表格,就代表這個頁面一定是以表格作為核心。而表占比低于65%,代表頁面中的表格不處于內容的核心,你需要重新審視這個頁面所需要傳達的功能。

          如果表占比高于80 %,則代表表格出現面積過大,要考慮用戶是否能夠接受如此大的占比。

          因此,設計的合理性來說,占比在65-70%之間能夠保證數據展示的合理性,同時這主要是針對CRM產品,大家可以使用這個占比去衡量自己設計的B端產品~

          當然這樣的情況并不是一塵不變的,B端最大的魅力便是業務邏輯,我們來看一個看起來像是反面的例子:在銷幫幫中,表占比為:61.2% ,看似是一個并不合格的成績,而且數據十分異常,讓我想要深挖,為何會如此的低。

          通過進一步的分析,發現銷幫幫是一款與釘釘生態深度綁定的產品,其產品只能通過釘釘軟件進行使用,而釘釘本身默認并不是1080px的寬度,用戶打開并且全屏的尺寸偏小。默認尺寸大小的不同,最終讓銷幫幫選擇去滿足業務而犧牲表占比去換取更多的功能。



          2) 工具欄設計

          因為在B端的工具欄的設計中,市面上缺少思路與方法的指導,會出現非常多的問題,因此我展開講講工具欄的設計,就不出單獨系列進行講解~

          首先,對于工具欄,不同的產品,會對它有著不同的定義。比如在Apple MacOS 系統當中經常提到的Toolbars和Toolbar Items;又或者是Microsoft 產品中采取的Ribbon設計模式。在設計底層思路上截然不同,平臺級產品思路與定制化產品思路存在很多截然不同的做法,我們今天簡單聊聊大家遇到過多的表格工具欄設計,不做深挖~

          在表格工具欄的設計中,信息分區與頁面透氣是非常重要的兩個設計核心。


          信息分區:

          因為工具欄是由標題、篩選、搜索、視圖、新建等操作組成,而功能間的區分是工具欄設計的一個關鍵。

          當一個工具欄中,需要將如此多的元素進行組合排列時,必然會有其排序的規則,這時我們就可以通過親密性原則,對工具欄中的信息進行相應區分


          在設計的親密性原則中,我們可以將功能相近的工具放在一起,比如:搜索與篩選都是數據過濾的操作,應該放在同一分區;

          同樣,工具欄也會存在一些功能點不太相近操作,我們就應該通過分區將其間隔開,比如在下圖中,每個功能都將其用線條區分。

          當然,在信息的去區分上,也有強弱兩種不同的方式,一種是通過線條直接分割;另一種是將工具欄進行空間上的區分。因此可以通過信息區分去檢查你的工具欄設計是否合理。


          內容呼吸:

          在一個定制化項目中,設計師一定要讓自己的頁面具有呼吸感。在B端業務中,信息量本身就已經足夠龐大,而頁面的中的疏密關系就顯得尤為重要。

          通常列表都承載著繁雜、冗余的數據,是一個信息集中的密;工具欄作為與表格關聯的上部分,呼吸感便成為表格的重要因素。通常在表頭處要將空間盡量分散開,這樣才能滿足整體的疏密關系。


          3) 表格設計

          經??吹揭恍┦秩唠s的表頭,甚至它喪失了表頭的真正含義。在實際情況下,盡可能明確、簡單的講出表頭的內容,以免造成表格的宣兵奪主。當然也會存在一些專業術語,這時候,給一個Tooltips再合適不過。


          4) 單元格設計


          在表格中,單元格的行高是一直都是一個難以控制的變量,因為行高會直接控制表格中的信息密度,而信息密度永遠是一個無法量化的元素。而在我們設計過程中,需要采取盒子模型的方式,讓你的設計更加落地。


          知識點補充:盒子模型

          從前端開發而言,單元格是一個最為基礎的盒子模型。而HTML中的所有元素都可以看作是一個盒子。而我們所設計的頁面也正是由這個樣的原理去還原出來。


          Margin(外邊距):清除邊框外的區域,外邊距是透明的。


          Border(邊框):圍繞在內邊距和內容外的邊框。

          Padding(內邊距):清除內容周圍的區域,內邊距是透明的。

          Content(內容):盒子的內容,顯示文本和圖像。


          a.單元格內容

          內容一般為文字、圖標、頭像等等,而對于數據中你想要格外突出的內容,這里稱為關鍵數據標識別。從盒子模型的角度來看,它就是當中的Connect,但單元格內容中,一般會有一些處理技巧:

          關鍵數據標識:

          用戶在使用表格時,會經常去留意一些關鍵的數據。比如數據的狀態、變化的多少…

          如果在系統中,你能夠很明確知道用戶想要了解的數據時,便可在關鍵數據上進行標識。這樣能夠幫助用戶快速定位到自己想要的信息,減少數據尋找所化的時間。但如果你對關鍵數據標識出現誤判,這條數據便是一條十分干擾的數據,因此在這里的設計,需要慎重考慮。

          比如在飛書的成員與部門中,對于賬號狀態就是一個關鍵數據的標識,一方面用戶可以快速了解到已經激活的成員,另一方面對于未激活狀態的進行突出展示,同時給予用戶未激活后的再次發送提醒的操作,是對用戶使用的優化提升。但,如果將不重要的數據進行標識,例如手機號,那么這將會是一個令人痛苦的設計。


          人員角色展示

          人員角色展示在表格中十分常見,通常會是以用戶名稱+頭像的形式展示。

          但在真實場景的表格中,頭像需要給予默認的形式,比如釘釘、飛書就是以用戶“姓”作為頭像的默認值,而在多個人員角色展示時,就需要考慮特殊情況,無論是極值省略展示與獲取全量數據中,都需要我們進行設計上的處理。


          進度條


          進度條是屬于關鍵數據的一種,它所涉及到的功能與圖表表格類似,能夠更直觀展示數據的占比,方便用戶對于多條數據間的值進行判斷。進度條常見于“容量、使用量”的數據中。

          表格空白處理

          表格中經常出現空數據的情況,而表格的留白對于用戶而言會造成一些困擾,特別存在與頁面中的大面積留白,感覺像是數據沒有加載出。因此在表格空白數據處理上,可以使用“-”來進行默認展示。



          b.單元格行高


          單元格行高一般由:文字大小、文字行高、左右上下邊距共同組成。

          從盒子模型的角度來看,它就是其中的Padding。因此行高的確定,是由上方四個條件共同組成。

          文字大小:一般出現在表格中的文字大小都在12-16px之間,通常13、14px最為常見,建議大家設計也在此范疇內。


          文字行高: 行高是一行文本垂直方向的高度,這個高度和字高無關,文字內容水平居中??稍O置為字號的1.2-1.8倍,文字與分割線間距離可以設定為字號的1-1.5倍。

          邊距(Padding):表格中的邊距分為左上右下四個方向,而左上右下恰好就是對應前端去編寫Padding代碼的順序,在對頁面驗收時,便可采取這樣的形式。

          單元格行高可配置:單元格行高直接影響著信息排列的密度,而在實際業務中,真正落地也有著不同的做法。

          在對定制化項目的開發中,通常會設計一套設計師認為更加合理的單元格高度,一般為32px-56px區間內,而在很多通用化產品中,存在多個設備屏幕分辨率的差異,為了讓每一個分辨率下的產品都能夠有較好的展示效果,于是乎將選擇權交給用戶,在表格左下角會設置舒適、標準、緊湊三種高度來滿足需求,使得表格更加落地合理。


          總結:整個單元格的行高,就是由這三部分組成,它們的嵌套與組合,所形成了單元格的行高


          c.表格分割

          在表格設計當中,每一條線都有著它存在的意義。

          當表格中展示橫線;隱藏縱線。

          用戶的橫向閱讀體驗更佳,強調一條數據的完整性,能夠讓用戶進行快速的對應。

          當表格中展示縱線;隱藏橫線。

          用戶的縱向閱讀體驗更佳,強調數據上下間的對比,能夠讓用戶找到同一緯度數據下的對比。


          比如在一個組織架構的成員列表中,我相信大家都設計過類似頁面,同樣的設計方式,我一個采取展示橫線、一個展示縱線,結果明顯,我成員需要閱讀完整條數據,因此橫線會更加合理。

          當然,在我們日常的設計中,展示橫線的場景顯然會更多,但我們日常使用時,數據對應的場景還會更多這是需要有更強的設計形式:

          d.行、列凍結


          當表格的行與列的數量過多時,會導致一屏展示不下,而表格中的關鍵信息與操作是需要在任何時候都展示,這是采取行、列凍結,能讓用戶快速觸達。

          表頭凍結:通常出現在垂直滾動時,通過固定表頭的信息,能夠讓用戶閱讀時對應不同的數據,使用戶更好理解數據。

          首尾凍結:通常出現在水平滾動,通過固定首列的主屬性字段以及尾列的數據操作,來滿足用戶對于一列數據的認知,從而使用戶進行快速操作。




          5) 分頁設計

          在對分頁設計的分析中,我們需要對分頁中的元素進行拆解,才能明白分頁的類型所帶來的不同。

          表格信息:會展示表格信息當中的數據總量、更新時間、默認排序方式等...


          數據總量主要展示用戶需要瀏覽的內容的總量;常見于管理后臺搜索、篩選符合條件的數據記錄時,搜索結果頁通常會展示這個信息,這讓銷售人員在操作時有心理預期。

          更新時間主要是展示用戶當前表格所操作時的日期時間;常見于金融類產品中,他們對于表格中數據的時效性尤為關注,這樣可以方便用戶對表格數據中的有效性進行判斷

          默認排序方式主要是展示表格中是按照哪一個字段進行的排序;通常這種做法多出現于表頭直接展示icon,但對于可配置化的產品而言,隨著列數的增多,你越來越找不到你想要的默認排序方式,因此在表格的固定位置展示,就再好不過(記住,只針對特定場景)


          頁面展示數量:結構為「X條/頁」

          它能控制每個頁面展示多少條數據;當在系統中有很多數據時,你可以直接通過頁面展示數據 * 分頁總數」 直接算出整個表格的數據總和。


          上一頁和下一頁翻頁:分頁中基本組成元素通過用戶點擊上一頁、下一頁的按鈕,實現表格的翻頁功能。翻頁通常會根據場景不同,去省略翻頁中的不同元素,比如在下面馬上那個講到的三種翻頁類型,但是上一頁和下一頁是絕對不可省略的。翻頁也如同你翻書一樣,可以進行對數據的逐頁閱讀,遵從用戶之前的使用習慣。


          當前頁碼:當前頁碼說明了頁面中數據當前所處的位置,方便用戶進行翻頁的操作。



          相鄰頁碼展示:相鄰頁碼通常展示前后兩頁,比如你在第6頁時,頁面需要展示:4、5、6、7、8;但頁碼在第1頁時,就需要展示:1、2、3、4、5;頁尾同理。



          更多分頁:當表格數據過多時,就需要使用分頁,同樣,當分頁過多時,我們需要進行處理,就是省略,采用更多分頁,去展示多余的分頁情況,當用戶需要查看更多的分頁,點擊更多圖標即可。


          總頁數:代表大概會有多少頁此類數據,通過使用總頁數才能讓用戶知道

          總頁數說明了內容一共有多少頁,就像一本紙質書有總頁數,一本有聲書有總時長;通過這個元素,用戶才能了解內容的多少,對整理內容有個把握。


          頁碼跳轉:頁碼跳轉幫助用戶從當前頁面跳轉到其他某個頁面;比如用戶在搜索了某件商品,按銷量排序,這時瀏覽到了第15頁,滿意度越來越低;于是打算從前5頁選一個,這時就能通過頁碼跳轉快速跳轉到第1-5頁了。


          簡潔型:


          當分頁數量較少時,通常在7頁以內,就只有最基礎的展示:上一頁、分頁數量、下一頁。

          迷你型:

          當頁面空間不足或者降低分頁的視覺影響時,可以采用迷你型,主要為當前頁/總頁數,可以直接跳轉到某頁面。

          完整型:

          當表格數據較多,為了滿足更多的用戶需求,可以根據需求選擇分頁類型。比較完整的分頁還包括如下功能:顯示總數、調整每頁顯示條數、直接跳轉到某頁。完整型的雖然滿足各種功能需求,但是所占空間較大,所以我們要根據自己的需求合理拆分使用。

          分頁固定:

          在表格中使用分頁,除了選擇合理的分頁類型外,我們還需要注意當數據過多的時候,是否要固定分頁。這個需要根據需求來決定,如果用戶翻頁很頻繁,表格數據又特別長,就可以考慮分頁固定在底部,免得每次用戶翻頁都要跑到表格的最底部才能分頁,還可以在表頭也放迷你型分頁。但通常在設計表格的時候就沒有固定,也很少使用表頭分頁,所以根據需求來定。同樣按鈕的設計也會存在類似的情況。

          另外就是當數量過少時,只有一頁或者無數據的時候,我們是不需要分頁的,這個時候最好去掉分頁,展示在這里沒有什么意義了。但很多時候我們設計沒有做區分,開發也就不管了。




          老讀者都知道,我會反復去強調“場景”這一概念(比如在導航菜單、篩選、彈窗、圖標中經常提到這一詞),因為你只有明白用戶真正的業務場景,才能夠真正的明白用戶的痛點。我們回到表格中,在表格的場景主要分為五類不同場景:數據瀏覽、數據新增、數據操作、數據統計與通用場景。我會通過不同場景的梳理分析我們在不同場景中存在那些優化點,可以進行深入探討。


          1) 數據瀏覽


          在數據瀏覽的場景中,本質上是對大量數據進行尋找與確認。用戶需要在此場景下進行準確的數據查找。而伴隨著用戶的尋找,就需要使用表格當中的工具進行輔助查找,比如篩選、搜索,這些工具的出現,都能夠幫助用戶進行數據的清洗,使得用戶想要的數據能夠快速的被找到。


          比如:我們公司的銷售人員在每天早上,都需要去 check in 今天自己所要跟進、回訪的客戶,銷售人員就會通過表格中的各種工具,去幫助銷售人員找到自己想要的那部分數據。

          常見行為及設計點:

          數據篩選瀏覽:通過自己對數據的一定了解,結合各種篩選條件,配合得到用戶想要的篩選結果。

          數據多選:用戶可以通過多選,為他尋找的數據進行標記,方便之后的操作。



          2) 數據新增

          數據新增本質上是將復雜的數據結構,通過系統字段類型的相應規則,錄入保存到系統中。這也就我們常說的增刪改查的“增”


          比如:銷售人員在對新增的客戶進行登記時,需要登記公司名稱,聯系人,聯系方式,跟進記錄等等。且需要不斷更新跟進記錄,因此銷售人員在表格上的新增是一個非常高頻操作~


          3) 數據操作

          數據操作分為對單個數據的操作、單行數據的操作、多行數據的操作三種情況

          單個數據的操作,就是我們常見的快捷編輯,可以點擊快捷編輯按鈕,對單個數據進行錄入,

          為何需要快捷編輯,在銷售使用場景中,使用表格去編輯一條信息是一個循序漸進的過程,比如在對客戶進行溝通時,數據的不斷更改,跟進內容也在不停修改,導致用戶需要每次進入用戶詳情點擊編輯之后才能進行操作,而在表格內進行快捷編輯直接滿足實時編輯的需求,在交互層面上這是一個非常OK的需求

          但落到開發層面上,就意味著要在用戶進入表格中去判斷權限,才能讓用戶知道是否能夠點,點擊過后需要判斷字段屬性,明確該字段是與哪些字段進行聯動


          單條數據主要通常會采取兩種路徑進行操作:進入用戶詳情頁界面,對一整列數據進行編輯,這種情況通常都需要多個數據進行處理,因此進入編輯頁面更容易尋找,同時也是最為正常的一種做法


          多行數據操作主要采取多選過后的操作方式:當用戶想要對多條數據進行操作時,就需要對多個數據進行checkbox 的勾選,從而滿足多行操作的需求



          4) 數據統計

          數據統計主要針對用戶需要審查分析。目的是在通過大量的數據分析去得出自己的某一些結論,由于關注的數據會有主次之分,數據與數據之間也會有內在聯系,用戶會更加跳躍地掃視頁面,而且會更加反復地審查數據。例如,銷售人員需要查閱本月的銷售情況,進入到商品銷售明細表中,分析本月的經營狀況,若其中某些商品


          了解了表格的使用場景過后,針對不同的場景,在設計上它的思路就會有所不同

          使用上就會有不同的設計思路。由于篇幅原因,我們主要了解了表格的基本形態,如果對于表格的場景還不太清楚,我會在下篇中與大家通過20個問題,了解B端表格中究竟應該如何設計~

          文章來源:站酷    作者:CE青年


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


          交互設計原則之格式塔定律

          ui設計分享達人

          在做交互設計或者視覺設計時要遵循一些既有的原則,其中非常重要的一條就是【格式塔定律】

          一、什么是格式塔原理?

                  格式塔心理學誕生于1912年,是由德國心理學家組成的研究小組試圖解釋人類視覺的工作原理。他們觀察了許多重要的視覺現象并對它們編訂了目錄。其中最基礎的發現是人類視覺是整體的:我們的視覺系統自動對視覺輸入構建結構,并在神經系統層面上感知形狀、圖形和物體,而不是只看到互不相連的邊、線和區域。“形狀”和“圖形”在德語中是Gestalt,因此這些理論也稱做視覺感知的格式塔原理。

                 格式塔學派主張人腦的運作原理屬于整體論,“整體不同于其部件的總和”。例如,我們對一朵花的感知,并非純粹單單從對花的形狀、顏色、大小等感官資訊而來,還包括我們對花過去的經驗和印象,加起來才是我們對一朵花的感知。

                 格式塔心理學家認為這些原則之所以存在,是因為頭腦具有天生的傾向,可以根據某些規則感知刺激中的模式。(是不是覺得hin神奇)

                 比如,這是著名的“人臉花瓶幻覺”圖。如果以黑色為背景,白色為圖形,則是一個花瓶;如果以黑色為圖形,白色為背景,則是兩個人的側臉。它也反映了圖形和背景對一幅圖的影響。

          二、什么是格式塔原理?

          1、接近性原理
          接近性原理說的是物體之間的相對距離會影響我們感知它是否以及如何組織在一起?;ハ嗫拷ㄏ鄬τ谄渌矬w)的物體看起來屬于一組,而那些距離較遠的則自動劃為組外。              

          接近性原理的應用1--將相關元素彼此靠近放置

          使用不同數量的空格來合并或分離元素是傳達有意義的分組的關鍵。例如,在Ant Design的標題區域中,“ 搜索”功能與站點的主要導航位于同一行。但是,主導航和搜索之間的多余空格表示它們屬于不同的組,因此具有獨特的功能。對于使“ 搜索”功能在主菜單的其余部分中脫穎而出,此空格至關重要。


          但是,在較小的屏幕上,無法保持此間距。為了避免將這些區域視為一個整體,頁面收縮寬度的時候,搜索后的文字隱藏了。



          接近性原理的應用2--構建清晰的結構

          應具有固定或鎖頭標題的網站特別可以從使用獨特的背景顏色或清晰的邊框中受益,從而有效地將標題與下面滾動的頁面內容區分開。此外,大頁腳的單一統一背景色  可有效地表示該區域中的所有鏈接都屬于一個組。

          創建清晰的邊界是一種強大的視覺提示,可以壓倒其他分組原則,例如接近性或相似性。因此,當需要包含幾種不同類型的UI元素或無法調整對象之間的空白量時,它是一種強大的工具。我們做頁面時如果需要把兩個元素放成一組與其他元素區分,那么我們可以用線框畫出邊界來達到目的。

          2、相似性原理

          如果其它因素相同,那么相似的物體看起來歸屬于一組。接下來從形狀、顏色、尺寸上來說明相似性原理,這也就是我們平時做視覺設計時的原理,比如我們設計稿宣講時可能會被開發、產品以及測試同學問到“為什么用這個形狀?為什么這里用這個顏色?為什么這兩個尺寸不一致?等等,細細體會這個相似性原理就會給我們答案,讓我們在畫設計稿時能夠有理有據。


          A相似性原理之形狀:

          在上圖中,我們頭腦中自然而然的會分成“四列”,也就是圓形一列,三角形一列,然后再圓形一列,三角形一列,而不會看成“三行”


          B相似性原理之顏色:

          應用共享的顏色來表示某些項目是相關的,因此可能具有相似的功能,這很有效。通用顏色往往比其他特征(例如形狀)更加突出,因此可以用于組合不同類型的元素并傳達它們確實相關。         

          在用戶界面設計中,顏色通常用于指示常用功能。例如,使用單個鏈接顏色作為與用戶交流可點擊內容,鏈接顏色應僅保留給交互式文本和其他可單擊元素,因為用戶會意識到所有具有此特征的項目都是相關的,并且以相同的方式工作。因此,鏈接顏色不應用于關鍵字,不可點擊的標題或實際上不可點擊的附近圖標。

          如上圖,就是一個用色的反面例子,“ 消息中心”中的所有按鈕均為綠色,因此用戶必須花時間確定哪個是提交表單的主要按鈕。(此外,“ 提交”按鈕離消息區域很遠,并且根據Fitts的定律,這種缺乏接近性也會降低用戶的速    度。)

          相同顏色的按鈕將被視為具有相同的重要性級別。因此,應為主要操作性按鈕保留單獨的顏色,以幫助它們在輔助按鈕中脫穎而出。

          C相似性原理之大?。?/span>大小也可以用來表示關系。大小相似的對象可能被認為是相關的,通常具有相同的重要性。

          在用戶界面中,我們經常使用大小來強調內容或按鈕中最重要的部分。相同的大小表示相同的視覺突出度,并且在所有其他條件相同的情況下,將共享該屬性的所有元素連接在一起。一致地使用大小會創建視覺層次結構,并使頁面易于掃描,因為人們可以立即看到并理解這些類型分組。

          例如,在產品列表頁面中,每個單獨的產品列表都以相同的大?。ê拖嗤男螤睿╋@示。這種一致的視覺樣式告訴我們該區域中的所有物品都是產品。共享大小將其與其他不同的UI元素分開。當某項商品在此列表中以不同的大小或形狀出現時,就會突出顯示為不屬于產品分組。下面這個產品集合的促銷以單個產品列表大小的兩倍顯示。


          下面是我最開始嘗試的招聘系統首頁的改版:

          根據上面的相似性原理和接近性原理就可以很容易看出來,這個頁面結構和邏輯不清晰:

          1.待處理和招聘日程兩個模塊之間的區分不夠清晰:因為這兩個模塊右側應用了同樣的形狀和顏色的按鈕(相似性原理),讓用戶在心理上產生聯想,同時這兩個模塊之間只靠間距來區分,區分的太弱了(接近性原理)

          2.招聘日程頭部日期與下面的面試安排卡片聯系太弱:因為面試卡片用了非常強的邊界區分的線條(接近性原理-構建清晰的結構)確實在面試模塊之間構建了清晰的結構,與此同時卡片與頭部的日期之間看起來沒有什么關聯。

          3.首頁的選中效果太弱,分析這個頁面的層級,左側首頁選中才應該是最重的,能讓用戶第一眼就知道在系統中的位置,很顯然目前來看很容易忽視首頁這個位置,關注點被吸引到了快捷入口。這并不是我們想要傳達給用戶的。

          根據格式塔原理中的相似性原理和接近性原理,對頁面的結構進行了調整,就看起來清晰多了。

          所以,我們在制作完設計稿后,可以應用格式塔原理,分析下最終呈現給用戶的結構和邏輯是否清晰。而這也是做視覺的理由和底氣。


          3.連續性原理

          視覺傾向于感知連續的形式而不是離散的碎片。

          連續理解起來是很簡單的,但連續卻解決了非常復雜的問題。通過找到非常微小的共性將兩個不同的環連接成一個整體。在引導頁中經常會用到這個。

               

           4、封閉性原理

          視覺系統自動嘗試將敞開的圖形關閉起來,從而將其感知為完整的物體而不是分散的碎片。

          閉合可以實現統一整體,這不難理解。但是有一個非常有趣的現象值得我們去觀察和思考,就是不閉合時候也會實現統一的整體,更確切的說,這種現象是一種不完全的關閉。這些圖形與設計給人以簡單,輕松、自由的感覺。所以,完全的閉合是沒有必要的。最著名的應用便是蘋果公司的logo,咬掉的缺口喚起人們的好奇、疑問,給人巨大想象空間。

          5、對稱性原理

          我們傾向于分解復雜的場景來降低復雜度。


          6、主體/背景原理

          我們的大腦將視覺區域分為主體和背景。主體包括一個場景中占據我們主要注意力的所有元素,其余則是背景。這個原理經常會在海報設計中應用,這也是為什么我們做海報,做平面時,一定要制作好背景,背景的氛圍很重要。

          文章來源:站酷   作者:ZZiUP

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

          APP設計實例解析,深色模式為什么突然就火了?

          ui設計分享達人

          蘋果在2019年6月發布的iOS13中增加了“黑暗模式”,用戶打開“黑暗模式”后,應用界面將會變為深色,隨后Google Android 10的發布同樣搭載“黑暗模式”。為了適配系統,不少APP紛紛推出了深色模式。

          使用OLED屏幕的設備,在純黑色下可以有效降低耗能,進一步延長續航時間。除此之外,深色模式還可以有效解決OLED屏燒屏、費眼的問題。小摹對幾款常用APP的深色模式進行了體驗,并為大家分享我的體驗感受。從這些案例中,或許我們可以找到深色模式流行的原因。


          微 信

          深色模式是一種可以降低視覺疲勞且有助于用戶專注的全新外觀。與傳統夜間模式最大的區別是,深色模式不僅保證了弱光環境下的體驗,在強光下仍具有可讀性。

          雖然深色模式也被叫做暗黑模式,但并不代表要將底色變為純黑。如果使用100%的純黑底色,長時間閱讀時,反而會造成眼睛疲勞。微信的深色模式里,聊天背景及主頁面底色采用的就不是純黑,而是深灰色。

          此外,純黑和純白的高對比度也會造成視覺疲勞,因此微信的深色模式中,使用了淺灰色作為字體顏色,既能保持清晰顯示,又降低了對比度,減輕了用戶的閱讀負擔。如果設置了聊天背景,聊天背景圖片也會自動調暗,便于閱讀。

          雖然整體色彩加深,但微信在設計時仍保持著清晰的層次。比如置頂聊天窗口的灰色會比其他窗口稍淺,聊天消息的標題和摘要也采用了明度不同的淺灰色來區分層級。除此之外,微信的彩色線型圖標在黑色背景上也變得更具科技感,顏值提升了不少。

          微信的深色模式除了可以幫助用戶緩解夜間視力疲勞外,在白天使用也幾乎沒有障礙,總體來說,體驗感覺較好。


          Q Q

          如果說微信的深色模式更加注重顏值,那么騰訊旗下的另一款社交工具QQ則更加注重用戶的深夜閱讀體驗。

          首先,微信在切換深色模式時,需要重啟軟件后才能生效。QQ在切換夜間模式時,則采用了一個平滑的漸變過渡,讓用戶可以快速適應場景切換。其次,為了減少夜間光線對人眼的刺激,QQ降低了信息與背景的對比度,對用戶頭像等圖片增加了遮罩,使其在弱光環境中看起來更加柔和。

          當用戶開啟夜間模式時,還會有一個設計彩蛋:部分圖標會根據模式切換而改變。如消息圖標會從笑臉切換為休息的狀態,這種具有趣味性的設計,也會拉近用戶與產品之間的距離。


          豆 瓣

          普通模式下的豆瓣APP背景色為純白色,白天看偶爾都覺得有些刺眼,更不用說睡前必刷豆瓣的用戶有多煎熬。在被用戶罵了一輪又一輪之后,豆瓣APP終于也推出了夜間模式。

          豆瓣的夜間模式和微信一樣,同樣保留了五顏六色的圖標。同時,豆瓣在設計時始終保證內容有良好的對比度和清晰的視覺層級,保證了信息結構的準確傳達。

          在配色方面,為了避免“死黑”讓整個界面太過死板,豆瓣在黑色中還混入了藍紫色,讓背景色看上去更加通透。底部導航等主要按鈕則使用了豆瓣的主色調綠色,在夜間模式下既能清晰展示,又不會顯得過于刺眼,同時也保證了在強光模式下可以正常瀏覽。


          知 乎

          另一款社區APP知乎和豆瓣存在同樣的問題。知乎在設計夜間模式時,知乎采用了主色調藍色+深灰色的搭配,深藍和灰色作為背景,展示出的效果既有強烈的對比,又擺脫了深色的壓抑感。

          與豆瓣不同,知乎的文本顏色選擇了對比度更低的灰色,通過字重進行區分。雖然這樣會讓整體頁面看起來比較和諧,但內容變得不夠突出,無法在最短時間看清標題,對于一個以內容為主的社區來說,無疑會給用戶帶來不太好的體驗。

          知乎在設計夜間模式時目標應該很明確,即只考慮用戶在夜間的使用,因此整體色調都很暗,在強光環境下無法正常瀏覽。


          bilibili動畫

          B站剛推出深色模式時收到了許多批評,字體和背景色對比不強,視頻封面仿佛蒙了一層霧,一刀切的暗化處理,導致用戶瀏覽體驗極差。

          在最近一次更新中,B站終于對深色模式進行了優化,適度提亮了視頻封面和圖標的亮度,將多彩型圖標調整為了單線型圖標,既統一了畫面風格,又提升了界面閱讀體驗。

          設計深色模式時,必須注意各頁面的配色及對比度都要盡可能地統一。在深色模式下點開B站創作中心或推薦服務中的版塊時,加載畫面仍然是白色,突然出現的強光無疑會對眼睛造成刺激,對于用戶來說體驗感也極差。


          百度網盤

          高飽和度的色彩會在深色背景上產生炫光的視覺效果,引發視覺疲勞。百度網盤的深色模式下,背景接近全黑,圖標卻沒有太大的調整,給用戶帶來的閱讀體驗并不好。

          同樣,由于背景顏色太深,導致百度網盤的文本和背景對比度太大,也存在難以閱讀的情況,對于誦讀困難癥患者來說,在閱讀時會感覺文字在旋轉、模糊。

          在設計深色模式時,除了背景顏色盡量使用深灰色以外,還需要確保絕大部分區域保持深色,盡可能使用數量有限的色彩。把握好對比度和飽和度,才能設計出舒適的深色模式。

          綜上所述,合理使用深色模式,可以降低屏幕亮度,不僅可以減少耗電量,還能減小對自己或他人眼睛的刺激。除此之外,深色模式對背景色、文字以及系統圖標的顏色都進行了優化處理,可以提升閱讀舒適度。對于喜歡深色或黑色系的朋友來說,深色模式更是一種不同于普通模式的全新體驗。


          除了APP,不少生產力工具也都采用了深色界面,比如PS、摹客等。以摹客為例,用戶在進行設計時,深色界面不僅僅能降低眼睛疲勞度,還能突出你的設計內容,打造沉浸式的設計體驗。


          隨著蘋果“黑色模式”的推出,深色模式逐漸成為APP設計的流行趨勢。作為設計師,也一定要掌握APP深色模式的設計技巧。從上述APP設計案例中,我為大家總結了以下幾點建議以作參考:

          1.避免使用純黑色;

          2.避免使用高飽和度的顏色;

          3.文本顏色選用高亮色,但不宜使用純白;

          4.做好情感化設計;

          5.注意結構和層次感;

          6.允許用戶自由切換深色模式和普通模式。


          文章來源:UI中國  作者:摹客產品協作設計

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

          2020-2021 設計趨勢 · 年輕文化篇

          ui設計分享達人

          It is ultra experience

          About Millennials and Generation Z


          ——————————

          Intro 前言



          很難界定千禧一代(生于20世紀80年代至2000年初)和 z 世代(生于1995年以后) ,但那些已成為當前消費市場中心的人與上一代有著不同的價值觀和文化品味。他們表現出的消費特征是強調個人幸福而非群體,分享而非持有,體驗而非產品。不僅僅是購買東西,他們傾向于通過購買包含社會價值觀和信息的東西來表達自己的信念,他們也喜歡展示自己的成功或財富,并且樂于投資昂貴的品。與老一輩為了一個遙遠的未來而犧牲了現在不同,他們關注的是現在。


          It is difficult to define the millennials (born between the 1980s and early 2000) and the generation Z(born after 1995), but those who have emerged as the center of the current consumer market have different values and cultural tastes from the previous generation. They show the consumption characteristic that emphasizes individual happiness rather than group, sharing rather than ownership, and experience rather than product. They tend to expresses their belief by purchasing things containing social values and messages, not just purchasing things. They also enjoy the 'flex' culture that shows off their success or wealth, and invest easily in expensive luxury goods. Unlike the older generation who sacrificed the present for a guaranteed distant future, they are concentrating on the present.




          千禧一代:在美國,千禧一代通常指的是出生于1980到21世紀初的人。對于千禧一代的界限有很多分歧,但2018年3月1日,《紐約時報》宣布,美國皮尤研究中心對1981年至1996年的千禧一代進行了定義。千禧一代也被稱為 Y 一代,意思是他們是 X 一代的下一代。因為熟悉 IT 技術,這一代人也被稱為技術一代。在《時代》雜志上,他們把這一代人稱為“自我一代” ,因為這一代人的思考和行動以自我為主。


          Millennials: In the United States, millennials are usually referred to births from 1980 to the early 2000s. There were many disagreements about the boundaries of the millennial generation, but on March 1, 2018, the New York Times announced that the Pew Research Center in the United States defines millennials from 1981 to 1996. The millennials are also called generation Y, which refers that they are the next generation of the generation X. This generation is also called 'tech generation' in the sense that they are familiar with IT technology. And in Time magazine, they called ‘me generation' because it is a generation that thinks and acts mainly on oneself.




          Z世代:指的是1995年后出生,在全球和美國市場上已占據最高人口比例,超過了千禧一代的人。目前,Z世代處于十幾歲到二十多歲的年齡段,他們被稱為數字原住民,不像千禧一代生長在模擬和數字文化的混合環境中,他們從小就接觸到數字環境。


          Generation Z: It is a word that refers to births since 1995 and already accounts for the highest proportion of the population in the global and US markets, surpassing the millennial generation. Currently, the generation Z are in their early teens and mid-20s which are called digital natives who have been exposed to the digital environment since childhood, unlike the millennials who grew up in a mixed environment of analog and digital culture.


          首先,我們將用6個能代表千禧一代和z世代的關鍵詞來總結他們的特征。其目的是了解處于趨勢中心的他們,解讀流動的變化,并預測未來。我們將以匹配每個關鍵詞的例子來研究年輕一代的特點。


          First of all, we will summarize the characteristics of millennials and generation Z with six keywords that can represent the them. The purpose is to understand these generations that are the center of trends, read the flow of change, and predict the future. We will look at the characteristics of the younger generation with examples that match each keyword.



          對于千禧一代和Z一代來說,被認為是某一特定階層的專有財產的文化,如向公眾傳播的游戲、動畫和科幻電影等,已經成為他們生活的一部分。品牌歷來在戰略上排斥流行文化,但他們目前正試圖通過針對千禧一代和 z 世代的各種合作以反映年輕一代的品味和文化。


          The culture that was regarded as the exclusive property of a specific class, such as games, animation, and SF movies spread to the public. For the millennial and generation Z, these cultures has become part of life. Traditionally, luxury brands have strategically excluded popular culture but they are currently trying to reflect younger generation’s tastes and culture, by conducting various collaborations targeting the millennial and generation Z.



          #Supreme#StreetBrand#Drop


          嘻哈和滑板在過去只是亞文化,現在成為談論潮流不可或缺的因素。擁有滑板運動員感性和理念的街頭品牌Supreme,受到全世界年輕人的支持。他們與許多品牌合作,激發年輕一代的收集欲望。千禧一代和Z世代毫不猶豫地將資金投入到他們喜歡的東西上。許多具有亞文化精神的公司和品牌正在引領這一潮流。


          Hip-hop and skateboard culture which were only subcultures in the past are now an indispensable factor in talking about trends. The street brand Supreme, which has the sensibility and philosophy of skateboarders, is supported by young people around the world. They collaborate with many luxury brands which stimulates the desire of young generation to collect them. The millennials and generation Z does not hesitate to invest on the things they like. Many companies and brands which has the spirit of subcultures are leading the trend.



          #Popmart#ArtToy#Blindbox#Unboxing


          不同于動畫或電影中的人物形象,藝術玩具是以藝術家的作品為基礎,用3D形式制作出來的具有藝術感的人物。在中國,它們現在是最為熱門的購買項目。千禧一代和Z世代喜歡享受愛好和表達個性的需求,使得這個市場正在迅速增長。過去,藝術玩具是一種只有少數人喜歡的文化,但千禧一代和Z世代不把錢花在業余愛好上,他們把這種收集藝術玩具的文化傳播給了大眾。


          An art toy is a kind of figure which is produced in 3D form based on artist's work with an artistic sense added to the toy, unlike the animation or movie character figure. This art toy figure is the hottest shopping item in China, and this market is growing rapidly with the demand of the millennials and generation Z, which likes to enjoy hobbies and express their personality. In the past, art toy was a culture which only a few people enjoyed but millennials and generation Z who does not spare money for hobbies, has spread this culture of collecting art toys to public.




          復古是一種持續數年的潮流,如今,年輕一代更注重將舊的潮流創造詮釋為新事物,而不僅僅是發現舊的東西。千禧一代和 z 世代不懷念過去,但過去本身對他們很有吸引力。比起始終如一的文化,他們認為多樣性和原創性是時髦的,他們沒有經歷過的內容是新出現的。


          Retro is a trend that lasting for several years, and these days the younger generation focuses more on creating and interpreting the old trend to a new thing beyond just discovering old items. Millennials and generation Z are not nostalgic in the past, but 'past' itself can be attractive to them. They think that diversity and originality are trendy rather than consistent culture and the contents they have not experienced are coming up newly.



          #UglyShoes#Balenciaga#Sneakers


          Balenciaga在2017年發布了一款名為triple S的運動鞋,這是他們品牌之前從未見過的設計。它包含一個大的外底,一個不同成分的多層鞋幫,并被至少設計了3-4種顏色。triple S打開了ugly shoes的時代,因為設計得很像爸爸會穿的運動鞋,這種鞋也被稱為“老爹鞋”。在不同品牌中,他們發布了代表“ugly shoes”的運動鞋,并變得非常流行。90年代是運動服裝的全盛時期,許多品牌都使用技術重新推出當時熱銷的產品。這些款式不是根據鐵桿趨勢匆忙制造的,它蘊含著品牌悠久的傳統。年輕一代對這些品牌的設計和故事充滿熱情。


          Balenciaga released a sneaker called triple S in 2017, which was a design that had not been seen in their brand before. It was consist with a large outsole, an upper with various parts in layers, and at least designed with 3-4 colors. This triple S opened the era of ugly shoes, which also called daddy shoes since design resembled the sneakers that dads wore. In various brands, they released sneakers representing ugly shoes and became very popular. The 90s was the heyday of sportswear, and many brands are relaunching popular products sold at the time with added current technology. These models are not made in a hurry according to the iron trend, containing the brand's long-standing heritage. The young generations are enthusiastic about the designs and stories of these brands.



          #RetroRadio#RetroProduct#RetroInterior


          千禧一代和Z世代在物質豐富的生活環境中長大,他們傾向于追求有價值的生活。在購買產品時,除了實用性,他們更喜歡獨特性或故事化的產品。收音機曾經是記憶的產物,但最近又形成了以年輕消費者為中心的,復古收音機的新的消費趨勢。集感性設計、故事性和多種功能于一體的復古收音機,成為年輕消費者喜愛的禮物,也是年輕一代想要擁有的室內配飾。


          Millennials and generation Z who grew up in a materially rich living environment, tends to pursue a worthy life. They prefer products that are unique or story-like in addition to practicality when purchasing products. Radio was once a product of memories, but recently a new consumption trend for retro radio has been formed, centering on young consumers. Retro radio, which contains sensual design, story and various functions, became a gift that young consumers enjoy and an interior accessories which young generation would want in their home.



          在認為環保就是性感的態度下,千禧一代和Z世代喜歡素食主義,覺得假皮草很新潮,甚至會考慮制作過程來購買化妝品。現在,企業已經讀懂了這些市場趨勢,并開始改變營銷方式,只有注重可持續性而不是追求簡單美的公司才能生存下來。


          In the attitude of considering eco-friendly as sexy, the millennials and generation Z enjoys vegetarianism, considers fake fur trendy, and even buys cosmetic products by considering the process of making it. Now, companies have read these market trends and started to change marketing, and only companies with sustainability in mind rather than pursuing simple beauty survive.



          #Patagonia#DoNotBuyThisJacket#Eco-friendly


          Patagonia是一家以引領環境保護和自然保護而聞名的公司,他們發布了一則“不要買這件夾克”的廣告,兩年內銷售額增長40%。年輕一代不是通過廣告來購買Patagonia的產品,而是贊同他們的理念,即盡量減少對環境的破壞,追求公平交易,并且告知一件夾克的制作過程如何影響環境,通過商業來保護環境。


          Patagonia is well known as a company that has been leading the environmental protection and nature conservation activities. They posted an advertisement called 'Do not buy this jacket' and sales increased by 40% in two years. Instead of advertising to buy their products, young generations sympathize with Patagonia's philosophy of minimizing environmental damage, pursuing fair trade, and preserving the environment through business by notifying how the process of making one jacket affects the environment.



          #Freitag#UpCycling#Sustainability


          Freitag品牌包包由卡車防水布、汽車安全帶、廢棄自行車橡膠管制作而成,是環境保護和循環再造的代表。它回收現有的廢棄品,并通過添加不同的價值進行再創造。盡管售價高達200-600美元,但它目前有400家商店,去年的收入為10億美元。


          The brand Freitag represents eco-friendly and up-cycling by making bags with truck waterproof fabrics, seat belts for cars, and rubber tubes for waste bicycles. It is a representative brand of up-cycling that recycles existing discarded products and re-creates them by adding different values. Despite the high-priced bag of 200 - 600 USD, it currently has 400 stores and revenue of 1 billion USD last year.



          我們稱這些年輕人為“中性”的一代,他們接受不同的種族、性別和文化背景,并承認其價值觀。與上一代相比,千禧一代和Z世代更了解和熟悉那些與自己不同的人,他們對同性戀和跨性別問題也很感興趣。他們沒有按照別人設定的標準去調整自己,而是有一種接受和肯定現狀的意識。


          We call this young people as ‘gender neutral' generation who recognize various races, genders, and cultural backgrounds and admit their values. The millennials and generation Z are more familiar with people who are different from themselves than the previous generation, and they are interested in homosexuality and transgender issues. Rather than adjusting themselves to the standards set by others, they have a sense of accepting and affirming the way it is.



          #GlobalPrideCrossing#AnimalCrossing


          針對性少數群體的活動在任天堂游戲《動物之森》中舉辦,這款游戲在今年很受歡迎。由于時間和空間的限制,以前沒有機會參加活動的人們,可以輕松地在虛擬空間中參與活動。


          A campaign for sex minorities was held at the Nintendo game 'Animal Forest', which became very popular this year. Because of the limitations of space and time, people who did not have chance to participate in the campaign before, were able to easily get involved in the campaign in the virtual space.



          #Non-BinaryEmoji#Memoji#Apple


          蘋果在其系統為每個表情符號添加了“性別中立”的選項。區分男人和女人的視覺元素被排除在外,比如頭發的長度變為中等長度,并使用灰色,這樣衣服的顏色就不會讓人想起特定的性別。膚色也拓寬了選擇范圍,讓用戶選擇與自己相似的顏色。蘋果2019年推出的表情符號功能為更多種族和性別提供了多種選擇,包括臉型、膚色、發型等,人們可以對蘋果的性別和種族問題一目了然。


          Apple added a 'gender neutral' options to every human emoji in its system. The visual elements that distinguish men and women were excluded, such as the length of the hair coming mid length and using gray color so that the color of the clothes would not be reminded of a specific gender. The skin color also broadened the range of choices which made users choose colors similar to themselves. The Memoji feature which Apple launched in 2019, offers a variety of options for more races and genders, including face shape, skin color, and hairstyles, giving a glimpse of Apple’s gender and racial issues.



          數字原住民通常被稱為“擁有智能手機的一代人”,智能手機的發展比其他任何技術都更主導著數字原住民的生活。他們熟悉互聯網和IT,并且喜歡圖像和視頻內容,而非文本,喜歡手機而非電視機和計算機。視頻是千禧一代和Z一代最突出的交流工具,他們把大部分時間花在YouTube上進行搜索、學習、消費和交流。YouTube已經成為他們不可或缺的服務。由于他們是通過視頻學習和交流的一代人,許多公司利用影響力,在視頻內容營銷上投入大量的資金。在決定購買時,他們不是根據廣告,而是通過各種渠道收集到的信息和經驗來判斷產品的價值。前幾代人主要受老一輩人的影響,而這一代人則受年齡相近的影響者的影響。此外他們熱衷于分享自己的興趣和生產內容,他們可以被視為文化的消費者和生產者。


          Digital natives are often called 'generations born with smartphones', and the development of smartphones dominates the life of digital natives more than any other technology. They are familiar with the internet and IT, and prefer images and video content than texts, smartphones rather than TVs and computers. The most prominent communication tool for millennials and generation Z is the video. They spend most of their time on YouTube in searching, learning, consuming and communicating. YouTube has become an indispensable service for them. Since they are a generation that learns and communicates through video, many companies invest a lot of money in video contents marketing using influencers. They judge the value of the product based on the information and experience collected through various channels rather than advertisement when deciding the purchase. While previous generations were mainly influenced by older generations, this generation is influenced by similar ages of influencers. In addition, they are familiar with sharing their interest and producing contents, and they can be seen as a consumer of culture and a producer.



          #GucciGang#Youtube#Influencer


          17歲的說唱歌手Lil Pump穿Gucci產品演唱的Gucci Gang,在Billboard排行榜上名列第三。他通過Facebook,Instagram和YouTube對這首歌進行各種視頻營銷。2017年,以“Gucci” 和 “Gucci-ish”為關鍵詞的谷歌搜索量也高居時尚類榜首。當其他品牌擔心自己的品牌形象會在網絡空間受損時,Gucci在網絡進行投資,使Gucci成為千禧一代和Z世代喜愛的品牌。


          A 17-year-old rapper Lil Pump who is wearing Gucci products all over his body sang Gucci Gang and has reached number 3 on the Billboard charts. He conducted various video marketing through Facebook, Instagram and YouTube with this song. The number of Google searches with the keyword 'Gucci' or 'Gucci-ish' also topped the fashion category in 2017. When other luxury brands worry that their brand image will be damaged in the online space, Gucci invest in online branding and made Gucci a brand loved by millennials and generation Z.



          #Meme#TikTok#Challenge#Remix


          通過摘錄、模仿和再加工一些現有內容而產生的模因,是業余愛好者和粉絲自愿創作并傳播到SNS的一種游戲文化。它像病毒一樣迅速傳播,并給分享相同模因的群體一種強烈的同質感。最近,它作為一種代表千禧一代和 z 一代的數字游戲文化受到了廣泛關注。美國雜志《紐約客》稱TikTok為模因工廠,TikTok在美的用戶年齡60%為16到24歲之間,它是一款經過優化的應用程序,用戶可以消費15秒左右的短視頻,也可以自己制作內容。年輕人可以通過TikTok來復制和創造新的模因。TikTok不同的兩個視頻有多種混音,并且不同的人編輯相同的圖像,可以產生新的,感覺不一樣的圖像。此外,“挑戰”文化最近在TikTok變得流行起來。從表演特定任務,到舞蹈挑戰,再到偶像歌曲,各式各樣的挑戰正在TikTok中舉行。因此,千禧一代和Z世代正通過TikTok積極地引領內容市場。


          The meme, which is created by excerpts, parody, and reprocessing some of the existing content, is consumed as a play culture that amateurs and fans voluntarily make and spread to SNS. It spreads rapidly like viruses and gives a strong sense of homogeneity to groups that share the same memes. Recently, it has been getting attention as a digital play culture representing the millennial and generation Z. The American magazine New Yorker also called the TikTok a meme factory, which the 60% of Tiktok users in US are 16 to 24 years old. TikTok is an app optimized to consume short videos of about 15 seconds or to produce content by oneself. Young people can reproduce memes or create new memes by using Tiktok. There are many remixes of two different videos of Tiktok, and new images are recreated in a different feeling depending on the person who edits the same images. In addition, the 'challenge' culture has recently become popular in Tiktok. Various types of challenges are being held, ranging from to perform a specific mission or dance challenge to dance to the songs of idols. As such, the millennials and generation Z is actively leading the content market through Tiktok.



          千禧一代和 z 世代把消費看成是當前的滿足感,而不是未來的儲蓄,新的體驗是必須的投資。即使減少了其他方面的開支,他們也會根據自己的心情和目的,投資消費一種不同尋常的、更加現實的體驗。


          The millennials and generation Z who focus on consumption for current satisfaction rather than savings for the future, new experiences are a must-investment. Even if they reduce the expenditure on other parts, they invest in consuming an unusual and more realistic experience depending on their mood and purpose.



          #GentleMonster#CultureExperience#RetailExperience


          創造與眾不同的概念空間,引導用戶體驗和購買眼鏡產品,Gentle Monster在空間上充了產品購買與體驗價值的空間策略,給千禧一代和Z世代帶來好感。針對線上線下,他們同時有效滿足了這幾代人的體驗型消費傾向。


          Gentle Monster's spatial strategy, which made a space of unusual concept and lead to experience and purchased glasses products in it, filled the experiential value of product purchases in the space and led to the favorable feeling of the millennials and generation Z. It is effective to meet the experience-oriented consumption tendency of these generations by simultaneously targeting on-line and off-line.



          #NRC#Nike+RunClub#SNS#BrandExperience


          Nike通過各種營銷活動,提供令人愉悅的跑步體驗,引領跑步趨勢。在每年都舉辦高水平跑步活動,并且可以與專業教練和參與者一起訓練的Nike + Run Club上,根據不同的距離、速度和水平等技能,Nike為跑步者提供定制的跑步程序。Nike的營銷策略注重運動的難忘體驗,而不僅僅是銷售運動鞋,因為那些體驗到跑步樂趣的年輕消費者會在社交媒體上,不斷上傳展示自己跑步記錄的照片。


          Nike is leading the running trend through various marketing activities that provide a pleasant running experience. Nike + Run Club, which hosts the highest level of running events every year and can train with professional trainers and participants, provides customized running programs for various runners according to their skills such as distance, speed and level. Nike's marketing strategy is focused on the unforgettable experience of sports, not just selling sneakers, as young consumers who have experienced the pleasure of running on social media every day are constantly uploaded with photos that boast their running records.



          千禧一代和Z世代追求理性消費,并首先傾向于投資自己。接受一個品牌的方式也取決于品牌所追求的價值,它所具有的風格,以及它與自身的契合程度。過去,品牌在戰略上排斥流行文化,但現在他們正在針對年輕一代進行各種嘗試。千禧一代和Z世代正在成為最有影響力的消費者,品牌需要的是能夠直接吸引他們品味并帶來樂趣的營銷,而不是他們過去所追求的優雅的品牌戰略。


          The millennials and generation Z pursues rational consumption and tend to put investment on theirselves first. The way of accepting a brand is also selectively done depending on what value the brand pursues, what style it has, and how much it fits with themselves. In the past, luxury brands have strategically excluded pop culture, but now they are showing various attempts targeting the young generation. For the millennials and generation Z , who are emerging as the most influential consumer now, brands will need marketing that can directly attract their taste and give fun rather than the elegant brand strategy that they have pursued in the past.




          Chrome Hearts x Converse Chuck Taylors


          Chrome Hearts和Converse合作打造的全明星運動鞋已經發布。這款聯名運動鞋世上僅有一雙,用Chrome Hearts的識別標志-金屬十字徽標緊密地貼在匡威運動鞋中設計而成。這款運動鞋在Bam Margiela的Instagram上發布,他一直在發穿著聯名運動鞋進行滑板運動的視頻。


          The all-star sneakers which is created through a collaboration between Chrome Hearts and Converse have been released. The collaboration sneakers are only one pair exists in the world and designed in a form that metal cross logo, which is the signature of Chrome Hearts, is tightly attached in Converse sneakers. The sneaker was released on the Instagram of Bam Margiela, who has been releasing videos of his skateboarding wearing collaboration sneakers.



          Chanel Game Center


          品牌Chanel開了一家游戲中心,當你進入這個游戲中心,你會發現一個化妝品與娛樂共存的世界。以游戲機為概念,Chanel的目的是購物+娛樂。比起引誘人們對品牌進行單次性購買,重要的是讓他們體驗品牌并塑造一個年輕的形象。質量和苛性比固然重要,但是針對千禧一代和Z世代,品牌體驗是否有吸引力和是否有樂趣更重要。


          Luxury brand Chanel opened a game center. When you enter this game center, you will find an interesting world where cosmetics and entertainment coexist. Chanel aimed at the effect of shoppertainment (shopping + entertainment) with the concept of a game arcade. Rather than inducing one-dimensional purchase of a brand product, it is important to make people experience the brand and to make a young image. The quality and caustic ratio are important, but it is more important whether the brand experience is attractive and fun to target the millennials and generation Z.



          Louis Vuitton x NIGO


          Louis Vuitton設計師Virgil Abloh和NIGO(日本街頭時尚的傳奇人物和Human Made的創始人)進行了一次合作。NIGO曾為日本代表性街頭品牌Bape工作,Humanmade是NIGO于2010年創立的服裝品牌,正在推出基于日常主題的美國復古休閑服裝。這一合作,是通過Louis Vuitton 2020年秋季前系列外觀手冊公布的,由標題為LV2的設計產品組成,用Nigo的風格表達Louis Vuitton的特征。當這兩個在高級時裝和街頭品牌領域處于領先地位的品牌打破界限,展現出前所未有的融合,千禧一代和Z一代都非常喜歡。


          Louis Vuitton's designer Virgil Ablo and NIGO, the legend of Japanese street fashion and the founder of Humanmade, have collaborated together. Humanmade is a clothing brand founded in 2010 by NIGO, who worked for a representative street brand in Japan, Bape. Humanmade is introducing American vintage casual style costumes that are based on everyday themes. This collaboration, which was unveiled through Louis Vuitton's 2020 pre-fall collection look-book, consists of design products with the title of LV2 and expressing Louis Vuitton's signature in Nigo's style. When the two brands that were leading the way in each area of high fashion and street brand broke down the boundary and showed the fusion which has never been before, the millennials and generation Z love it.




          Burberry


          掉落式銷售策略是指,通過一些商店或社交網絡以驚人的方式銷售限量版或小批量生產的產品。受Supreme等街頭品牌投放策略的啟發,Burberry每月17日推出一款針對年輕一代口味,僅限于線上銷售的新產品。掉落式銷售策略是一種能夠滿足千禧一代和Z世代渴望擁有特殊產品需求的策略。


          The sales strategy called drop refers to the way in which limited editions or products made in small quantities are sold in a surprise manner through some stores or social networks. Burberry has launched a new product that targets the tastes of younger generations on the 17th of each month, which is limited to online, inspired by streetwear brand drop strategies such as Supreme. The drop-type sales strategy is a strategy that can satisfy the needs of the millennials and generation Z, which has a desire to own special products.



          PALACE


          PALACE是一個以滑板服裝為主,對年輕人有很大影響的英國街頭品牌,在英國被稱為“Superme”。PALACE使用街頭文化經常引用的復古元素來打造品牌形象。PALACE 公司有意通過模擬VHC(家庭視頻系統)的拍攝方式進行市場營銷。他們還通過模仿不同的品牌或制作看起來像是開玩笑的產品說明頁,來迎合想要獨特和新鮮事物的,年輕一代的口味。通過這些營銷,PALACE得到了喜歡復古和街頭文化的年輕一代的好評。


          PALACE is a British street brand which mainly has skateboard clothing and has a great influence on young people that it is called Superme in UK. As a street brand, PALACE uses retro elements that are often cited in street culture to create the brand image. PALACE has intentionally attempted marketing through analogue VHS (video home system) shooting. They also try to target the tastes of younger generations who want unique and new things, by parodying different brands or making product description pages that seem to be written as a joke. Through these marketing, PALACE has got a good response from the younger generation who like retro and street culture.



          Lululemon


          與其他時尚品牌不同,Lululemon強調通過品牌而不是產品本身獲得體驗。Lululemon有各種各樣的項目,如瑜伽、冥想、現代舞和跑步,顧客可以定期參加,并一起享受鍛煉和文化。Lululemon的 核心哲學是汗水生活,這是一種喜歡流汗,熱愛生活的人的生活方式。千禧一代和Z世代更喜歡穿能讓自己滿意的衣服,而不是穿衣服給別人看,Lululemon品牌本身就能吸引到他們?,F有的時尚服裝市場總體呈下降趨勢,但運動休閑服裝市場在年輕一代中穩步增長。


          Different from other fashion brands, Lululemon emphasizes the experience that can be gained through the brand than the product itself. Lululemon has various programs such as yoga, meditation, modern dance and running that customers can regularly participate in, and enjoys exercise and culture together. At the heart of Lululemon’s philosophy is sweat life, which means a lifestyle of people who love sweating and love their lives. The branding of Lululemon alone could appeal to the millennials and generation Z who prefer to wear which can satisfy themselves rather than to wear clothes to show others. The existing fashion apparel market is declining overall, but the athleisure wear market is steadily growing in the young generation. 





          Alexander Wang x McDonalds


          去年11月,Alexander Wang發布了一款新產品,緞面午餐袋。因為外形酷似麥當勞的午餐袋,這款產品備受關注。Alexander Wang后來與麥當勞合作發布了午餐袋和野餐籃。他說“麥當勞品牌一直是最接近流行文化的品牌,能夠參與到創意項目中來,我感到很榮幸”。麥當勞中國首席營銷官徐佳婷(Christine Xu)也提到,“與Alexander Wang的合作反映了中國消費者對新理念和創新的強烈渴望,我希望這次合作能使人們微笑,能給他們的日常生活帶來微小但令人驚嘆的快樂”。


          In November last year, Alexander Wang released a new product, the satin lunch bag clutch. This product got some attention because the shape resembled McDonald's lunch bag. Alexander Wang later released McDonald's lunch bag and picnic basket through collaboration with McDonald's. He said "The McDonald's brand is always the closest to pop culture and is honored to participate in creative projects,". McDonald's China CMO, Christine Xu also mentioned that "The collaboration with Alexander Wang reflects the strong desire of Chinese consumers for new ideas and innovations. I hope this collaboration will make people smile and give them a small but amazing pleasure in their daily lives."



          CocaCola NewCoke x Stranger Things


          1985年,可口可樂推出一種新配方贏得了百事可樂的競爭,但由于現有消費者的強烈反對,新配方在上市三個月后就停止了生產。30年后,這款新可樂隨Netflix電視劇《怪奇物語3》回歸。30年前沒體驗過新可樂的年輕一代通過這部劇對新可樂的味道產生了好奇,可口可樂通過一家特殊的彈出式商店復制了新可樂的配方以及設計,并對這款限量版新可樂進行銷售。


          In 1985, Coca-Cola launched a new recipe to win their competitor Pepsi, but it stopped production in three months after its launch due to strong opposition from existing consumers. The New Coke, returned with Netflix drama ‘Stranger Things 3’ in 30 years. Young generations who have not experienced New Coke 30 years ago have been curious about the taste of New Coke through this drama, and Coca-Cola has reproduced the recipe as well as the design through a special pop-up store, and sold this limited edition New Coke.



          Gompyo Flour


          Gompyo最初是韓國磨坊公司具有代表性的面粉品牌,但現在,它與LG家居&保健、Run Rabbit、Swanicoco和4XR等各種品牌合作,以復古概念展示了廚房清潔劑、化妝品、服裝、啤酒等各種產品。雖然“面粉等于Gompyo”在中年人中根深蒂固,但它被認為是適合年輕一代的,新穎而有趣的品牌。這種激進而富有挑戰性的變化使其成為的復古品牌。


          Gompyo was originally a representative flour brand of company called Korean mill, but now it is showing various products such as kitchen detergent, cosmetics, clothing, beer through collaboration with various brands such as LG Household & Health Care, Run Rabbit, Swanicoco and 4XR in retro concept. The fact that flour equals Gompyo is a stereotype that has been deeply rooted in middle-aged people, but it is recognized as a new and fun brand suitable for the the younger generations. This radical and challenging change in Gompyo has made them the most popular retro brand.



          Jinro Soju


          Jinro是最近隨著newtro潮流而更新的品牌之一。 Jinro透露了“ Jinro is back”的logo和淺藍色瓶包裝。這款重新詮釋了他們原來品牌形象的產品在推出后兩個月內就實現了銷售目標。 Jinro正通過與Obey,Covernat等街頭時尚品牌合作,與戶外品牌Helinox發行野餐裝等方式,努力吸引年輕一代。


          Jinro is one of the brands that have recently renewed with the newtro trend. Jinro revealed the 'Jinro is back' logo and light blue bottle package, which reinterpreted their original brand identity has achieved the target sales amount within two months after launching . Jinro is making efforts to appeal to the younger generation by collaborating with street fashion brands like Obey, Covernat and releasing picnic sets with outdoor brand Helinox.





          Louis Vuitton x LOL


          積極抓住年輕消費者的Louis Vuitton也將數字營銷擴展到了電子競技領域。Louis Vuitton與英雄聯盟合作的特別目標似乎是中國消費者,因為他們希望利用LoldCup (英雄聯盟+世界杯)在中國的流行來擴展消費者的體驗。


          Louis Vuitton, which is aggressively marketing young consumers, has also expanded its digital marketing to e-sports. The Louis Vuitton's League of Legend partnership seems to have especially targeted for Chinese consumers since they expect to expand customer experience by utilizing the popularity of LoldCup(League of Legend + World cup) in China.



          PUBG x BAPE


          韓國皇室游戲PUBG與日本街頭品牌BAPE合作。通過這次合作,BAPE發布了含有PUBG品牌元素的標志性產品,比如鯊魚迷彩拉鏈風帽、短袖襯衫、背包和其他物品。如果用戶在現實中購買這些產品,他們將獲得可以在游戲中使用的代碼,這些代碼可以獲取 BAPE的物品。通過這款合作產品,PUBG的用戶不僅可以在現實,還可以在游戲中看起來獨特而時尚。


          A Korean battle royal game PUBG and a Japanese street brand BAPE collaborated together. Through this collaboration, BAPE's iconic products such as shark camo zip-up hood, short-sleeved shirts, backpacks, and other items with PUBG brand elements were released. If the user buy these products in reality, they will be given code to get BAPE items that can be used in the game. Through this collaboration product, PUBG users can look unique and trendy not only in reality but also in the game.



          Animal crossing


          與被新冠疫情捆住了手和腳的現實世界不同,動物之森允許人們在虛擬空間中享受日常生活,它給那些不得不呆在家里的人帶來了滿足感。在這個游戲中,你可以通過換幾件在現實中很難穿的衣服來展示你的時尚感。隨著游戲對時尚越來越感興趣,品牌也進入了虛擬世界。Valentino在動物之森中發布了二十種風格的衣服,Mark Jacobs 免費發布了6套,Anna Sui和 GCDS也有參與。對于追求個性和自我滿足的千禧一代與Z世代來說,游戲中的服飾和配飾成為了一種很好的推廣品牌的方式。


          Unlike the real world, where Corona has tied people’s hands and feet, the Animal Forest allows people to enjoy everyday life in the virtual space which has provided surrogate satisfaction to those who have to spend time at home. In this game, you can show off your fashion sense by changing several luxury clothes that are hard to wear in reality. As the interest in fashion in the game grew, luxury brands also entered the virtual world. Valentino introduced twenty styles of clothes in animal forests, and Mark Jacobs distributed six new clothing free of charge in the game. Anna Sui and GCDS also participated. The luxury costumes and accessories in the game have become a great way to promote the power brand for the millennials and generation Z who pursues personality and self-satisfaction.



          Zepeto x Blackpink


          全球AR角色服務公司Zepeto與韓國偶像Black Pink有過一次代表性的合作。由于 Zepeto APP沒有時間和空間的限制,粉絲可以和Black Pink的角色合照,并一起享受和參加各種各樣的活動。如今,年輕一代喜歡在網上創建他們自己的角色,這些角色生活在網絡空間,比在現實擁有更多的自由。


          Global AR avatar service Zepeto has presented collaboration with Korean pop idol Black Pink. Since there are no restriction in time and space within Zepeto app, fans can take pictures with avatarized Black Pink members or enjoy a variety of activities together. These days, young people enjoy creating their own character (multi persona) in the online space, living in the online space that can have more freedom than reality. 



          Fortnite x Travis Scott


          Travis Scott在 《堡壘之夜》的游戲世界中舉辦演唱會并發布新歌。1230萬用戶在世界第五大游戲中同時觀看了這場show。他們實時演出,用戶則在游戲中交流和享受這場演唱會。在因為新冠疫情無法舉辦演唱會的情況下,通過游戲進行的虛擬演唱會給年輕一代帶來了特別的樂趣。


          Travis Scott held a concert at the Fortnite Games and also released the new song.12.3 million people watched the show at the same time in this fifth largest game of the world. They performed in real time and the users communicated and enjoyed the concert in the game. In a situation where Corona can not have a real concert, virtual concerts through games have given special fun to younger generations.



          Peace Elite x Tesla


          《和平精英》是騰訊游戲公司出品的一款皇室戰爭手游。通過與美國著名電動汽車品牌特斯拉合作,《和平精英》的用戶可以在游戲中直接駕駛特斯拉。此前,當《和平精英》推出一款可以在游戲中駕駛的瑪莎拉蒂時,游戲用戶增加到了2700萬。與特斯拉的合作也有望產生巨大的廣告效應。


          Peace Elite is a battle royal mobile game made by Tencent Games. Peace Elite has included Tesla cars that can be driven directly within the game through collaboration with Tesla, a well-known American electric car brand. Previously, when Peace Elite launched a Maserati car that can be played in the game, the number of game users increased to 27 million. The collaboration with Tesla is also expected to have a huge advertising effect.





          Snapchat x Demian Hirst


          當代最著名的英國藝術家 Damien Hirst發明了一種 Snapchat鏡頭,任何人都可以在Snapchat APP中使用AR技術來體驗他的旋轉作品。有了這個鏡頭,人們可以用Demian Hirst完成作品的方式在APP上作畫。Damien Hirst和Snapchat建議通過這個項目,向那些致力于為弱勢群體提供現代醫學科學的非盈利組織捐款。這項捐贈政策使Snapchat得到了不大會為社會或環境花錢的,千禧一代和Z世代的巨大反響。


          One of the most notable British artist of contemporary artists Damien Hirst created a Snapchat lens that allows anyone to experience his spin works using augmented reality within the Snapchat app. With this lens, people can paint on the app the way the actual Demian Hirst completes his work. Through the project, Damien Hirst and Snapchat are recommending donations to non-profit social organizations that strive to provide modern medical science to vulnerable communities. Through this donation policy, Snapchat was able to get a great response from the millennials and generation Z who does not spare money for social or environmental significance.



          KAWS Virtual Gallery


          隨著新冠病毒對空間的日益限制,世界各地的一些畫廊和博物館允許人們在線觀看他們的展覽。最近墨爾本國家美術館與年輕一代喜愛的藝術家 KAWS共同舉辦了一個虛擬展覽。進入NGV網站,人們可以在一個由3D構成的空間里欣賞一個逼真的展覽。此外,KAWS還與Acute Art合作,創作了可在全球12個城市體驗的AR雕塑。Acute Art通過積極利用VR和AR等尖端技術,引入了新的視覺藝術形式。通過手機的AR技術,用戶可以自由地觀看用3D實現的KAWS雕塑。采用這一先進技術的展覽超越了時間和空間的限制,同時展示了綠色展覽的可能性。


          With the corona virus increasing spatial constraints, several galleries and museums around the world are allowing people to view their exhibitions online. Recently, the National Gallery of Melbourne opened a virtual exhibition with KAWS, the artist who is loved by younger generations. Entering the NGV website, people can enjoy a realistic exhibition in a space composed of 3D. In addition, KAWS has created AR sculptures that can be experienced in 12 cities around the world by collaborating with Acute Art, which introduces new forms of visual art by actively utilizing cutting-edge technologies such as VR and AR. Through the AR technology of the mobile phone, the user can freely view the KAWS sculpture implemented in 3D. The exhibition using this advanced technology transcended the constraints of exhibition space and time, and at the same time showed the possibility of eco-friendly exhibition.



          Apple [AR]T


          使用AR技術,蘋果發布了一款名為[AR]T的體驗系列。該系列由交互式 [AR]T Walk組成,其中包括世界著名的當代藝術家的AR作品;以及Apple Store的[AR]T,用戶可以在全球所有蘋果商店體驗AR作品。[[AR]T Walk的概念是體驗舊金山、倫敦、香港和東京等城市,并在每個城市街道行走的同時,通過iPhone的AR技術欣賞藝術作品。在Apple Store的[AR]T中,用戶可以在蘋果專賣店欣賞Nick Cave擴增現實的藝術作品。專注于向數字原生一代分享有趣經驗的方式,令蘋果的AR技術推廣取得了成功。


          Apple has released an experience series using augmented reality called [AR]T. This [AR]T series consists of interactive [AR]T Walk, which includes AR works by world-renowned contemporary artists, and [AR]T at the Apple Store, where you can experience AR works in all Apple stores around the world. [[AR]T Walk has the concept of experiencing cities such as San Francisco, London, Hong Kong, and Tokyo, and enjoying art through the AR technology of iPhone while walking the streets of each city. [AR]T at the Apple Store, which can be experienced in the Apple Store, can enjoy Nick Cave's augmented reality artwork in the Apple Store store. Apple's AR technology promotion focusing to share interesting experiences to the digital native generation has been successful.



          千禧一代和Z世代都是數字原住民,他們使用移動設備的比例遠遠高于其他任何一代。通過移動設備,這些年輕一代可以進行超越時空限制的交流,他們喜歡通過圖像和視頻與同齡人交流,通過社區獲取新聞和信息,也更加自由地展示自己的個性。這幾代人的這些特點也被應用到了移動APP的首選項上。對于千禧一代和Z世代來說,從通信到社交,購物到銀行,移動APP幾乎應用于他們日常生活的每一部分。本節我們將分享市場上正在興起的年輕一代的移動服務。


          The millennials and generation Z are digital natives who use mobile devices overwhelmingly higher than any other generation. These younger generations who can communicate beyond the spatial and temporal limits through mobile devices, enjoy communicating with peers through images and videos, get news and information through the community, and reveal their individuality more freely. These characteristics of this generations have also been applied to mobile app preferences. For the millennials and generation Z, mobile apps are used almost every part of their daily lives, from communication to socializing, shopping and banking. In this section, we will share about the mobile services that are emerging among the young generation market.



          年輕一代喜歡根據圖片或視頻來尋找、編輯和分享他們想要的信息,他們喜歡不厭其煩地制作和消費在線內容來展現自己。此外,千禧一代和Z世代熱衷于不到一分鐘的短視頻。因為年輕人非常渴望用簡單易行的方式制作和分享他們的日常故事,可以制作短視頻的,像Instagram 和 TikTok一樣的APP越來越受歡迎。


          The younger generations enjoys finding, editing, and sharing information they want based on images or videos. They enjoy showing off themselves by producing and consuming online contents without repulsion. Also, the millennials and generation Z are enthusiastic about short videos of less than a minute, not long breathing. Like Instagram and TikTok, apps that users make their own short-form videos have gained popularity because young people had a great desire to make and share their everyday stories in a simple and easy way.



          Tiktok


          TikTok提供各種各樣的工具幫助人們進行短視頻內容創作。通過AR技術修飾人臉的濾鏡、各種貼紙、速度控制器、反向播放和慢動作等功能,只需按幾個按鈕,就可以應用于用戶的視頻。不像其他視頻平臺,用戶可以在TikTok輕松地編輯他們的視頻并分享樂趣。


          TikTok provides a variety of tools that helps people to create a short form video contents. The filters that decorate faces through AR technology, various stickers, speed controler, reverse playback and slow motion function can be applied to the user’s video just by pressing several buttons. Unlike other video platforms, users can be easily edit their videos and share to have fun.



          Instagram story


          Instagram Story是一項功能,它允許用戶將照片和視頻分享到訂閱源,并實時分享他們的日常生活。Instagram Story有一個特點,內容會在24小時之后消失。因為知道內容會很快就消失,用戶可以以一種更隨意的方式,實時展示他們的日常生活。Instagram Story受到喜歡獲取關注,喜歡展示和表現自己的千禧一代和Z世代的歡迎。


          Instagram Story is a function that allows users to upload photos and videos to their feed and share their daily lives in real time. The Instagram Story has a special feature that contents disappears after 24 hours. People can show their daily lives in real time, in a more casual way since they know the content will disappear soon. Instagram stories gained popularity from millennials and generation Z who enjoy receiving attention and enjoying revealing and showing off themselves. 



          IGTV


          Instagram還推出IGTV,一個新的,允許用戶上傳長達一小時視頻的視頻平臺。IGTV開通移動優化視頻頻道,降低了新影響者的門檻。雖然在YouTube上發布內容的用戶比例要遠遠低于使用它的用戶,通過在IGTV的個人賬戶上發布內容,Instagram有讓用戶成為內容生產商的潛力,而不僅僅是使用者。


          Instagram also launched IGTV, a new video platform that allows users to upload videos up to an hour long. IGTV opened mobile-optimized video channels and lowered the threshold for new influencers. While YouTube has a significantly lower percentage of YouTubers who publish content than consumers, Instagram has more potential for users to become a provider than just al consumers by posting content on their personal accounts using IGTV.



          與前幾代人在書籍或門戶網站上搜索信息不同,千禧一代和Z世代喜歡通過在基于視頻內容的手機應用或社交媒體上提問來獲取答案,它們可以提供即時的反饋和交流。


          Unlike previous generations who searched books or portal sites for information, millennials and generation Z like to get answers by asking questions on video contents based mobile apps or social media that can provide immediate feedback and communication.



          Youtube


          YouTube是千禧一代和Z世代用來獲取信息的最大移動APP。例如當年輕一代想知道如何烹飪時,他們會搜索YouTube而不是閱讀書籍或在門戶網站上搜索。根據最近的一項研究,59%的千禧一代和Z世代更喜歡從YouTube視頻中學習,55%的人說他們在YouTube上學到的東西實際上很有幫助。對于這幾代人來說,YouTube已經成為教育和娛樂的平臺。


          YouTube is the largest mobile app used by millennials and generation Z to acquire information. For example, when they want to know how to cook, younger generation search YouTube instead of reading books or search on portal sites. According to a recent study, 59 % of millennials and generation Z prefer to learn from YouTube videos and 55% said what they learned on YouTube was actually helpful. For these generations, YouTube has become a platform for education as well as entertainment.



          Twitch


          Twitch是一款千禧一代和Z世代都喜歡的,特定游戲流媒體服務。Twitch針對的是想在游戲文化中進行積極交流的游戲粉絲,作為一名社區成員,他們在Twitch內感到聯系,自愿管理和擴大Twitch的文化,并喜歡觀看和交流他們喜歡的 star streamers.


          Twitch is a game-specific streaming service which millennials and generation Z like. Twitch is targeted for game fans who wants to actively communicate inside the game culture. Game fans feel connected within Twitch, voluntarily manage and expand Twitch's culture as a community member and enjoy seeing and communicating with their favorite star streamers.



          Reddit


          Reddit是美國的一家社交新聞網站。大致來說,它是一個巨大的社區網站,但它專注于分享有趣的新聞和信息,而不是像社交網絡一樣注重成員之間的交流。千禧一代和Z世代通過訪問Reddit社區來了解他們感興趣的主題。調查顯示,87%的千禧一代和Z世代表示,Reddit社區包含了他們想要的所有信息。


          Reddit is an American social news community site. Basically, it is a huge community site, but it focuses on sharing interesting information and news, rather than on communication among members like social network services. The millennials and generation Z visits Reddit community to learn about certain topics they are interested in. According to the survey, 87% of the millennials and generation Z said there are communities in Reddit that contain all the information they want.



          隨著千禧一代和Z世代的口味變得更加個性化和細分化,他們希望獲得的是適合自己口味的內容。精選服務對個人口味進行分析并推薦合適的內容。最近,AI技術可以讓用戶更加細致地獲得他們想要的內容推薦。


          As the tastes of the millennials and generation Z are becoming more personalized and subdivided, they want content that suits their own tastes. Curation service analyzes individual tastes and recommends suitable content. Recently, AI technology has allowed for users to get recommendation of contents they want more delicately.



          Spotify


          Spotify的每周發現功能, 可以自動分析用戶聽過的,并推薦適合他們口味的音樂。用戶聽得越多,越能得到更好的推薦。通過這個功能,Spotify已經成為世界上最好的音樂流媒體平臺,它滿足了許多千禧一代和Z世代的口味。


          Spotify's discover weekly feature is a function that automatically analyzes the music that users have listened to and recommends music which suits their tastes. More and more they listen to, the they can get better recommendation. Through this function, Spotify has become the world's best music streaming platform, satisfying the tastes of many millennials and generation Z.



          Zamface


          Zamface是一項利用AI技術搜索 beauty YouTubers,并給用戶推薦適合他們口味的美妝視頻的服務。Zamface在年輕一代中越來越受歡迎,它的訂閱用戶中,95%的年齡在13至24歲之間。Z世代通過beauty Youtuber的視頻關注和學習化妝方法,這是準確讀取了他們的需求,并利用AR技術不斷對服務進行創新的結果。


          Zamface is a service that recommends makeup videos suitable for users by searching the video contents of beauty YouTubers with AI technology. Zamface is gaining huge popularity among younger generation that 95% of all subscribers are aged 13 to 24. This is the result of accurately reading the needs of generation Z to follow and learn makeup methods through the beauty Youtuber video and continuously innovating the service using AI technology."



          現在的信息服務有很多,但很少能受到千禧一代和Z世代的喜愛。比起面對面,年輕一代有時候會覺得在網上交流更舒服。他們更熟悉實時分享自己現在的狀態。有些服務就專注于這些特性。


          There are a lot of messaging services but few of them are loved by the millennials and generation Z. Younger generation sometimes feel more comfortable communicating online than meeting face to face and they are familiar to share their online status in real time. There are some services which focused on their characteristics. 



          Facebook Messenger


          Facebook messenger在用戶界面只留下兩個按鈕,將功能最小化,并特別強調社交功能。Facebook messenger帶來了Instagram story的功能,用戶可以在messenger中查看朋友的故事,也可以隨時查看朋友的連接狀態。千禧一代和Z世代通過移動設備與每個人建立聯系是自然而然的。對于他們來說,不需要與真正的朋友見面,就能感覺到彼此在一起,因為這樣,facebook的messenger收獲了巨大的人氣。


          Facebook messenger minimized the function by leaving only two buttons on UI and particularly emphasized the socializing functions. Facebook messenger brings the Instagram story function to check the friend's story in the messenger and the user can always check the friend's connection status. It is natural that millennials and generation Z are connected to everyone through mobile devices. For them, Facebook messengers are gaining huge popularity by making them feel if they were next to each other without actually having to meet friends in real.



          Zenly


          Zenly 是在一款基于谷歌地圖的社交網絡信息服務,它在青少年中很受歡迎。Zenly 有一項普通messenger服務沒有的獨特的功能。如果你使用Zenly ,你可以獲知你朋友的位置,速度和剩余電量,當你與朋友相遇時,APP警報會顯示你正在遇見他的事實。 Zenly 在Z世代中如此受歡迎的原因是,其他幾代人經常認為分享自己的位置是對隱私的侵犯,而年輕一代則認為共享位置很有趣,可以確認與朋友的關系。


          Zenly is a social network messenger service based on Google Maps and is popular among teenagers. It has cute and simple interfaces and various functions which younger generation likes. Zenly has unique functions that are not available in ordinary messenger services. If you use Zenly, you are able to know the location, speed, and remaining battery amount of registered friends, and when you meet friends, the app alarm shows the fact that you met them. The reason why Zenly is so popular among generation Z was that other generations often thought that sharing one's location is an invasion of privacy, while younger generation reckon sharing the location is considered fun and confirm the relationship with friends.



          考慮到千禧一代和Z世代強調概念和故事的性格特征,許多公司為之創造了新的角色,并通過年輕人可以共情的故事與他們進行交流。 年輕人現在熟悉圖像或視頻而不是文字,他們通過創建自己的角色內容來引領新文化,并通過將自己喜歡的角色轉化為“文化因子”來自愿推廣。 此外,虛擬網紅已經成為一種新的營銷工具,以熱衷于網紅的年輕人為營銷對象。


          Considering the characteristics of the millennials and generation Z who emphasize concept and story, companies create new characters and communicate with young people through stories that they can sympathize with. These generations, who are familiar with images or videos rather than texts, lead a new culture by creating their own character contents and voluntarily promote the characters which they have affection by making it into memes. In addition, virtual influencers have become a new marketing tool to target young generations who are enthusiastic about influencers.




          許多公司根據年輕一代的口味,使用角色IP內容來制作短視頻。 最近,可以實時反饋用戶響應并可以在社交平臺上快速傳播和輕松消費的短視頻內容,已成為一種有效的營銷工具。 它以機智的短片而不是長篇故事片吸引年輕的消費者。


          Many companies use character IP contents to produce short forms of video according to the taste of younger generations. Recently, the short video content that can check the user's response in real-time and can be rapidly spread and consumed easily on SNS has become an effective marketing tool. It attracts young consumers with a witty short video rather than a long story video.


          以BT21角色品牌為例,通過使用其角色IP在TikTok中制作模仿的格式,產生了大量與年輕一代的口味相匹配的內容,并受到年輕人的喜愛。 此外,它們還提供了用于粘貼TikTok視頻內容的角色貼紙,使用戶可以自然地在他們制作的內容中宣傳角色。 以Spotify和華為為例,通過使用一些適合年輕一代口味的流行藝術家的人物IP分享短視頻,將新的品牌形象傳達給了這些世代。


          In the case of the BT21 character brand, by producing a parody the format in Tiktok using their character IP, they produce contents that match the tastes of the younger generations and get their favorable feeling. In addition, they provide character stickers to be used for editing Tiktoc video contents that allow users to naturally promote the characters in the contents they make. In the case of Spotify and Huawei, the new brand image was conveyed to these generations by sharing short videos using some trendy artist’s character IP that suits the taste of the younger generation.




          千禧一代和Z世代人都熟悉IT設備,他們很容易以數字形式繪制事物。 這些世代傾向于將自己的日常生活制作成短片,然后將其上傳到社交平臺上。 他們制作這些簡短的動畫片來表達自己的個性。 卡桑德拉卡林(Cassandracalin)和Min4rin則是根據作為女性的經歷來日常創作。 他們的漫畫獲得了女性的大力支持和同情,并且還出版問世。 這些案例成為Instagram被認可為另一個網絡卡通平臺的開始。 以洋基基為例,他幽默地在自己的社交平臺上刊登了關于“工作中非理性狀況”的簡短漫畫。 隨著千禧一代和Z世代的到來,他的故事已在工人群體中引發許多話題,而且這些內容已通過書籍、在線表情包、商品和廣告的形式被大眾消費。


          The millennials and generation Z are familiar with IT devices that they easily draw things in a digital form. These generations tend to draw about their daily lives into a short cartoon and upload it in their own SNS. They produce this short form cartoon to express their personality. Cassandracalin and Min4rin draw their daily lives based on experiences as a woman. Their cartoons had gained a lot of support and sympathy from women and came out as a book. These cases become the start for Instagram to be recognized as another webtoon platform. In the case of Yangchikii, he humorously published a short cartoon on his SNS about an irrational situation at work. Along with the millennials and generation Z, his stories have become a lot of issues among workers, and these contents have been consumed through books, online stickers, goods, and advertisements.



          千禧一代和Z世代人認為,表情包是一種新型的交流工具。 表情包是數字世界中獨特的交流工具,可幫助清晰直觀地表達情感并理解信息。 對于那些喜歡在不面對面的情況下進行交流的人來說,表情包已成為一種超越語言障礙的強大交流工具。 如今,千禧一代和Z世代使用表情包多于書寫,他們甚至只使用表情包交談。


          Millennials and Generation Z thinks emoji as a new way of communication tool. Emoji is a unique communication tool in the digital world that helps to express emotions clearly and intuitively understand the message. For those who prefer to communicate without meeting face-to-face, emoji is emerging as a powerful communication tool beyond the barriers of language. Nowadays, millennials and generation Z use emoji more than writing. They even talk through using emojis only.



          隨著表情包成為一種新的交流工具,頭像表情包通過將千禧一代及Z世代的個性和自我表達,而讓AR技術進一步發展。 年輕一代使用他們自己的頭像表情包來表達自己并創造新的文化。


          As emoji became a new communication tool, avatar emoji evolved one step further by applying the personality and self-expression of the millennials and generation Z to AR technology. The younger generation uses their own avatar emojis in various contents to express themselves and create a new culture.



          千禧一代和Z世代使用的在線表情包包含了小眾情感的表達,而且他們更喜歡輕便且大致帶有直觀信息的表情包。 隨著小眾情緒表達的在線表情包變得流行,習慣了數字繪圖的年輕一代傾向于自己制作在線表情包。 即使它不那么精致,但如果年輕人能夠共情這個概念,它也會受到年輕人的喜愛。


          The online stickers used by the millennials and generation Z contain B-class emotions. And they prefer the stickers which are light and roughly drawn with intuitive messages. As B-class style online sticker becomes popular, the younger generations who are accustomed to digital drawing tend to make online stickers themselves. Even if it is not a well-drawn, it can be loved by young people if they can sympathize with the concept. 



          隨著在線表情包在年輕一代中的流行,它已成為角色行業的重要組成部分。 由于個人可以在社交平臺上出售在線表情包,因此出現了各種角色,受歡迎的角色則擴展到了角色商品業務。 這些角色IP可以通過快閃店、在線商店,甚至可以直接與各種品牌進行合作。


          As online stickers became popular among the younger generation, it became a big part of the character industry. As individuals were able to sell online stickers on the SNS platform, various characters appeared and popular characters expanded to the character goods business. Pop-up stores, online stores, and even collaborations with various brands are being done with these character IPs. 




          在千禧一代和Z世代的支持下,網絡卡通市場急劇增長。網絡卡通最近已成為制作電影、戲劇和游戲的主流內容。 隨著全球OTT市場的擴展,具有良好故事和想法的網絡卡通內容成為IP業務的機會。 網絡卡通的流行,讓《上帝之塔》和《高中之神》被制作成了動畫。 它已經在全球發行,包括亞洲、美國和歐洲,并且在海外市場上有很多粉絲。 Itaewon類也是基于網絡卡通在Netflix上制作的。 它在亞洲市場排名第一,并取得了巨大的成功。


          The webtoon market has grown steeply based on the support of the millennials and generation Z. Webtoon has recently become mainstream content that was made into movies, dramas, and games. As the global OTT market expanded, webtoon contents with good stories and ideas became an opportunity in the IP contents business. The tower of God and the God of High School was made into an animation according to the popularity of Webtoon. It has been released all over the world, including Asia, the United States, and Europe, and has many fans in the overseas market. Itaewon class was also produced on Netflix based on Webtoon. It was ranked top in the Asia market and was a great success.



          網絡卡通IP在角色IP行業中占據很大一部分。 使用網絡卡通IP設計的角色商品受到年輕一代的喜愛。 另外,各家公司與網絡卡通IP進行合作以推廣其品牌,因為它們可以自然地推廣其產品并為消費者(尤其是年輕人)帶來樂趣。


          Webtoon IPs occupy a large portion in the character IP industry. The character goods designed with webtoon IPs are loved by the young generation. In addition, various companies collaborate with webtoon IPs to promote their brands because they can promote their products naturally and fun to consumers, especially to young people.




          虛擬網紅是由主要消費者群體的變化和科學技術的發展創造的一種新的數字IP趨勢。 它們主要在Instagram,Twitter,Facebook和Snapchat等社交媒體上活躍。 即使他們不是真實的人,但卻能通過與粉絲交流來表現自己,并且擁有大量的關注者。 這種虛構的特征已經成為利用社交媒體的公關市場的新趨勢。


          Virtual influencers are a new digital IP trend created by the changes in the main consumer group and the development of science and technology. They are mainly active on SNS such as Instagram, Twitter, Facebook, and Snapchat. Even though they are not the real person they act one by communicating with fans and have a significant number of social media followers. This fictional character has become a new major trend in the PR market utilizing social media.



          在某些情況下,品牌會自己創造虛擬網紅。 肯德基(KFC)創造的桑德斯上校(Colonel Sanders)使人想起了該公司的創始人形象,只不過看著更年輕一些。 韓國老牌飲料公司Binggrae創建了虛擬角色“ Binggraeus”。 Binggraeus有一個概念,他是做Instagram推廣Binggrae品牌的王子,該品牌反映了年輕人喜歡的小眾文化。 Binggraeus能夠通過制作具有個性的各種文化因子,并通過與年輕人積極溝通,來自然地推廣他們的產品。 這些有影響力的人顯然正在將品牌推廣給年輕一代,也被用作各種品牌活動的主要典范。


          There are also cases that brands create virtual influencers themselves. KFC has created Colonel Sanders which reminds the founder of the company but in a young-looking. And Binggrae, which is the old beverage company in Korea, created the virtual character, ‘Binggraeus’. Binggraeus has a concept that he is the prince who does Instagram to promote the Binggrae brand which reflects the B-class culture that young people like. Binggraeus was able to promote the product naturally by making various memes with the character and actively communicates with young people. These virtual influencers are clearly promoting the brand to the young generation, and also are being used as the main model of various brand events.



          圖形設計趨勢不斷變化,以反映千禧一代和Z世代的特征。年輕的一代更喜歡他們能夠直接體會到的機智或感性的圖像,而不是精心打磨和精致的圖像。 針對年輕人,可以快速應用于各種媒體的設計正在引領潮流。


          Graphic design trends keep changing to reflect the characteristics of millennials and generation Z. This younger generation who prefer witty or sensual images that they can empathize with rather than well-polished and refined images. Targeting young people, designs that can be applied quickly to various media are leading the trend.



          過去,品牌標識設計更加精致和不變,通常應用于印刷和應用程序。 但如今,媒體變得越來越多樣化,品牌標識也正在轉變為一種靈活的形式,可以適應這種變化。 許多品牌正在進行多種嘗試,以在千禧一代和Z世代人身上打上烙印。


          In the past, brand identity design was more refined and immutable and usually applied to print and applications. But these days, the media is becoming more diverse and brand identity is also changing into a flexible form that can be adapted to this change. A lot of brands are trying various attempts to imprint identity on millennials and generation Z generation.



          A lot of brands tend to make short logo animation with their brand logos. The brand logos are not an unchangeable element in brand identity anymore. The brand identity can give a fun and easy impression to appeal to millennials and Generation Z. 


          許多品牌傾向于使用其品牌logo制作簡短的logo動畫。 品牌logo已不再是品牌標識中不可更改的元素。 品牌形象可以給千禧一代和Z世代一個有趣輕松的印象。



          隨著數字平臺的發展,海報也正在演變為移動海報。 由于千禧一代和Z世代都熟悉視頻內容,因此他們對移動圖形比對精致圖像更感興趣。 而且,與過去不得不將所有內容打印在一頁上的情況有所不同,通過運動圖形以更加有趣的方式顯示更多信息變得更加容易,這也吸引了年輕一代的關注。


          With the development of digital platforms, posters are also evolving into moving posters. Since millennials and generation Z are familiar with video content, they are more interested in moving graphics than refined images. And unlike in the past when we had to print everything on one page, it is easier to show more information in an interesting way through motion graphics which is also a point that young generations are attracted to. 



          艾米莉·洛佩斯(EmilyLópez)的動態海報是由字體和復古圖形組成的,感覺粗糙而怪誕。 羅伯托·華納(Roberto Warner)的海報采用簡單的版式和圖紙制作而成,突出了藝術家希望使用動態圖形顯示的內容。 許多圖形海報傾向于具有復古風格或由年輕一代喜歡的簡單有趣的圖形元素組成。


          Emily López's moving poster is composed of type and retro graphics which feels rough and grotesque. Roberto Warner's poster is created with simple typography and drawings which highlights what the artist wants to show using motion graphics. A lot of graphic posters tend to have a retro style or composed of simple and fun graphic elements that young generations will like.



          千禧一代和Z世代寧愿主動參與并獨自體驗新事物,而不是單方面看到信息。 許多設計師或藝術家試圖通過使用諸如AR之類的新技術,使年輕一代參與他們的作品。 年輕一代對與他們互動的圖形更感興趣。


          Millennials and Generation Z prefer to participate actively and experience new things on their own rather than seeing information unilaterally. Many designers or artists try to make the young generation participate in their works by using new technologies such as AR. The young generation feel more attracted to the graphics which they can interact with.



          Agenda 2020和后印刷時代都是使觀眾參與到使用AR觀看展覽的項目,并且有很多使用AR技術的圖形實驗,使人們可以通過圖形海報體驗三維技術。 通過讓人們積極參與該項目,自然地將品牌形象烙印于熱衷有趣和新體驗的年輕一代中。


          Agenda 2020 and post-print are both projects that involve audiences to view exhibitions using AR. And there are a lot of graphic experiments using AR technology to let people experience three-dimensional experience through graphic posters. By letting people actively participate in the project, it can naturally imprint the brand image on the younger generations who love interesting and new experiences.



          過去,似乎只是由兒童繪制的類似涂鴉的圖像往往不被認為是不錯的圖形。 但是,千禧一代和Z世代更喜歡以一種輕松自由的方式表達自己的情感和個性,他們傾向于將“涂鴉式的插畫”視為一種時髦的圖形。 有一點可以證明這種說法,許多希望得到千禧一代和Z世代支持的時裝品牌都渴望與繪制涂鴉風格圖形的插畫家合作。


          In the past, doodle-like images that seem to have just been drawn by a child could not be recognized as a nice graphic. However, the millennials and generation Z who prefer to express their emotions and individuality in an easy and free way tend to see doodle style Illustration as a trendy graphic. As proof of that, many fashion brands that want to be supported by the millennials and generation Z are eager to collaborate with illustrators who draw doodle style graphics.



          Margonzales是一位專業的滑板手和藝術家。 他過去從事滑板很長一段時間,他從街頭和滑板場景中汲取了靈感并在推出了自己的作品后就成為一名藝術家。 他的自由奔放和個人主義插圖受到許多年輕人的歡迎,并在他與Supreme發行合作產品時聞名世界。


          Margonzales is a professional skateboarder and artist. He had been a skateboarder for a long time and became an artist when he came up with his artwork where he got inspiration from street and skateboard scenes. His free-spirited and individualistic illustrations were enjoyed by many young people and became known all over the world when he released a collaboration product with Supreme.



          薩姆·考克斯(Sam Cox)是一位來自英格蘭的藝術家,比杜奇先生更著名。 他的作品的特征在于圖案、角色和對象像病毒傳播一般不斷擴展。 乍一看,他的作品看上去很幼稚,但氣氛明亮,受到很多人的喜愛。 他最近還與芬迪開展了有趣的合作。


          Sam Cox is an artist from England who is more famous than Mr.Doodle. His work is characterized by the constant expansion of patterns, characters, and objects just as viruses spread. His work looks childish at first glance but has a bright atmosphere that seems to be loved by many people. He also recently conducted an interesting collaboration with Fendi.



          丹尼爾·約翰斯頓(Daniel Johnston)于2019年去世,是歌手兼作詞人和視覺藝術家。 他一生中大部分時間都在精神疾病中掙扎,這影響了他的圖形風格。 2020年,街頭品牌Supreme與其合作推出了聯名產品。


          Daniel Johnston, who passed away in 2019, was a singer-songwriter and visual artist. He had struggled with mental illness for much of his life which had been influenced his graphic style. In 2020, street brand Supreme launched a collaboration product with him.



          俗話說,潮流在變,復古風格如今卻風行一時。 現在,可以使人聯想起80年代和90年代游戲和動畫的圖形重新成為一種時尚風格。 復古風格對某些人來說可能是懷舊的,或者對某些人來說是新鮮的。


          As there is a saying that trend is going around, retro styles are now all the rage. Graphics that remind you of games and animations from the '80s and '90s are now recreated into a trendy style. Retro styles can be nostalgic for some people, or fresh and new for some.



          Hanavbara是一個受歡迎的Instagram使用者,擁有24萬追隨者,主要繪制以K-pop偶像為主題的插圖。 他的插圖使人們覺得自己正在觀看90年代的動畫場景。 另外,Pixeljeff的插圖讓人想起90年代游戲中的場景。 過去由于技術限制而制作的粗糙且簡單的虛線游戲圖形現在被當成了表達個性的一種方式。 隨著這種復古趨勢,許多藝術家傾向于從過去的文化中獲得啟發。


          Hanavbara who is a popular Instagrammer with 240,000 followers, mainly draws illustrations with the theme of K-pop idols. His illustration makes people feel like they are watching a scene from animation in the 90s. Also, Pixeljeff's illustration reminds people of a scene from a 90s game. Rough and simple dotted game graphics which used to be made because of technology constraints are now used as a way to express individuality. Many artists tend to get inspired by the past culture following this retro trend.



          路易威登最近發布了一個有趣的視頻。 維吉爾·阿布洛(Virgil Abloh)制作了一個動畫,名為“與朋友的動物園大冒險”,這是路易威登男裝系列的新概念視頻。 他們正在根據千禧一代和Z世代的需求,做出獨特的新嘗試,以擺脫傳統時裝秀的形式。 另外,最近包含了老式動畫圖形的Toon-out等動畫過濾器在年輕人中也很流行。 包括Doja Cat在內的許多藝術家都制作了復古音樂錄影帶。 這種復古風格已成為針對千禧一代和Z世代的新趨勢。


          Louis Vuitton recently posted an interesting video. Virgil Abloh created an animation called "The Adventures of Zoooom with Friends" which is a new concept video for Louis Vuitton's men's collection. They are making a unique and new attempt to change in accordance with the needs of millennials and generation Z, away from the format of traditional fashion shows. Also, animation filters such as Toon-out which contains old-style animation graphics were recently popular among young people. Many artists including Doja Cat, made a retro-style music video. This retro style has become a new trend targeting millennials and generation Z.


          ——————————

          千禧一代占人口的31.5%,Z世代人口現在占比為32%。 千禧一代已經在改變世界,Z世代也開啟了新的范例。 他們是現在和未來的真正消費者。 這篇研究文章研究了這樣的情況:這些世代具有比其他任何世代都更為獨特的個性,它們正在成為未來的力量,并且正在發生變化,以理解和反映這些世代在設計和營銷方面的文化和品味。 我們希望本文能夠幫助人們了解這些世代的特征,并了解他們所領導的趨勢。


          The millennials consist of 31.5 % of the population and generation Z is now 32 %. Millennials are already changing the world and generation Z is also opening a new paradigm. They are the real consumers of the present and the core of the future. This research article examined the cases where these generations, which have more distinct personalities than any other generation, are emerging as future power, and changes are taking place to understand and reflect the culture and tastes of these generations in terms of design and marketing. We hope this article will help people understand the characteristics of these generations and know the trends they are leading.

          文章來源:公眾號ISUV

          日歷

          鏈接

          個人資料

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

          存檔

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