在人工智能的浪潮中，百度APP以其創(chuàng)新的“捏一下看早晚報(bào)”功能，再次引領(lǐng)了信息獲取的新潮流。這項(xiàng)功能不僅體現(xiàn)了AI大模型多模態(tài)技術(shù)的最新進(jìn)展，更是在提升用戶體驗(yàn)和效率上邁出了一大步。

在當(dāng)今時(shí)代，AI大模型多模態(tài)技術(shù)實(shí)現(xiàn)了飛躍式發(fā)展，引領(lǐng)著我們踏入前所未有的廣闊視野。它不僅極大拓寬了認(rèn)知疆域，全面升級(jí)了我們的感官體驗(yàn)，在提升各類(lèi)流程效率的同時(shí)，更極大釋放了創(chuàng)造型工作的巨大潛能與非凡價(jià)值。

背景現(xiàn)狀

百度以AI為驅(qū)動(dòng)，借助AI能力賦能設(shè)計(jì)，從而創(chuàng)造多元化的生態(tài)價(jià)值。AI大模型在信息提煉與智能總結(jié)上的卓越能力，契合了當(dāng)前技術(shù)提升認(rèn)知與效率的趨勢(shì)。

繼百度APP“捏一下”AI智能總結(jié)成功火出圈后，為穩(wěn)定用戶對(duì)“捏一下”交互認(rèn)知，我們?cè)贏PP首頁(yè)推出了“捏一下看早晚報(bào)”新玩法。結(jié)合熱點(diǎn)事件和AI生成的核心摘要，用戶可以快速獲取每天熱點(diǎn)信息，通過(guò)手勢(shì)捏合交互觸發(fā)界面內(nèi)容的AI智能總結(jié)新形態(tài)，從而提效內(nèi)容消費(fèi)。

B端究竟需要什么样的产品经理？

B端产品经理都是以提升供应侧的工作效率为目的，所以B端需求主要是以业务问题为导向。 这个是B端产品比较重要的一点，B端产品是服务于一个主体 ...

查看详情 >

首先，我們將現(xiàn)有體驗(yàn)鏈路拆分為「捏合前引導(dǎo)-捏合動(dòng)作觸發(fā)-內(nèi)容生成頁(yè)」3個(gè)階段。捏合前引導(dǎo)與動(dòng)作觸發(fā)需遵循全端統(tǒng)一的“捏一下”標(biāo)準(zhǔn)手勢(shì)交互模式，以保障用戶體驗(yàn)一致，因此我們把此次設(shè)計(jì)的重點(diǎn)聚焦在“捏合后的內(nèi)容加載與承接頁(yè)面”，力求在這一關(guān)鍵環(huán)節(jié)實(shí)現(xiàn)創(chuàng)新設(shè)計(jì)。

設(shè)計(jì)協(xié)同業(yè)務(wù)團(tuán)隊(duì)將圍繞以下3個(gè)維度開(kāi)展創(chuàng)新設(shè)計(jì)：

①提高閱讀效率：構(gòu)建有序結(jié)構(gòu)化框架容器

②塑造視覺(jué)亮點(diǎn)：打造先鋒性視覺(jué)設(shè)計(jì)語(yǔ)言?

③強(qiáng)化智能感知：建立智能化生成感新形態(tài)??

一、構(gòu)建有序結(jié)構(gòu)化框架容器

1. 框架容器形態(tài)探索

設(shè)計(jì)初期，與業(yè)務(wù)團(tuán)隊(duì)共創(chuàng)并構(gòu)思內(nèi)容框架，深刻理解業(yè)務(wù)核心與重點(diǎn)。隨后，深入進(jìn)行競(jìng)品分析，掌握用戶在類(lèi)似場(chǎng)景中的多元及潛在需求，拓寬視野，挖掘創(chuàng)新機(jī)會(huì)點(diǎn)，為產(chǎn)品差異化定位打基礎(chǔ)。在此基礎(chǔ)上，我們勾勒出了符合目標(biāo)的內(nèi)容承接頁(yè)框架，設(shè)計(jì)出四種原型形態(tài)作為探索的起點(diǎn)。然而我們并未止步于此，又進(jìn)一步探索了更多新框架形態(tài)。

2. 構(gòu)建理想態(tài)框架

