首頁

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

藍藍設(shè)計的小編 行業(yè)趨勢

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

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

藍藍設(shè)計的小編 行業(yè)趨勢

【1】 Midjourney 外部圖片編輯功能上線
【2】Adobe 正式推出 AI 視頻模型——Firefly Video Model,一句話 P 視頻
【3】面向Z世代的最新即時通訊APP:Daze
【4】OPPO ColorOS 15: 會呼吸的系統(tǒng)
【5】Vivo OriginOS 5 原子島功能

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

【7】Openvibe:一款將多個社交應(yīng)用進行整合的開放式社交平臺

【8】Mastodon推出消息通知分組功能,提高通知消費效率
1、Midjourney 外部圖片編輯功能上線 
 
Midjourney最近推出了外部圖片編輯功能,解決了之前無法準確控制生圖內(nèi)容和不能上傳本地圖像進行二次編輯的問題。新功能支持通過互聯(lián)網(wǎng)鏈接或本地上傳圖像,并提供編輯和重繪兩種處理方式。
Retexture(重繪)功能:類似于Controlnet的深度控制功能,保留原始結(jié)構(gòu),根據(jù)提示詞重新繪制畫面。可以改變風格、材質(zhì)等,如將2D插畫轉(zhuǎn)換為3D風格。應(yīng)用場景包括2D轉(zhuǎn)3D、線稿轉(zhuǎn)實物圖、線稿上色等。
Edit(編輯)功能:支持局部重繪和外繪擴展??梢酝磕ㄐ枰乩L的區(qū)域,并輸入提示詞進行編輯。支持連續(xù)多次編輯,提高工作效率。
2、Adobe 正式推出 AI 視頻模型——Firefly Video Model,一句話 P 視頻
 
Adobe 在今年的 Adobe Max 大會上推出了名為 Firefly Video Model 的 AI 視頻模型,正式進軍生成式人工智能領(lǐng)域。Firefly Video Model 旨在簡化和加速視頻創(chuàng)作,增強視頻的故事講述能力。
Generative Extend(生成拓展):用于在視頻片段的開頭或結(jié)尾進行生成式擴展,以保持視頻的連貫性和平滑性。目前已集成至 Adobe Premiere Pro。
 

 
Text-to-Video(文生視頻):用戶輸入文本描述,模型模擬不同風格生成視頻片段。目前處于 Firefly Web app 的 beta 版本。
 
6Image-to-Video(圖生視頻):用戶上傳參考圖像,生成貼近想象的視頻內(nèi)容。同樣處于 Firefly Web app 的 beta 版本。
3、面向Z世代的最新即時通訊APP:Daze
 
Daze突出趣味性的畫布式AIO。用戶的聊天不再局限于藍色和綠色的氣泡,而是可以發(fā)送多色消息,這些消息可以伴隨著照片、圖形、貼紙、GIF、繪圖、裝飾背景等在屏幕上浮動。用戶可以快速輸入消息并發(fā)送,或者在聊天中任意拖動消息。
應(yīng)用目前利用AI來增強其一些創(chuàng)意工具,并計劃在未來更深入地整合基于AI的技術(shù)。例如用戶在屏幕上畫一個方框,可以被識別為checkbox并進行相應(yīng)的操作。推廣視頻在TikTok和Ins獲得4.8kw播放,16w人預約下載(11.4開放下載)。
 
 
目前來看,Daze要對標的不應(yīng)該是WhatsApp,而是其他對手。畢竟,它不是首個瞄準Z世代的社交媒體平臺,Bereal、Wizz、Yubo、Purp等社交平臺的實力也不俗。 
此種溝通形式雖然自由創(chuàng)新,但效率較低。創(chuàng)始人Simons之前曾參與開發(fā)一個名為Muze的應(yīng)用,也是類似這種自由畫板形式,不過由于數(shù)據(jù)不好已經(jīng)下架??梢云诖鼳I加入后,會為這種自由畫板形式的即時通訊產(chǎn)品帶來哪些改變。
4、OPPO ColorOS 15: 會呼吸的系統(tǒng)
 
ColorOS 15的設(shè)計理念自然和諧共生和流暢體驗。系統(tǒng)設(shè)計追求簡潔,不追求視覺層面的顛覆性變化,而是通過細節(jié)調(diào)整提升用戶體驗。
易簡設(shè)計:系統(tǒng)圖標和界面設(shè)計更加隱喻真實,增加了細節(jié),提升了質(zhì)感。
系統(tǒng)全局的空間和色彩質(zhì)感得到重新設(shè)計,如實時混色模糊和彌散投影效果。
系統(tǒng)級AI:ColorOS 15的AI能力體現(xiàn)在自然的動畫、直觀的反饋和豐富而克制的設(shè)計上。AI的智能能力減少了用戶的操作負擔,提升了系統(tǒng)的生命力。
 
來自愛范兒
5、Vivo OriginOS 5 原子島功能
在 vivo 最新發(fā)布的 OriginOS 5 上,原子島功能令人驚喜。自從iPhone15推出了靈動島后,各大安卓廠商也分別效仿。iPhone上的靈動島目前僅作為狀態(tài)通知的作用。但是OriginOS 5通過AI搜索和意圖識別,提供更自然的交互和系統(tǒng)無縫融合。
用戶可以將文本、圖片等內(nèi)容拖放到原子島上,系統(tǒng)會根據(jù)預判的下一步服務(wù)按照優(yōu)先順序排列。
只要我將文本、圖片等內(nèi)容拖放到原子島上,它就會根據(jù)預判的下一步所需要的服務(wù)按照優(yōu)先順序放在原子島中。
 
