百度網(wǎng)盤品牌形象升級(jí)
來(lái)源:http://www.shejidaren.com/baidu-pin-pai-xing-xiang-sheng-ji.html
項(xiàng)目背景??
百度網(wǎng)盤是百度提供的個(gè)人云存儲(chǔ)服務(wù)唉锌,自2012年上線至今,通過(guò)強(qiáng)大的技術(shù)能力以及承擔(dān)高額的帶寬成本挽荠,為7億用戶提供文件存儲(chǔ)、備份胆描、分享迷郑、共享等服務(wù),成為行業(yè)領(lǐng)先位置段标。
這6年里力麸,我們從滿足基礎(chǔ)存儲(chǔ)需求的一款工具可款,到現(xiàn)在越來(lái)越意識(shí)到高品質(zhì)和情感化的體驗(yàn)對(duì)于用戶的重要性。
因此克蚂,團(tuán)隊(duì)希望通過(guò)本次的品牌升級(jí)闺鲸,能夠從視覺(jué)識(shí)別、產(chǎn)品體驗(yàn)埃叭、線上線下推廣等多維度來(lái)傳遞品牌核心價(jià)值摸恍,同時(shí)遵從極簡(jiǎn)克制的百度“高級(jí)感”設(shè)計(jì)理念,形成一套完整統(tǒng)一的設(shè)計(jì)語(yǔ)言赤屋,真正的做到像slogan所傳遞的:“讓美好永遠(yuǎn)陪伴”立镶。
品牌升級(jí)目標(biāo)??
本次品牌升級(jí)希望傳遞用戶3個(gè)核心點(diǎn):1.更有溫度;2.更便捷类早;3.更年輕媚媒。
1.為什么要“更有溫度”?
網(wǎng)盤一直以來(lái)存儲(chǔ)著用戶的美好回憶涩僻,比如:每一次難忘旅途的照片缭召,寶寶成長(zhǎng)記錄栈顷,家人團(tuán)圓時(shí)的合影,激情工作時(shí)的陪伴嵌巷。因此妨蛹,它不僅僅是一款冰冷的工具,而是一個(gè)懂你的晴竞、有情感、有溫度的生活助手狠半。
2.為什么要“更便捷”噩死?
過(guò)去幾年,網(wǎng)盤一直主打的品牌核心點(diǎn)是“安全”神年、“免費(fèi)”已维、“大空間”,不可否認(rèn)之前的品牌傳遞是成功的已日,因?yàn)橥ㄟ^(guò)這些核心點(diǎn)垛耳,在同行業(yè)的用戶占有率達(dá)到80%以上。
但是飘千,未來(lái)除了最基礎(chǔ)的“安全”以外堂鲜,還需要傳遞什么感受呢?我們深知產(chǎn)品體驗(yàn)還有很大的提升空間护奈,比如:如何讓產(chǎn)品更易用缔莲、存儲(chǔ)更便捷、查找更方便霉旗、瀏覽更沉浸痴奏、等等...因此,“便捷”是接下來(lái)品牌需要傳達(dá)給用戶的核心價(jià)值厌秒。
3.為什么要“更年輕”读拆?
通過(guò)數(shù)據(jù)分析,網(wǎng)盤的用戶24歲左右占大多數(shù)鸵闪,也就意味著我們的主流群體是年輕人檐晕。除此之外,保持品牌的年輕化蚌讼,也是每一個(gè)公司都希望做到的棉姐。
因此,本次品牌升級(jí)啦逆,我們希望不管是從視覺(jué)層面伞矩,還是文案互動(dòng),以及運(yùn)營(yíng)手法夏志,都更加年輕化及趣味性乃坤。?
品牌理念滲透?
品牌升級(jí)不是虛喊口號(hào)苛让,而是應(yīng)該通過(guò)各個(gè)設(shè)計(jì)觸點(diǎn)的配合給用戶傳達(dá)融合、一致的感受和體驗(yàn)湿诊。因此狱杰,我們從以下幾個(gè)場(chǎng)景進(jìn)行滲透:1.品牌識(shí)別;2.APP設(shè)計(jì)厅须;3.品牌延伸仿畸。
1.品牌識(shí)別
在品牌識(shí)別滲透環(huán)節(jié),涉及到以下幾個(gè)方面進(jìn)行優(yōu)化設(shè)計(jì):a.品牌色朗和;b.品牌標(biāo)識(shí)错沽;c.品牌字體。
a.品牌色
品牌色是用戶感知品牌最直觀的方式眶拉,比如:想到可口可樂(lè)就想到紅色千埃,想到百事可樂(lè)就是藍(lán)色,想零度可樂(lè)就是黑色忆植。對(duì)放可,好的品牌色能夠占領(lǐng)用戶心智,從而產(chǎn)生聯(lián)想朝刊,這就是品牌色的重要性耀里。
那么百度網(wǎng)盤呢?網(wǎng)盤的品牌不是從0到1的小而美的創(chuàng)新設(shè)計(jì)拾氓,需要兼顧7億用戶量對(duì)品牌的已有認(rèn)知备韧,這是一個(gè)令人頭禿的挑戰(zhàn)。
因此在品牌色的選擇上痪枫,考慮到較大改動(dòng)帶來(lái)的用戶認(rèn)知成本的增加织堂,所以經(jīng)過(guò)多輪嘗試和討論后,決定延續(xù)用戶已有認(rèn)知的“紅藍(lán)”配色奶陈,在此基礎(chǔ)上易阳,進(jìn)行調(diào)整并滲透新品牌的理念。
同時(shí)吃粒,在品牌色上希望傳遞“更年輕”的品牌理念潦俺。我們大收集體現(xiàn)“年輕”的場(chǎng)景進(jìn)行多輪討論篩選,提取色調(diào)徐勃,結(jié)合情緒版事示,最終提煉并定義了我們的品牌色。
b.品牌標(biāo)識(shí)
在做品牌標(biāo)識(shí)(LOGO)階段僻肖,大家發(fā)散了很多想法肖爵,嘗試了很多方案。
通過(guò)多維度思考以及利弊權(quán)衡臀脏,最后選擇在延續(xù)原有l(wèi)ogo特征上劝堪,體現(xiàn)新品牌理念-“更有溫度”的感受冀自。
那么,現(xiàn)實(shí)生活中什么場(chǎng)景秒啦,會(huì)給人“有溫度的”感受呢熬粗?我們想到了擁抱、愛(ài)心余境、陽(yáng)光驻呐、火焰,等等...最終覺(jué)得“微笑”更符合我們所傳遞的感受芳来,同時(shí)也能更好的跟原有LOGO特征進(jìn)行結(jié)合含末。?
以下是LOGO的設(shè)計(jì)思路,用顏色體現(xiàn)“年輕”绣张,微笑體現(xiàn)“溫度”。
LOGO的最終造型关带。
c.品牌字體
LOGO確定后侥涵,還需要設(shè)計(jì)與之搭配的品牌文字,這個(gè)階段最主要是找到跟品牌性格以及圖形風(fēng)格相契合的字體骨架宋雏。同時(shí)兼顧原有字體的認(rèn)知芜飘,在此基礎(chǔ)上進(jìn)行微調(diào)。比如:統(tǒng)一字體的粗細(xì)磨总,以及切角的角度嗦明,使整體視覺(jué)更加協(xié)調(diào)。
LOGO和字體組合的最終版本蚪燕。
2.APP設(shè)計(jì)—NA端9.0全新升級(jí)
不可否認(rèn)娶牌,傳遞品牌理念最直接的方式,就是在用戶使用它時(shí)馆纳。因此诗良,我們對(duì)產(chǎn)品NA端進(jìn)行9.0全新升級(jí)(這是自上線以來(lái)第一次大改版)。
a.品牌基因
在互聯(lián)網(wǎng)產(chǎn)品越來(lái)越同質(zhì)化的今天鲁驶,做出有差異性和符合品牌調(diào)性的設(shè)計(jì)是我們面臨的挑戰(zhàn)鉴裹。因此,在品牌基因方面钥弯,做了大量的嘗試径荔。
經(jīng)過(guò)多輪討論,我們選擇以“積木”作為網(wǎng)盤的品牌基因脆霎。因?yàn)椤胺e木”陪伴這我們成長(zhǎng)总处,代表著我們的童年,給人溫暖的感受睛蛛,同時(shí)辨泳,不同幾何形的積木看似單一虱岂,組合起來(lái)又有很多可能性,體現(xiàn)了年輕和趣味菠红。
在圖形設(shè)計(jì)(ICON)時(shí)第岖,提取“積木”中的幾何元素進(jìn)行疊加處理,用色上更加鮮亮试溯,突顯年輕化蔑滓,形成網(wǎng)盤自己的圖形體系。
相比“尖銳”的直角遇绞,圓角給人柔和的視覺(jué)感受键袱,同時(shí)經(jīng)過(guò)多輪的嘗試,最終確定圓角大小為8px摹闽。
同時(shí)在空白頁(yè)上延續(xù)圖形風(fēng)格蹄咖,能夠更好的統(tǒng)一視覺(jué)語(yǔ)言,傳遞更加一致的品牌感付鹿。
動(dòng)效上澜汤,采用了符合“積木”運(yùn)動(dòng)特征的物理屬性。因此舵匾,運(yùn)動(dòng)節(jié)奏上利落的不拖泥帶水俊抵。比如,積木受到一個(gè)力坐梯,由于摩擦力會(huì)快速停止徽诲,而并非很Q的彈性動(dòng)效。
下圖中吵血,“藍(lán)球”代表目前網(wǎng)盤中元素的運(yùn)動(dòng)方式谎替,“紅球”代表了市面上常見(jiàn)的彈性運(yùn)動(dòng)方式。
下圖蹋辅,是將這種運(yùn)動(dòng)規(guī)則使用在產(chǎn)品界面中時(shí)院喜。
同時(shí)底tab在運(yùn)動(dòng)節(jié)奏上,也采用相同的運(yùn)動(dòng)規(guī)律晕翠,賦予產(chǎn)品年輕活力的視覺(jué)感受喷舀,同時(shí)又不會(huì)喧賓奪主過(guò)度搶?xiě)颉?/p>
下拉刷新,是增強(qiáng)品牌記憶的最好體現(xiàn)淋肾。本次提取logo基本元素硫麻,同時(shí)強(qiáng)調(diào)“微笑”,加深用戶對(duì)品牌的印象樊卓。
b.功能設(shè)計(jì)
前面有提到拿愧,百度網(wǎng)盤保存著用戶非常多美好回憶的照片,或許那些回憶碌尔,用戶都已經(jīng)忘記浇辜,但往往這些才是最大的驚喜和感動(dòng)券敌。
因此,9.0版本新增“故事”模塊柳洋,讓美好回憶與你不期而遇待诅。通過(guò)技術(shù)對(duì)優(yōu)質(zhì)、精彩照片的篩選熊镣,生成故事卡片卑雁,推送給你,給你帶來(lái)溫暖绪囱。
為了節(jié)省用戶時(shí)間测蹲,傳遞品牌“更便捷”的理念,本次改版我們優(yōu)化“分類”模塊鬼吵,將“分類”外置于首頁(yè)頂部扣甲,減少用戶操作步長(zhǎng),輕松查找自己的文件齿椅。
同時(shí)在首頁(yè)新增“最近”功能琉挖,方便用戶便捷查找歷史操作,而不是像以前媒咳,反復(fù)點(diǎn)擊層層相套的文件夾去瀏覽與查找粹排。?
c.排版布局
文件列表是用戶使用網(wǎng)盤最高頻的路徑种远,針對(duì)這個(gè)場(chǎng)景涩澡,我們遵循視覺(jué)服從功能,極簡(jiǎn)克制的百度“高級(jí)感”設(shè)計(jì)理念坠敷,通過(guò)視覺(jué)手段區(qū)分信息層級(jí)妙同,讓用戶瀏覽時(shí)“更便捷”。
因此膝迎,本次對(duì)文件列表排版布局粥帚,從以下幾個(gè)維度進(jìn)行優(yōu)化:(1)大小;(2)重量限次;(3)間距芒涡。
(1)大小
改版前,用戶打開(kāi)文件列表卖漫,首先看到的是滿屏黃色的文件夾费尽,而這些并不能幫助用戶進(jìn)行瀏覽或篩選,反而會(huì)造成視覺(jué)干擾羊始。
因此旱幼,本次對(duì)文件圖標(biāo)大小,縮略圖尺寸突委,以及標(biāo)題信息大小柏卤,進(jìn)行整體調(diào)整冬三,從而提升瀏覽效率。
(2)重量
對(duì)于文件列表缘缚,信息層級(jí)重要性依次為:名稱>圖標(biāo)>時(shí)間勾笆,因此,本次優(yōu)化了視覺(jué)重量對(duì)比忙灼。
通過(guò)視覺(jué)重量的處理(對(duì)標(biāo)題字號(hào)加粗匠襟、顏色增強(qiáng)),讓用戶更加便捷的獲取有效信息该园。
(3)間距
以下是舊版安卓端和改版后對(duì)比酸舍,去除頂部藍(lán)色雙導(dǎo)航的同時(shí),通過(guò)縮小文件圖標(biāo)里初,進(jìn)而縮小列表間距啃勉。
同時(shí),調(diào)研行業(yè)內(nèi)有代表性產(chǎn)品的列表行間距双妨,綜合分析對(duì)比淮阐,最終確定列表行間距為“180px”,平衡體驗(yàn)的同時(shí)刁品,讓用戶在首屏看到更多內(nèi)容泣特。
還對(duì)NA端進(jìn)行統(tǒng)一的柵格化布局,讓頁(yè)面富有統(tǒng)一的秩序感和韻律挑随。讓元素状您、模塊、頁(yè)面間距有規(guī)律可循兜挨。
柵格化布局落地全部界面膏孟。
以上,是品牌理念滲透到APP設(shè)計(jì)中拌汇,進(jìn)行9.0大改版的相關(guān)設(shè)計(jì)柒桑,從品牌基因、功能設(shè)計(jì)到排版布局噪舀,統(tǒng)一的傳遞全新品牌理念魁淳。
3.品牌延伸
線上線下的活動(dòng)和物料設(shè)計(jì),也是品牌和用戶的觸點(diǎn)与倡,在設(shè)計(jì)的時(shí)候需要延續(xù)整體的品牌調(diào)性界逛,傳遞出統(tǒng)一的品牌感。
總結(jié)??
以上蒸走,是百度網(wǎng)盤本次品牌升級(jí)背后的原因仇奶,以及相關(guān)體驗(yàn)設(shè)計(jì)優(yōu)化。從前期定義品牌核心理念(更有溫度、更便捷该溯、更年輕)岛抄,到通過(guò)不同場(chǎng)景及接觸點(diǎn)進(jìn)行滲透(品牌識(shí)別、APP設(shè)計(jì)狈茉、品牌延伸)夫椭,線上線下多維度的傳達(dá)統(tǒng)一的品牌理念。所做的這一切氯庆,都是希望能為用戶提供更好的服務(wù)蹭秋。
本次品牌升級(jí),是百度網(wǎng)盤所有同學(xué)努力的結(jié)果堤撵,我們深知還有很多體驗(yàn)需要提升仁讨,這次升級(jí)只是開(kāi)始,會(huì)持續(xù)讓用戶感受到“讓美好永遠(yuǎn)陪伴”实昨。
感謝大家一直以來(lái)的支持??洞豁。?