国产av无码亚洲avh,亚洲人色婷婷成人网站在线,久久99精品久久久久久野外

首頁

032024-12

UI 行業(yè)趨勢(shì)：創(chuàng)新與變革引領(lǐng)未來設(shè)計(jì)

UI 行業(yè)正站在創(chuàng)新與變革的前沿，極簡(jiǎn)主義與情感化設(shè)計(jì)的融合、智能交互的驅(qū)動(dòng)、響應(yīng)式設(shè)計(jì)的進(jìn)階、3D 元素與微交互的崛起以及數(shù)據(jù)可視化的深入應(yīng)用等趨勢(shì)相互交織，共同塑造著未來 UI 設(shè)計(jì)的全新風(fēng)貌。對(duì)于 UI 設(shè)計(jì)師而言，緊跟這些趨勢(shì)，不斷學(xué)習(xí)和探索新技術(shù)、新方法，將用戶需求與創(chuàng)新設(shè)計(jì)理念相結(jié)合，才能在這個(gè)充滿活力與挑戰(zhàn)的領(lǐng)域中打造出引領(lǐng)潮流、滿足用戶期待并推動(dòng)數(shù)字產(chǎn)品成功的優(yōu)秀 UI 作品。

評(píng)論(0) 瀏覽(106)

022024-12

ISUX「十一月」行業(yè)設(shè)計(jì)趨勢(shì)速遞

藍(lán)藍(lán)設(shè)計(jì)的小編行業(yè)趨勢(shì)

【1】 Midjourney 外部圖片編輯功能上線

【2】Adobe 正式推出 AI 視頻模型——Firefly Video Model，一句話 P 視頻

【3】面向Z世代的最新即時(shí)通訊APP：Daze

【4】OPPO ColorOS 15: 會(huì)呼吸的系統(tǒng)

【5】Vivo OriginOS 5 原子島功能

【6】Telegram更新：全面提升應(yīng)用使用性能

【7】Openvibe：一款將多個(gè)社交應(yīng)用進(jìn)行整合的開放式社交平臺(tái)

【8】Mastodon推出消息通知分組功能，提高通知消費(fèi)效率

1、Midjourney 外部圖片編輯功能上線

Midjourney最近推出了外部圖片編輯功能，解決了之前無法準(zhǔn)確控制生圖內(nèi)容和不能上傳本地圖像進(jìn)行二次編輯的問題。新功能支持通過互聯(lián)網(wǎng)鏈接或本地上傳圖像，并提供編輯和重繪兩種處理方式。

Retexture（重繪）功能：類似于Controlnet的深度控制功能，保留原始結(jié)構(gòu)，根據(jù)提示詞重新繪制畫面?？梢愿淖冿L(fēng)格、材質(zhì)等，如將2D插畫轉(zhuǎn)換為3D風(fēng)格。應(yīng)用場(chǎng)景包括2D轉(zhuǎn)3D、線稿轉(zhuǎn)實(shí)物圖、線稿上色等。

Edit（編輯）功能：支持局部重繪和外繪擴(kuò)展?？梢酝磕ㄐ枰乩L的區(qū)域，并輸入提示詞進(jìn)行編輯。支持連續(xù)多次編輯，提高工作效率。

2、Adobe 正式推出 AI 視頻模型——Firefly Video Model，一句話 P 視頻

Adobe 在今年的 Adobe Max 大會(huì)上推出了名為 Firefly Video Model 的 AI 視頻模型，正式進(jìn)軍生成式人工智能領(lǐng)域。Firefly Video Model 旨在簡(jiǎn)化和加速視頻創(chuàng)作，增強(qiáng)視頻的故事講述能力。

Generative Extend（生成拓展）：用于在視頻片段的開頭或結(jié)尾進(jìn)行生成式擴(kuò)展，以保持視頻的連貫性和平滑性。目前已集成至 Adobe Premiere Pro。

Text-to-Video（文生視頻）：用戶輸入文本描述，模型模擬不同風(fēng)格生成視頻片段。目前處于 Firefly Web app 的 beta 版本。

6Image-to-Video（圖生視頻）：用戶上傳參考圖像，生成貼近想象的視頻內(nèi)容。同樣處于 Firefly Web app 的 beta 版本。

3、面向Z世代的最新即時(shí)通訊APP：Daze

Daze突出趣味性的畫布式AIO。用戶的聊天不再局限于藍(lán)色和綠色的氣泡，而是可以發(fā)送多色消息，這些消息可以伴隨著照片、圖形、貼紙、GIF、繪圖、裝飾背景等在屏幕上浮動(dòng)。用戶可以快速輸入消息并發(fā)送，或者在聊天中任意拖動(dòng)消息。

應(yīng)用目前利用AI來增強(qiáng)其一些創(chuàng)意工具，并計(jì)劃在未來更深入地整合基于AI的技術(shù)。例如用戶在屏幕上畫一個(gè)方框，可以被識(shí)別為checkbox并進(jìn)行相應(yīng)的操作。推廣視頻在TikTok和Ins獲得4.8kw播放，16w人預(yù)約下載（11.4開放下載）。

目前來看，Daze要對(duì)標(biāo)的不應(yīng)該是WhatsApp，而是其他對(duì)手。畢竟，它不是首個(gè)瞄準(zhǔn)Z世代的社交媒體平臺(tái)，Bereal、Wizz、Yubo、Purp等社交平臺(tái)的實(shí)力也不俗。

此種溝通形式雖然自由創(chuàng)新，但效率較低。創(chuàng)始人Simons之前曾參與開發(fā)一個(gè)名為Muze的應(yīng)用，也是類似這種自由畫板形式，不過由于數(shù)據(jù)不好已經(jīng)下架?？梢云诖鼳I加入后，會(huì)為這種自由畫板形式的即時(shí)通訊產(chǎn)品帶來哪些改變。

4、OPPO ColorOS 15: 會(huì)呼吸的系統(tǒng)

ColorOS 15的設(shè)計(jì)理念自然和諧共生和流暢體驗(yàn)。系統(tǒng)設(shè)計(jì)追求簡(jiǎn)潔，不追求視覺層面的顛覆性變化，而是通過細(xì)節(jié)調(diào)整提升用戶體驗(yàn)。

易簡(jiǎn)設(shè)計(jì)：系統(tǒng)圖標(biāo)和界面設(shè)計(jì)更加隱喻真實(shí)，增加了細(xì)節(jié)，提升了質(zhì)感。

系統(tǒng)全局的空間和色彩質(zhì)感得到重新設(shè)計(jì)，如實(shí)時(shí)混色模糊和彌散投影效果。

系統(tǒng)級(jí)AI：ColorOS 15的AI能力體現(xiàn)在自然的動(dòng)畫、直觀的反饋和豐富而克制的設(shè)計(jì)上。AI的智能能力減少了用戶的操作負(fù)擔(dān)，提升了系統(tǒng)的生命力。

來自愛范兒

5、Vivo OriginOS 5 原子島功能

在 vivo 最新發(fā)布的 OriginOS 5 上，原子島功能令人驚喜。自從iPhone15推出了靈動(dòng)島后，各大安卓廠商也分別效仿。iPhone上的靈動(dòng)島目前僅作為狀態(tài)通知的作用。但是OriginOS 5通過AI搜索和意圖識(shí)別，提供更自然的交互和系統(tǒng)無縫融合。

用戶可以將文本、圖片等內(nèi)容拖放到原子島上，系統(tǒng)會(huì)根據(jù)預(yù)判的下一步服務(wù)按照優(yōu)先順序排列。

只要我將文本、圖片等內(nèi)容拖放到原子島上，它就會(huì)根據(jù)預(yù)判的下一步所需要的服務(wù)按照優(yōu)先順序放在原子島中。

例如當(dāng)你將一個(gè)地址拖放上去，最先顯示的就是地圖導(dǎo)航，直接出發(fā)。當(dāng)你將圖片拖拽到原子島上，則優(yōu)先出現(xiàn)記錄筆記功能。

原子島讓用戶在使用各個(gè)應(yīng)用間的信息流轉(zhuǎn)的效率大大提升。

來自愛范兒

6、Telegram更新：全面提升應(yīng)用使用性能

Telegram這次更新增加了視頻的快速加載、更好的質(zhì)量和新的速度控制，編輯消息的時(shí)間戳，發(fā)送消息時(shí)附加媒體，迷你應(yīng)用的增加限制，開發(fā)者的新貨幣化選項(xiàng)等。

視頻加載速度提升和質(zhì)量改進(jìn)

