百度網(wǎng)盤品牌升級背后的故事

16 評論 17687 瀏覽 132 收藏 18 分鐘

百度網(wǎng)盤這次的品牌升級,我們希望不管是從視覺層面,還是文案互動,以及運營手法,都更加年輕化及趣味性。因此,本次品牌升級主要是從品牌識別、APP設(shè)計、品牌延伸三個方向出發(fā)。

項目背景

百度網(wǎng)盤是百度提供的個人云存儲服務(wù),自2012年上線至今,通過強大的技術(shù)能力以及承擔(dān)高額的帶寬成本,為7億用戶提供文件存儲、備份、分享、共享等服務(wù),成為行業(yè)領(lǐng)先位置。

這6年里,我們從滿足基礎(chǔ)存儲需求的一款工具,到現(xiàn)在越來越意識到高品質(zhì)和情感化的體驗對于用戶的重要性。

因此,團隊希望通過本次的品牌升級,能夠從視覺識別、產(chǎn)品體驗、線上線下推廣等多維度來傳遞品牌核心價值,同時遵從極簡克制的百度“高級感”設(shè)計理念,形成一套完整統(tǒng)一的設(shè)計語言,真正的做到像slogan所傳遞的:“讓美好永遠陪伴”。

品牌升級目標

本次品牌升級希望傳遞用戶3個核心點:

  1. 更有溫度;
  2. 更便捷;
  3. 更年輕。

1. 為什么要“更有溫度”?

網(wǎng)盤一直以來存儲著用戶的美好回憶,比如:每一次難忘旅途的照片,寶寶成長記錄,家人團圓時的合影,激情工作時的陪伴。因此,它不僅僅是一款冰冷的工具,而是一個懂你的、有情感、有溫度的生活助手。

2. 為什么要“更便捷”?

過去幾年,網(wǎng)盤一直主打的品牌核心點是“安全”、“免費”、“大空間”,不可否認之前的品牌傳遞是成功的,因為通過這些核心點,在同行業(yè)的用戶占有率達到80%以上。

但是,未來除了最基礎(chǔ)的“安全”以外,還需要傳遞什么感受呢?

我們深知產(chǎn)品體驗還有很大的提升空間,比如:如何讓產(chǎn)品更易用、存儲更便捷、查找更方便、瀏覽更沉浸、等等……因此,“便捷”是接下來品牌需要傳達給用戶的核心價值。

3. 為什么要“更年輕”?

通過數(shù)據(jù)分析,網(wǎng)盤的用戶24歲左右占大多數(shù),也就意味著我們的主流群體是年輕人。除此之外,保持品牌的年輕化,也是每一個公司都希望做到的。

因此,本次品牌升級,我們希望不管是從視覺層面,還是文案互動,以及運營手法,都更加年輕化及趣味性。

品牌理念滲透

品牌升級不是虛喊口號,而是應(yīng)該通過各個設(shè)計觸點的配合給用戶傳達融合、一致的感受和體驗。因此,我們從以下幾個場景進行滲透:

  1. 品牌識別;
  2. APP設(shè)計;
  3. 品牌延伸。

1. 品牌識別

在品牌識別滲透環(huán)節(jié),涉及到以下幾個方面進行優(yōu)化設(shè)計:a.品牌色b.品牌標識c.品牌字體。

a. 品牌色

品牌色是用戶感知品牌最直觀的方式,比如:想到可口可樂就想到紅色,想到百事可樂就是藍色,想零度可樂就是黑色。對,好的品牌色能夠占領(lǐng)用戶心智,從而產(chǎn)生聯(lián)想,這就是品牌色的重要性。

那么百度網(wǎng)盤呢?

網(wǎng)盤的品牌不是從0到1的小而美的創(chuàng)新設(shè)計,需要兼顧7億用戶量對品牌的已有認知,這是一個令人頭禿的挑戰(zhàn)。

因此在品牌色的選擇上,考慮到較大改動帶來的用戶認知成本的增加,所以經(jīng)過多輪嘗試和討論后,決定延續(xù)用戶已有認知的“紅藍”配色,在此基礎(chǔ)上,進行調(diào)整并滲透新品牌的理念。

同時,在品牌色上希望傳遞“更年輕”的品牌理念。我們大收集體現(xiàn)“年輕”的場景進行多輪討論篩選,提取色調(diào),結(jié)合情緒版,最終提煉并定義了我們的品牌色。

b. 品牌標識

在做品牌標識(LOGO)階段,大家發(fā)散了很多想法,嘗試了很多方案。