秉持提高閱讀效率、構(gòu)建有序閱讀體驗(yàn)框架的目標(biāo)，我們最終選定大圖卡片布局作為理想態(tài)內(nèi)容承接頁(yè)框架。因?yàn)榘俣華PP面向全民，老少皆宜，所以我們的首要目標(biāo)是減少形式復(fù)雜性、提升閱讀體驗(yàn)，而大圖卡片在視覺(jué)上契合理念，能簡(jiǎn)化信息層次，有效增強(qiáng)內(nèi)容可讀性與吸引力，保障每位用戶都能輕松獲取信息。

二、打造先鋒性視覺(jué)設(shè)計(jì)語(yǔ)言

1. 明確設(shè)計(jì)范圍

前期對(duì)框架容器的探索已精確鎖定設(shè)計(jì)創(chuàng)新的發(fā)力范圍。從框架方案來(lái)看，我們提煉出4個(gè)設(shè)計(jì)創(chuàng)新點(diǎn)，包括標(biāo)題字體設(shè)計(jì)、頂部背景、內(nèi)容摘要和加載縮略圖。

在塑造用戶體驗(yàn)前期，視覺(jué)元素至關(guān)重要，我們的目標(biāo)是打造具有智能化和先鋒性視覺(jué)語(yǔ)言的用戶界面。為此，我們深入剖析競(jìng)品亮點(diǎn)，重點(diǎn)提煉整體頁(yè)面視覺(jué)走向、頭部字體設(shè)計(jì)、內(nèi)容布局排版和情感化體驗(yàn)設(shè)計(jì)等視覺(jué)表現(xiàn)方面的獨(dú)特之處，同時(shí)運(yùn)用情緒版激發(fā)創(chuàng)意，探索AI智能與資訊內(nèi)容在頁(yè)面設(shè)計(jì)中的關(guān)聯(lián)與融合方式。

通過(guò)分析競(jìng)品和情緒版創(chuàng)意探索，提取了一些關(guān)鍵詞，最終我們確定以「智能感和雜志風(fēng)」為設(shè)計(jì)理念，為用戶帶來(lái)新體驗(yàn)，讓他們?cè)谙硎蹵I便捷的同時(shí)能像讀雜志一樣瀏覽資訊，打造智能且有雜志感的信息瀏覽空間。

2. 標(biāo)題字體設(shè)計(jì)

圍繞「智能感和雜志風(fēng)」的設(shè)計(jì)目標(biāo)，我們探索了多種字體，包括 “常規(guī)體”“斜體” 等。在選擇頭部標(biāo)題字體時(shí)，我們精心挑選了兩款特色字體來(lái)展現(xiàn)頁(yè)面魅力，“百度品牌官方體” 穩(wěn)重且具有品牌感，為頁(yè)面打下基礎(chǔ)，傳遞專(zhuān)業(yè)與信賴；“優(yōu)設(shè)標(biāo)題黑斜體” 自帶速度感，有雜志版頭風(fēng)格，可加速信息傳達(dá)，凸顯設(shè)計(jì)理念。

同時(shí)，我們嘗試了多種常規(guī)體、斜體字體設(shè)計(jì)，依據(jù)字體特性開(kāi)展多種組合創(chuàng)意設(shè)計(jì)，融入品牌口號(hào)以強(qiáng)化識(shí)別度，標(biāo)題結(jié)合時(shí)間日期，提醒用戶關(guān)注新聞時(shí)效性，還創(chuàng)新融入天氣元素，讓讀者在閱讀時(shí)留意天氣變化，實(shí)現(xiàn)信息傳遞與情感共鳴，使閱讀成為溫暖陪伴。

經(jīng)過(guò)多輪探索，我們最終選擇 “優(yōu)設(shè)標(biāo)題黑斜體” 作為承接頁(yè)主標(biāo)題，它自帶速度感和雜志版頭風(fēng)格。為提升界面字體展示效果，我們革新并精心打磨字體樣式，調(diào)整字體間距，使其更緊湊；統(tǒng)一傾斜角度，讓其更有序；在保持個(gè)性的同時(shí)調(diào)整筆畫(huà)粗細(xì)，使各字視覺(jué)上和諧統(tǒng)一，強(qiáng)化整體美感；保留字體倒角并統(tǒng)一弧度，既留韻味，又賦予其現(xiàn)代感和整潔風(fēng)貌，這使得優(yōu)化后的字體更加規(guī)整有序。

