如何讓成熟產(chǎn)品在 AI 升級(jí)中煥發(fā)品牌活力？

一、背景

在AI持續(xù)迭代的浪潮下，QQ瀏覽器作為連接數(shù)字世界的核心入口，這一陪伴用戶多年的國(guó)民級(jí)產(chǎn)品正經(jīng)歷從 “工具” 到 “智能伙伴” 的身份躍遷。在 AI 重構(gòu)交互體驗(yàn)的關(guān)鍵節(jié)點(diǎn)，如何實(shí)現(xiàn) AI 品牌升級(jí)，以及如何讓用戶在固有認(rèn)知中清晰感知其 AI 升級(jí)成果，成為品牌升級(jí)的核心命題。

更多案例：

二、品牌名

基于對(duì)成熟產(chǎn)品的感知連接，團(tuán)隊(duì)提出“QBot”的品牌命名——它既是QQ Browser的自然延伸，又是“Bot”的直接表達(dá)，非常適合用來(lái)指代 QQ 瀏覽器的 AI 能力集合。

這一命名策略實(shí)現(xiàn)了“傳承”與“創(chuàng)新”的平衡。對(duì)用戶而言，QBot是“QB，更是聰明的Bot伙伴”；對(duì)行業(yè)而言，它以簡(jiǎn)潔易記的符號(hào)，在AI產(chǎn)品同質(zhì)化競(jìng)爭(zhēng)中產(chǎn)生差異化感知，便于后續(xù)品牌傳播。

三、品牌設(shè)計(jì)

1. 母品牌視覺(jué)基因的繼承與演化

新的品牌在是建立在對(duì)母品牌視覺(jué)核心標(biāo)志的充分解構(gòu)上，對(duì)要素進(jìn)行整理重組后而設(shè)計(jì)的。其設(shè)計(jì)核心主要體現(xiàn)在繼承和演化上。一方面我們建立關(guān)聯(lián)性（成熟品牌的價(jià)值，源于其積累的深厚用戶認(rèn)知、情感聯(lián)結(jié)與行業(yè)權(quán)威）避免用戶對(duì)品牌認(rèn)知的割裂；另一方面，我們希望新品牌設(shè)計(jì)能承襲QQ瀏覽器的視覺(jué)語(yǔ)言，并更清晰地傳達(dá)嶄新的品牌形象。

基因繼承：

原品牌的圖形構(gòu)成要素已經(jīng)十分豐富，為此我們不再新增新的要素和概念，而是從內(nèi)容/色彩/圖形三個(gè)角度進(jìn)行拆解并重組，構(gòu)建符合“QBot”品牌認(rèn)知的新圖形。整體QBot品牌的視覺(jué)設(shè)計(jì)，包括品牌圖形和品牌字體，以“延續(xù)經(jīng)典，激活靈性”為原則，聚焦QQ瀏覽器原Logo中的“小云”元素。

體系演化：

我們深入梳理原品牌資產(chǎn)，并對(duì)其核心要素進(jìn)行有機(jī)拓展，將其轉(zhuǎn)化為全新的品牌視覺(jué)語(yǔ)言。例如，將品牌標(biāo)志性的藍(lán)白色彩延伸，構(gòu)成了“小云”的圓形組合與背景漸變色譜。這一切延伸都非憑空創(chuàng)造，而是源自品牌基因的必然推導(dǎo)。

我們旨在建立一組靈活包容的設(shè)計(jì)語(yǔ)法，確保設(shè)計(jì)師在應(yīng)對(duì)不同主題（無(wú)論是科技感還是生活化）時(shí)，擁有充分的演繹空間。由此，品牌視覺(jué)既能在一段漫長(zhǎng)的周期內(nèi)保持高度的統(tǒng)一性與辨識(shí)度，又能持續(xù)煥新，永葆活力。

2. 核心視覺(jué)符號(hào)的重組

基于上述邏輯，“QBot” 核心視覺(jué)符號(hào)的重組聚焦于 “認(rèn)知喚醒” 與 “價(jià)值進(jìn)化” 兩個(gè)角度，實(shí)現(xiàn)從 “符號(hào)識(shí)別” 到 “價(jià)值傳遞” 的深度轉(zhuǎn)化：