大型頻道新上傳的視頻播放器現(xiàn)在可以根據(jù)用戶的連接自動(dòng)選擇質(zhì)量級(jí)別，以節(jié)省數(shù)據(jù)并加快視頻加載速度。用戶也可以手動(dòng)選擇他們偏好的質(zhì)量級(jí)別：高、中或低。iOS用戶現(xiàn)在可以通過向上滑動(dòng)進(jìn)入畫中畫模式，繼續(xù)觀看視頻，向下滑動(dòng)則關(guān)閉視頻。同時(shí)大型頻道所有者現(xiàn)在可以發(fā)布更高質(zhì)量的視頻，Telegram將優(yōu)化每個(gè)上傳的視頻并壓縮為多個(gè)質(zhì)量級(jí)別。

調(diào)整播放速度

用戶可以通過新的手勢(shì)無縫加速視頻，無需通過設(shè)置。在視頻的右側(cè)按住并向右滑動(dòng)可逐步增加播放速度，最高可達(dá)2.5倍速。

向已發(fā)送消息添加媒體

如果忘記附加照片、視頻或文件，可以快速編輯消息添加媒體，而無需刪除并重新開始。

放大表態(tài)表情

用戶可以長(zhǎng)按表態(tài)入口，以獲取帖子收到的確切表情樣式（或星形，或南瓜形）和具體數(shù)量。

聊天專用標(biāo)簽

群組和頻道所有者可使用新格式的#hashtag@username主題標(biāo)簽，點(diǎn)擊后僅展示同一聊天的帖子和故事舉例說明不同點(diǎn)擊方式的不同結(jié)果，如點(diǎn)擊#travel和點(diǎn)擊#travel@durov的結(jié)果差異在公共聊天消息欄輸入主題標(biāo)簽會(huì)出現(xiàn)特殊菜單，可輕松將聊天用戶名添加到主題標(biāo)簽中。

7、Openvibe：一款將多個(gè)社交應(yīng)用進(jìn)行整合的開放式社交平臺(tái)

Openvibe是一款新社交應(yīng)用，它整合了Mastodon、Bluesky和Nostr等去中心化社交網(wǎng)絡(luò)，使用戶能夠在一個(gè)界面上與不同網(wǎng)絡(luò)上的朋友和關(guān)注者保持聯(lián)系，并支持跨平臺(tái)發(fā)布信息。

Openvibe 允許社交網(wǎng)絡(luò)用戶在一個(gè)界面上與 Mastodon、Nostr、Bluesky 和即將推出的 Threads 上的朋友和關(guān)注者保持聯(lián)系。它還能同時(shí)在多個(gè)網(wǎng)絡(luò)上交叉發(fā)布信息。該公司的使命是為新用戶提供一個(gè)友好、"易于使用"的開放社交網(wǎng)絡(luò)入口。

8、Mastodon推出消息通知分組功能，提高通知消費(fèi)效率

Mastodon 是一個(gè)開源、去中心化的社交平臺(tái)，被視為 Twitter 的替代品。Mastodon最近推出了一系列新功能，包括更新的通知、新的發(fā)現(xiàn)工具和更新的外觀。這些新功能之前在夜間版本中可用，現(xiàn)在正式在穩(wěn)定版本中推出。更新內(nèi)容如下：

通知更新：

Mastodon 引入了通知分組功能，類似于 Twitter 的通知系統(tǒng)。用戶可以看到針對(duì)同一篇帖子的數(shù)百條單獨(dú)通知，而不是一個(gè)匯總。所以他們推出了一個(gè)新系統(tǒng)，用于過濾不需要的通知，如未關(guān)注的人、最近創(chuàng)建的賬戶或未經(jīng)請(qǐng)求的私人提及的通知。

通知過濾系統(tǒng)：

用戶可以決定如何接收或是否接收特定類型的通知?？梢赃x擇不查看未經(jīng)請(qǐng)求的私人提及的通知，或?qū)⑺鼈儼l(fā)送到特殊收件箱。

審核決策透明度：

如果版主的決定導(dǎo)致用戶失去關(guān)注者或無法再關(guān)注其他服務(wù)器的人，Mastodon 會(huì)通知用戶，并允許用戶導(dǎo)出受影響個(gè)人資料的列表。

新用戶引導(dǎo)改進(jìn)：

Mastodon 發(fā)現(xiàn)新用戶在入門過程中經(jīng)常跳過關(guān)注建議，導(dǎo)致信息流變得冷清。為了解決這個(gè)問題，Mastodon 將在主頁信息流第一頁上超過四小時(shí)的第一篇帖子上方顯示關(guān)注建議。

關(guān)注推薦功能改進(jìn)：

Mastodon 改進(jìn)了關(guān)注推薦功能，用戶會(huì)看到不同的推薦結(jié)果，如語言中受歡迎的個(gè)人資料和多人關(guān)注的個(gè)人資料。并增加了透明度，顯示推薦的原因。

新外觀和編輯器：

Mastodon 重新設(shè)計(jì)了新帖子編輯器，使其使用起來更加直觀。用戶可以重新排列已上傳的媒體，并查看帖子共享時(shí)的外觀。網(wǎng)絡(luò)應(yīng)用程序上的圖標(biāo)和調(diào)色板也得到了更新。

鏈接預(yù)覽：

推出了鏈接預(yù)覽功能，用戶可以將鼠標(biāo)懸停在賬戶名稱上以快速查看他們的個(gè)人資料并快速關(guān)注或取消關(guān)注。