通過多維度思考以及利弊權(quán)衡,最后選擇在延續(xù)原有l(wèi)ogo特征上,體現(xiàn)新品牌理念-“更有溫度”的感受。

那么,現(xiàn)實生活中什么場景,會給人“有溫度的”感受呢?

我們想到了擁抱、愛心、陽光、火焰,等等…最終覺得“微笑”更符合我們所傳遞的感受,同時也能更好的跟原有LOGO特征進行結(jié)合。

以下是LOGO的設(shè)計思路,用顏色體現(xiàn)“年輕”,微笑體現(xiàn)“溫度”。

LOGO的最終造型。

c. 品牌字體

LOGO確定后,還需要設(shè)計與之搭配的品牌文字,這個階段最主要是找到跟品牌性格以及圖形風(fēng)格相契合的字體骨架。同時兼顧原有字體的認知,在此基礎(chǔ)上進行微調(diào)。比如:統(tǒng)一字體的粗細,以及切角的角度,使整體視覺更加協(xié)調(diào)。

LOGO和字體組合的最終版本。

2. APP設(shè)計—NA端9.0全新升級

不可否認,傳遞品牌理念最直接的方式,就是在用戶使用它時。因此,我們對產(chǎn)品NA端進行9.0全新升級(這是自上線以來第一次大改版)。

a. 品牌基因

在互聯(lián)網(wǎng)產(chǎn)品越來越同質(zhì)化的今天,做出有差異性和符合品牌調(diào)性的設(shè)計是我們面臨的挑戰(zhàn)。因此,在品牌基因方面,做了大量的嘗試。

經(jīng)過多輪討論,我們選擇以“積木”作為網(wǎng)盤的品牌基因。因為“積木”陪伴這我們成長,代表著我們的童年,給人溫暖的感受,同時,不同幾何形的積木看似單一,組合起來又有很多可能性,體現(xiàn)了年輕和趣味。

在圖形設(shè)計(ICON)時,提取“積木”中的幾何元素進行疊加處理,用色上更加鮮亮,突顯年輕化,形成網(wǎng)盤自己的圖形體系。

相比“尖銳”的直角,圓角給人柔和的視覺感受,同時經(jīng)過多輪的嘗試,最終確定圓角大小為8px。

同時在空白頁上延續(xù)圖形風(fēng)格,能夠更好的統(tǒng)一視覺語言,傳遞更加一致的品牌感。

動效上,采用了符合“積木”運動特征的物理屬性。因此,運動節(jié)奏上利落的不拖泥帶水。比如,積木受到一個力,由于摩擦力會快速停止,而并非很Q的彈性動效。

下圖中,“藍球”代表目前網(wǎng)盤中元素的運動方式,“紅球”代表了市面上常見的彈性運動方式。

下圖,是將這種運動規(guī)則使用在產(chǎn)品界面中時。

同時底tab在運動節(jié)奏上,也采用相同的運動規(guī)律,賦予產(chǎn)品年輕活力的視覺感受,同時又不會喧賓奪主過度搶戲。

下拉刷新,是增強品牌記憶的最好體現(xiàn)。本次提取logo基本元素,同時強調(diào)“微笑”,加深用戶對品牌的印象。

b. 功能設(shè)計

前面有提到,百度網(wǎng)盤保存著用戶非常多美好回憶的照片,或許那些回憶,用戶都已經(jīng)忘記,但往往這些才是最大的驚喜和感動。

因此,9.0版本新增“故事”模塊,讓美好回憶與你不期而遇。通過技術(shù)對優(yōu)質(zhì)、精彩照片的篩選,生成故事卡片,推送給你,給你帶來溫暖。

為了節(jié)省用戶時間,傳遞品牌“更便捷”的理念,本次改版我們優(yōu)化“分類”模塊,將“分類”外置于首頁頂部,減少用戶操作步長,輕松查找自己的文件。

同時在首頁新增“最近”功能,方便用戶便捷查找歷史操作,而不是像以前,反復(fù)點擊層層相套的文件夾去瀏覽與查找。

c. 排版布局

文件列表是用戶使用網(wǎng)盤最高頻的路徑,針對這個場景,我們遵循視覺服從功能,極簡克制的百度“高級感”設(shè)計理念,通過視覺手段區(qū)分信息層級,讓用戶瀏覽時“更便捷”。

因此,本次對文件列表排版布局,從以下幾個維度進行優(yōu)化:大?。恢亓?;間距。

(1)大小