認(rèn)知喚醒：QQ瀏覽器經(jīng)典Logo中的“小云”，是其核心記憶符號(hào)。它憑借圓潤(rùn)的輪廓與柔和的曲線，傳遞出親切、可靠的品牌屬性，并構(gòu)成了重要的設(shè)計(jì)基礎(chǔ)。這一元素歷經(jīng)長(zhǎng)期市場(chǎng)驗(yàn)證，已形成穩(wěn)定的用戶認(rèn)知。因此，新設(shè)計(jì)完整保留了其核心形態(tài)，以確保品牌視覺(jué)識(shí)別的連貫性與延續(xù)性。

價(jià)值進(jìn)化：我們賦予標(biāo)志動(dòng)態(tài)化能力，使其能隨交互場(chǎng)景智能響應(yīng)形態(tài)變化，強(qiáng)化“可交互”的技術(shù)特征；同時(shí)融入擬人化設(shè)計(jì)，通過(guò)實(shí)時(shí)反饋感精準(zhǔn)體現(xiàn)AI助理的即時(shí)性。由此，靜態(tài)符號(hào)進(jìn)化為一個(gè)“可交互的視覺(jué)接口”，生動(dòng)傳遞出“智能伙伴”的品牌感知。

通過(guò)融入這兩層含義，我們確保用戶能從符號(hào)形態(tài)中，直接感知到QBot“具備思考能力”與“富有親和力”的核心特質(zhì)，從而同步建立起品牌識(shí)別與功能認(rèn)知。

由此讓QBot的Logo超越品牌標(biāo)識(shí)的范疇，化身為用戶與AI交互的感知橋梁，也成為一個(gè)“視覺(jué)入口”。用戶通過(guò)它，能直觀聯(lián)想到一位“會(huì)思考、有溫度的智能伙伴”。

四、品牌視頻

從靜到動(dòng)，品牌升級(jí)中的動(dòng)態(tài)創(chuàng)意及敘事設(shè)計(jì)

服務(wù)于QBot品牌的設(shè)計(jì)傳播，我們還為其設(shè)計(jì)制作了兩條創(chuàng)意視頻、三套表情系列創(chuàng)意。視頻傳播策略整體以“懸念造勢(shì) → 價(jià)值滲透 → 情感化陪伴”為主線，通過(guò)動(dòng)態(tài)創(chuàng)意及敘事設(shè)計(jì)，提升QBot品牌理念的對(duì)外表達(dá)及用戶溝通，構(gòu)建從品牌認(rèn)知到用戶情感陪伴的傳播鏈路。

1. 預(yù)熱視頻：一場(chǎng)“AI智能體”的喚醒儀式

預(yù)熱視頻采用暗調(diào)視覺(jué)語(yǔ)言與懸念敘事結(jié)構(gòu)，通過(guò)動(dòng)態(tài)圖形設(shè)計(jì)中的節(jié)奏留白與AI符號(hào)暗示，從而激發(fā)用戶對(duì)“AI伙伴”的期待感。

QBot上線預(yù)熱視頻

保留QQ瀏覽器的輪廓作為視覺(jué)基礎(chǔ)，通過(guò)背射聚光燈+流動(dòng)光線“喚醒”QBot的圖形符號(hào)，配合閃爍跳動(dòng)的粒子光效氛圍，眼神的移動(dòng)來(lái)引出AI符號(hào)，整體呈現(xiàn)神秘、酷炫的“智能體登場(chǎng)前奏”，讓用戶充滿期待。

2. 升級(jí)視頻：AI能力滲透全場(chǎng)景的“服務(wù)交響曲”

品牌視頻以極簡(jiǎn)Motion Graphic 為載體，通過(guò)隱喻式轉(zhuǎn)場(chǎng)與高密度信息組接，在 40 秒內(nèi)清晰呈現(xiàn)“QBot 串聯(lián) AI 功能，服務(wù)用戶真實(shí)需求”的品牌故事。

QBot品牌升級(jí)視頻關(guān)鍵幀

QBot品牌升級(jí)視頻

品牌形象演繹：以 QQ 瀏覽器圖形 Logo 為起點(diǎn)，通過(guò)線條轉(zhuǎn)場(chǎng)與光影重塑的動(dòng)畫(huà)演化，無(wú)痕過(guò)渡至 QBot 核心符號(hào)，以視覺(jué)連續(xù)性確立 QBot 的全新品牌形象。