例如當你將一個地址拖放上去,最先顯示的就是地圖導航,直接出發(fā)。當你將圖片拖拽到原子島上,則優(yōu)先出現(xiàn)記錄筆記功能。
原子島讓用戶在使用各個應(yīng)用間的信息流轉(zhuǎn)的效率大大提升。
來自愛范兒
6、Telegram更新:全面提升應(yīng)用使用性能 
Telegram這次更新增加了視頻的快速加載、更好的質(zhì)量和新的速度控制,編輯消息的時間戳,發(fā)送消息時附加媒體,迷你應(yīng)用的增加限制,開發(fā)者的新貨幣化選項等。

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

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

 

調(diào)整播放速度

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

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

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

放大表態(tài)表情

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

 

聊天專用標簽

群組和頻道所有者可使用新格式的#hashtag@username主題標簽,點擊后僅展示同一聊天的帖子和故事舉例說明不同點擊方式的不同結(jié)果,如點擊#travel和點擊#travel@durov的結(jié)果差異在公共聊天消息欄輸入主題標簽會出現(xiàn)特殊菜單,可輕松將聊天用戶名添加到主題標簽中。
 
 
7、Openvibe:一款將多個社交應(yīng)用進行整合的開放式社交平臺
Openvibe是一款新社交應(yīng)用,它整合了Mastodon、Bluesky和Nostr等去中心化社交網(wǎng)絡(luò),使用戶能夠在一個界面上與不同網(wǎng)絡(luò)上的朋友和關(guān)注者保持聯(lián)系,并支持跨平臺發(fā)布信息。
Openvibe 允許社交網(wǎng)絡(luò)用戶在一個界面上與 Mastodon、Nostr、Bluesky 和即將推出的 Threads 上的朋友和關(guān)注者保持聯(lián)系。它還能同時在多個網(wǎng)絡(luò)上交叉發(fā)布信息。該公司的使命是為新用戶提供一個友好、"易于使用"的開放社交網(wǎng)絡(luò)入口。
8、Mastodon推出消息通知分組功能,提高通知消費效率
 
Mastodon 是一個開源、去中心化的社交平臺,被視為 Twitter 的替代品。Mastodon最近推出了一系列新功能,包括更新的通知、新的發(fā)現(xiàn)工具和更新的外觀。這些新功能之前在夜間版本中可用,現(xiàn)在正式在穩(wěn)定版本中推出。更新內(nèi)容如下:

通知更新:

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

 

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

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

審核決策透明度:

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

新用戶引導改進:

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

關(guān)注推薦功能改進:

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

新外觀和編輯器:

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

鏈接預覽:

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

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

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

藍藍設(shè)計的小編 行業(yè)趨勢

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

 

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

 

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

 

最初沉浸式體驗的提出是基于 VR 技術(shù)的多感官沉浸體驗,而沉浸式體驗設(shè)計,則是令人完全投入精神在某種情景當中,產(chǎn)生持續(xù)的高度興奮。設(shè)計師利用情境、沉浸、角色、氣氛、情節(jié)、節(jié)奏的設(shè)計來讓觀眾融入到故事本身當中,這也是非常基礎(chǔ)的設(shè)計手法之一。
 
沉浸式設(shè)計有以下 4 點共性:
  • 場景營造(貫穿始終的主題氛圍):通過打造獨特的主題氛圍,讓用戶仿佛置身于一個特定的世界中。例如,在主題公園的設(shè)計中,不同的區(qū)域有著不同的場景主題,如童話世界、未來科幻等,從建筑風格到裝飾細節(jié),都營造出強烈的主題氛圍,讓游客沉浸其中。
  • 故事營造(全程調(diào)動用戶情緒氛圍):用故事來引導用戶的情感體驗。比如一些冒險游戲,通過精彩的劇情和任務(wù)設(shè)置,讓玩家在游戲過程中感受到緊張、刺激、喜悅等各種情緒,仿佛自己就是故事的主角。
  • 角色代入感(讓用戶找到場景中的自己):使用戶能夠在場景中找到自己的角色定位,增強參與感。例如在角色扮演游戲中,玩家可以選擇不同的角色職業(yè)和外貌特征,通過不斷升級和完成任務(wù)來提升角色能力,從而更好地融入游戲世界。
  • 互動體驗感(不知不覺參與其中):設(shè)計良好的互動環(huán)節(jié),讓用戶在不知不覺中參與到體驗中。像一些互動展覽,通過觸摸屏幕、聲音感應(yīng)等技術(shù),讓觀眾與展品進行互動,增加趣味性和參與度。

 

沉浸式體驗設(shè)計的特點:

 

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

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

 

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

 