蘭亭妙微(yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

評(píng)論(0) 瀏覽(108)

262024-11

UI 設(shè)計(jì)公司談：沉浸式設(shè)計(jì)新趨勢(shì)

藍(lán)藍(lán)設(shè)計(jì)的小編行業(yè)趨勢(shì)

在當(dāng)今數(shù)字化時(shí)代，用戶對(duì)于產(chǎn)品的體驗(yàn)要求不斷提高，UI 設(shè)計(jì)也在不斷演進(jìn)以滿足用戶日益增長(zhǎng)的需求。其中，沉浸式設(shè)計(jì)作為一種新興的

UI 設(shè)計(jì)趨勢(shì)，正逐漸在各個(gè)領(lǐng)域展現(xiàn)出強(qiáng)大的魅力和潛力。

沉浸式設(shè)計(jì)旨在通過創(chuàng)造出引人入勝、身臨其境的用戶體驗(yàn)，讓用戶完全投入到產(chǎn)品或服務(wù)中。這種設(shè)計(jì)理念不僅僅關(guān)注視覺效果，還涵蓋了聽覺、觸覺甚至情感等多個(gè)層面，以全方位地包圍用戶，使其忘記現(xiàn)實(shí)世界的存在，專注于當(dāng)下的交互體驗(yàn)。

最初沉浸式體驗(yàn)的提出是基于 VR 技術(shù)的多感官沉浸體驗(yàn)，而沉浸式體驗(yàn)設(shè)計(jì)，則是令人完全投入精神在某種情景當(dāng)中，產(chǎn)生持續(xù)的高度興奮。設(shè)計(jì)師利用情境、沉浸、角色、氣氛、情節(jié)、節(jié)奏的設(shè)計(jì)來讓觀眾融入到故事本身當(dāng)中，這也是非常基礎(chǔ)的設(shè)計(jì)手法之一。

沉浸式設(shè)計(jì)有以下 4 點(diǎn)共性：

場(chǎng)景營(yíng)造（貫穿始終的主題氛圍）：通過打造獨(dú)特的主題氛圍，讓用戶仿佛置身于一個(gè)特定的世界中。例如，在主題公園的設(shè)計(jì)中，不同的區(qū)域有著不同的場(chǎng)景主題，如童話世界、未來科幻等，從建筑風(fēng)格到裝飾細(xì)節(jié)，都營(yíng)造出強(qiáng)烈的主題氛圍，讓游客沉浸其中。
故事營(yíng)造（全程調(diào)動(dòng)用戶情緒氛圍）：用故事來引導(dǎo)用戶的情感體驗(yàn)。比如一些冒險(xiǎn)游戲，通過精彩的劇情和任務(wù)設(shè)置，讓玩家在游戲過程中感受到緊張、刺激、喜悅等各種情緒，仿佛自己就是故事的主角。
角色代入感（讓用戶找到場(chǎng)景中的自己）：使用戶能夠在場(chǎng)景中找到自己的角色定位，增強(qiáng)參與感。例如在角色扮演游戲中，玩家可以選擇不同的角色職業(yè)和外貌特征，通過不斷升級(jí)和完成任務(wù)來提升角色能力，從而更好地融入游戲世界。
互動(dòng)體驗(yàn)感（不知不覺參與其中）：設(shè)計(jì)良好的互動(dòng)環(huán)節(jié)，讓用戶在不知不覺中參與到體驗(yàn)中。像一些互動(dòng)展覽，通過觸摸屏幕、聲音感應(yīng)等技術(shù)，讓觀眾與展品進(jìn)行互動(dòng)，增加趣味性和參與度。

沉浸式體驗(yàn)設(shè)計(jì)的特點(diǎn)：

用戶在體驗(yàn)過程中要有非常明確的目標(biāo)，并且需要對(duì)用戶的交互行為有即時(shí)反饋，讓人在每一個(gè)操作之后都會(huì)有一個(gè)視覺、聽覺或觸覺的反饋。例如在手機(jī)游戲中，玩家完成一個(gè)任務(wù)后會(huì)獲得獎(jiǎng)勵(lì)提示和特效展示，或者在健身 APP 中，用戶完成一組運(yùn)動(dòng)后會(huì)有語音鼓勵(lì)和數(shù)據(jù)更新，增強(qiáng)用戶的成就感和繼續(xù)下去的動(dòng)力。
用戶行為與個(gè)體感官進(jìn)行融合，提高用戶在使用時(shí)的專注力，讓用戶有充分掌控感，這樣也可以滿足用戶心理上的成就感和滿足感。比如在音樂制作軟件中，用戶可以通過調(diào)整各種參數(shù)來創(chuàng)作自己的音樂作品，同時(shí)聽到實(shí)時(shí)的音效反饋，讓用戶完全沉浸在音樂創(chuàng)作的過程中。
用戶往往會(huì)被設(shè)置的氛圍吸引，并且達(dá)到忘我的狀態(tài)，良好的交互會(huì)讓用戶體驗(yàn)的過程就變成了一個(gè)個(gè)實(shí)現(xiàn)目標(biāo)的機(jī)會(huì)。簡(jiǎn)單來說，通過沉浸式設(shè)計(jì)，能讓用戶在使用產(chǎn)品時(shí)沉浸其中，忘記時(shí)間的流逝，甚至忘記自己在干什么的忘我境界。例如在一些閱讀 APP 中，通過舒適的界面設(shè)計(jì)、柔和的背景顏色和翻頁特效等，營(yíng)造出寧靜的閱讀氛圍，讓用戶沉浸在書籍的世界中。

從視覺方面來看，沉浸式設(shè)計(jì)通常采用精美的畫面、細(xì)膩的質(zhì)感和生動(dòng)的色彩。高分辨率的圖像、流暢的動(dòng)畫效果以及逼真的 3D 場(chǎng)景能夠瞬間吸引用戶的注意力，讓他們仿佛置身于一個(gè)全新的虛擬世界。例如，在游戲《塞爾達(dá)傳說：曠野之息》中，精美的游戲場(chǎng)景、細(xì)膩的光影效果以及豐富的地形地貌，讓玩家沉浸在一個(gè)奇幻的開放世界中。玩家可以自由探索各個(gè)角落，感受不同環(huán)境帶來的視覺沖擊。而在一些電商平臺(tái)的產(chǎn)品展示頁面，采用 360 度全景展示和高清大圖，讓用戶可以更直觀地了解產(chǎn)品的細(xì)節(jié)，增強(qiáng)購買欲望。如某些家具電商平臺(tái)，用戶可以通過全景展示查看家具在不同場(chǎng)景下的擺放效果，仿佛自己置身于布置好的房間中。

聽覺在沉浸式設(shè)計(jì)中也起著至關(guān)重要的作用。合適的背景音樂、音效和語音提示能夠營(yíng)造出特定的氛圍，增強(qiáng)用戶的情感共鳴。比如，在一款冥想類 APP “潮汐” 中，輕柔的背景音樂和自然的音效，如海浪聲、鳥鳴聲等，能夠幫助用戶放松身心，進(jìn)入冥想狀態(tài)。而在一些冒險(xiǎn)游戲中，緊張刺激的音效可以增加游戲的緊張感和刺激感，讓玩家更加投入。例如《古墓麗影》系列游戲，在探索神秘遺跡時(shí)，陰森的環(huán)境音效和突如其來的危險(xiǎn)音效，讓玩家時(shí)刻保持緊張，沉浸在冒險(xiǎn)的氛圍中。

觸覺反饋是沉浸式設(shè)計(jì)的另一個(gè)重要方面。隨著技術(shù)的不斷發(fā)展，越來越多的設(shè)備支持觸覺反饋功能，如手機(jī)的震動(dòng)反饋、游戲手柄的力反饋等。通過合理運(yùn)用觸覺反饋，UI 設(shè)計(jì)師可以讓用戶在與產(chǎn)品交互時(shí)獲得更加真實(shí)的感受。例如，在手機(jī)游戲《和平精英》中，當(dāng)玩家開槍射擊時(shí)，手機(jī)會(huì)產(chǎn)生輕微的震動(dòng)，讓玩家感受到真實(shí)的打擊感。在一些虛擬現(xiàn)實(shí)（VR）和增強(qiáng)現(xiàn)實(shí)（AR）應(yīng)用中，觸覺反饋更是能夠讓用戶與虛擬物體進(jìn)行更加自然的交互。比如在某些 VR 繪畫應(yīng)用中，用戶使用虛擬畫筆繪畫時(shí)，可以感受到畫筆在虛擬畫布上的阻力和觸感，仿佛在真實(shí)地繪畫。

除了感官層面的體驗(yàn)，沉浸式設(shè)計(jì)還注重情感的連接。一個(gè)成功的沉浸式設(shè)計(jì)能夠引發(fā)用戶的情感共鳴，讓用戶在使用產(chǎn)品的過程中產(chǎn)生愉悅、興奮、感動(dòng)等情感。例如，一些社交類 APP 通過展示用戶的美好回憶、朋友的互動(dòng)瞬間等，讓用戶感受到溫暖和歸屬感。如 “時(shí)光相冊(cè)”，它可以將用戶的照片整理成精美的相冊(cè)，配上溫馨的音樂和文字，讓用戶回憶起美好的時(shí)光，產(chǎn)生強(qiáng)烈的情感共鳴。而在一些教育類應(yīng)用中，通過生動(dòng)有趣的故事和互動(dòng)環(huán)節(jié)，激發(fā)學(xué)生的學(xué)習(xí)興趣和好奇心。比如某些兒童教育 APP，以故事的形式引導(dǎo)孩子學(xué)習(xí)知識(shí)，讓孩子沉浸在學(xué)習(xí)的樂趣中。

沉浸式設(shè)計(jì)在不同領(lǐng)域都有著廣泛的應(yīng)用。在游戲領(lǐng)域，它已經(jīng)成為了提升游戲體驗(yàn)的關(guān)鍵因素。精美的畫面、震撼的音效和刺激的玩法，讓玩家沉浸在游戲世界中無法自拔。在娛樂領(lǐng)域，如影視、音樂等，沉浸式體驗(yàn)也越來越受到用戶的歡迎。通過虛擬現(xiàn)實(shí)技術(shù)，用戶可以身臨其境地觀看電影、演唱會(huì)等，獲得前所未有的娛樂體驗(yàn)。例如一些 VR 電影，讓觀眾仿佛置身于電影場(chǎng)景中，與角色一起經(jīng)歷各種冒險(xiǎn)。在教育領(lǐng)域，沉浸式設(shè)計(jì)可以讓學(xué)生更加主動(dòng)地參與學(xué)習(xí)，提高學(xué)習(xí)效果。例如，通過虛擬現(xiàn)實(shí)技術(shù)，學(xué)生可以親身體驗(yàn)歷史事件、探索自然科學(xué)等，增強(qiáng)學(xué)習(xí)的趣味性和記憶性。

然而，要實(shí)現(xiàn)成功的沉浸式設(shè)計(jì)并非易事。UI 設(shè)計(jì)師需要充分考慮用戶的需求和心理，精心打造每一個(gè)細(xì)節(jié)。同時(shí)，技術(shù)的限制也是一個(gè)挑戰(zhàn)。例如，虛擬現(xiàn)實(shí)和增強(qiáng)現(xiàn)實(shí)技術(shù)雖然能夠提供強(qiáng)大的沉浸式體驗(yàn)，但目前還存在設(shè)備成本高、性能不穩(wěn)定等問題。此外，沉浸式設(shè)計(jì)也需要注意避免過度設(shè)計(jì)，以免給用戶帶來疲勞和壓力。

總之，沉浸式設(shè)計(jì)作為 UI 設(shè)計(jì)的新趨勢(shì)，為用戶帶來了全新的體驗(yàn)。通過在視覺、聽覺、觸覺和情感等多個(gè)層面的精心設(shè)計(jì)，它能夠讓用戶完全投入到產(chǎn)品或服務(wù)中，享受身臨其境的感受。隨著技術(shù)的不斷進(jìn)步，相信沉浸式設(shè)計(jì)將會(huì)在更多領(lǐng)域得到廣泛應(yīng)用，為用戶帶來更加豐富、精彩的體驗(yàn)。

評(píng)論(0) 瀏覽(112)

262024-11

ui設(shè)計(jì)公司分享：產(chǎn)品場(chǎng)景化思維更是成為了打造成功產(chǎn)品的關(guān)鍵要素

藍(lán)藍(lán)設(shè)計(jì)的小編行業(yè)趨勢(shì)

新需求為我們理解用戶需求提供了新的思路，而產(chǎn)品場(chǎng)景化思維則是將這些需求轉(zhuǎn)化為實(shí)際產(chǎn)品的重要方法。在產(chǎn)品設(shè)計(jì)、開發(fā)和推廣過程中，我們應(yīng)該充分運(yùn)用場(chǎng)景化思維，深入分析場(chǎng)景五要素，精準(zhǔn)把握用戶需求，為用戶提供更加優(yōu)質(zhì)、個(gè)性化的產(chǎn)品和服務(wù)，從而在激烈的市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。

評(píng)論(0) 瀏覽(99)

222024-11

ui設(shè)計(jì)公司話題：深色 UI 界面設(shè)計(jì)會(huì)成為未來 UI 設(shè)計(jì)的主流趨勢(shì)嗎？

藍(lán)藍(lán)設(shè)計(jì)的小編行業(yè)趨勢(shì)

深色 UI 界面設(shè)計(jì)有較大可能會(huì)成為未來 UI 設(shè)計(jì)的主流趨勢(shì)，原因如下：

視覺體驗(yàn)優(yōu)勢(shì)：
- 減少視覺疲勞：在長(zhǎng)時(shí)間使用電子設(shè)備的過程中，淺色界面尤其是白色背景的強(qiáng)光線反射，容易使用戶眼睛產(chǎn)生疲勞感。而深色 UI 界面能大幅降低屏幕亮度，減少光線對(duì)眼睛的刺激，為用戶提供更舒適的視覺體驗(yàn)，對(duì)于需要長(zhǎng)時(shí)間瀏覽信息的用戶來說，這一優(yōu)勢(shì)尤為重要1.
- 增強(qiáng)信息可讀性：通過色彩對(duì)比，深色背景可以使文字、圖標(biāo)等元素更加突出，讓內(nèi)容更加聚焦，用戶能夠更快速、準(zhǔn)確地獲取信息，從而提高信息傳達(dá)的效率1.
- 提升視覺層次感：設(shè)計(jì)師可以利用不同深淺的顏色和透明度變化，在深色背景上創(chuàng)造出豐富的視覺層次，使界面更具立體感和深度，呈現(xiàn)出一種現(xiàn)代而高級(jí)的質(zhì)感，給用戶帶來獨(dú)特的視覺享受1.
設(shè)備性能與節(jié)能優(yōu)勢(shì)：
- 延長(zhǎng)電池續(xù)航：對(duì)于移動(dòng)設(shè)備而言，深色模式能夠在一定程度上降低屏幕的能耗。尤其是在 OLED 屏幕上，由于其像素自發(fā)光的特性，顯示黑色或深色時(shí)像素幾乎不耗電，從而顯著節(jié)省電量，延長(zhǎng)設(shè)備的續(xù)航時(shí)間，這對(duì)于用戶在戶外或無充電條件下使用設(shè)備時(shí)非常有幫助.
- 提高設(shè)備性能：在一些性能較低的設(shè)備上，渲染深色界面相對(duì)來說對(duì)系統(tǒng)資源的占用可能會(huì)更少，從而使設(shè)備運(yùn)行更加流暢，減少卡頓和延遲現(xiàn)象，提升用戶的操作體驗(yàn)。
用戶個(gè)性化與環(huán)境適應(yīng)性需求：
- 滿足個(gè)性化偏好：隨著用戶對(duì)個(gè)性化的追求越來越高，深色 UI 界面設(shè)計(jì)為用戶提供了一種不同于傳統(tǒng)淺色界面的選擇，滿足了不同用戶對(duì)于界面風(fēng)格的個(gè)性化偏好，使用戶能夠根據(jù)自己的喜好和使用習(xí)慣來定制設(shè)備的界面外觀1.
- 適應(yīng)不同環(huán)境：在夜晚或低光環(huán)境下，深色模式能夠更好地融入環(huán)境光線，避免屏幕過亮對(duì)周圍環(huán)境造成干擾，同時(shí)也讓用戶在這種環(huán)境中使用設(shè)備時(shí)感覺更加舒適自在，不會(huì)因?yàn)閺?qiáng)光而影響他人或自己的視覺適應(yīng)