功能場(chǎng)景敘事：QBot圖標(biāo)流暢融入搜索框，直觀展示“搜網(wǎng)頁(yè)問(wèn)AI”的無(wú)縫切換。相機(jī)圖標(biāo)靈動(dòng)轉(zhuǎn)場(chǎng)，通過(guò)旋轉(zhuǎn)變焦生動(dòng)呈現(xiàn)拍照答題功能。鏡頭后移構(gòu)建深邃3D空間，連貫展示總結(jié)報(bào)告、創(chuàng)意文案等核心服務(wù)。文檔圖標(biāo)與AI指令的創(chuàng)意碰撞，形象演繹格式轉(zhuǎn)換。最終，通過(guò)符號(hào)流轉(zhuǎn)與鏡頭轉(zhuǎn)場(chǎng)巧妙串聯(lián)QBot各項(xiàng)功能。

品牌視頻幕后制作

品牌視頻通過(guò)極簡(jiǎn)且無(wú)縫的Motion Graphic動(dòng)畫(huà)，將抽象技術(shù)生動(dòng)轉(zhuǎn)化為動(dòng)態(tài)故事與功能演示。其精妙轉(zhuǎn)場(chǎng)巧妙融合品牌基因并傳遞核心價(jià)值。在極簡(jiǎn)而富有張力的視覺(jué)中，自然實(shí)現(xiàn)從高效“工具平臺(tái)”到全能“智能伙伴”的認(rèn)知升華，構(gòu)建清晰的功能敘事與情感連接。

五、表情設(shè)計(jì)

通過(guò)情感化設(shè)計(jì)，塑造 QBot 為“可感知、可互動(dòng)”的智能伙伴

QBot情感化設(shè)計(jì)體系以“UI互動(dòng)+三套運(yùn)營(yíng)表情”為核心載體，通過(guò)擬人化云朵IP貫穿場(chǎng)景，在用戶高頻的交互過(guò)程中，持續(xù)深化情感連接，同步提升品牌辨識(shí)度與傳播效能，實(shí)現(xiàn)“功能-情感-品牌”的價(jià)值閉環(huán)。

1. UI表情：智能伴隨體驗(yàn)

UI表情是QBot在瀏覽器基礎(chǔ)功能中的“交互反饋符號(hào)”，其設(shè)計(jì)遵循“簡(jiǎn)潔、一致、有溫度”的原則。例如：思考時(shí)浮現(xiàn)智慧氣泡，加載時(shí)優(yōu)雅旋轉(zhuǎn)，有新內(nèi)容時(shí)俏皮地向上張望。我們摒棄夸張的演繹，專(zhuān)注于通過(guò)這些擬人化的微表情，讓用戶在功能操作中感知到被實(shí)時(shí)關(guān)注，從而傳遞出“共同解決問(wèn)題”的陪伴感。

2. 系列化表情：以IP化設(shè)計(jì)賦能品牌價(jià)值，強(qiáng)化用戶情感連接

QBot系列表情設(shè)計(jì)，以標(biāo)志性云朵IP為載體，通過(guò)擬人化設(shè)計(jì)，構(gòu)建親切可靠的品牌心智。通過(guò)洞察用戶高頻聊天表情，在用戶使用過(guò)程中深化品牌情感連接，潛移默化強(qiáng)化品牌辨識(shí)度與好感，驅(qū)動(dòng)用戶黏性與品牌價(jià)值提升。

一期“I'm QBot”（如深度思考）強(qiáng)化職場(chǎng)專(zhuān)業(yè)形象；二期“QBot高考加油”（如金榜題名）借熱點(diǎn)傳遞情感關(guān)懷；三期“AI好伙伴QBot”（如大展鴻圖）提供日常趣味陪伴。三期表情創(chuàng)意，完整詮釋了品牌情感化的演進(jìn)路徑（專(zhuān)業(yè)→共情→陪伴）。

一期表情「I'm QBot」

首期“I'm QBot”表情聚焦職場(chǎng)場(chǎng)景：延續(xù)品牌藍(lán)色基調(diào)與核心圖形符號(hào)，通過(guò)“OK/心動(dòng)/思考”等表情設(shè)計(jì)，精準(zhǔn)傳遞智能體專(zhuān)業(yè)服務(wù)價(jià)值。創(chuàng)新融入彈性動(dòng)態(tài)效果，在強(qiáng)化功能辨識(shí)度的同時(shí)注入趣味感，提升用戶交互情感與黏性。

二期表情「QBot高考加油」