我們對(duì)創(chuàng)意進(jìn)行再一次深化，為字體增添創(chuàng)意設(shè)計(jì)，使其不再顯得古板無(wú)趣。隨后，我們?nèi)谌肓艘恍┡c頁(yè)面特性緊密關(guān)聯(lián)的小元素，如將AI智能摘取的重要信息配以引號(hào)強(qiáng)化信息焦點(diǎn)；在字體上增加太陽(yáng)和月亮元素，分別象征早上夜晚，同時(shí)在字體上增加菱形星星，凸顯AI感知。巧妙融入的這些小元素，讓字體煥發(fā)出新的特性，并與頁(yè)面完美融合，為用戶帶來(lái)更加豐富獨(dú)特的視覺(jué)感受。

3. 頂部背景設(shè)計(jì)

背景圖設(shè)計(jì)將圍繞「科技智能化和簡(jiǎn)約情感化」兩個(gè)方向展開(kāi)探索與創(chuàng)意嘗試。

科技智能化：從具象圖形入手，結(jié)合界面特性深度解析融合，再通過(guò)創(chuàng)意發(fā)散思維將其抽象化，突破常規(guī)演化出新形態(tài)，在此過(guò)程中，圖形突破原有框架，融入創(chuàng)意與概念元素，營(yíng)造出強(qiáng)烈的科技AI智能氛圍，引領(lǐng)先鋒性視覺(jué)體驗(yàn)。

隨后，我們聚焦創(chuàng)意融入品牌感知提取出三個(gè)創(chuàng)意，以圖形語(yǔ)言結(jié)合品牌顏色，深度融合界面特性，為用戶帶來(lái)科技智能視覺(jué)感受。

基于“星球”與“信息流”進(jìn)行創(chuàng)意設(shè)計(jì)，為用戶傳遞前沿資訊，實(shí)現(xiàn)信息自由流通，讓用戶輕松獲取無(wú)限信息，依據(jù)圖形特性賦予適宜動(dòng)效，詮釋科技智能設(shè)計(jì)理念。

簡(jiǎn)約情感化：以太陽(yáng)元素和暖色調(diào)作為核心，融入“百度早報(bào)”界面中，將太陽(yáng)的輪廓進(jìn)行抽象化處理，再搭配輕盈的圖案與適當(dāng)?shù)牧舭?，使主體畫(huà)面具有呼吸感，營(yíng)造溫暖而寧?kù)o的視覺(jué)感受。

隨后，我們聚焦太陽(yáng)元素深入挖掘，除了展現(xiàn)簡(jiǎn)約風(fēng)格，我們更希望向用戶傳遞情感，為其帶來(lái)陽(yáng)光般溫暖的感受，讓用戶在與設(shè)計(jì)的互動(dòng)中體會(huì)到溫暖與人文關(guān)懷。

圖形1：運(yùn)用暖色系配色，具象化呈現(xiàn)太陽(yáng)元素，球體邊緣有絲狀光暈，內(nèi)部色彩富有層次，濃淡相宜、交相輝映，高度模擬太陽(yáng)給人的真實(shí)感受。

我們依據(jù) “太陽(yáng)光照?qǐng)D” 深入探究太陽(yáng)照射角度變化，把圓球內(nèi)頂光設(shè)計(jì)為日出、正午、日落三個(gè)階段以體現(xiàn)時(shí)間概念。模擬太陽(yáng)光照變化，融入太陽(yáng)運(yùn)行軌跡，為用戶帶來(lái)更生動(dòng)逼真的視覺(jué)體驗(yàn)。

圖形2：我們提取月亮元素并搭配藍(lán)色傳遞夜晚感受，用戶白天進(jìn)入頁(yè)面是早報(bào)，晚上則是晚報(bào)，這樣的設(shè)計(jì)傳遞了信息時(shí)效性和情感化創(chuàng)意，在不同時(shí)間為用戶帶來(lái)別樣體驗(yàn)，充滿人文關(guān)懷。

為探索月亮形態(tài)變遷根源，我們深入研析“月亮陰晴圓缺周期分布圖譜”，選定“漸虧凸月”(其明亮彎弧指向東方，體現(xiàn)月亮日落后東升之態(tài))作為核心設(shè)計(jì)元素，既致敬自然之美，又將自然的和諧與規(guī)律融入創(chuàng)意設(shè)計(jì)。

基于上述探索，我們打破現(xiàn)有思維，增強(qiáng)先鋒性創(chuàng)意以引領(lǐng)設(shè)計(jì)潮流，嘗試給畫(huà)面增添質(zhì)感，避免單薄，強(qiáng)化創(chuàng)意。融入兩種玻璃質(zhì)感，展現(xiàn)獨(dú)特的光材融合效果，為設(shè)計(jì)領(lǐng)域注入清新活力。