蘭亭妙微公司深色 UI 界面設(shè)計(jì)案例

行業(yè)推動(dòng)與設(shè)計(jì)規(guī)范支持：
- 大廠引領(lǐng)：蘋果、谷歌等科技巨頭在其操作系統(tǒng)和應(yīng)用程序中紛紛推出深色模式，并不斷完善相關(guān)的設(shè)計(jì)規(guī)范，為深色 UI 界面設(shè)計(jì)的推廣和應(yīng)用起到了重要的引領(lǐng)作用。許多開發(fā)者和設(shè)計(jì)師會(huì)遵循這些大廠的設(shè)計(jì)趨勢(shì)和規(guī)范，從而使得深色 UI 界面在各類軟件和網(wǎng)站中的應(yīng)用越來越廣泛1.
- 設(shè)計(jì)工具支持：如今，越來越多的 UI 設(shè)計(jì)工具也開始提供對(duì)深色模式設(shè)計(jì)的支持，包括顏色選擇、對(duì)比度檢查、圖層管理等功能，使得設(shè)計(jì)師能夠更加高效地創(chuàng)建和優(yōu)化深色 UI 界面，進(jìn)一步推動(dòng)了深色 UI 界面設(shè)計(jì)的發(fā)展1.
無障礙設(shè)計(jì)考量：優(yōu)秀的深色 UI 界面設(shè)計(jì)會(huì)充分考慮到無障礙設(shè)計(jì)，確保文字、圖標(biāo)等元素在深色背景下具有足夠的對(duì)比度，以滿足不同視覺障礙用戶的需求，如色弱、色盲等人群也能夠清晰地識(shí)別和操作界面內(nèi)容，體現(xiàn)了設(shè)計(jì)的包容性和人性化，這也是未來 UI 設(shè)計(jì)發(fā)展的一個(gè)重要方向.

評(píng)論(0) 瀏覽(112)

012024-11

探索AIGC如何重塑并啟迪設(shè)計(jì)行業(yè)的未來

藍(lán)藍(lán)小助手行業(yè)趨勢(shì)

利用專業(yè)審美和技能，開發(fā)風(fēng)格模型、大模型是設(shè)計(jì)應(yīng)該關(guān)注的，就如同組件一樣，一套組件可用于多個(gè)場(chǎng)景。大模型亦是如此，做出屬于自己團(tuán)隊(duì)適合的風(fēng)格，訓(xùn)練出足夠優(yōu)秀的大模型來復(fù)用至以后的場(chǎng)景。
雖然目前的AI能力不完美，技術(shù)調(diào)優(yōu)、應(yīng)用場(chǎng)景還有很多提升空間，但對(duì)于設(shè)計(jì)師積極擁抱它是必然趨勢(shì)。

評(píng)論(0) 瀏覽(226)

282024-10

善用 AIGC工具｜一個(gè)UI案例帶你進(jìn)階使用

藍(lán)藍(lán)小助手行業(yè)趨勢(shì)

第一章：人物一致性的多種方法

本段簡(jiǎn)介：

利用文生圖+AI 模特圖生成風(fēng)格統(tǒng)一的人物系列圖，利用產(chǎn)出的圖片通過圖生圖做到風(fēng)格轉(zhuǎn)換，以及 AI擴(kuò)圖

相關(guān)地址：

Q版一鍵同款：https://www.whee.com/ai/text-to-image?id=165330&styleModelId=3848%2C3635&editorMode=advanced

AI模特圖地址：https://www.whee.com/ai/image-model

AI擴(kuò)圖地址：https://www.whee.com/ai/image-extend

第二章：畫面控制-利用邊緣檢測(cè)做可控圖標(biāo)

本段簡(jiǎn)介：

學(xué)會(huì)畫面控制-邊緣檢測(cè)，引導(dǎo)圖基本概念（第四章會(huì)重復(fù)說明一下），如何生成可控圖標(biāo)以及優(yōu)化效果

同款鏈接：

圖標(biāo)：https://www.whee.com/ai/text-to-image?id=164318&styleModelId=4229&editorMode=advanced（可自行替換引導(dǎo)圖和風(fēng)格模型）

第三章：排行榜頁-融圖思路（生成-融入）

視頻上傳限制，第三章與第四章已合并到一起，可在第四章后查看

同款鏈接：

https://www.whee.com/ai/text-to-image？id=163933&styleModelId=3848&editorMode=advanced

第四章：融合控制-光影字和二維碼

