十、始，事物之極致也。大眾點(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ù)形為主體，使表意更加直觀(guān)。同時(shí)增加柔和且邊緣相對(duì)明確的投影彌散值，輔助增強(qiáng)導(dǎo)航的點(diǎn)擊感。

風(fēng)格探索之后，協(xié)同業(yè)務(wù)線(xiàn)設(shè)計(jì)師共同作戰(zhàn)，對(duì) icon 兼顧表意/一致性/體量感做細(xì)節(jié)打磨，最終全量級(jí)延展上線(xiàn)。

（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ū)塊增加投影、封閉邊線(xiàn)包裹、與背景色差對(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)擊鏈接觀(guā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ò)