觸覺反饋是沉浸式設(shè)計的另一個重要方面。隨著技術(shù)的不斷發(fā)展,越來越多的設(shè)備支持觸覺反饋功能,如手機的震動反饋、游戲手柄的力反饋等。通過合理運用觸覺反饋,UI 設(shè)計師可以讓用戶在與產(chǎn)品交互時獲得更加真實的感受。例如,在手機游戲《和平精英》中,當玩家開槍射擊時,手機會產(chǎn)生輕微的震動,讓玩家感受到真實的打擊感。在一些虛擬現(xiàn)實(VR)和增強現(xiàn)實(AR)應(yīng)用中,觸覺反饋更是能夠讓用戶與虛擬物體進行更加自然的交互。比如在某些 VR 繪畫應(yīng)用中,用戶使用虛擬畫筆繪畫時,可以感受到畫筆在虛擬畫布上的阻力和觸感,仿佛在真實地繪畫。
除了感官層面的體驗,沉浸式設(shè)計還注重情感的連接。一個成功的沉浸式設(shè)計能夠引發(fā)用戶的情感共鳴,讓用戶在使用產(chǎn)品的過程中產(chǎn)生愉悅、興奮、感動等情感。例如,一些社交類 APP 通過展示用戶的美好回憶、朋友的互動瞬間等,讓用戶感受到溫暖和歸屬感。如 “時光相冊”,它可以將用戶的照片整理成精美的相冊,配上溫馨的音樂和文字,讓用戶回憶起美好的時光,產(chǎn)生強烈的情感共鳴。而在一些教育類應(yīng)用中,通過生動有趣的故事和互動環(huán)節(jié),激發(fā)學生的學習興趣和好奇心。比如某些兒童教育 APP,以故事的形式引導孩子學習知識,讓孩子沉浸在學習的樂趣中。

 

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

 

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

 

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

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

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

藍藍設(shè)計的小編 行業(yè)趨勢

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

ui設(shè)計公司話題:深色 UI 界面設(shè)計會成為未來 UI 設(shè)計的主流趨勢嗎?

藍藍設(shè)計的小編 行業(yè)趨勢

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

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

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

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

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

藍藍小助手 行業(yè)趨勢

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

善用 AIGC工具|一個UI案例帶你進階使用

藍藍小助手 行業(yè)趨勢