??本節(jié)視頻內(nèi)容包含第三到第四部分的詳細(xì)操作，以及第四部分光影字和二維碼一些詳細(xì)講解（入常見的問題和利用融合控制的進(jìn)階玩法）

本段簡(jiǎn)介：

畫面控制 -融合控制的應(yīng)用（光影字與圖片二維碼）

同款鏈接：

光影字1：https://www.whee.com/ai/text-to-image?id=164316&styleModelId=3848&editorMode=advanced

光影字2:https://www.whee.com/ai/text-to-image?id=168538&styleModelId=3848&editorMode=advanced

視頻中的融合控制進(jìn)階玩法：https://www.whee.com/ai/text-to-image?id=168500&styleModelId=3848&editorMode=advanced

空間站二維碼：https://www.whee.com/ai/text-to-image?id=168900&styleModelId=3848&editorMode=advanced

絨線二維碼：https://www.whee.com/ai/text-to-image?id=168916&editorMode=advanced

結(jié)尾

在看完教程之后，大家是否躍躍欲試了呢，除了生成典型的光影圖，“融合控制”工具還可以作用于其他各種各樣的場(chǎng)景之中，大家可以前往 WHEE多多嘗試，實(shí)驗(yàn)起來！

作者：hello小尹
鏈接：https://www.zcool.com.cn/article/ZMTYxMDA0OA==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

藍(lán)藍(lán)設(shè)計(jì)(yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

評(píng)論(0) 瀏覽(172)

242024-10

講講AI在B端設(shè)計(jì)上的應(yīng)用方法

藍(lán)藍(lán)小助手行業(yè)趨勢(shì)

我們今天討論的，就是 AI 在 B 端設(shè)計(jì)方向的應(yīng)用方法，以及我們應(yīng)該如何應(yīng)對(duì)。

B 端設(shè)計(jì)領(lǐng)域的 AI 應(yīng)用

大多數(shù)同學(xué)目前對(duì) AI 應(yīng)用的認(rèn)識(shí)只有文生圖、對(duì)話、駕駛等領(lǐng)域，但 AI 應(yīng)用的場(chǎng)景遠(yuǎn)遠(yuǎn)不止它們。

和頭部的明星 AI 產(chǎn)品、模型相比，細(xì)分市場(chǎng)的 AI 應(yīng)用就非常沒有存在感了。比如使用 AI 進(jìn)行財(cái)務(wù)的審核、飲料配方的調(diào)節(jié)、工程安全的模擬等等，它可以幫助企業(yè)節(jié)約大量的人力完成工作。

概括起來，就是一些可以通過計(jì)算機(jī)完成的（也不止）重復(fù)性勞動(dòng)或標(biāo)準(zhǔn)化流程，都可以引入 AI 的技術(shù)進(jìn)行降本增效。

那在 UI 設(shè)計(jì)領(lǐng)域中，這些重復(fù)性和標(biāo)準(zhǔn)化的工作內(nèi)容有嘛？

有，但是并不會(huì)像外行或者新手想象的那么多。AI 難以覆蓋的場(chǎng)景我們過去的分享探討過，等等也會(huì)做進(jìn)一步的說明，而這里我們先要探討的，就是能用 AI 實(shí)現(xiàn)的 B 端設(shè)計(jì)場(chǎng)景，具體有哪些。

我們都知道市面上現(xiàn)在有很多開源的 B 端前端框架，各個(gè)大廠前赴后繼地對(duì)它們進(jìn)行更新和完善，里面包含了非常豐富的組件庫。

這些組件庫不不止是 UI 的組件，也包含了前端的對(duì)應(yīng)代碼，前端工程師可以快速調(diào)用這些代碼組件而不用自己去重新寫一遍樣式和交互。

原則上，使用現(xiàn)成的組件開發(fā)就可以快速完成整套項(xiàng)目的前端內(nèi)容，這可以給前端工程師節(jié)省大量時(shí)間。所以即使項(xiàng)目中有完整的設(shè)計(jì)稿，前端在開發(fā)過程中也會(huì)偷懶直接略過，直接套用框架內(nèi)的組件實(shí)現(xiàn)。

這和設(shè)計(jì)師直接套用素材完成運(yùn)營(yíng)圖設(shè)計(jì)一樣，明明有現(xiàn)成的素材在那里，為什么要浪費(fèi)一大堆時(shí)間自己重新畫一遍還是用 3D 建模渲染？同理，要是組件足夠豐富，滿足項(xiàng)目的需要，設(shè)計(jì)師也可以直接復(fù)用官方的組件素材，不用自己設(shè)計(jì)。

組件化思維的運(yùn)用，就是項(xiàng)目工作標(biāo)準(zhǔn)化和重復(fù)性的根源，不僅應(yīng)用在設(shè)計(jì)領(lǐng)域，對(duì)于前、后端開發(fā)來說同理。

基于這種思路，催生出了一種新的 SaaS 模式 —— 低代碼 Low-Code 服務(wù)。

即通過少量的代碼，或者干脆不用代碼，僅通過可視的工具和組件實(shí)現(xiàn)軟件的開發(fā)，并完成相應(yīng)的配置和部署的工具。

這概念咋一看不就是建站工具？比如有贊、微店之類的，用戶可以在里面直接創(chuàng)建并配置店鋪，然后以網(wǎng)頁、H5 或小程序的形式發(fā)布。

但這只是最初級(jí)的應(yīng)用，傳統(tǒng)的建站工具屬于幫你預(yù)制好了主要的參數(shù)和功能，用戶只能在這個(gè)范圍內(nèi)做少量的自定義編輯和設(shè)置。但進(jìn)階的 Low-Code，會(huì)賦予用戶更大的編輯范圍和自由度，讓用戶通過可視化的界面創(chuàng)建自己想要的產(chǎn)品和功能。

這類產(chǎn)品已經(jīng)衍生出一個(gè)規(guī)模不小的市場(chǎng)，因?yàn)橛写罅康闹行∑髽I(yè)不想投入太多的精力和成本進(jìn)數(shù)字化平臺(tái)的搭建上，

并希望能快速創(chuàng)建不同的管理工具來匹配企業(yè)日新月異的發(fā)展需要

。

這里要?jiǎng)澲攸c(diǎn)，對(duì)于一部分企業(yè)來說，經(jīng)營(yíng)模式和業(yè)務(wù)流程是持續(xù)迭代的，如果使用傳統(tǒng)的開發(fā)模式那么很難跟上這種迭代。

以連鎖餐飲品牌舉例，前期只在一個(gè)城市經(jīng)營(yíng)，和后期擴(kuò)張到全省或全國(guó)，采購流程和供應(yīng)鏈管理必然會(huì)持續(xù)進(jìn)行調(diào)整，提交一個(gè)采購工單所需填寫的字段就會(huì)發(fā)生變化，同理展示的表格、詳情頁也要跟著調(diào)整。

這類變化往往并沒有修改界面的視覺、交互、組件，僅僅是增加和減少字段數(shù)據(jù)，而用傳統(tǒng)的收集需求再輸出進(jìn)行開發(fā)的模式效率非常低，所以它們就成為 Low-Code 的最佳應(yīng)用場(chǎng)景。業(yè)務(wù)方自己配置、修改直接上線，省掉產(chǎn)品經(jīng)理、設(shè)計(jì)師、程序員中間耗差時(shí)……

并且對(duì)于很多企業(yè)來說，只需要應(yīng)用一些非常基礎(chǔ)的功能服務(wù)和頁面類型。比如我經(jīng)常提到的 B 端管理系統(tǒng)的四個(gè)核心頁面類型：

Low-Code 就是把常規(guī)需求標(biāo)準(zhǔn)化，并運(yùn)用組件化的框架，讓用戶通過簡(jiǎn)單的填寫和編輯就能生成出想要的頁面和功能。

既然需求不復(fù)雜，功能、組件、頁面、代碼都可以標(biāo)準(zhǔn)化，那不用 AI 降本增效還有王法嘛？

所以，使用 AI 生成 B 端頁面（不是設(shè)計(jì)稿）的工具已經(jīng)在大廠內(nèi)部開始應(yīng)用了，開發(fā)專屬大模型，再把做好的組件喂給模型，用戶只要在相應(yīng)的表單內(nèi)填入需求，就可以快速生成出落地的頁面。

并且各家大廠內(nèi)部的 B 端組件庫，可遠(yuǎn)遠(yuǎn)不止對(duì)外分享的這些開源框架里包含的數(shù)量，還有很多特殊的業(yè)務(wù)組件，可以讓模型得到更好的訓(xùn)練和產(chǎn)出，比普通 Low-Code 模式更簡(jiǎn)單高效，大幅度提升企業(yè)內(nèi)部B端產(chǎn)品的落地和運(yùn)用效率。

