ISUX「六月」行業(yè)設(shè)計趨勢速遞
六月設(shè)計圈集體開掛:谷歌M3 Expressive用“物理彈跳”重塑按鈕、Airbnb的3D Lava圖標讓UI會呼吸、蘋果Liquid Glass一口氣統(tǒng)一五大平臺視覺語言;Midjourney視頻模型V1上線,剪映“小云雀AI”一鍵做爆款,Search Live把搜索變對話,Imagen4直接讓Gemini成了即拍即得的“AI照相館”。
【1】谷歌發(fā)布 M3 Expressive 設(shè)計語言
【2】谷歌更新 iOS App 圖標
【3】Airbnb 視覺刷新并推出了新的圖標動畫解決方案
【4】字節(jié)發(fā)布圖像 Agent「小云雀 AI」 打造一鍵爆款創(chuàng)作神器
【5】Apple award 2025獲獎公布,國區(qū)App獲獎
【6】Midjourney 推出首個視頻生成模型 V1
【7】谷歌 Search Live 語音搜索功能上線,語音對話搜索革新體驗
【8】 Imagen4 登陸 Gemini,AI 圖像生成進入新紀元
【9】Apple 公開 Liquid Glass 新風格,首次跨 5 大平臺統(tǒng)一界面
1. 谷歌發(fā)布M3 Expressive設(shè)計語言
3. Airbnb 視覺刷新并推出了新的圖標動畫解決方案3. Airbnb 視覺刷新并推出了新的圖標動畫解決方案3. Airbnb 視覺刷新并推出了新的圖標動畫解決方?
▲圖片來自:Material Design
M3 的升級核心旨在平衡 品牌個性化 與 系統(tǒng)一致性,提供一套“更靈活、更智能、更包容”的設(shè)計系統(tǒng)。
- 靈活:打破樣式限制,賦能品牌表達。
- 智能:動態(tài)色彩與自適應(yīng)布局降低多端適配成本。
- 包容:強化無障礙支持,確保個性化不犧牲可用性。
▲圖片來自:Material Design
為了實現(xiàn)這一目標,團隊做出了多項改進,增加了一個基于物理系統(tǒng)的運動機制,使按鈕和元素在交互和過渡中看起來像自然跳躍,并且還豐富了一系列的形狀動畫和字體及配色瞓,團隊也更加倡導(dǎo)更加動態(tài)的運用這些設(shè)計元素,開發(fā)者可通過更新后的 Material Design 3 組件庫 和 Figma 工具鏈 快速落地新特性。
2. 谷歌更新 iOS App 圖標
谷歌在2025年5月的I/O開發(fā)者大會上發(fā)布了全新的“漸變G”Logo,并已逐步應(yīng)用于旗下核 心產(chǎn)品。漸變設(shè)計被視為谷歌AI戰(zhàn)略(如Gemini 2.5 Pro、Project Mariner)的視覺符 號,為虛實融合交互場景預(yù)埋設(shè)計基因,新標識旨在強化跨平臺一致性,同時通過流體質(zhì)感傳遞科技美學的未來感。
▲圖片來自: App Store
3. Airbnb 視覺刷新并推出了新的圖標動畫解決方案
Airbnb 于 2025 年 5 月重新設(shè)計了其應(yīng)用程序,并引入了一種全新的圖標媒體格式,內(nèi)部稱為“Lava”。是 Airbnb 全新推出的3D動畫圖標媒體格式,本質(zhì)上是一種輕量級視頻,帶有針對 UI 圖標優(yōu)化的 Alpha 通道(透明背景)。它的構(gòu)建旨在克服 Lottie(2D 矢量動畫)等現(xiàn)有解決方案和傳統(tǒng)視頻格式的局限性。 Lava 圖標支持全 32 位彩色和透明度,因此圖標可以呈現(xiàn)柔和的陰影、發(fā)光和其他與 UI 融合的效果。Airbnb為此專門申請了專利,Airbnb 設(shè)計副總裁表示,Lava 的動畫圖標既能取悅用戶,又能保持流暢的性能。通過控制格式和播放引擎,Airbnb 確保每個動畫圖標都外觀精美,性能可靠。
4. 字節(jié)發(fā)布圖像 Agent「小云雀 AI」 打造一鍵爆款創(chuàng)作神器
小云雀AI是字節(jié)跳動(剪映團隊)于2025年5月底推出的多模態(tài)AI創(chuàng)作工具,與同類競品相比較,小云雀的競爭力在于整合碎片化工具鏈,而非單點功能優(yōu)化,定位為“內(nèi)容執(zhí)行 Agent”,覆蓋視頻生成、數(shù)字人口播、圖像設(shè)計、背景替換等全流程創(chuàng)作需求。
▲圖片視頻來自: 應(yīng)用寶
5. Apple award 2025獲獎公布,國區(qū)App獲獎
本次Apple award2025獲獎的名單,來自國區(qū)的app首次獲得獎項,而且是兩個,分別是 Cap words和淘寶。真正打動人的產(chǎn)品,都具備情緒價值、設(shè)計審美和沉浸的體驗。
CapWords提出了一個既簡單又具有革命性的理念:通過拍照來學習事物的名稱。只需輕輕一拍,加上有趣的動畫,CapWords就能將日常用品——咖啡杯、 交通錐、紙杯蛋糕——變成互動貼紙。CapWords以“真實場景收藏”重塑語言學習體驗,是AI時代“興趣驅(qū)動學習”的優(yōu)雅實踐,雖非全能工具,卻在細分領(lǐng)域做到了極致治愈與高效。
▲圖片來自: Apple |cap words | 淘寶設(shè)計
▲圖片來自: Apple |cap words | 淘寶設(shè)計
淘寶在Vision Pro的應(yīng)用中提供了令人驚嘆的 3D 模型,堪比實體商品,每個模型都擁有流暢的交互、過渡和直觀的控制。對于每款 3D 商品,淘寶都會考慮其擺放位置、操控方式、尺寸和功能,并提供超實用的商品并排比較功能。
▲圖片來自: Apple |cap words | 淘寶設(shè)計
6. Midjourney 推出首個視頻生成模型 V1
▲圖片來自:Midjourney官網(wǎng)
Midjourney 于近日正式發(fā)布其首個面向公眾的“Image?to?Video”模型 V1,開啟從靜態(tài)圖像到動態(tài)視頻的重大躍遷。
▲圖片來自:Midjourney官網(wǎng)
使用時,用戶可在網(wǎng)頁端選中已有圖像,點擊“Animate”按鈕,一鍵生成 5 秒視頻片段。支持“自動模式”快速動畫,也可切換至“手動模式”,自定義運動方向與鏡頭移位,并在“高/低運動”設(shè)置間靈活選擇。支持視頻擴展功能,最多可延長至 21 秒。
▲圖片來自:Midjourney官網(wǎng)
付費模式方面,基礎(chǔ)訂閱(10 美元/月)即享 V1 視頻權(quán)限,每秒視頻成本約等于生成一幅圖像(約為圖像生成成本的8倍),高級訂閱(如Pro或Mega)還可使用“放松模式”,體驗不限頻的視頻生成。
▲圖片來自:Midjourney官網(wǎng)
此次發(fā)布不僅讓 AI 圖像創(chuàng)作更加生動,也意味著 Midjourney 正邁向?qū)崿F(xiàn)“實時開放世界模擬”(real?time open?world simulations)的長期目標。
7. 谷歌 Search Live 語音搜索功能上線,語音對話搜索革新體驗
▲圖片來自:Google官網(wǎng)
Google 正式推出 Search Live 語音搜索功能,首次在 Gemini 支持下實現(xiàn)實時語音交互體驗。用戶在 iOS 或 Android 版 Google App 中啟用 AI 模式后,只需點擊搜索框下的 Live 圖標,即可通過語音與搜索引擎展開自然對話。這項新功能不僅支持即時語音回應(yīng),還可連續(xù)理解上下文,實現(xiàn)對話式搜索鏈路,顯著提升了移動端的信息檢索效率和智能化程度。
當你在旅途中或一邊忙著打包行李時,只需打開 Google 應(yīng)用,點一下全新上線的「Live」語音圖標,就能用說的方式提出問題,比如:“如何防止亞麻連衣裙在行李箱里起皺?”系統(tǒng)會用 AI 生成清晰的語音解答,并支持你接著問“那如果已經(jīng)皺了怎么辦?”等后續(xù)問題。所有相關(guān)信息還會同步展示在屏幕上,附帶便于點擊的網(wǎng)頁鏈接,方便你進一步了解詳情。
8. Imagen4 登陸 Gemini,AI 圖像生成進入新紀元
Google 最近更新了 Gemini 平臺,全面接入了最新的圖像生成模型 Imagen 4,使其成為一個具備“即時畫廊”能力的對話式 AI。用戶在聊天窗口中輸入自然語言描述(如“夕陽下的雪山全景”或“復(fù)古風格海報”),幾秒鐘后便可獲得高質(zhì)量的圖像。這意味著無需跳轉(zhuǎn)界面,創(chuàng)作的全過程直接嵌入對話流中,大幅提升了使用便捷性與效率。
▲圖片來自:Google官網(wǎng)
生成質(zhì)量顯著提升,細節(jié)與文本渲染更出彩
Imagen 4 的優(yōu)勢尤為顯著:圖像對復(fù)雜織物紋理、水滴形態(tài)、動物毛發(fā)等細節(jié)的表現(xiàn)能力得到顯著強化;其對文字內(nèi)容的渲染也更加清晰,適合用于海報、賀卡等需直觀文字的設(shè)計場景。此外,該模型支持最高2K分辨率輸出,滿足數(shù)字展示以及高質(zhì)量印刷需求,同時能夠根據(jù)提示生成寫實攝影、水彩畫、卡通插畫甚至抽象藝術(shù)等多種風格作品。
▲圖片來自:Google官網(wǎng)
對話生成+實時調(diào)整,交互更智能
此次整合讓 Gemini 聊天對話具備生成圖像和編輯圖像的能力。用戶可在聊天過程中進一步修改已生成內(nèi)容,例如調(diào)整顏色、增加元素或轉(zhuǎn)變風格,僅需簡單文字提示便可實現(xiàn)“邊聊邊調(diào)”的流暢創(chuàng)作流程。社交媒體反饋顯示,這種新型操作體驗深受設(shè)計師及內(nèi)容創(chuàng)作者青睞。
▲圖片來自:Google官網(wǎng)
Gemini(Imagen 4)VS ChatGPT?4o
在與其他主流圖像生成工具的比較中,Imagen 4 在真實感、文字清晰度及速度方面展現(xiàn)出明顯優(yōu)勢。但在生成特定人物肖像、高度定制化風格遷移方面,仍有評論認為略遜于 ChatGPT?4o。不過,Gemini 借助其對話交互形式、免費用戶支持以及 2K 輸出的性價比,正逐步建立其市場優(yōu)勢。
▲圖片來自:Google官網(wǎng)
9. Apple 公開 Liquid Glass 新風格,首次跨 5 大平臺統(tǒng)一界面
▲圖片來自:Apple官網(wǎng)
Apple 在 WWDC25 正式推出代號為“Liquid Glass”(液態(tài)玻璃)的全新跨平臺視覺設(shè)計系統(tǒng),覆蓋 iOS 26、iPadOS 26、macOS 14 Tahoe、watchOS 26 與 tvOS 26。這是蘋果近年來界面設(shè)計上最具突破性的一次大規(guī)模更新,目標是為其生態(tài)系統(tǒng)營造一致、富有層次感的使用體驗。
▲圖片來自:Apple官網(wǎng)
新系統(tǒng)采用玻璃質(zhì)感的半透明效果,通過實時折射和光影響應(yīng),讓控件、圖標和窗口仿佛懸浮在背景之上,并伴隨用戶交互呈現(xiàn)獨特的高光與動感折射。滑動、滾動以及屏幕傾斜時,應(yīng)對內(nèi)容與界面的效果自然流暢,其中包括鎖屏時數(shù)字和圖標的動態(tài)擴展與收縮以及主屏幕圖標的層次感調(diào)整等細節(jié)處理。
▲圖片來自:Apple官網(wǎng)
▲圖片來自:Apple官網(wǎng)
在 UI 元素方面,蘋果重新設(shè)計按鈕、滑塊、切換開關(guān)等交互組件,使其擁有與硬件圓角邊框相呼應(yīng)的形態(tài),同時統(tǒng)一視覺語言。iPadOS 和 macOS 引入更加通透的側(cè)邊欄設(shè)計,進一步延展“Liquid Glass”材質(zhì)感。watchOS 與 tvOS 同樣實現(xiàn)玻璃質(zhì)感控件擴展,營造平臺一致的交互體驗。
▲圖片來自:Apple官網(wǎng)
此次更新并非單一系統(tǒng)調(diào)整,而是蘋果為其全家桶軟件重新構(gòu)建視覺標識的戰(zhàn)略性舉措。亮點包括:
統(tǒng)一跨設(shè)備風格:讓 iPhone、iPad、Mac、Apple Watch、Apple TV 五大平臺的界面在風格、動效、質(zhì)感方面高度一致;
▲圖片來自:Apple官網(wǎng)
增強交互反饋:通過光影折射和 AP 自適應(yīng)材質(zhì)讓動態(tài)體驗更加自然流暢;
視覺識別提升:半透明玻璃質(zhì)感增強了界面層次感,改變了長期以來扁平化設(shè)計的壓抑感;
▲圖片來自:Apple官網(wǎng)
動效聯(lián)動硬件:擬合 Vision Pro 系統(tǒng)設(shè)計語言,借助圖形硬件能力實時渲染動態(tài)玻璃效果。
▲圖片來自:Apple官網(wǎng)
蘋果這次推出的 “Liquid Glass” 界面代表其對軟件設(shè)計的再定義——從此前的極簡扁平風格,轉(zhuǎn)向更具“物理質(zhì)感”“動效聯(lián)動”“跨屏統(tǒng)一”的視覺趨不同格局。這不僅是一次美學升級,也被視為蘋果構(gòu)筑其生態(tài)系統(tǒng)未來 UI 標識的重要布局。隨著此風格在今秋正式全面推送,對整個品牌形象與用戶感知將產(chǎn)生深遠影響。
本文由人人都是產(chǎn)品經(jīng)理作者【騰訊ISUX】,微信公眾號:【騰訊ISUX】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于 CC0 協(xié)議。
六月設(shè)計圈亮點頻現(xiàn),各巨頭推陳出新,AI工具助力創(chuàng)作,交互體驗與美學升級。