第一章:人物一致性的多種方法
本段簡介:
利用文生圖+AI 模特圖生成風格統(tǒng)一的人物系列圖,利用產(chǎn)出的圖片通過圖生圖做到風格轉(zhuǎn)換,以及 AI擴圖
相關(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擴圖地址:https://www.whee.com/ai/image-extend
 
善用 AIGC工具(第二彈)|一個UI案例帶你進階使用
 
 
第二章:畫面控制-利用邊緣檢測做可控圖標
本段簡介:
學會畫面控制-邊緣檢測,引導圖基本概念(第四章會重復說明一下),如何生成可控圖標以及優(yōu)化效果
同款鏈接:
圖標:https://www.whee.com/ai/text-to-image?id=164318&styleModelId=4229&editorMode=advanced(可自行替換引導圖和風格模型)
 
善用 AIGC工具(第二彈)|一個UI案例帶你進階使用
 
 
第三章:排行榜頁-融圖思路(生成-融入)
視頻上傳限制,第三章與第四章已合并到一起,可在第四章后查看
同款鏈接:
https://www.whee.com/ai/text-to-image?id=163933&styleModelId=3848&editorMode=advanced
善用 AIGC工具(第二彈)|一個UI案例帶你進階使用
 
 
第四章:融合控制-光影字和二維碼
??本節(jié)視頻內(nèi)容包含第三到第四部分的詳細操作,以及第四部分光影字和二維碼一些詳細講解(入常見的問題和利用融合控制的進階玩法)
本段簡介:
畫面控制 -融合控制的應(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
視頻中的融合控制進階玩法: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
 
 
善用 AIGC工具(第二彈)|一個UI案例帶你進階使用
 
 
結(jié)尾
在看完教程之后,大家是否躍躍欲試了呢,除了生成典型的光影圖,“融合控制”工具還可以作用于其他各種各樣的場景之中,大家可以前往 WHEE多多嘗試,實驗起來!
 



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

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

image.png

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

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

藍藍小助手 行業(yè)趨勢

我們今天討論的,就是 AI 在 B 端設(shè)計方向的應(yīng)用方法,以及我們應(yīng)該如何應(yīng)對。
B 端設(shè)計領(lǐng)域的 AI 應(yīng)用
大多數(shù)同學目前對 AI 應(yīng)用的認識只有文生圖、對話、駕駛等領(lǐng)域,但 AI 應(yīng)用的場景遠遠不止它們。
和頭部的明星 AI 產(chǎn)品、模型相比,細分市場的 AI 應(yīng)用就非常沒有存在感了。比如使用 AI 進行財務(wù)的審核、飲料配方的調(diào)節(jié)、工程安全的模擬等等,它可以幫助企業(yè)節(jié)約大量的人力完成工作。
概括起來,就是一些可以通過計算機完成的(也不止)重復性勞動或標準化流程,都可以引入 AI 的技術(shù)進行降本增效。
那在 UI 設(shè)計領(lǐng)域中,這些重復性和標準化的工作內(nèi)容有嘛?
有,但是并不會像外行或者新手想象的那么多。AI 難以覆蓋的場景我們過去的分享探討過,等等也會做進一步的說明,而這里我們先要探討的,就是能用 AI 實現(xiàn)的 B 端設(shè)計場景,具體有哪些。
我們都知道市面上現(xiàn)在有很多開源的 B 端前端框架,各個大廠前赴后繼地對它們進行更新和完善,里面包含了非常豐富的組件庫。
講講AI在B端設(shè)計上的應(yīng)用方法
 
 
這些組件庫不不止是 UI 的組件,也包含了前端的對應(yīng)代碼,前端工程師可以快速調(diào)用這些代碼組件而不用自己去重新寫一遍樣式和交互。
原則上,使用現(xiàn)成的組件開發(fā)就可以快速完成整套項目的前端內(nèi)容,這可以給前端工程師節(jié)省大量時間。所以即使項目中有完整的設(shè)計稿,前端在開發(fā)過程中也會偷懶直接略過,直接套用框架內(nèi)的組件實現(xiàn)。
這和設(shè)計師直接套用素材完成運營圖設(shè)計一樣,明明有現(xiàn)成的素材在那里,為什么要浪費一大堆時間自己重新畫一遍還是用 3D 建模渲染?同理,要是組件足夠豐富,滿足項目的需要,設(shè)計師也可以直接復用官方的組件素材,不用自己設(shè)計。
組件化思維的運用,就是項目工作標準化和重復性的根源,不僅應(yīng)用在設(shè)計領(lǐng)域,對于前、后端開發(fā)來說同理。
基于這種思路,催生出了一種新的 SaaS 模式 —— 低代碼 Low-Code 服務(wù)。
即通過少量的代碼,或者干脆不用代碼,僅通過可視的工具和組件實現(xiàn)軟件的開發(fā),并完成相應(yīng)的配置和部署的工具。
這概念咋一看不就是建站工具?比如有贊、微店之類的,用戶可以在里面直接創(chuàng)建并配置店鋪,然后以網(wǎng)頁、H5 或小程序的形式發(fā)布。
但這只是最初級的應(yīng)用,傳統(tǒng)的建站工具屬于幫你預制好了主要的參數(shù)和功能,用戶只能在這個范圍內(nèi)做少量的自定義編輯和設(shè)置。但進階的 Low-Code,會賦予用戶更大的編輯范圍和自由度,讓用戶通過可視化的界面創(chuàng)建自己想要的產(chǎn)品和功能。
講講AI在B端設(shè)計上的應(yīng)用方法
 
 
這類產(chǎn)品已經(jīng)衍生出一個規(guī)模不小的市場,因為有大量的中小企業(yè)不想投入太多的精力和成本進數(shù)字化平臺的搭建上,
并希望能快速創(chuàng)建不同的管理工具來匹配企業(yè)日新月異的發(fā)展需要
。
這里要劃重點,對于一部分企業(yè)來說,經(jīng)營模式和業(yè)務(wù)流程是持續(xù)迭代的,如果使用傳統(tǒng)的開發(fā)模式那么很難跟上這種迭代。
以連鎖餐飲品牌舉例,前期只在一個城市經(jīng)營,和后期擴張到全省或全國,采購流程和供應(yīng)鏈管理必然會持續(xù)進行調(diào)整,提交一個采購工單所需填寫的字段就會發(fā)生變化,同理展示的表格、詳情頁也要跟著調(diào)整。
這類變化往往并沒有修改界面的視覺、交互、組件,僅僅是增加和減少字段數(shù)據(jù),而用傳統(tǒng)的收集需求再輸出進行開發(fā)的模式效率非常低,所以它們就成為 Low-Code 的最佳應(yīng)用場景。業(yè)務(wù)方自己配置、修改直接上線,省掉產(chǎn)品經(jīng)理、設(shè)計師、程序員中間耗差時……
并且對于很多企業(yè)來說,只需要應(yīng)用一些非常基礎(chǔ)的功能服務(wù)和頁面類型。比如我經(jīng)常提到的 B 端管理系統(tǒng)的四個核心頁面類型:
講講AI在B端設(shè)計上的應(yīng)用方法
 
 
Low-Code 就是把常規(guī)需求標準化,并運用組件化的框架,讓用戶通過簡單的填寫和編輯就能生成出想要的頁面和功能。
既然需求不復雜,功能、組件、頁面、代碼都可以標準化,那不用 AI 降本增效還有王法嘛?
所以,使用 AI 生成 B 端頁面(不是設(shè)計稿)的工具已經(jīng)在大廠內(nèi)部開始應(yīng)用了,開發(fā)專屬大模型,再把做好的組件喂給模型,用戶只要在相應(yīng)的表單內(nèi)填入需求,就可以快速生成出落地的頁面。
并且各家大廠內(nèi)部的 B 端組件庫,可遠遠不止對外分享的這些開源框架里包含的數(shù)量,還有很多特殊的業(yè)務(wù)組件,可以讓模型得到更好的訓練和產(chǎn)出,比普通 Low-Code 模式更簡單高效,大幅度提升企業(yè)內(nèi)部B端產(chǎn)品的落地和運用效率。
從已經(jīng)了解到的信息中,有一部分業(yè)務(wù)部門已經(jīng)開始進入實踐環(huán)節(jié)了。且隨著技術(shù)的迭代,這種工具必然會越來越強大,功能越來越豐富。
所以,了解完這個趨勢,設(shè)計師和前端工程師迎來大結(jié)局了?要被AI技術(shù)清洗了?現(xiàn)在該捧起《從0到1學習炒粉》學習了嘛?
這就是下面要討論的內(nèi)容。
B 端 AI 和設(shè)計的關(guān)聯(lián)
前面做了不少鋪墊,就是為了強調(diào),適用于 Low-Code 和 AI 生成的 B 端產(chǎn)品,是有前提條件的,包含下面這些要素:
  •  
    完整成熟的前后端組件庫
  •  
    需求使用基礎(chǔ)做法就能實現(xiàn)
  •  
    需要經(jīng)常變動調(diào)整的業(yè)務(wù)需求
  •  
    對設(shè)計和交互本身要求不高
而這里面最關(guān)鍵的東西,就是標準化。必須要知道在今天的 AI 的應(yīng)用發(fā)展中,要生成出符合實際工作需要的結(jié)果,絕對不是靠輸入信息以后它自己 “蒙” 出來的。為了讓結(jié)果盡可能準確,那么喂給模型的數(shù)據(jù)也就要越多且越有針對性。
理論上面向 B 端的 AI 工具,只要不斷提供給他新的組件、頁面,就能拓展它可以實現(xiàn)的范圍。但不管你怎么訓練它,都要滿足標準化的前提。
而標準化,恰恰就是國內(nèi) B 端業(yè)務(wù)的命門……
我們都知道國內(nèi) SaaS 行業(yè)現(xiàn)在發(fā)展非常的混亂,雖然在不同的細分領(lǐng)域有自己的獨角獸,比如財務(wù)領(lǐng)域的金蝶,OA 領(lǐng)域的釘釘,ERP 領(lǐng)域的用友等等。
但是這些公司就發(fā)展狀況良好利潤豐厚了?24年一季度的 SaaS 頭部公司業(yè)績非常蕭條,比如網(wǎng)上找到的統(tǒng)計,和國外 SaaS 頭部公司的估值和利潤形成鮮明的對比:
講講AI在B端設(shè)計上的應(yīng)用方法
 
 
為什么國內(nèi) SaaS 市場那么慘淡?說到底就是在國內(nèi) B 端領(lǐng)域很難實現(xiàn)真正的標準化,而不是國內(nèi) B 端市場規(guī)模太小。
比如釘釘、飛書這樣的 OA 軟件已經(jīng)很成熟了,但它們的實際普及程度一點都不高,而中大型企業(yè)又有各種考量,現(xiàn)成的不用就熱衷于開發(fā)一套自己的系統(tǒng),簡稱定制化。這就倒逼 SaaS 工具為了滿足更多的企業(yè)需求,拼命疊加功能,使得這些 SaaS 工具一個比一個臃腫。
而我們前面提到的 AI 生成,想要普及同樣需要面對這種困境,因為模型不管怎么做,它都是基于特定標準化下的產(chǎn)物,它可以滿足其中一部分需求,但難以滿足其它需求。尤其是國內(nèi) B 端定制化需求中,混亂、抽象、聯(lián)系復雜的問題非常突出。
換句話說,國內(nèi) B 端市場的大多數(shù)系統(tǒng),是非標準化的,需要產(chǎn)品團隊在面對這些非標準的需求下做出創(chuàng)新和適配,就必須要考慮很多抽象的因素,領(lǐng)導、背景、體驗、交互、周期、難度等等。這個過程不可能由業(yè)務(wù)方自己完成,且最終導出的設(shè)計結(jié)果,往往會和常規(guī)方案有很大的差異。
按常規(guī)邏輯考慮的話,那有多少組件我們整理多少組件,早晚有一天不得窮盡設(shè)計師思考范圍的邊界?
且不說獲得不同商業(yè)項目的業(yè)務(wù)組件有多困難,如果組件之間沒有更底層的思路去規(guī)范它們的設(shè)計和交互,那么硬湊到一起的項目是非常割裂的,而 AI 在短時間內(nèi)沒辦法做到真正理解交互的邏輯并根據(jù)使用場景做理性的推理。
所以基于一套團隊產(chǎn)出的組件必然是有限的,它們或許可以滿足自己項目,但不可能滿足市面上所有項目的使用需求。
還有一個很關(guān)鍵的疑問,就是很多人會想,一個項目中的特殊組件往往只是少數(shù),我們用 AI 工具生成多數(shù)頁面,少數(shù)進行定制和獨立開發(fā)不就行了?
這思路在邏輯上很合理,但實踐起來的問題非常多。舉個例子比如設(shè)計稿直接生成網(wǎng)頁這種技術(shù),從20年前我剛了解到網(wǎng)頁設(shè)計那天說到現(xiàn)在了,這個實現(xiàn)邏輯理應(yīng)不需要 AI 的參與都能做到,中間也問世了不少產(chǎn)品和工具,但沒有一個做成了,反而網(wǎng)頁前端工程師都成為一個獨立熱門職業(yè)了(以前是 UI 寫)。
原因就是作為商業(yè)項目來說,團隊需要 “可控性”,機器生成代碼雖然容易,但是如果要修改里面的東西怎么辦?實際情況就是前端對這些外部代碼深惡痛絕,因為改起來太麻煩,而越大的項目改起來難度也越高。而且這個版本的一部分你改了,下個版本工具再生成的代碼要不要兼容你前面寫的東西?
所以現(xiàn)在即使有設(shè)計稿直接生成代碼的工具前端也寧愿自己寫,但當他們用到第三方框架的時候,能不動框架里面的東西就不動。想要理解這個感受,只要拿這些框架的組件素材用它們的組件、自動布局形式做完一個項目,你們就會產(chǎn)生 —— 還不如自己重做一遍的想法。
講講AI在B端設(shè)計上的應(yīng)用方法
 
 
所以生成工具,要不然能一次性完整滿足所有需求,要不然就會因為兩三成的缺口形成致命的瓶頸。當然,還有遠比這些復雜的進一步因素,我就不在這里展開。
標準化無法在定制化的面前獲得優(yōu)勢,這是國內(nèi) B 端行業(yè)面臨的直接困局,當然這里有壞的影響也有好的影響。
壞的影響,就是頭部 SaaS 企業(yè)沒辦法得到快速的發(fā)展,推高整個 B 端軟件業(yè)的收入水平和吸引力,AI 生成頁面這些技術(shù)適用范圍小,沒辦法真惠及全體,行業(yè)處于反復造輪子但根本沒辦法停下來。
好的影響,則是頭部的 SaaS 企業(yè)發(fā)展不起來,市占率就低,它們就沒辦像 C 端市場一樣形成非常顯著的馬太效應(yīng),形成事實的壟斷。大家重復造輪子,那么提供的就業(yè)崗位才多,才能讓我國的炒粉行業(yè)沒有那么卷,競爭沒有那么激烈(???)……
講講AI在B端設(shè)計上的應(yīng)用方法
 
 
如果你關(guān)注過 B 端市場足夠多年,你就會明白任何企圖用一種標準、方法論直接平鋪整個行業(yè)的做法,注定是徒勞的,而無序、野蠻、熵增才是不變的主旋律。
但 AI 的作用短時間內(nèi)完全發(fā)揮不了嗎?也不是。除了前面提到的一些簡單的項目之外,還有一個非常大的可能,就是中小模型的開發(fā)會變得越來越容易,而基于項目自研的界面 AI 生成工具很有可能會普及起來。雖然它們不能隨心所欲生成任何需求的樣式,但可以完全根據(jù)業(yè)務(wù)方的實際需要進行定制,去服務(wù)小范圍的群體。
這不代表項目里面就不需要設(shè)計師,符合這套項目的標準依舊需要設(shè)計師去制定,也需要設(shè)計師持續(xù)輸出特殊的頁面和組件。
所以,未來很長一段時間內(nèi) AI 和 B 端 UI 設(shè)計師之間會是互補的關(guān)系,而不是替代關(guān)系。這也會對崗位要求形成進一步的影響,所以下面是我對 B 端 UI 設(shè)計師所需技能的建議:
  1.  
    進一步提升交互能力,尤其是基于業(yè)務(wù)認知輸出交互方案的抽象思維能力
  2.  
    進一步鞏固項目設(shè)計規(guī)范的創(chuàng)建能力,深入了解規(guī)范的應(yīng)用和落地流程
  3.  
    進一步提升全局性設(shè)計思維,能提煉核心價值觀并在項目中進行應(yīng)用
  4.  
    進一步了解編程開發(fā)邏輯,能更好的配合前后端完成項目的輸出提高效率
這些能力的掌握是 B 端 UI 設(shè)計師應(yīng)對未來市場變化的核心競爭力,也是 AI 在短時間內(nèi)絕對無法替代的東西。
不管是作為已經(jīng)入行的,還是準備入行的 B 端設(shè)計新人,都不用對 AI 技術(shù)在 B 端的影響太過擔心,自怨自艾,因為
如果 B 端項目的設(shè)計都那么簡單的話,那么從前端框架普及的那一天起,B 端 UI 設(shè)計師就可以集體下崗,而不用等到 AI 應(yīng)用的那天
。
換個表述方式,祝大家不會菜到那么輕易就被 AI 給取代了……
 
作者:酸梅干超人
鏈接:https://www.zcool.com.cn/article/ZMTYzNzg4MA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

image.png

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

image.png

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

從對話到嵌入:多元場景AI形態(tài)淺析

ui設(shè)計分享達人

前言
 
當我們一次次被AI技術(shù)帶來的變革所驚艷,當ChatGPT一次次宣布其能力已經(jīng)突破了人類的想象,你是否注意到現(xiàn)有產(chǎn)品與AI融合的新趨勢?值得注意的是,新技術(shù)的出現(xiàn)也一定帶來了新的交互體驗。本文將以多種產(chǎn)品場景為例,梳理PC端多種主流的AI融合形態(tài),希望能給大家?guī)韱l(fā)。
 
 
多元場景下的主流AI形態(tài)
 
目前主流AI產(chǎn)品有如下3種主要形態(tài),分別為沉浸式的AI智能體(Agent)、伴隨式的AI副駕駛(Co-pilot)、嵌入式的AI場景化嵌入(Embedding)。這3種形態(tài)在能力、界面、操作體驗和適用場景都上存在顯著差異。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
 
一、沉浸式形態(tài)
 
AI智能體(Agent)—功能強大的AI伙伴
 
一個富有主動性的獨立伙伴,輸出的結(jié)果不完全依賴用戶的輸入,啟動AI問詢后有2種主流的形態(tài):
 
①「對話智能體」 以對話流的形式展示信息,用戶通過在當前語境下進行追問獲取最終結(jié)果;
 
②「目標智能體」用戶輸入指令后,一次性給予用戶“靠譜”的結(jié)果,配有側(cè)邊欄可進行多種輔助操作。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
1.對話智能體示例—Gemini
 
以谷歌Gemini產(chǎn)品為例,其作為對話流的智能體,為滿足搜索場景,具有以下特征:
 
1)冷啟頁Prompt形象化
 
