大眾點(diǎn)評(píng)V10品牌蛻變
十、始,事物之極致也。大眾點(diǎn)評(píng)在經(jīng)歷九個(gè)版本的迭代之后,重新站在變革的十字路口。V10,一次新的品牌蛻變開(kāi)始了…….
一、全新定位
面對(duì)消費(fèi)升級(jí)下的消費(fèi)偏好轉(zhuǎn)移,不再以?xún)r(jià)格導(dǎo)向滿(mǎn)足基礎(chǔ)需求,上升為獲得更好的體驗(yàn)和精神享受。轉(zhuǎn)換到產(chǎn)品,定位也正發(fā)生改變,從工具到內(nèi)容,從找優(yōu)惠到發(fā)現(xiàn)品質(zhì)生活,不僅局限于功能使用,而是包含品牌調(diào)性、產(chǎn)品品質(zhì)、附加服務(wù)在內(nèi)所獲得的品牌認(rèn)同。
通過(guò)對(duì)目標(biāo)人群分析,結(jié)合大眾點(diǎn)評(píng)自身業(yè)務(wù)積累,未來(lái)將聚焦打造年輕化、娛樂(lè)化、社交化的產(chǎn)品體系。并在此基礎(chǔ)上提出「年輕有品 豐富不失格調(diào)」描繪未來(lái)希望在用戶(hù)心中映射的形象。如何精準(zhǔn)的詮釋「年輕 有品 豐富 格調(diào)」并傳遞給用戶(hù),即是這次品牌升級(jí)的關(guān)鍵。
二、調(diào)性基因
根據(jù)對(duì)定位的細(xì)化拆解,結(jié)合產(chǎn)品的感知路徑,我們從品牌、內(nèi)容、體驗(yàn)3個(gè)緯度提煉出產(chǎn)品調(diào)性基因,作為此次的設(shè)計(jì)目標(biāo)和指導(dǎo)思想投射至產(chǎn)品中。即:鮮明的品牌感知、高效優(yōu)雅的瀏覽體驗(yàn)、優(yōu)質(zhì)豐富的內(nèi)容呈現(xiàn)。
三、調(diào)性輻射
1. 鮮明的品牌感知
作為第一眼進(jìn)入用戶(hù)視野的首頁(yè)焦點(diǎn)導(dǎo)航,兼具傳遞品牌風(fēng)格和業(yè)務(wù)屬性?xún)蓚€(gè)使命。對(duì)標(biāo)行業(yè)相似的布局方式,球面形式感已經(jīng)難以形成獨(dú)有的品牌印象,主導(dǎo)航在色彩和造型質(zhì)感上做新的風(fēng)格探索。
(1)色彩
人的五感常常有相似的慣性和疲勞機(jī)制,隨著年輕用戶(hù)對(duì)色彩的接受度逐漸升高,我們?cè)具^(guò)度平緩的漸變色已經(jīng)不能勾起視覺(jué)記憶。基于品牌色,通過(guò)拉長(zhǎng)色相對(duì)比、增加飽和度的取色方式提煉漸變色組,作為體現(xiàn)豐富、年輕、娛樂(lè)感的基調(diào)。
(2)造型
根據(jù)千人千面策略,上百個(gè)業(yè)務(wù) icon 出現(xiàn)在導(dǎo)航體系中,需要考慮風(fēng)格的擴(kuò)展性和辨識(shí)度。因此盡量保留原有基礎(chǔ)形,打破圓形外框以負(fù)形為主體,使表意更加直觀。同時(shí)增加柔和且邊緣相對(duì)明確的投影彌散值,輔助增強(qiáng)導(dǎo)航的點(diǎn)擊感。
風(fēng)格探索之后,協(xié)同業(yè)務(wù)線設(shè)計(jì)師共同作戰(zhàn),對(duì) icon 兼顧表意/一致性/體量感做細(xì)節(jié)打磨,最終全量級(jí)延展上線。
(3)字體
人們常說(shuō) 「字如其人,人如其字」,個(gè)性鮮明的字體作為視覺(jué)語(yǔ)言的重要組成部分,同樣影響著產(chǎn)品性格。
從點(diǎn)評(píng) Logo 出發(fā)抽象出筆畫(huà)特征,組合成簡(jiǎn)潔現(xiàn)代感的的字體庫(kù),運(yùn)用在產(chǎn)品中傳遞品牌風(fēng)格。
2. 高效優(yōu)雅的瀏覽體驗(yàn)
回顧互聯(lián)網(wǎng)發(fā)展,每一次硬件技術(shù)的革新都給設(shè)計(jì)帶來(lái)不可忽視的影響。
隨著 iPhoneX、小米Mix 等全面屏技術(shù)逐漸成熟,預(yù)示著未來(lái)內(nèi)容與屏幕邊界將逐漸融合,奢侈的屏幕空間給設(shè)計(jì)帶來(lái)更多可能。
在保證信息體量的同時(shí),通過(guò)卡片、圓角容器、留白率、互動(dòng)反饋等視覺(jué)優(yōu)化,使層級(jí)更簡(jiǎn)單明確,降低獲取信息的視覺(jué)壓力從而提高效率和愉悅感。
(1)卡片
對(duì)區(qū)塊增加投影、封閉邊線包裹、與背景色差對(duì)比、彌散投影等方式形成卡片。增加空間利用率,區(qū)分不同緯度內(nèi)容,提升可操作感。
(2)圓角容器
信息區(qū)塊圓角化,使內(nèi)容規(guī)整統(tǒng)一,與屏幕更好的融合。
對(duì)于宮格圖組,利用視覺(jué)自動(dòng)補(bǔ)全做外部圓角,解決銜接處出現(xiàn)的空心原點(diǎn),使內(nèi)容更規(guī)整。
(3)留白率
通過(guò)削弱頁(yè)面分割,增加頁(yè)面負(fù)空間,提升頁(yè)面通透感。
(4)互動(dòng)反饋
瀏覽的同時(shí)在細(xì)微處增加恰當(dāng)而情緒化的操作反饋,豐富產(chǎn)品靈性獲得品牌好感。
△ 界面展示
3. 豐富優(yōu)質(zhì)的內(nèi)容呈現(xiàn)
點(diǎn)評(píng)經(jīng)歷一年多內(nèi)容化的探索,后續(xù)將擴(kuò)充圖文小視頻等更多元的內(nèi)容形式,每一類(lèi)內(nèi)容的精致度都將直接影響產(chǎn)品的品質(zhì)感。
(1)選圖優(yōu)化
在原本編輯手工選圖的基礎(chǔ)上,引入機(jī)器智能選圖。對(duì)上萬(wàn)張圖片通過(guò)「清晰度/構(gòu)圖/主體匹配」等指標(biāo)做判斷篩選,優(yōu)化取圖算法,使逐步呈現(xiàn)優(yōu)質(zhì)的圖片內(nèi)容。
(2)圖文版式優(yōu)化
通過(guò)增大字號(hào)梯度、加大對(duì)比色提高圖文內(nèi)容的品質(zhì),
△ 界面展示
三、傳播
版本發(fā)布作為品牌詮釋的一部分同樣重要。繼承產(chǎn)品的調(diào)性對(duì)版本加以包裝,可以使品牌更加立體的傳遞給用戶(hù)。
簡(jiǎn),即更大的想象空間和包羅萬(wàn)象的氣度,預(yù)示我們逐步豐富的內(nèi)容體量。受包豪斯系列作品和未來(lái)藝術(shù)的靈感啟發(fā),樸實(shí)抽象的幾何圖形令人印象深刻,也許可以作為呈現(xiàn)包容和時(shí)尚感的方式。
以 V10 為基礎(chǔ)元素,做抽象幾何變化向圓形擴(kuò)展,同時(shí)延續(xù)產(chǎn)品中的顏色質(zhì)感作為主視覺(jué)元素。
并從中提取「 V 」和「 0 」的造型組合,配合撞色營(yíng)造繽紛的時(shí)尚年輕感,延展至宣傳頁(yè)面。
點(diǎn)擊鏈接觀看完整視頻:https://v.qq.com/x/page/e1339zlqkxd.html
四、結(jié)語(yǔ)
至此,完成了大眾點(diǎn)評(píng)品牌升級(jí)的開(kāi)篇。
從產(chǎn)品策略到設(shè)計(jì)執(zhí)行,從方案探索到推動(dòng)落地,其中不乏方案的反復(fù)和博弈。同時(shí)也引發(fā)我們對(duì)自身價(jià)值的思考:保持對(duì)商業(yè)的關(guān)注、對(duì)潮流的敏感嗅覺(jué)、與新技術(shù)互通、才能突破「看起來(lái)好看」的小情懷真正影響產(chǎn)品和用戶(hù),體現(xiàn)更大的商業(yè)價(jià)值。同時(shí)與上下游和業(yè)務(wù)團(tuán)隊(duì)的日夜奮斗,保持高效的團(tuán)隊(duì)互通,也促進(jìn)了彼此凝聚力。
后續(xù)的品牌完善和傳播還有很多發(fā)力點(diǎn),需要結(jié)合數(shù)據(jù)深入打磨,過(guò)程中的思考和沉淀也將逐一梳理,敬請(qǐng)期待。
對(duì)于美好生活的呈現(xiàn)方式我們將持續(xù)探索,希望能在吃喝玩樂(lè)的路上給你源源不斷的驚喜,Eat better,Live better。
作者:Jing醬、大藍(lán)CC
來(lái)源:大眾點(diǎn)評(píng)UED團(tuán)隊(duì)公眾號(hào):「DPUX」
本文由 @大眾點(diǎn)評(píng)UED 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來(lái)源于網(wǎng)絡(luò)
機(jī)器智能選圖,這個(gè)太牛了。能講講怎么個(gè)原理嗎?
只有我覺(jué)得圓形的icon更有辨識(shí)度咯?