從已經(jīng)了解到的信息中，有一部分業(yè)務(wù)部門已經(jīng)開始進(jìn)入實(shí)踐環(huán)節(jié)了。且隨著技術(shù)的迭代，這種工具必然會(huì)越來越強(qiáng)大，功能越來越豐富。

所以，了解完這個(gè)趨勢(shì)，設(shè)計(jì)師和前端工程師迎來大結(jié)局了？要被AI技術(shù)清洗了？現(xiàn)在該捧起《從0到1學(xué)習(xí)炒粉》學(xué)習(xí)了嘛？

這就是下面要討論的內(nèi)容。

B 端 AI 和設(shè)計(jì)的關(guān)聯(lián)

前面做了不少鋪墊，就是為了強(qiáng)調(diào)，適用于 Low-Code 和 AI 生成的 B 端產(chǎn)品，是有前提條件的，包含下面這些要素：

完整成熟的前后端組件庫
需求使用基礎(chǔ)做法就能實(shí)現(xiàn)
需要經(jīng)常變動(dòng)調(diào)整的業(yè)務(wù)需求
對(duì)設(shè)計(jì)和交互本身要求不高

而這里面最關(guān)鍵的東西，就是標(biāo)準(zhǔn)化。必須要知道在今天的 AI 的應(yīng)用發(fā)展中，要生成出符合實(shí)際工作需要的結(jié)果，絕對(duì)不是靠輸入信息以后它自己 “蒙” 出來的。為了讓結(jié)果盡可能準(zhǔn)確，那么喂給模型的數(shù)據(jù)也就要越多且越有針對(duì)性。

理論上面向 B 端的 AI 工具，只要不斷提供給他新的組件、頁面，就能拓展它可以實(shí)現(xiàn)的范圍。但不管你怎么訓(xùn)練它，都要滿足標(biāo)準(zhǔn)化的前提。

而標(biāo)準(zhǔn)化，恰恰就是國(guó)內(nèi) B 端業(yè)務(wù)的命門……

我們都知道國(guó)內(nèi) SaaS 行業(yè)現(xiàn)在發(fā)展非常的混亂，雖然在不同的細(xì)分領(lǐng)域有自己的獨(dú)角獸，比如財(cái)務(wù)領(lǐng)域的金蝶，OA 領(lǐng)域的釘釘，ERP 領(lǐng)域的用友等等。

但是這些公司就發(fā)展?fàn)顩r良好利潤(rùn)豐厚了？24年一季度的 SaaS 頭部公司業(yè)績(jī)非常蕭條，比如網(wǎng)上找到的統(tǒng)計(jì)，和國(guó)外 SaaS 頭部公司的估值和利潤(rùn)形成鮮明的對(duì)比：

為什么國(guó)內(nèi) SaaS 市場(chǎng)那么慘淡？說到底就是在國(guó)內(nèi) B 端領(lǐng)域很難實(shí)現(xiàn)真正的標(biāo)準(zhǔn)化，而不是國(guó)內(nèi) B 端市場(chǎng)規(guī)模太小。

比如釘釘、飛書這樣的 OA 軟件已經(jīng)很成熟了，但它們的實(shí)際普及程度一點(diǎn)都不高，而中大型企業(yè)又有各種考量，現(xiàn)成的不用就熱衷于開發(fā)一套自己的系統(tǒng)，簡(jiǎn)稱定制化。這就倒逼 SaaS 工具為了滿足更多的企業(yè)需求，拼命疊加功能，使得這些 SaaS 工具一個(gè)比一個(gè)臃腫。

而我們前面提到的 AI 生成，想要普及同樣需要面對(duì)這種困境，因?yàn)槟Ｐ筒还茉趺醋?，它都是基于特定?biāo)準(zhǔn)化下的產(chǎn)物，它可以滿足其中一部分需求，但難以滿足其它需求。尤其是國(guó)內(nèi) B 端定制化需求中，混亂、抽象、聯(lián)系復(fù)雜的問題非常突出。

換句話說，國(guó)內(nèi) B 端市場(chǎng)的大多數(shù)系統(tǒng)，是非標(biāo)準(zhǔn)化的，需要產(chǎn)品團(tuán)隊(duì)在面對(duì)這些非標(biāo)準(zhǔn)的需求下做出創(chuàng)新和適配，就必須要考慮很多抽象的因素，領(lǐng)導(dǎo)、背景、體驗(yàn)、交互、周期、難度等等。這個(gè)過程不可能由業(yè)務(wù)方自己完成，且最終導(dǎo)出的設(shè)計(jì)結(jié)果，往往會(huì)和常規(guī)方案有很大的差異。

按常規(guī)邏輯考慮的話，那有多少組件我們整理多少組件，早晚有一天不得窮盡設(shè)計(jì)師思考范圍的邊界？

且不說獲得不同商業(yè)項(xiàng)目的業(yè)務(wù)組件有多困難，如果組件之間沒有更底層的思路去規(guī)范它們的設(shè)計(jì)和交互，那么硬湊到一起的項(xiàng)目是非常割裂的，而 AI 在短時(shí)間內(nèi)沒辦法做到真正理解交互的邏輯并根據(jù)使用場(chǎng)景做理性的推理。

所以基于一套團(tuán)隊(duì)產(chǎn)出的組件必然是有限的，它們或許可以滿足自己項(xiàng)目，但不可能滿足市面上所有項(xiàng)目的使用需求。

還有一個(gè)很關(guān)鍵的疑問，就是很多人會(huì)想，一個(gè)項(xiàng)目中的特殊組件往往只是少數(shù)，我們用 AI 工具生成多數(shù)頁面，少數(shù)進(jìn)行定制和獨(dú)立開發(fā)不就行了？

這思路在邏輯上很合理，但實(shí)踐起來的問題非常多。舉個(gè)例子比如設(shè)計(jì)稿直接生成網(wǎng)頁這種技術(shù)，從20年前我剛了解到網(wǎng)頁設(shè)計(jì)那天說到現(xiàn)在了，這個(gè)實(shí)現(xiàn)邏輯理應(yīng)不需要 AI 的參與都能做到，中間也問世了不少產(chǎn)品和工具，但沒有一個(gè)做成了，反而網(wǎng)頁前端工程師都成為一個(gè)獨(dú)立熱門職業(yè)了（以前是 UI 寫）。

原因就是作為商業(yè)項(xiàng)目來說，團(tuán)隊(duì)需要 “可控性”，機(jī)器生成代碼雖然容易，但是如果要修改里面的東西怎么辦？實(shí)際情況就是前端對(duì)這些外部代碼深惡痛絕，因?yàn)楦钠饋硖闊酱蟮捻?xiàng)目改起來難度也越高。而且這個(gè)版本的一部分你改了，下個(gè)版本工具再生成的代碼要不要兼容你前面寫的東西？

所以現(xiàn)在即使有設(shè)計(jì)稿直接生成代碼的工具前端也寧愿自己寫，但當(dāng)他們用到第三方框架的時(shí)候，能不動(dòng)框架里面的東西就不動(dòng)。想要理解這個(gè)感受，只要拿這些框架的組件素材用它們的組件、自動(dòng)布局形式做完一個(gè)項(xiàng)目，你們就會(huì)產(chǎn)生 —— 還不如自己重做一遍的想法。

所以生成工具，要不然能一次性完整滿足所有需求，要不然就會(huì)因?yàn)閮扇傻娜笨谛纬芍旅钠款i。當(dāng)然，還有遠(yuǎn)比這些復(fù)雜的進(jìn)一步因素，我就不在這里展開。

標(biāo)準(zhǔn)化無法在定制化的面前獲得優(yōu)勢(shì)，這是國(guó)內(nèi) B 端行業(yè)面臨的直接困局，當(dāng)然這里有壞的影響也有好的影響。

壞的影響，就是頭部 SaaS 企業(yè)沒辦法得到快速的發(fā)展，推高整個(gè) B 端軟件業(yè)的收入水平和吸引力，AI 生成頁面這些技術(shù)適用范圍小，沒辦法真惠及全體，行業(yè)處于反復(fù)造輪子但根本沒辦法停下來。

好的影響，則是頭部的 SaaS 企業(yè)發(fā)展不起來，市占率就低，它們就沒辦像 C 端市場(chǎng)一樣形成非常顯著的馬太效應(yīng)，形成事實(shí)的壟斷。大家重復(fù)造輪子，那么提供的就業(yè)崗位才多，才能讓我國(guó)的炒粉行業(yè)沒有那么卷，競(jìng)爭(zhēng)沒有那么激烈（？？？）……

如果你關(guān)注過 B 端市場(chǎng)足夠多年，你就會(huì)明白任何企圖用一種標(biāo)準(zhǔn)、方法論直接平鋪整個(gè)行業(yè)的做法，注定是徒勞的，而無序、野蠻、熵增才是不變的主旋律。