相較于2023年初Gemini冷啟時的樣式,最近改版中冷啟的Prompt卡片變得形象化,當然我們也在其他Agent產(chǎn)品中觀察到了這一變化。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
2)多模態(tài)內(nèi)容
 
理解用戶的文字意圖,依據(jù)要求自主生成多模態(tài)卡片是對話智能體的主要特征之一,該功能可以極大地豐富AI反饋的多樣性,并能提高信息傳達的效率。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
3)信息索引的顯示
 
信息索引的展示是提升AI回答權(quán)威性和透明度的關(guān)鍵因素。然而,直接在閱讀內(nèi)容中嵌入索引標簽,可能在某些情況下影響用戶的閱讀連貫性。以Gemini為例,當前的設(shè)計允許用戶在卡片下方手動啟用索引信息,這種靈活性平衡了信息的可信度和閱讀體驗,適合多數(shù)日常場景。
 
當然,從設(shè)計角度考慮,某些情況下默認收起索引并非最佳選擇。在用戶高度依賴信息準確性的場景中,如金融或醫(yī)學領(lǐng)域,索引的可見性將會直接影響信任感。對于深入研究或延展閱讀需求較高的用戶,即時查看索引能更高效地獲取信息來源。
 
與之類似,在涉及多方信息傳播的業(yè)務(wù)分發(fā)場景,清晰可見的索引有助于減少誤解,提高效率。在這些情況下,索引的默認展開不僅強化了內(nèi)容的可靠性,也更好地支持了用戶的深入需求。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
2.目標智能體示例—Perplexity
 
