2023-2-16 資深UI設計者
度咔是百度短視頻生態首款面向泛知識創作者的視頻剪輯工具,致力于降低泛知識類作者的創作門檻,助力生產優質的作品。
隨著產品的功能迭代,體驗的逐步更新,產品依勢也需要打造更好的運營氛圍和品牌印象來建立用戶口碑、提升轉化。對此,設計側針對度咔產品進行了全面的思考和分析,通過重新定義度咔運營視覺語言,明確產品調性,幫助用戶更新品牌認知。
一、品牌框架搭建
產品的運營視覺不只是單純的畫面展示,其背后都有更加明確的設計理念和手段,但運營視覺語言并不是千篇一律的,首先需要明確自身定位,突出產品獨特性。
設計初期,我們針對同類型產品與用戶類型進行了大量分析,在用戶人群劃分上度咔更具有針對性,目標用戶是口播自媒體、知識類創作者。但不像專業剪輯軟件門檻那么高,度咔更多的是通過特色產品功能幫助作者去降低剪輯門檻,業務主要通過征稿和教程的運營活動來提升用戶認知,帶動日活。
由此,我們梳理出度咔的品牌框架圖。以度咔「專為口播自媒體打造的剪輯工具」產品定位作為切入點,依據其自身定位和度咔區別于同類產品的特色功能,我們提煉出“便捷”、“智能”、“專業”產品核心關鍵詞。
二、定義度咔運營視覺語言
在前期創意階段,我們通過大量的競品調研、創意發散、概念嫁接等創意手段,找到時下大字為主導的版式創意。簡潔明確的版式結構,適當的畫面留白,使各元素在版面中形成具有條理清晰、富有節奏的視覺關系。這種邏輯方式,為運營視覺的高效、科學、嚴謹性提供了極大的便捷,同時也對應了度咔便捷、智能、專業的品牌感知。
對品牌定位、業務訴求、產品功能進行整合后,我們搭建以構成、配色、元素為主的視覺語言框架。
與時下大字為主導的版式創意相結合,建立以大字排版,強構成感為主的視覺語言基調。通過大量的風格測試不斷完善視覺基調并投入到項目中,同時規范運營功能排版,搭建元素庫,通過設計手法,達到專業與簡潔的平衡,統一的視覺基調和品牌色強化用戶對品牌認知。
1、重塑視覺基調:
1)統一風格
度咔以往的運營視覺趨于參差,導致整體視覺有較為強烈的割裂感,煥新后的視覺變得更加直率簡約,以簡潔的視覺風格保證內容傳遞的高效性。拋棄了諸多裝飾元素,取而代之的是硬網格,保持視覺整體和諧統一感,同時也傳遞出度咔便捷、智能、專業的產品調性。
我們對運營頁面進行了布局重構,采用白色底的背景突出文字信息,使得內容信息傳達更加明確,突出核心內容。在各類場景中,我們通過品牌色彩、圖形、符號的滲透,強化度咔品牌印記。
2)主題延展
根據業務訴求,保持主題性征稿活動的特色——在強化功能點的運營活動中采用3D元素和彌散漸變背景,如夏日主題將度咔符號與泳圈做3D創意結合,增添活動氛圍感。
2、品牌色煥新:
1)建立度咔品牌色應用規范。增強品牌識別性和記憶點。
首先搜集符合產品調性的顏色情緒版,選取整體偏明亮,識別度高的新品牌藍色。對比原來偏紫的品牌藍,現在升級后的藍色更顯專業智能,且更具有電子意味。
在一個科學有效的色彩系統里,往往包含至少兩種色彩:主色+輔助色,兩者互相搭配組合成產品體系的整體色彩感受,減少用戶在產品體驗中對反復出現的主色的視覺疲勞。
我們將藍色賦予了統一的品牌認知感受,并且將藍色加入到橙色里,生成了度咔特有的藍橙色系。橙色在度咔的色彩系統中起著至關重要的作用,為產品帶來積極,活力的感受,同時深黑和灰色創造結構、表達邊界、建立信息層次。
以基礎征稿活動為主的頁面使用度咔標準藍;在需要強主題和活動氛圍的頁面加入輕量的彌散漸變色彩。
3、提升效率:
1)元素庫搭建
建立度咔元素庫,規范化運營活動主視覺圖形原創性和創意性,沉淀設計資產。
由于后期運營活動多處用到3D元素,對3D的質感進行了規范統一。輕量化的3D風格更加注重極簡主義理性美學。
考慮到運營頁面的通用性,避免3D材質的喧賓奪主,材質風格以簡單通用為主,顏色以品牌色為基礎,采用光感通透的玻璃材質,加入環境光感。明朗,透傳度咔的品牌氣質。
四、總結
本次通過度咔運營視覺語言的搭建,無論從產品本身還是設計側,在數據和效率上都有明顯的提升。而設計作為和用戶最近的一方,在平衡各方訴求后呈現給用戶一個全新專業感十足的產品,進一步向用戶傳達品牌感知,助力創作者發現更多美好。
感謝閱讀,以上內容均由百度MEUX團隊原創設計,以及百度MEUX版權所有,轉載請注明出處,違者必究,謝謝您的合作。申請轉載授權后臺回復【轉載】。也歡迎加入MEUX,視覺/交互/運營設計師,可投簡歷至MEUX@BAIDU.COM (注明信息獲取來源如:站酷)
關于我們:
MEUX,百度移動生態用戶體驗設計中心,負責百度移動生態體系的用戶/商業產品的全鏈路體驗設計。服務的產品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業產品等。MEUX以「簡單極致」為設計理念,創造極致用戶體驗的同時賦能商業,推動設計行業的價值和影響力,讓生活因設計而更美好。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( m.ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司