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