Perplexity作為最近廣受好評的AI搜索工具,相較于Gemini,它更注重給予用戶最精準的答案?;赗AG技術(shù)的Perplexity為用戶提供了一種新的“確定性”,而鑒于這種特征,Perplexity擁有雙面板的形態(tài),可以對當前確定性的信息進行深化處理。
 
1 )輸入即結(jié)果
 
相較于Gemini等對話智能體產(chǎn)品,AI Agent用戶需要反復追問結(jié)果,而在體驗Perplexity時的無對話場景感,更傾向于一次性給予用戶“靠譜”的答案。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
2)側(cè)分欄—信息補充
 
因為Perplexity一次就可以給予用戶最“準確”的信息,用戶可能沒有追問的必要,但可能會有對于當前問答進行深度搜索的需求,這時會有右側(cè)GUI分欄的出現(xiàn),以便用戶進行輔助搜索。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
3.思考:給予用戶最佳答案的AI形態(tài)
 
在使用體驗上,Gemini與Perplexity雖然走向兩個不同的流派,但目的都是為了給用戶呈現(xiàn)最佳的搜索結(jié)果。Gemini就像一位富有想象力的對話者,用戶在對話中通過不斷地追問來獲得最佳的結(jié)果,而Perplexity更像一個AI版的知乎,它堅持“用戶不會犯錯”原則,冷靜客觀地為用戶提供最精準的答案。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
 