• 磨砂玻璃質(zhì)感：疊加于圖形主體之上，增添視覺(jué)張力與層次感，化解畫(huà)面單調(diào)。
• 長(zhǎng)虹玻璃質(zhì)感：打破圖形具象化呈現(xiàn)效果，其玻璃紋理與光影融匯，構(gòu)造出簡(jiǎn)潔畫(huà)面和空間感，讓圖形設(shè)計(jì)超越傳統(tǒng)，引領(lǐng)設(shè)計(jì)流行趨勢(shì)。

以上是我們打造先鋒性視覺(jué)設(shè)計(jì)的過(guò)程，在此過(guò)程中，我們聚焦品牌與圖形的緊密結(jié)合，塑造具有品牌感的頁(yè)面，同時(shí)探索設(shè)計(jì)與自然的關(guān)聯(lián)，通過(guò)精妙設(shè)計(jì)為用戶帶來(lái)前所未有的視覺(jué)體驗(yàn)。

最終秉持適合原則，我們?cè)O(shè)計(jì)出理想態(tài)方案，在業(yè)務(wù)和設(shè)計(jì)團(tuán)隊(duì)展開(kāi)深度研討，從專(zhuān)業(yè)維度錨定設(shè)計(jì)風(fēng)格，最終選擇 “日出月落” 情感化創(chuàng)意方向，作為核心視覺(jué)設(shè)計(jì)理念。為確保創(chuàng)意更易落地，我們對(duì)方案進(jìn)行了精簡(jiǎn)優(yōu)化處理，減少界面視覺(jué)元素干擾，以突顯AI智能總結(jié)內(nèi)容為主，期待以融合AI智能總結(jié)的交互形式為用戶帶來(lái)新消費(fèi)體驗(yàn)。

三、構(gòu)建智能化生成感

新形態(tài)如何在界面中建立用戶對(duì)AI智能總結(jié)的生成感知是我們深究的方向之一。我們嘗試在內(nèi)容展示形式上創(chuàng)新，打破傳統(tǒng)結(jié)構(gòu)，使用戶在閱讀時(shí)能深切感受到AI智能的便捷，拉開(kāi)與其他產(chǎn)品的內(nèi)容差異，大幅提高閱讀質(zhì)量。以下是多個(gè)創(chuàng)意設(shè)計(jì)方案：?

隨后，嘗試將創(chuàng)意交互動(dòng)畫(huà)融入內(nèi)容生成過(guò)程，借視覺(jué)動(dòng)畫(huà)新意增強(qiáng)用戶對(duì)智能生成的直觀感知。深入考量?jī)?nèi)容特性后，設(shè)計(jì)出骨架掃光、內(nèi)容漸展、總結(jié)瞬現(xiàn)、從模糊到清晰演變四種動(dòng)態(tài)方案，以強(qiáng)化用戶的智能化生成體驗(yàn)。最終選定內(nèi)容漸展與AI標(biāo)簽形式，縮減等待時(shí)長(zhǎng)，達(dá)成快速預(yù)覽，大幅提升閱讀體驗(yàn)與效率。

最后，我們精心繪制全流程關(guān)鍵界面，從首頁(yè)引導(dǎo)至最終頁(yè)面均做到完美呈現(xiàn)，全程貫穿初始設(shè)計(jì)理念，為用戶帶來(lái)便捷的AI智能體驗(yàn)和雜志般的視覺(jué)享受。同時(shí)，希望本文能為正在進(jìn)行產(chǎn)品AI重構(gòu)的設(shè)計(jì)師帶來(lái)創(chuàng)意啟發(fā)。

結(jié)語(yǔ)

我們秉持開(kāi)放與創(chuàng)新的精神，借助強(qiáng)大的AI大模型賦能業(yè)務(wù)與設(shè)計(jì)，創(chuàng)造多元化生態(tài)應(yīng)用。正如同百度的文化價(jià)值觀“簡(jiǎn)單可依賴”一樣，我們希望用戶通過(guò)簡(jiǎn)單手勢(shì)“捏一下” 即可獲取AI智能的便捷。我們積極擁抱變革與挑戰(zhàn)，致力于創(chuàng)造兼具文化底蘊(yùn)、科技含量與人文關(guān)懷的卓越設(shè)計(jì)，將人文情感化與現(xiàn)代AI智能完美結(jié)合，展現(xiàn)百度獨(dú)特設(shè)計(jì)魅力。我們堅(jiān)信每一個(gè)細(xì)節(jié)都將承載價(jià)值，每一次創(chuàng)新都會(huì)帶來(lái)驚喜。