如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
編者按:微視作為今年騰訊對抗抖音的核心產品,其重要性不言而喻。在短視頻App 百花齊放的今天,騰訊微視該如何做品牌設計才能避免同質化,給產品帶來價值呢?本文來自騰訊設計師的復盤回顧,你可以看到大廠的完整設計流程是怎樣的。一、項目背景
2017年是整個短視頻大爆發的時期,內容產業逐漸成為移動互聯網新的生力軍。短視頻產品同質化,用戶體驗趨同,團隊希望運用品牌體驗的全局設計思維,從視覺識別,用戶體驗,線上線下推廣及產品禮品等多個維度來凸顯產品核心價值,搭建一套完整統一的產品設計語言。
二、目標
微視目標很清晰,需要在短時間內快速進入短視頻第一集團,切入短視頻社交領域,挖掘更多機會點,也希望借這個機會能成為像微信這樣的騰訊戰略級產品。
三、設計挑戰
設計的挑戰點,短視頻無論是產品形態還是設計體驗都已成熟,如何避免同質化,在設計上尋求自己的核心競爭力;另外短視頻產品強調內容運營,設計如何能夠給產品帶來價值,也是微視設計在這次的最大挑戰。
微視在剛起步階段,品牌團隊曾經給微視做過1.0版本的設計,當時微視的設計思路沒有太清晰,最終設計偏向于簡潔專注的方向;但隨著短視頻逐步上升為騰訊的戰略方向,微視單一的設計風格已經不能滿足本身需求了,微視需要一個更豐富的設計語言,這給微視的新設計重新提供了一次機會。
我們梳理了微視的設計流程,整個微視品牌設計分為三大塊內容,策略,設計和體驗;設計前期需要明確微視的整體品牌定位以及挖掘產品的核心價值,推導出一套符合產品氣質的設計原則,品牌設計上,應該是整個產品的設計語言素材庫,其中包括了標志的設計,字體庫的建立,色彩系統的搭建,圖形延展設計,插畫風格的提煉,動效概念等核心設計元素;在最后一環的品牌體驗,代表了微視所有的場景媒介,都需要從設計語言素材庫內提取設計元素并適配對應的設計,保證所有媒介場景的高度統一。
「做年輕人的潮流分享社區」是整個微視的品牌定位,讓年輕人感知玩微視是一種潮流,在微視里能夠挖掘更多很酷的事情和有趣內容,成為年輕人分享潮流和趣味的平臺;微視的 slogan 是「發現更有趣」,發現更多有趣的人,和事,或者說是一種生活態度;基于整個品牌定位,我們挖掘微視的三大核心價值:保持好奇,尋找生活趣事;微視展現與眾不同的自我;打造微視達人的潮流文化。三個核心價值,我們構建出微視的基礎設計原則:微視是具備豐富內容和玩法多變的產品;它應該有個性化的標簽來彰顯自己的態度;微視是一個自帶潮流屬性的平臺,在潮流圈中有很好的認可度,通過它來傳播自己的態度和生活方式。
四、微視slogan:發現更有趣
通過整體的品牌策略與其它短視頻拉開差異化,當下主要競品的品牌定位都是強調記錄生活,記錄美好時刻;微視則強調用戶自己,主動去挖掘更多有趣的人,有趣的玩法,生活趣事,探索世界,發現更多精彩。
我們在設計的第一階段,logo設計,就是圍繞「有趣」來展開發散設計。設計方案是否有趣,是我們的第一標準;它可能是一個實際存在的事物,它也有可能是一個抽象的造型,但它必須是有趣值得玩味的,也可能是別的概念會引起你的興趣點。最終我們決定使用一個特別的播放鍵來代表微視,播放鍵的造型能讓用戶感受它是擁有多個維度的,2D,3D甚至是異度空間等,寓意著用戶可以從多個維度來看世界,尋找有趣的內容。
我們針對這個大方向再進行了幾輪細化,右邊是最終的設計方案,這個 logo 希望它在多數的 app 當中表現的足夠搶眼,所以色彩純度足夠高,漸變四色的搭配能讓它從眾多 app 中跳躍出來。
logo設計確定后,接下來補充 logo 在各使用場景中的基礎設計規范,另外會增加一個不帶 app底的場景,微視不只是單純的應用在 app 上,它還需要有很好的擴展性。
四色漸變是微視的品牌色,確定了微視紅是它的主品牌色,紫色,藍色和桃紅則是它的子品牌色。
另外在品牌字體的選擇上,我們選擇了三款原生字體作為微視的標準品牌字體。Fugaz-One 是一款能夠廣泛用于各種書刊畫冊的藝術字體,它的大寫字體具有強烈的視覺沖擊力,選擇它作為微視標準英文字體;漢儀雅酷黑也是一款用于藝術設計方面的簡體中文字體,字體線條粗壯,字形端正大方,并且字庫相對其它藝術字體更完整;漢儀旗黑系列則作為微視信息類字體的補充,漢儀旗黑是漢儀字庫推出的一款非常龐大而完整的家族字體,字體的各類粗細度都很齊全,并且能完美的實現各類終端環境的呈現。
微視的 pattern 是從 logo 的造型延展出來的紋理設計,這套 pattern會 應用在許多應用場景上,包括廣告,內容模版,周邊產品等需要輔助設計的場景中。
△ 微視網站
△ 微視內容模板
△ 品牌視頻結束頁
Pattern 也會結合激光動效的理念運用到微視的場景中,例如官網設計,內容模版,視頻結束頁等,Pattern 會作為底層展現品牌形象,在整個過程中會有品牌色激光動效,讓整個場景豐富立體起來。
微視logo 具備多維度的特性,將這種特性運用到 UI場景的 loading 和微視水印效果上,增強品牌的獨特性和趣味性;另外我們也會將 logo 做成霓虹燈的立體裝置在線下活動中展出,讓用戶感受 logo 的豐富多變。
△ 點擊查看完整視頻
品牌視頻通過多個幾何維度來詮釋 logo 理念,強調微視品牌趣味性。
結合 logo 的造型特征,我們打造了一套完整的圖形系統素材庫,里面包含了完整的字母與數字,還有結合短視頻特性的圖標體系;目前這套素材庫仍在不斷完善中,所有的圖形設計都會運用到后期微視的廣告和運營活動當中,霓虹燈的實體效果會結合線下的活動裝置中使用,這套圖形系統素材庫,不但具備很好的品牌識別度,而且強調了微視有趣的設計理念。
品牌體驗模塊把我們確定的這套設計語言結合到與用戶面對面的場景中來。品牌體驗主要闡述微視的廣告,活動和禮品三大塊內容上。
在整體的微視廣告設計中,我們把微視達人的個性拆成六大類別,每一類型都會擁有一個抽象的圖形來代表這一類人群,向往美好生活和生活趣事的人;作風個性炸裂,酷炫的人;有才華的人;潮流網紅;二次元;甚至是悶騷奇葩的人等。
每類個性標簽的人群都有與之對應的風格與設計手法匹配,例如美趣標簽的設計風格偏向暖色氛圍與立體化圖形的搭配;炸裂標簽的達人,風格酷炫,廣告整體運用撞色疊加的手法+霓虹燈的視覺效果;每種標簽的設定都會有不一樣的定義,讓微視的廣告語言更豐富和多元化。
微視官方品牌廣告采用微視的標準品牌風格,對比其它標簽的設計,它需要更加微視的風格。在首波微視推廣中都采用了標準風格。我們給每套風格設定一套設計規范,方便后期CP 和其他設計師介入制作廣告提供一套標準。
另外在微視的 IP形象微視狗的推廣上,也采用微視的品牌風格來宣傳。
微視中期的推廣投放量非常巨大,所以也是微視廣告語言需要多元化的原因,只有一套風格設定,不能滿足微視的推廣需求,美趣風格也是專門為101打造的微視廣告,設定的糖果色氛圍和3d設計很符合101女團的風格。
酷炫風強調撞色對比來體現氛圍感,搭配品牌霓虹燈的視覺效果來呈現,霓虹燈設計也是運用微視圖標素材庫里提取出來的元素設計。在 NBA總決賽推廣期,微視狗與 nba 合作的廣告采用了這套風格設定。
微視廣告在后期陸續補充了未來概念,街頭時尚等風格,都是圍繞大量不同個性的明星設定。
二次元作為近幾年影響力逐漸壯大的群體,微視也打造了一套插畫風格的設計,風格抽象,色彩純度高,畫質的細節多,適用于年輕搞怪的明星使用。
微視官網也采用插畫作為主要設計的風格,這套推廣插畫偏向潮流感科技感,服裝特地設計成 wesee 出品,讓用戶看到微視和其它競品不一樣的設計定位。
微視設計原則的第二條是微視擁有很強烈的個性標簽,代表微視自身的態度。
我們采用了警示帶的概念,作為微視品牌的專屬元素,警示帶能夠彰顯一個人的態度,同時又有趣味性和潮流感。我們結合了微視達人的特性,提煉出6段個性的詞語作為警示帶內容(拒絕雷同,發現有趣,忠于態度,潮流支配,躁動時代,極度爆炸)讓警示帶的設計更多選擇和多樣化。
在 vans 和微視的聯名活動中,微視采用了警示帶概念來對整個活動場館進行鋪裝。
警示帶概念還運用到微視線下潮流商品的設計中,背包,帽子,tee,手機殼等單品。
微視的最后一條設計原則,闡述微視的潮流文化。最主要的場景是在微視的達人商品設計上。
我們不希望只把微視當作是一個短視頻的產品來做,設計師希望把它打造成一個新生的潮流生活品牌,無論是在選擇產品的類型,到設計,打樣,還有拍攝推廣,都和普通的公司文化衫,或者紀念品拉開差距。
微視的潮流貼紙,除了作為線下達人活動的禮品,也作為線上APP 貼紙庫的內容資源,提供給用戶使用。
微視后續會繼續生產更多的周邊商品,比如拖鞋,背包,衛衣,毛巾等,這些都屬于生產周期短,沒有復雜工藝,性價比極高,屬于潮流圈的基礎單品,人手一件。這些單品都拿到能夠觸達用戶的官方線下活動和品牌聯名活動中,手遞手傳播微視的潮流品牌影響力。
總結
微視設計不僅包含了APP的體驗設計,還包含了市場營銷,運營活動,達人推廣,周邊商品等多個設計環節,環環相扣,缺一不可,一起構建了整個大微視的設計體系;互聯網品牌體驗在這幾年逐漸顯得重要,在如何設計同質化嚴重的產品上,如何打造競品差異化的設計上,整體規劃清晰的品牌設計能夠讓產品有更好的唯一性和專屬感。
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。