二、伴隨式形態(tài)
 
AI副駕駛(Copilot)—被動性的AI助手
 
這種形態(tài)下的AI更多扮演“副駕駛”的角色,為用戶提供建議和幫助,依賴用戶精準的指令對當前內(nèi)容窗口進行操作,一般以側(cè)邊欄形式展示,目前的Office文檔類產(chǎn)品多采用此類形態(tài)。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
1.AI副駕駛產(chǎn)品示例-Office
 
在近年的開發(fā)者大會中,微軟提到最多的詞就是“Copilot”,力推將AI技術(shù)快速融入到旗下應(yīng)用中。其中,Office軟件就融入了AI副駕駛的理念,該形態(tài)下的AI主要為用戶提供產(chǎn)品的創(chuàng)作輔助、信息的查詢總結(jié)等功能。
 
1)當前場景下的AI助手
 
AI的能力默認被限定在當前場景下,滿足用戶問詢、信息檢索、創(chuàng)作輔助等操作。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
2)被動性AI助手
 
Copilot無法自動執(zhí)行操作去修改當前頁面內(nèi)容,需要用戶確認后才可執(zhí)行,用戶執(zhí)行操作后會在側(cè)邊欄內(nèi)顯示操作記錄與撤銷操作的入口。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
3)輔助Prompt
 
由于AI副駕駛的特性,常常需要準確的Prompt才能執(zhí)行符合預期的操作,這對大部分用戶來說門檻較高,因此在使用時需要及時給予用戶合理的聯(lián)想Prompt,輔助用戶決策。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
2.思考:提高用戶工作效率的AI助手
 
作為被動性AI助手,用戶即使不使用也不會影響其在整體頁面中的操作,AI更多承擔的是提升用戶工作效率過程中的輔助角色。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
 
三、嵌入式形態(tài)
 
AI場景化嵌入(Embedding)
 
嵌入式AI主要聚焦特定場景的AI輔助,如AI即時性地生成對當前評論的回復,此類交互無固定形態(tài),AI會在用戶進行高頻重要操作時即時觸發(fā)。
 
在多元化場景中,嵌入式AI的設(shè)計相較于前兩類更加靈活和輕量,通常以LGUI(輕量化用戶界面)為核心,強調(diào)用戶與AI之間的無縫銜接與高效互動。
 
與對話式或結(jié)構(gòu)化阿拉丁模式相比,嵌入式AI的設(shè)計思路更加通暢,摒棄了復雜的交互流程,更注重場景中的引導性和即時反饋,幫助用戶在合適的時機獲取所需信息。
 
