2018-12-3 資深UI設計者
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
文章包括品牌理念、品牌識別、APP大改版、品牌延伸。
△ 點擊查看完整視頻
百度網盤是百度提供的個人云存儲服務，自2012年上線至今，通過強大的技術能力以及承擔高額的帶寬成本，為7億用戶提供文件存儲、備份、分享、共享等服務，成為行業領先位置。
這6年里，我們從滿足基礎存儲需求的一款工具，到現在越來越意識到高品質和情感化的體驗對于用戶的重要性。
因此，團隊希望通過本次的品牌升級，能夠從視覺識別、產品體驗、線上線下推廣等多維度來傳遞品牌核心價值，同時遵從極簡克制的百度「高級感」設計理念，形成一套完整統一的設計語言，真正的做到像 slogan 所傳遞的：「讓美好永遠陪伴」。
本次品牌升級希望傳遞用戶3個核心點：更有溫度、更便捷、更年輕。
網盤一直以來存儲著用戶的美好回憶，比如：每一次難忘旅途的照片，寶寶成長記錄，家人團圓時的合影，激情工作時的陪伴。因此，它不僅僅是一款冰冷的工具，而是一個懂你的、有情感、有溫度的生活助手。
過去幾年，網盤一直主打的品牌核心點是「安全」、「免費」、「大空間」，不可否認之前的品牌傳遞是成功的，因為通過這些核心點，在同行業的用戶占有率達到80%以上。
但是，未來除了最基礎的「安全」以外，還需要傳遞什么感受呢？我們深知產品體驗還有很大的提升空間，比如：如何讓產品更易用、存儲更便捷、查找更方便、瀏覽更沉浸等等。因此，「便捷」是接下來品牌需要傳達給用戶的核心價值。
通過數據分析，網盤的用戶24歲左右占大多數，也就意味著我們的主流群體是年輕人。除此之外，保持品牌的年輕化，也是每一個公司都希望做到的。
因此，本次品牌升級，我們希望不管是從視覺層面，還是文案互動，以及運營手法，都更加年輕化及趣味性。
品牌升級不是虛喊口號，而是應該通過各個設計觸點的配合給用戶傳達融合、一致的感受和體驗。因此，我們從以下幾個場景進行滲透：品牌識別、APP設計、品牌延伸。
在品牌識別滲透環節，涉及到以下幾個方面進行優化設計：品牌色、品牌標識、品牌字體。
品牌色
品牌色是用戶感知品牌最直觀的方式，比如：想到可口可樂就想到紅色，想到百事可樂就是藍色，想零度可樂就是黑色。對，好的品牌色能夠占領用戶心智，從而產生聯想，這就是品牌色的重要性。
那么百度網盤呢？網盤的品牌不是從0到1的小而美的創新設計，需要兼顧7億用戶量對品牌的已有認知，這是一個令人頭疼的挑戰。
因此在品牌色的選擇上，考慮到較大改動帶來的用戶認知成本的增加，所以經過多輪嘗試和討論后，決定延續用戶已有認知的「紅藍」配色，在此基礎上，進行調整并滲透新品牌的理念。
同時，在品牌色上希望傳遞「更年輕」的品牌理念。我們大量收集體現「年輕」的場景進行多輪討論篩選，提取色調，結合情緒板，最終提煉并定義了我們的品牌色。
品牌標識
在做品牌標識（LOGO）階段，大家發散了很多想法，嘗試了很多方案。
通過多維度思考以及利弊權衡，最后選擇在延續原有 logo 特征上，體現新品牌理念——「更有溫度」的感受。
那么，現實生活中什么場景，會給人「有溫度的」感受呢？我們想到了擁抱、愛心、陽光、火焰等等。最終覺得「微笑」更符合我們所傳遞的感受，同時也能更好的跟原有 LOGO 特征進行結合。
以下是 LOGO 的設計思路，用顏色體現「年輕」，微笑體現「溫度」。
LOGO的最終造型：
品牌字體
LOGO 確定后，還需要設計與之搭配的品牌文字，這個階段最主要是找到跟品牌性格以及圖形風格相契合的字體骨架。同時兼顧原有字體的認知，在此基礎上進行微調。比如：統一字體的粗細，以及切角的角度，使整體視覺更加協調。
LOGO和字體組合的最終版本：
不可否認，傳遞品牌理念最直接的方式，就是在用戶使用它時。因此，我們對產品 NA端進行9.0全新升級（這是自上線以來第一次大改版）。
品牌基因
在互聯網產品越來越同質化的今天，做出有差異性和符合品牌調性的設計是我們面臨的挑戰。因此，在品牌基因方面，做了大量的嘗試。
經過多輪討論，我們選擇以「積木」作為網盤的品牌基因。因為「積木」陪伴著我們成長，代表著我們的童年，給人溫暖的感受，同時，不同幾何形的積木看似單一，組合起來又有很多可能性，體現了年輕和趣味。
在圖形設計（ICON）時，提取「積木」中的幾何元素進行疊加處理，用色上更加鮮亮，突顯年輕化，形成網盤自己的圖形體系。
相比「尖銳」的直角，圓角給人柔和的視覺感受，同時經過多輪的嘗試，最終確定圓角大小為8px。
同時在空白頁上延續圖形風格，能夠更好的統一視覺語言，傳遞更加一致的品牌感。
動效上，采用了符合「積木」運動特征的物理屬性。因此，運動節奏上利落的不拖泥帶水。比如，積木受到一個力，由于摩擦力會快速停止，而并非很Q 的彈性動效。
下圖中，「藍球」代表目前網盤中元素的運動方式，「紅球」代表了市面上常見的彈性運動方式。
下圖，是將這種運動規則使用在產品界面中時：
同時底部 tab 在運動節奏上，也采用相同的運動規律，賦予產品年輕活力的視覺感受，同時又不會喧賓奪主過度搶戲。
下拉刷新，是增強品牌記憶的最好體現。本次提取 logo 基本元素，同時強調「微笑」，加深用戶對品牌的印象。
功能設計
前面有提到，百度網盤保存著用戶非常多美好回憶的照片，或許那些回憶，用戶都已經忘記，但往往這些才是最大的驚喜和感動。
因此，9.0版本新增「故事」模塊，讓美好回憶與你不期而遇。通過技術對優質、精彩照片的篩選，生成故事卡片，推送給你，給你帶來溫暖。
為了節省用戶時間，傳遞品牌「更便捷」的理念，本次改版我們優化「分類」模塊，將「分類」外置于首頁頂部，減少用戶操作步長，輕松查找自己的文件。
同時在首頁新增「最近」功能，方便用戶便捷查找歷史操作，而不是像以前，反復點擊層層相套的文件夾去瀏覽與查找。
排版布局
文件列表是用戶使用網盤最高頻的路徑，針對這個場景，我們遵循視覺服從功能，極簡克制的百度「高級感」設計理念，通過視覺手段區分信息層級，讓用戶瀏覽時「更便捷」。
因此，本次對文件列表排版布局，從以下幾個維度進行優化：大小、重量、間距。
大小
改版前，用戶打開文件列表，首先看到的是滿屏黃色的文件夾，而這些并不能幫助用戶進行瀏覽或篩選，反而會造成視覺干擾。
因此，本次對文件圖標大小，縮略圖尺寸，以及標題信息大小，進行整體調整，從而提升瀏覽效率。
重量
對于文件列表，信息層級重要性依次為：名稱>圖標>時間，因此，本次優化了視覺重量對比。
通過視覺重量的處理（對標題字號加粗、顏色增強），讓用戶更加便捷的獲取有效信息。
間距
以下是舊版安卓端和改版后對比，去除頂部藍色雙導航的同時，通過縮小文件圖標，進而縮小列表間距。
同時，調研行業內有代表性產品的列表行間距，綜合分析對比，最終確定列表行間距為「180px」，平衡體驗的同時，讓用戶在首屏看到更多內容。
還對 NA端進行統一的柵格化布局，讓頁面富有統一的秩序感和韻律。讓元素、模塊、頁面間距有規律可循。
柵格化布局落地全部界面：
以上，是品牌理念滲透到 APP 設計中，進行9.0大改版的相關設計，從品牌基因、功能設計到排版布局，統一的傳遞全新品牌理念。
線上線下的活動和物料設計，也是品牌和用戶的觸點，在設計的時候需要延續整體的品牌調性，傳遞出統一的品牌感。
以上，是百度網盤本次品牌升級背后的原因，以及相關體驗設計優化。從前期定義品牌核心理念（更有溫度、更便捷、更年輕），到通過不同場景及接觸點進行滲透（品牌識別、APP設計、品牌延伸），線上線下多維度的傳達統一的品牌理念。所做的這一切，都是希望能為用戶提供更好的服務。
本次品牌升級，是百度網盤所有同學努力的結果，我們深知還有很多體驗需要提升，這次升級只是開始，會持續讓用戶感受到「讓美好永遠陪伴」。
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。