二期“QBot高考加油”緊扣熱點(diǎn)深度共情：將“金榜題名”“錦鯉”等祝福語(yǔ)轉(zhuǎn)化為動(dòng)態(tài)表情，通過(guò)彈性動(dòng)效強(qiáng)化情感張力。在傳遞“AI高考通”服務(wù)價(jià)值的同時(shí)，以輕量化互動(dòng)承載用戶情感寄托，實(shí)現(xiàn)功能價(jià)值與用戶關(guān)懷的雙向滲透，顯著提升品牌社會(huì)溫度與場(chǎng)景化傳播效果。

三期表情「AI好伙伴QBot」

三期“AI好伙伴”強(qiáng)化用戶情緒共鳴：針對(duì)“大展鴻圖/妙呀/牛”等高頻場(chǎng)景，通過(guò)富有張力的動(dòng)效，來(lái)放大情緒高潮點(diǎn)，以趣味化手法外化用戶的內(nèi)心狀態(tài)。在延續(xù)彈性動(dòng)態(tài)基因基礎(chǔ)上，深化“生活工作好搭子”角色認(rèn)知，讓AI從功能響應(yīng)升級(jí)為情感共振體，實(shí)現(xiàn)用戶價(jià)值鏈接與品牌人格化的外在體現(xiàn)。

表情幕后制作

3. 表情傳播視頻

QBot系列創(chuàng)意表情，從「職場(chǎng)專(zhuān)業(yè)」到「熱點(diǎn)共情」再到「日常陪伴」，借擬人化云朵IP與彈性動(dòng)效深化品牌人格認(rèn)知，三套表情包與創(chuàng)意傳播視頻構(gòu)成情感化傳播矩陣。

三條視頻均以「動(dòng)態(tài)創(chuàng)意敘事」重構(gòu)表情內(nèi)容，以“趣味小劇場(chǎng)”演繹表情故事：視頻開(kāi)場(chǎng)運(yùn)用動(dòng)態(tài)圖形與主題符號(hào)強(qiáng)關(guān)聯(lián)，快速建立記憶點(diǎn)（如夜空中流星滑落變?yōu)镼Bot的動(dòng)畫(huà)演繹）；轉(zhuǎn)場(chǎng)創(chuàng)新結(jié)合表情語(yǔ)義與Motion Graphic動(dòng)勢(shì)設(shè)計(jì)，利用表情形變、位移軌跡實(shí)現(xiàn)自然銜接，配合破窗特效打破表情畫(huà)面邊界，以增強(qiáng)畫(huà)面沖擊力及趣味性；高潮部分通過(guò)全屏粒子動(dòng)效氛圍，制造情緒峰值，配合“Ease-in-out”運(yùn)動(dòng)速率曲線，以增強(qiáng)整體動(dòng)畫(huà)節(jié)奏及質(zhì)感。

設(shè)計(jì)全程聚焦「動(dòng)態(tài)趣味性」整體以明快色彩、彈性動(dòng)態(tài)和夸張表情演繹，持續(xù)輸出年輕化的視覺(jué)語(yǔ)言，視頻最終收歸至QBot主圖形，形成一致性的品牌感知。

表情視頻1-3期開(kāi)場(chǎng)

表情視頻1-3期展示

品牌動(dòng)態(tài)升級(jí)聚焦「從靜到動(dòng)」的敘事創(chuàng)新方式。預(yù)熱視頻以“AI智能體喚醒儀式”來(lái)制造懸念，品牌視頻通過(guò)“服務(wù)交響曲”演繹全場(chǎng)景的AI滲透；情感化設(shè)計(jì)體系塑造QBot為“可感知、可互動(dòng)”的伙伴，通過(guò)云朵表情IP強(qiáng)化情感連接。動(dòng)態(tài)創(chuàng)意整體以明快色彩、彈性動(dòng)態(tài)與夸張表情構(gòu)建年輕化語(yǔ)言，最終收歸QBot主圖形，實(shí)現(xiàn)品牌感知的一致性。

六、周邊設(shè)計(jì)

為了讓QBot從“云端”來(lái)到你身邊，我們準(zhǔn)備了一系列實(shí)體周邊，讓AI體驗(yàn)真正“觸”手可得！

總結(jié)

以上是QQ瀏覽器AI品牌“QBot”的設(shè)計(jì)全過(guò)程，我們希望通過(guò)命名策略、視覺(jué)基因傳承與動(dòng)態(tài)敘事創(chuàng)新，構(gòu)建“工具→智能伙伴”的品牌感知，在同質(zhì)化競(jìng)爭(zhēng)中塑造出兼具溫度與差異化的品牌新形象。

內(nèi)容來(lái)自QBot項(xiàng)目組的各位同學(xué)，也歡迎大家交流～