從對話到嵌入:多元場景AI形態(tài)淺析
 
 
 
1.嵌入式AI示例—One Drive
 
以微軟One Drive為例,嵌入式AI不僅會在用戶整理文件時提供智能建議,還能在用戶分享文件時根據(jù)歷史記錄和內(nèi)容精準推薦分享對象。這種場景化的嵌入,展現(xiàn)了如何通過LGUI設(shè)計最大化提高效率,而非依賴傳統(tǒng)對話或復雜交互。
 
場景一: 文件整理AI建議
 
在AI為相關(guān)文件創(chuàng)建新文件夾的情境中,執(zhí)行完成后,它會主動詢問用戶是否需要將其他可能相關(guān)的文件一并移入到新建的文件夾中,以幫助用戶進一步整理文件。AI能夠基于文件內(nèi)容的上下文,敏銳地判斷出哪些文件可能屬于同一類別,進而為用戶提供便捷的一鍵整理服務(wù)。
 
場景二: 智能分享建議
 
當用戶準備在One Drive中分享文件時,AI助手會根據(jù)文件內(nèi)容和用戶的歷史分享記錄,預測出最可能需要分享的對象名單,為用戶精準推薦受眾人員。智能分享建議可以極大地節(jié)省用戶挑選分享對象的時間。
 
基于上述2個例子,我們可以對嵌入式AI有進一步的思考:
 
合理的嵌入式AI操作只在用戶進行重要操作時被“激活”,能夠在當前場景下即時給予用戶建議;
 
嵌入式AI一般情況下點擊大于錄入,方便用戶快速做出決定;
 
設(shè)計此類交互時,需要深度理解用戶使用場景,AI的喚起不應(yīng)干擾用戶對于主流程的操作體驗。
 
2.思考:效率導向的AI嵌入設(shè)計
 
對于普通設(shè)計師來說,容易在純對話交互和結(jié)構(gòu)化設(shè)計兩端搖擺,可能忽視了效率也是設(shè)計的重要原則。嵌入式AI的設(shè)計啟示在于“什么合適用什么”,既不過度依賴復雜的對話式設(shè)計,也不拘泥于結(jié)構(gòu)化方案。關(guān)鍵在于聚焦場景需求,以最簡便和有效的方式幫助用戶完成任務(wù)。因此,在嵌入式AI的設(shè)計中,保持界面的簡潔與流暢,同時結(jié)合輕量化的LGUI原則,才是提升用戶體驗的關(guān)鍵。最終目標始終是“效率”,無論采用何種形式,選擇最適合當前場景的交互模式才是設(shè)計的核心。
 
 
未來的AI設(shè)計
 
多樣化形態(tài)下的平衡與共生
 
隨著AI技術(shù)的迅速發(fā)展,各種AI形態(tài)在不同場景中不斷涌現(xiàn),如上述討論的沉浸式、伴隨式、嵌入式等設(shè)計形態(tài)。無論是主動性強的智能體、輔助型的副駕駛,還是輕量化的嵌入式方案,每一種設(shè)計都展現(xiàn)出其獨特的價值。
 
然而,在這些多樣化的形態(tài)背后,我們?nèi)孕杌貧w一個核心問題:什么樣的AI設(shè)計才是理想的?
 
  •  
    首先,沒有一種AI形態(tài)能夠完美適用所有場景,真正成功的AI設(shè)計應(yīng)始終圍繞需求展開。在效率為先的原則下,設(shè)計師需要深刻理解用戶在不同情境下的核心需求,并選擇最適合的交互形態(tài)。復雜的對話式和高度結(jié)構(gòu)化的設(shè)計并非萬能,嵌入式AI的靈活性和輕量化設(shè)計則為平衡提供了啟發(fā)—服務(wù)于效率與體驗,簡化不必要的交互,專注于解決用戶的實際問題。
 
  •  
    其次,AI設(shè)計的多樣性并不意味著割裂,而是指向共生與融合。未來,AI技術(shù)將進一步打破不同形態(tài)之間的界限,形成更加靈活、動態(tài)的交互模式。這種融合不僅依賴更智能的技術(shù),還要求設(shè)計師在實際應(yīng)用中敏銳捕捉用戶需求,提供真正有價值的解決方案。
 
  •  
    最后,設(shè)計的核心原則是以用戶為中心,強調(diào)合適性,而非追求炫技。無論是大型智能體的復雜場景處理,還是嵌入式AI的場景化介入,優(yōu)秀的設(shè)計應(yīng)始終聚焦用戶需求,在不同場景中找到最優(yōu)平衡點。隨著技術(shù)的進化,設(shè)計師需要更加專注于如何將AI技術(shù)自然、無縫地融入用戶的工作與生活,使每一次交互都變得更加高效和愉快。
 
在未來,AI的形態(tài)將會更加多元,但不變的仍是設(shè)計師對效率、用戶價值和場景適配的持續(xù)探索。希望設(shè)計師在面對AI設(shè)計時,始終尋求既符合用戶需求又能提升效率的最佳方案。


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

有了 AI 界面變得更有視覺感啦!

資深UI設(shè)計者

 
 
 
涉及軟件:Midjourney、Photoshop、Sketch
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 
 
有了 AI 界面變得更有視覺感啦!
 

作者:黑馬青年

鏈接:https://www.zcool.com.cn/work/ZNjcwNTY0MDQ=.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

 

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

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

 

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