但 AI 的作用短時(shí)間內(nèi)完全發(fā)揮不了嗎？也不是。除了前面提到的一些簡(jiǎn)單的項(xiàng)目之外，還有一個(gè)非常大的可能，就是中小模型的開發(fā)會(huì)變得越來越容易，而基于項(xiàng)目自研的界面 AI 生成工具很有可能會(huì)普及起來。雖然它們不能隨心所欲生成任何需求的樣式，但可以完全根據(jù)業(yè)務(wù)方的實(shí)際需要進(jìn)行定制，去服務(wù)小范圍的群體。

這不代表項(xiàng)目里面就不需要設(shè)計(jì)師，符合這套項(xiàng)目的標(biāo)準(zhǔn)依舊需要設(shè)計(jì)師去制定，也需要設(shè)計(jì)師持續(xù)輸出特殊的頁面和組件。

所以，未來很長(zhǎng)一段時(shí)間內(nèi) AI 和 B 端 UI 設(shè)計(jì)師之間會(huì)是互補(bǔ)的關(guān)系，而不是替代關(guān)系。這也會(huì)對(duì)崗位要求形成進(jìn)一步的影響，所以下面是我對(duì) B 端 UI 設(shè)計(jì)師所需技能的建議：

進(jìn)一步提升交互能力，尤其是基于業(yè)務(wù)認(rèn)知輸出交互方案的抽象思維能力
進(jìn)一步鞏固項(xiàng)目設(shè)計(jì)規(guī)范的創(chuàng)建能力，深入了解規(guī)范的應(yīng)用和落地流程
進(jìn)一步提升全局性設(shè)計(jì)思維，能提煉核心價(jià)值觀并在項(xiàng)目中進(jìn)行應(yīng)用
進(jìn)一步了解編程開發(fā)邏輯，能更好的配合前后端完成項(xiàng)目的輸出提高效率

這些能力的掌握是 B 端 UI 設(shè)計(jì)師應(yīng)對(duì)未來市場(chǎng)變化的核心競(jìng)爭(zhēng)力，也是 AI 在短時(shí)間內(nèi)絕對(duì)無法替代的東西。

不管是作為已經(jīng)入行的，還是準(zhǔn)備入行的 B 端設(shè)計(jì)新人，都不用對(duì) AI 技術(shù)在 B 端的影響太過擔(dān)心，自怨自艾，因?yàn)?/div>

如果 B 端項(xiàng)目的設(shè)計(jì)都那么簡(jiǎn)單的話，那么從前端框架普及的那一天起，B 端 UI 設(shè)計(jì)師就可以集體下崗，而不用等到 AI 應(yīng)用的那天

。

換個(gè)表述方式，祝大家不會(huì)菜到那么輕易就被 AI 給取代了……

作者：酸梅干超人
鏈接：https://www.zcool.com.cn/article/ZMTYzNzg4MA==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

評(píng)論(0) 瀏覽(211)

172024-10

從對(duì)話到嵌入：多元場(chǎng)景AI形態(tài)淺析

ui設(shè)計(jì)分享達(dá)人

前言

當(dāng)我們一次次被AI技術(shù)帶來的變革所驚艷，當(dāng)ChatGPT一次次宣布其能力已經(jīng)突破了人類的想象，你是否注意到現(xiàn)有產(chǎn)品與AI融合的新趨勢(shì)？值得注意的是，新技術(shù)的出現(xiàn)也一定帶來了新的交互體驗(yàn)。本文將以多種產(chǎn)品場(chǎng)景為例，梳理PC端多種主流的AI融合形態(tài)，希望能給大家?guī)韱l(fā)。

多元場(chǎng)景下的主流AI形態(tài)

目前主流AI產(chǎn)品有如下3種主要形態(tài)，分別為沉浸式的AI智能體(Agent)、伴隨式的AI副駕駛(Co-pilot)、嵌入式的AI場(chǎng)景化嵌入(Embedding)。這3種形態(tài)在能力、界面、操作體驗(yàn)和適用場(chǎng)景都上存在顯著差異。

一、沉浸式形態(tài)

AI智能體(Agent)—功能強(qiáng)大的AI伙伴

一個(gè)富有主動(dòng)性的獨(dú)立伙伴，輸出的結(jié)果不完全依賴用戶的輸入，啟動(dòng)AI問詢后有2種主流的形態(tài)：

①「對(duì)話智能體」以對(duì)話流的形式展示信息，用戶通過在當(dāng)前語境下進(jìn)行追問獲取最終結(jié)果；

②「目標(biāo)智能體」用戶輸入指令后，一次性給予用戶“靠譜”的結(jié)果，配有側(cè)邊欄可進(jìn)行多種輔助操作。

1.對(duì)話智能體示例—Gemini

以谷歌Gemini產(chǎn)品為例，其作為對(duì)話流的智能體，為滿足搜索場(chǎng)景，具有以下特征：

1）冷啟頁P(yáng)rompt形象化

相較于2023年初Gemini冷啟時(shí)的樣式，最近改版中冷啟的Prompt卡片變得形象化，當(dāng)然我們也在其他Agent產(chǎn)品中觀察到了這一變化。

2）多模態(tài)內(nèi)容

理解用戶的文字意圖，依據(jù)要求自主生成多模態(tài)卡片是對(duì)話智能體的主要特征之一，該功能可以極大地豐富AI反饋的多樣性，并能提高信息傳達(dá)的效率。

3）信息索引的顯示

信息索引的展示是提升AI回答權(quán)威性和透明度的關(guān)鍵因素。然而，直接在閱讀內(nèi)容中嵌入索引標(biāo)簽，可能在某些情況下影響用戶的閱讀連貫性。以Gemini為例，當(dāng)前的設(shè)計(jì)允許用戶在卡片下方手動(dòng)啟用索引信息，這種靈活性平衡了信息的可信度和閱讀體驗(yàn)，適合多數(shù)日常場(chǎng)景。

當(dāng)然，從設(shè)計(jì)角度考慮，某些情況下默認(rèn)收起索引并非最佳選擇。在用戶高度依賴信息準(zhǔn)確性的場(chǎng)景中，如金融或醫(yī)學(xué)領(lǐng)域，索引的可見性將會(huì)直接影響信任感。對(duì)于深入研究或延展閱讀需求較高的用戶，即時(shí)查看索引能更高效地獲取信息來源。

與之類似，在涉及多方信息傳播的業(yè)務(wù)分發(fā)場(chǎng)景，清晰可見的索引有助于減少誤解，提高效率。在這些情況下，索引的默認(rèn)展開不僅強(qiáng)化了內(nèi)容的可靠性，也更好地支持了用戶的深入需求。

2.目標(biāo)智能體示例—Perplexity

Perplexity作為最近廣受好評(píng)的AI搜索工具，相較于Gemini，它更注重給予用戶最精準(zhǔn)的答案?；赗AG技術(shù)的Perplexity為用戶提供了一種新的“確定性”，而鑒于這種特征，Perplexity擁有雙面板的形態(tài)，可以對(duì)當(dāng)前確定性的信息進(jìn)行深化處理。

1 ）輸入即結(jié)果

相較于Gemini等對(duì)話智能體產(chǎn)品，AI Agent用戶需要反復(fù)追問結(jié)果，而在體驗(yàn)Perplexity時(shí)的無對(duì)話場(chǎng)景感，更傾向于一次性給予用戶“靠譜”的答案。

2）側(cè)分欄—信息補(bǔ)充

因?yàn)镻erplexity一次就可以給予用戶最“準(zhǔn)確”的信息，用戶可能沒有追問的必要，但可能會(huì)有對(duì)于當(dāng)前問答進(jìn)行深度搜索的需求，這時(shí)會(huì)有右側(cè)GUI分欄的出現(xiàn)，以便用戶進(jìn)行輔助搜索。

3.思考：給予用戶最佳答案的AI形態(tài)

在使用體驗(yàn)上，Gemini與Perplexity雖然走向兩個(gè)不同的流派，但目的都是為了給用戶呈現(xiàn)最佳的搜索結(jié)果。Gemini就像一位富有想象力的對(duì)話者，用戶在對(duì)話中通過不斷地追問來獲得最佳的結(jié)果，而Perplexity更像一個(gè)AI版的知乎，它堅(jiān)持“用戶不會(huì)犯錯(cuò)”原則，冷靜客觀地為用戶提供最精準(zhǔn)的答案。

二、伴隨式形態(tài)

AI副駕駛(Copilot)—被動(dòng)性的AI助手

這種形態(tài)下的AI更多扮演“副駕駛”的角色，為用戶提供建議和幫助，依賴用戶精準(zhǔn)的指令對(duì)當(dāng)前內(nèi)容窗口進(jìn)行操作，一般以側(cè)邊欄形式展示，目前的Office文檔類產(chǎn)品多采用此類形態(tài)。