改版前,用戶打開文件列表,首先看到的是滿屏黃色的文件夾,而這些并不能幫助用戶進行瀏覽或篩選,反而會造成視覺干擾。

因此,本次對文件圖標大小,縮略圖尺寸,以及標題信息大小,進行整體調(diào)整,從而提升瀏覽效率。

(2)重量

對于文件列表,信息層級重要性依次為:名稱>圖標>時間,因此,本次優(yōu)化了視覺重量對比。

通過視覺重量的處理(對標題字號加粗、顏色增強),讓用戶更加便捷的獲取有效信息。

(3)間距

以下是舊版安卓端和改版后對比,去除頂部藍色雙導(dǎo)航的同時,通過縮小文件圖標,進而縮小列表間距。

同時,調(diào)研行業(yè)內(nèi)有代表性產(chǎn)品的列表行間距,綜合分析對比,最終確定列表行間距為“180px”,平衡體驗的同時,讓用戶在首屏看到更多內(nèi)容。

還對NA端進行統(tǒng)一的柵格化布局,讓頁面富有統(tǒng)一的秩序感和韻律。讓元素、模塊、頁面間距有規(guī)律可循。

柵格化布局落地全部界面。

以上,是品牌理念滲透到APP設(shè)計中,進行9.0大改版的相關(guān)設(shè)計,從品牌基因、功能設(shè)計到排版布局,統(tǒng)一的傳遞全新品牌理念。

3. 品牌延伸

線上線下的活動和物料設(shè)計,也是品牌和用戶的觸點,在設(shè)計的時候需要延續(xù)整體的品牌調(diào)性,傳遞出統(tǒng)一的品牌感。

總結(jié)

以上,是百度網(wǎng)盤本次品牌升級背后的原因,以及相關(guān)體驗設(shè)計優(yōu)化。

從前期定義品牌核心理念(更有溫度、更便捷、更年輕),到通過不同場景及接觸點進行滲透(品牌識別、APP設(shè)計、品牌延伸),線上線下多維度的傳達統(tǒng)一的品牌理念。所做的這一切,都是希望能為用戶提供更好的服務(wù)。

本次品牌升級,是百度網(wǎng)盤所有同學(xué)努力的結(jié)果,我們深知還有很多體驗需要提升,這次升級只是開始,會持續(xù)讓用戶感受到“讓美好永遠陪伴”。

感謝大家一直以來的支持。

#專欄作家#

大牙,微信公眾號:大牙的設(shè)計筆記,人人都是產(chǎn)品經(jīng)理專欄作家。百度資深UI設(shè)計師。一個對生活充滿好奇心,擅長用直白的語言去分析產(chǎn)品、交互、視覺的同學(xué)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖作者提供

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 百度有溫度,安全笑skr人(>_<)

    回復(fù)
  2. 現(xiàn)在保存的文件是單獨自建一個文件夾嗎?

    回復(fù)
  3. 很高級的文章,設(shè)計觸點,品牌識別,品牌延展。都OK的

    來自山東 回復(fù)
  4. 總感覺上傳照片不安全。

    回復(fù)
  5. 一打開,整個交互都不一樣了,以前那個設(shè)計真的像是從安卓4.0一直沒進化的感覺

    回復(fù)
  6. 圖標并沒體現(xiàn)溫度但是文件夾的大小,字體加粗,行間距調(diào)整優(yōu)化了體驗,確實有溫度

    回復(fù)
  7. 有亂用

    回復(fù)
  8. 挺好的!

    來自北京 回復(fù)
  9. 設(shè)計的好棒,百度網(wǎng)盤真的越來越好啦

    回復(fù)
  10. 又美又專的小姐姐。又學(xué)到了不少。

    回復(fù)
  11. ios端啥時候上線

    來自北京 回復(fù)
  12. 設(shè)計的很專業(yè)!有水平!
    從整個過程看很接受,但不知為什么,到最后,想到這是百度的產(chǎn)品,聯(lián)想到百度的種種做的表現(xiàn),長期以來不在位的狀態(tài),直到現(xiàn)在才進行改版,以及網(wǎng)盤俗不可耐的logo,恕我直言,你的才華被耽誤了。

    來自北京 回復(fù)
  13. 嘿,小姐姐小姐姐!

    來自北京 回復(fù)
  14. 說百度網(wǎng)盤有溫度?會員之后又會員么?哎

    來自上海 回復(fù)
  15. ios端啥時候上線

    來自北京 回復(fù)
    1. 看到更新了哈哈

      回復(fù)