AI浪潮下,XR設(shè)計師一定要掌握的設(shè)計工具(上篇)
伴隨著AI技術(shù)的進步,大量設(shè)計工具也發(fā)生了革新,那么,有哪些設(shè)計工具值得設(shè)計師和產(chǎn)品經(jīng)理關(guān)注、甚至運用到工作中?本文便篩選了一些好用的工具,一起來看看吧。
隨著AI浪潮的爆發(fā),各種賦能于繪畫、UI及3D美術(shù)領(lǐng)域的設(shè)計工具都發(fā)生了革新,提升了設(shè)計效率。本期作者將介紹從上百個AI設(shè)計工具及插件中篩選出好用的提效設(shè)計工具,這些對XR設(shè)計師及產(chǎn)品經(jīng)理可以快速上手且高效賦能的好工具,希望能幫助到大家日常的學(xué)習(xí)和工作。
一、文案生成
ChatGPT
業(yè)界知名的公司 Open AI 出品的AI聊天機器人程序,ChatGPT是一個由OpenAI開發(fā)的自然語言處理模型,這個模型被設(shè)計用于各種自然語言處理任務(wù),如聊天對話、問答、文本生成和信息檢索。
對XR設(shè)計師來說,我們可利用ChatGPT輔助我們進行以下設(shè)計賦能:
- 創(chuàng)意靈感和概念開發(fā):ChatGPT可以幫助XR設(shè)計師生成新的XR項目的創(chuàng)意靈感和概念。提供一些關(guān)于項目目標(biāo)、受眾、主題等方面的信息,然后從其生成的想法中獲得靈感。
- 用戶界面設(shè)計:ChatGPT可以提供有關(guān)XR用戶界面設(shè)計的建議和指南。你可以詢問有關(guān)交互設(shè)計、界面布局、顏色方案等方面的建議,以改進用戶體驗。
- 3D模型和虛擬環(huán)境設(shè)計:ChatGPT可以幫助你創(chuàng)建虛擬場景、建筑和3D模型的初步設(shè)計。你可以提供有關(guān)場景、物體或建筑的要求,并根據(jù)ChatGPT的建議來設(shè)計虛擬環(huán)境。
- 用戶測試和反饋分析:ChatGPT可以生成問題,來幫助你準(zhǔn)備用戶測試的問題。它還可以協(xié)助分析用戶反饋,從中提取關(guān)鍵見解,以改進XR應(yīng)用的設(shè)計。
- 交互式演示和原型:ChatGPT可以生成原型演示、交互式演示或虛擬演練的想法,幫助你展示項目概念和設(shè)計。
- 制定XR策略:你可以與ChatGPT交流,討論XR策略、市場定位、目標(biāo)受眾以及與XR技術(shù)相關(guān)的趨勢和挑戰(zhàn)。
??舉個例子
“你是一位某大廠的資深UX設(shè)計師,擁有豐富XR(AR,VR,MR)領(lǐng)域的UX/UI設(shè)計經(jīng)驗(身份),目前你正在為某款MR硬件頭顯軟件系統(tǒng)進行UX設(shè)計(背景或叫現(xiàn)狀),你想從0到1制定該MR系統(tǒng)的設(shè)計方案,請給我制定一個可以執(zhí)行的設(shè)計流程及設(shè)計方法(目標(biāo))”
關(guān)于UXUI設(shè)計師如何利用ChatGpt來賦能進行設(shè)計賦能,作者之前寫過一篇文章,歡迎感興趣的同學(xué)點擊進行學(xué)習(xí)。如何利用ChatGPT進行設(shè)計賦能(最全解析)
二、圖像制作
1. Midjourney
你有沒有想象過你可以把你輸入的文本變成圖片?Midjourney是目前市場最火的,設(shè)計師運用主流繪畫工具,特點是生成圖片不局限于二次元人物,且能夠生成照片級精細(xì)的圖。
在XR設(shè)計領(lǐng)域主要可應(yīng)用于虛擬人物、虛擬場景及3D模型物體的原畫繪制。
??舉個例子
繪制一個賽博朋克風(fēng)格的人物角色:
“art toy,designer toy,mockup IP,a lovely girl in a jacket and skirt,detailed facial details,cyberpunk,3D render,
octane render,c4d,zbrush,3d max,artstation,best quality,
ultradetailed,studio lightning”
再來舉一個繪制3D模型的例子,繪制一個Low poly風(fēng)格的飛機“l(fā)ow poly,airplane”
針對Midjourney的教程,之前作者也寫過相關(guān)的快速入門教程。歡迎感興趣的同學(xué)進行點擊查看。
十分鐘帶你快速上手Midjourney(文末附送AI繪畫實用工具資源)
如何保證Midjourney繪畫的可控性和連續(xù)性,收藏這篇就夠了?。ǜ交A(chǔ)參數(shù)匯總)
AI繪圖最常用的十一個領(lǐng)域都在這篇了!(附描述關(guān)鍵詞)
2. Stable Diffustion
號稱目前最強的AI繪畫工具,Stable Diffustion是個開源的項目,所以目前市面上很多 AI 工具用的都是它的代碼,說是 AI 界的老大哥也不為過!缺點就是需要繁雜的配置。
應(yīng)用場景與Midjourney一樣,同樣也可應(yīng)用于虛擬人物、虛擬場景及3D模型物體的原畫繪制。
給大家推薦幾個好用的學(xué)習(xí)網(wǎng)站:Stable Diffusion Book:StableDiffusionBook – StableDiffusionBook (dianas.cyou)
來自騰訊的Stable Diffusion入門手冊:開源圖像模型Stable Diffusion入門手冊
3. Firefly Adobe
Adobe推出了名為Adobe Firefly的AI文生圖工具,僅通過文字提示就可以生成AI圖像。目前其中文生圖模型 Firefly Image 2 已經(jīng)在 Adobe Firefly 官網(wǎng)上線,目前可以免費體驗,其圖像生成質(zhì)量相比之前的 Image 1 有了極大提升。
進入官網(wǎng)登陸后,可以看到有很多AI功能如文生圖、創(chuàng)意填充、文字效果等,還有即將推出的創(chuàng)建3D并生成圖像功能,可以期待一下。
Firefly的文生圖功能已經(jīng)將圖片的大小尺寸、效果和顏色基調(diào)做了一些封裝,供用戶快速選擇,相較于Midjourney和Stable Diffusion來說更加容易上手使用。同時還有提示詞建議,幫助你寫出更準(zhǔn)確可控的提示詞。
這里也有Adobe官方出的關(guān)于如何寫好提示詞的教程文檔:
https://helpx.adobe.com/cn/firefly/using/tips-and-tricks.html 對XR設(shè)計師來說也是一個不錯的選擇工具。
三、原型創(chuàng)作
1. Spline
Spline是一款輕量化3D在線協(xié)作設(shè)計工具,集建模,材質(zhì),交互,動畫,代碼交付于一身。是一款非常適合XR領(lǐng)域設(shè)計師用于空間UI、模型及動效的軟件。
今年Spline也上架了其AI功能,能夠借助 prompt 來輔助生成 3D 的素材,真正可以編輯的矢量素材,這使得過去幾十年從來都沒有簡單過的 3D 建模變的更加容易上手,現(xiàn)在甚至可以實時協(xié)作,讓同事和你一同完成。目前 Spline AI 已經(jīng)支持物理規(guī)則和隨機性,能夠輔助生成動畫,目前正在內(nèi)測階段,快來嘗試吧~
對XR設(shè)計師來說,可以用該工具制作2D UI及3D模型界面等。同時也有豐富的社區(qū)資源供設(shè)計師快速調(diào)用。
下圖為某國外設(shè)計師利用Spline搭建了一個Apple Vision Pro的主頁界面Demo,支持相關(guān)交互的響應(yīng)動效,同時還支持多個格式的導(dǎo)出功能。
Demo鏈接直達:
https://app.spline.design/community/file/bb468234-d057-4c83-acec-5940ff14b1a5
如果你想系統(tǒng)性學(xué)習(xí)Spline工具,作者為你推薦幾個好用的學(xué)習(xí)文檔及教程:學(xué)習(xí)文檔:
https://cn.spline.design/learning-community學(xué)習(xí)教程:
https://space.bilibili.com/2033738697/channel/collectiondetail?sid=394913
2. Bezel
與Spline類似,Bezel也是一款基于瀏覽器的3D建模工具,拖拉拽即可操作。易上手,支持多種模型和場景,試用版免費,適合元宇宙賽道的產(chǎn)品經(jīng)理和沒有建模經(jīng)驗的設(shè)計師。
不過相較Spline, Bezi的開源社區(qū)資源沒有特別豐富,但我們依舊可以從它的社區(qū)資源中看到可以應(yīng)用在XR領(lǐng)域的設(shè)計可能性。3D模型場景,手勢交互,3D UI界面都可以通過該工具進行搭建。同時可與figma素材無縫銜接,也是大廠XR設(shè)計師使用的主要生產(chǎn)工具之一。
歡迎感興趣的同學(xué)關(guān)注其官方的學(xué)習(xí)教程文檔:https://bezi.com/hq/docs
3. Figma
作為UX/UI設(shè)計師使用的主要的矢量圖形編輯器及原型工具之一,figma同樣適用于XR領(lǐng)域的設(shè)計同學(xué)。尤其是Apple Vision Pro相關(guān)項目從業(yè)設(shè)計師或產(chǎn)品經(jīng)理,強烈優(yōu)先使用Figma。
AVP擁有Figma較全的設(shè)計組件庫及模版,更方便設(shè)計師及產(chǎn)品經(jīng)理快速使用。
Figma鏈接直達:
https://www.figma.com/file/U8b05floXkrzcTxeYbzOSf/Apple-Design-Resources—visionOS-(Community)?type=design&node-id=0-3861&mode=design&t=2f1swYsoh36vUuvX-0
4. Unity
Unity是一款實時3D互動內(nèi)容創(chuàng)作原型及開發(fā)平臺,目前主要可用于游戲及XR應(yīng)用的開發(fā)。對設(shè)計師來說Unity的上手門檻略高,因為需要一些Coding功底來進行一些基礎(chǔ)交互及動效的實現(xiàn)。但Unity工具能幫助設(shè)計師了解更多底層實現(xiàn)的邏輯,從而輸出更加實際可落地的方案。
但是為了降低上手和學(xué)習(xí)門檻,初學(xué)者可以先從unity中XR Interaction Toolkit入手;XR Interaction Toolkit(簡稱XRI)是一款基于組件的上層互動系統(tǒng),可用于創(chuàng)作VR和AR體驗。它提供了一種常見的互動框架,并簡化了跨平臺創(chuàng)作。
若想深入了解更新,歡迎查看XRI 2.3的更新說明文檔(What’s new in version 2.3.0 | XR Interaction Toolkit | 2.3.2 (unity3d.com)),或探索附帶的樣例項目(項目概覽 – xr-interaction-toolkit-examples – GitCode)。
隨著ChatGPT的爆發(fā),也有開發(fā)者自研了可以用于unity開發(fā)提效的插件,推薦其中一個unity+ChatGPT提效插件:
keijiro/AICommand:
https://github.com/keijiro/AICommand
可以助力你提升coding效率。該插件的使用方法也很簡單,基于ChatGPT只需與其進行文本對話,即可生成對應(yīng)代碼工程。
當(dāng)然類似的基于unity的AI插件很多,作者后續(xù)慢慢為大家介紹。
四、3D虛擬空間/全景圖片制作
1. Skybox Lab
Skybox Lab也是一款類似于Midjourney可用于文生圖(text-to-image)的AI繪圖工具,不同的是它可以,Skybox Lab生成的是360度視角的全景圖片。如果說傳統(tǒng)文生圖的最終產(chǎn)物還只能被局限在2D的平面之中,那么Skybox Lab就讓我們離AI生成“3D空間”更近了一步。這一產(chǎn)品可以被用來便捷地生成天空盒(Skybox)材質(zhì)。
與Midjourney等產(chǎn)品類似,Skybox Lab允許用戶通過文字prompt指示圖片生成的方向,并可生成近20種風(fēng)格的全景圖片。
2. Versy
Versy是一款可用于文本生成虛擬空間(Text-to-Space)的AI工具,可以通過文本提示詞創(chuàng)建可交互式的3D虛擬空間。該工具大大降低了內(nèi)容的創(chuàng)作門檻,讓不會建模的小白設(shè)計師也可以通過簡單的提示詞來創(chuàng)建交互式虛擬體驗。
目前Versy正處于內(nèi)測階段,需要審核才可使用,歡迎大家申請嘗試。
3. Canvas
Canvas是由英偉達出品的一款免費的可以生成真實圖像的AI藝術(shù)工具,可以將粗略的塊狀草圖轉(zhuǎn)變?yōu)楸普娴娘L(fēng)景圖像,支持普通平面圖片及360°全景圖片。你只需要給出粗略的形狀,就可以讓你使用不同顏色的筆觸來描繪自然環(huán)境的整體形態(tài),以代表不同的地貌,如丘陵、山脈、河流和海洋。
4. 360全景在線體驗工具查看器
再為大家推薦一款生成360全景體驗的查看器,基于AI繪圖工具生成的圖片,放到這個在線工具中,就可以為你生成360全景體驗,完全免費、在線觀看360全景圖像。有了它,你不僅可以創(chuàng)建一個URL與他人分享你的360度全景,也可以創(chuàng)建一個嵌入代碼,允許你嵌入這個全景查看器在你的網(wǎng)站頁面。高性能,不需要插件。
總結(jié)
本篇文章大家介紹了一些可用于生成文案、圖像繪制、原型創(chuàng)作及全景環(huán)境空間創(chuàng)作工具,主要有以下工具可供大家嘗試:
文案生成
ChatGPT:https://chat.openai.com
圖像制作
- Midjourney:https://www.midjourney.com/explore
- Stable Diffusion:https://beta.dreamstudio.ai/
- Firefly adobe:https://firefly.adobe.com/generate/images#
原型創(chuàng)作
- Spline:https://spline.design/ai
- Bezel:https://bezel.it
- Figma:https://www.figma.com/
- Unity:https://unity.com
3D虛擬空間/全景圖片制作
- Skybox Lab:https://skybox.blockadelabs.com/
- Versy:https://www.versy.ai/
- Canvas:https://www.nvidia.com/en-us/studio/canvas/
- 360全景在線體驗工具查看器:https://renderstuff.com/tools/360-panorama-web-viewer/
本文由 @Vicky。 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自 Unsplash,基于 CC0 協(xié)議
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
- 目前還沒評論,等你發(fā)揮!