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

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

背景現(xiàn)狀

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

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

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

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

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

②塑造視覺亮點：打造先鋒性視覺設(shè)計語言?

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

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

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

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

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

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

二、打造先鋒性視覺設(shè)計語言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

結(jié)語

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