1.AI副駕駛產(chǎn)品示例-Office

在近年的開發(fā)者大會(huì)中，微軟提到最多的詞就是“Copilot”，力推將AI技術(shù)快速融入到旗下應(yīng)用中。其中，Office軟件就融入了AI副駕駛的理念，該形態(tài)下的AI主要為用戶提供產(chǎn)品的創(chuàng)作輔助、信息的查詢總結(jié)等功能。

1）當(dāng)前場(chǎng)景下的AI助手

AI的能力默認(rèn)被限定在當(dāng)前場(chǎng)景下，滿足用戶問詢、信息檢索、創(chuàng)作輔助等操作。

2）被動(dòng)性AI助手

Copilot無法自動(dòng)執(zhí)行操作去修改當(dāng)前頁面內(nèi)容，需要用戶確認(rèn)后才可執(zhí)行，用戶執(zhí)行操作后會(huì)在側(cè)邊欄內(nèi)顯示操作記錄與撤銷操作的入口。

3）輔助Prompt

由于AI副駕駛的特性，常常需要準(zhǔn)確的Prompt才能執(zhí)行符合預(yù)期的操作，這對(duì)大部分用戶來說門檻較高，因此在使用時(shí)需要及時(shí)給予用戶合理的聯(lián)想Prompt，輔助用戶決策。

2.思考：提高用戶工作效率的AI助手

作為被動(dòng)性AI助手，用戶即使不使用也不會(huì)影響其在整體頁面中的操作，AI更多承擔(dān)的是提升用戶工作效率過程中的輔助角色。

三、嵌入式形態(tài)

AI場(chǎng)景化嵌入(Embedding)

嵌入式AI主要聚焦特定場(chǎng)景的AI輔助，如AI即時(shí)性地生成對(duì)當(dāng)前評(píng)論的回復(fù)，此類交互無固定形態(tài)，AI會(huì)在用戶進(jìn)行高頻重要操作時(shí)即時(shí)觸發(fā)。

在多元化場(chǎng)景中，嵌入式AI的設(shè)計(jì)相較于前兩類更加靈活和輕量，通常以LGUI(輕量化用戶界面)為核心，強(qiáng)調(diào)用戶與AI之間的無縫銜接與高效互動(dòng)。

與對(duì)話式或結(jié)構(gòu)化阿拉丁模式相比，嵌入式AI的設(shè)計(jì)思路更加通暢，摒棄了復(fù)雜的交互流程，更注重場(chǎng)景中的引導(dǎo)性和即時(shí)反饋，幫助用戶在合適的時(shí)機(jī)獲取所需信息。

1.嵌入式AI示例—One Drive

以微軟One Drive為例，嵌入式AI不僅會(huì)在用戶整理文件時(shí)提供智能建議，還能在用戶分享文件時(shí)根據(jù)歷史記錄和內(nèi)容精準(zhǔn)推薦分享對(duì)象。這種場(chǎng)景化的嵌入，展現(xiàn)了如何通過LGUI設(shè)計(jì)最大化提高效率，而非依賴傳統(tǒng)對(duì)話或復(fù)雜交互。

場(chǎng)景一: 文件整理AI建議

在AI為相關(guān)文件創(chuàng)建新文件夾的情境中，執(zhí)行完成后，它會(huì)主動(dòng)詢問用戶是否需要將其他可能相關(guān)的文件一并移入到新建的文件夾中，以幫助用戶進(jìn)一步整理文件。AI能夠基于文件內(nèi)容的上下文，敏銳地判斷出哪些文件可能屬于同一類別，進(jìn)而為用戶提供便捷的一鍵整理服務(wù)。

場(chǎng)景二: 智能分享建議

當(dāng)用戶準(zhǔn)備在One Drive中分享文件時(shí)，AI助手會(huì)根據(jù)文件內(nèi)容和用戶的歷史分享記錄，預(yù)測(cè)出最可能需要分享的對(duì)象名單，為用戶精準(zhǔn)推薦受眾人員。智能分享建議可以極大地節(jié)省用戶挑選分享對(duì)象的時(shí)間。

基于上述2個(gè)例子，我們可以對(duì)嵌入式AI有進(jìn)一步的思考：

合理的嵌入式AI操作只在用戶進(jìn)行重要操作時(shí)被“激活”，能夠在當(dāng)前場(chǎng)景下即時(shí)給予用戶建議；

嵌入式AI一般情況下點(diǎn)擊大于錄入，方便用戶快速做出決定；

設(shè)計(jì)此類交互時(shí)，需要深度理解用戶使用場(chǎng)景，AI的喚起不應(yīng)干擾用戶對(duì)于主流程的操作體驗(yàn)。

2.思考：效率導(dǎo)向的AI嵌入設(shè)計(jì)

對(duì)于普通設(shè)計(jì)師來說，容易在純對(duì)話交互和結(jié)構(gòu)化設(shè)計(jì)兩端搖擺，可能忽視了效率也是設(shè)計(jì)的重要原則。嵌入式AI的設(shè)計(jì)啟示在于“什么合適用什么”，既不過度依賴復(fù)雜的對(duì)話式設(shè)計(jì)，也不拘泥于結(jié)構(gòu)化方案。關(guān)鍵在于聚焦場(chǎng)景需求，以最簡(jiǎn)便和有效的方式幫助用戶完成任務(wù)。因此，在嵌入式AI的設(shè)計(jì)中，保持界面的簡(jiǎn)潔與流暢，同時(shí)結(jié)合輕量化的LGUI原則，才是提升用戶體驗(yàn)的關(guān)鍵。最終目標(biāo)始終是“效率”，無論采用何種形式，選擇最適合當(dāng)前場(chǎng)景的交互模式才是設(shè)計(jì)的核心。

未來的AI設(shè)計(jì)

多樣化形態(tài)下的平衡與共生

隨著AI技術(shù)的迅速發(fā)展，各種AI形態(tài)在不同場(chǎng)景中不斷涌現(xiàn)，如上述討論的沉浸式、伴隨式、嵌入式等設(shè)計(jì)形態(tài)。無論是主動(dòng)性強(qiáng)的智能體、輔助型的副駕駛，還是輕量化的嵌入式方案，每一種設(shè)計(jì)都展現(xiàn)出其獨(dú)特的價(jià)值。

然而，在這些多樣化的形態(tài)背后，我們?nèi)孕杌貧w一個(gè)核心問題：什么樣的AI設(shè)計(jì)才是理想的？

首先，沒有一種AI形態(tài)能夠完美適用所有場(chǎng)景，真正成功的AI設(shè)計(jì)應(yīng)始終圍繞需求展開。在效率為先的原則下，設(shè)計(jì)師需要深刻理解用戶在不同情境下的核心需求，并選擇最適合的交互形態(tài)。復(fù)雜的對(duì)話式和高度結(jié)構(gòu)化的設(shè)計(jì)并非萬能，嵌入式AI的靈活性和輕量化設(shè)計(jì)則為平衡提供了啟發(fā)—服務(wù)于效率與體驗(yàn)，簡(jiǎn)化不必要的交互，專注于解決用戶的實(shí)際問題。

其次，AI設(shè)計(jì)的多樣性并不意味著割裂，而是指向共生與融合。未來，AI技術(shù)將進(jìn)一步打破不同形態(tài)之間的界限，形成更加靈活、動(dòng)態(tài)的交互模式。這種融合不僅依賴更智能的技術(shù)，還要求設(shè)計(jì)師在實(shí)際應(yīng)用中敏銳捕捉用戶需求，提供真正有價(jià)值的解決方案。

最后，設(shè)計(jì)的核心原則是以用戶為中心，強(qiáng)調(diào)合適性，而非追求炫技。無論是大型智能體的復(fù)雜場(chǎng)景處理，還是嵌入式AI的場(chǎng)景化介入，優(yōu)秀的設(shè)計(jì)應(yīng)始終聚焦用戶需求，在不同場(chǎng)景中找到最優(yōu)平衡點(diǎn)。隨著技術(shù)的進(jìn)化，設(shè)計(jì)師需要更加專注于如何將AI技術(shù)自然、無縫地融入用戶的工作與生活，使每一次交互都變得更加高效和愉快。

在未來，AI的形態(tài)將會(huì)更加多元，但不變的仍是設(shè)計(jì)師對(duì)效率、用戶價(jià)值和場(chǎng)景適配的持續(xù)探索。希望設(shè)計(jì)師在面對(duì)AI設(shè)計(jì)時(shí)，始終尋求既符合用戶需求又能提升效率的最佳方案。

作者：百度MEUX
鏈接：https://www.zcool.com.cn/article/ZMTYzMzkxNg==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

評(píng)論(0) 瀏覽(241)

162024-10