伴隨著AI技術(shù)的進(jìn)步，大量設(shè)計(jì)工具也發(fā)生了革新，那么，有哪些設(shè)計(jì)工具值得設(shè)計(jì)師和產(chǎn)品經(jīng)理關(guān)注、甚至運(yùn)用到工作中？本文便篩選了一些好用的工具，一起來(lái)看看吧。

隨著AI浪潮的爆發(fā)，各種賦能于繪畫、UI及3D美術(shù)領(lǐng)域的設(shè)計(jì)工具都發(fā)生了革新，提升了設(shè)計(jì)效率。本期作者將介紹從上百個(gè)AI設(shè)計(jì)工具及插件中篩選出好用的提效設(shè)計(jì)工具，這些對(duì)XR設(shè)計(jì)師及產(chǎn)品經(jīng)理可以快速上手且高效賦能的好工具，希望能幫助到大家日常的學(xué)習(xí)和工作。

一、文案生成

ChatGPT

業(yè)界知名的公司 Open AI 出品的AI聊天機(jī)器人程序，ChatGPT是一個(gè)由OpenAI開(kāi)發(fā)的自然語(yǔ)言處理模型，這個(gè)模型被設(shè)計(jì)用于各種自然語(yǔ)言處理任務(wù)，如聊天對(duì)話、問(wèn)答、文本生成和信息檢索。

對(duì)XR設(shè)計(jì)師來(lái)說(shuō)，我們可利用ChatGPT輔助我們進(jìn)行以下設(shè)計(jì)賦能：

• 創(chuàng)意靈感和概念開(kāi)發(fā)：ChatGPT可以幫助XR設(shè)計(jì)師生成新的XR項(xiàng)目的創(chuàng)意靈感和概念。提供一些關(guān)于項(xiàng)目目標(biāo)、受眾、主題等方面的信息，然后從其生成的想法中獲得靈感。
• 用戶界面設(shè)計(jì)：ChatGPT可以提供有關(guān)XR用戶界面設(shè)計(jì)的建議和指南。你可以詢問(wèn)有關(guān)交互設(shè)計(jì)、界面布局、顏色方案等方面的建議，以改進(jìn)用戶體驗(yàn)。
• 3D模型和虛擬環(huán)境設(shè)計(jì)：ChatGPT可以幫助你創(chuàng)建虛擬場(chǎng)景、建筑和3D模型的初步設(shè)計(jì)。你可以提供有關(guān)場(chǎng)景、物體或建筑的要求，并根據(jù)ChatGPT的建議來(lái)設(shè)計(jì)虛擬環(huán)境。
• 用戶測(cè)試和反饋分析：ChatGPT可以生成問(wèn)題，來(lái)幫助你準(zhǔn)備用戶測(cè)試的問(wèn)題。它還可以協(xié)助分析用戶反饋，從中提取關(guān)鍵見(jiàn)解，以改進(jìn)XR應(yīng)用的設(shè)計(jì)。
• 交互式演示和原型：ChatGPT可以生成原型演示、交互式演示或虛擬演練的想法，幫助你展示項(xiàng)目概念和設(shè)計(jì)。
• 制定XR策略：你可以與ChatGPT交流，討論XR策略、市場(chǎng)定位、目標(biāo)受眾以及與XR技術(shù)相關(guān)的趨勢(shì)和挑戰(zhàn)。

??舉個(gè)例子

“你是一位某大廠的資深UX設(shè)計(jì)師，擁有豐富XR（AR，VR，MR）領(lǐng)域的UX/UI設(shè)計(jì)經(jīng)驗(yàn)（身份），目前你正在為某款MR硬件頭顯軟件系統(tǒng)進(jìn)行UX設(shè)計(jì)(背景或叫現(xiàn)狀)，你想從0到1制定該MR系統(tǒng)的設(shè)計(jì)方案，請(qǐng)給我制定一個(gè)可以執(zhí)行的設(shè)計(jì)流程及設(shè)計(jì)方法（目標(biāo)）”

關(guān)于UXUI設(shè)計(jì)師如何利用ChatGpt來(lái)賦能進(jìn)行設(shè)計(jì)賦能，作者之前寫過(guò)一篇文章，歡迎感興趣的同學(xué)點(diǎn)擊進(jìn)行學(xué)習(xí)。如何利用ChatGPT進(jìn)行設(shè)計(jì)賦能（最全解析）

二、圖像制作

1. Midjourney

你有沒(méi)有想象過(guò)你可以把你輸入的文本變成圖片？Midjourney是目前市場(chǎng)最火的，設(shè)計(jì)師運(yùn)用主流繪畫工具，特點(diǎn)是生成圖片不局限于二次元人物，且能夠生成照片級(jí)精細(xì)的圖。

在XR設(shè)計(jì)領(lǐng)域主要可應(yīng)用于虛擬人物、虛擬場(chǎng)景及3D模型物體的原畫繪制。

??舉個(gè)例子

繪制一個(gè)賽博朋克風(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”

再來(lái)舉一個(gè)繪制3D模型的例子，繪制一個(gè)Low poly風(fēng)格的飛機(jī)“l(fā)ow poly，airplane”

針對(duì)Midjourney的教程，之前作者也寫過(guò)相關(guān)的快速入門教程。歡迎感興趣的同學(xué)進(jìn)行點(diǎn)擊查看。

十分鐘帶你快速上手Midjourney（文末附送AI繪畫實(shí)用工具資源）

如何保證Midjourney繪畫的可控性和連續(xù)性，收藏這篇就夠了?。ǜ交A(chǔ)參數(shù)匯總）

AI繪圖最常用的十一個(gè)領(lǐng)域都在這篇了?。ǜ矫枋鲫P(guān)鍵詞）

2. Stable Diffustion

號(hào)稱目前最強(qiáng)的AI繪畫工具，Stable Diffustion是個(gè)開(kāi)源的項(xiàng)目，所以目前市面上很多 AI 工具用的都是它的代碼，說(shuō)是 AI 界的老大哥也不為過(guò)！缺點(diǎn)就是需要繁雜的配置。

應(yīng)用場(chǎng)景與Midjourney一樣，同樣也可應(yīng)用于虛擬人物、虛擬場(chǎng)景及3D模型物體的原畫繪制。

給大家推薦幾個(gè)好用的學(xué)習(xí)網(wǎng)站：Stable Diffusion Book：StableDiffusionBook – StableDiffusionBook (dianas.cyou)

來(lái)自騰訊的Stable Diffusion入門手冊(cè)：開(kāi)源圖像模型Stable Diffusion入門手冊(cè)

3. Firefly Adobe

Adobe推出了名為Adobe Firefly的AI文生圖工具，僅通過(guò)文字提示就可以生成AI圖像。目前其中文生圖模型 Firefly Image 2 已經(jīng)在 Adobe Firefly 官網(wǎng)上線，目前可以免費(fèi)體驗(yàn)，其圖像生成質(zhì)量相比之前的 Image 1 有了極大提升。

進(jìn)入官網(wǎng)登陸后，可以看到有很多AI功能如文生圖、創(chuàng)意填充、文字效果等，還有即將推出的創(chuàng)建3D并生成圖像功能，可以期待一下。

Firefly的文生圖功能已經(jīng)將圖片的大小尺寸、效果和顏色基調(diào)做了一些封裝，供用戶快速選擇，相較于Midjourney和Stable Diffusion來(lái)說(shuō)更加容易上手使用。同時(shí)還有提示詞建議，幫助你寫出更準(zhǔn)確可控的提示詞。

這里也有Adobe官方出的關(guān)于如何寫好提示詞的教程文檔：

https://helpx.adobe.com/cn/firefly/using/tips-and-tricks.html 對(duì)XR設(shè)計(jì)師來(lái)說(shuō)也是一個(gè)不錯(cuò)的選擇工具。

三、原型創(chuàng)作

1. Spline

Spline是一款輕量化3D在線協(xié)作設(shè)計(jì)工具，集建模，材質(zhì)，交互，動(dòng)畫，代碼交付于一身。是一款非常適合XR領(lǐng)域設(shè)計(jì)師用于空間UI、模型及動(dòng)效的軟件。

今年Spline也上架了其AI功能，能夠借助 prompt 來(lái)輔助生成 3D 的素材，真正可以編輯的矢量素材，這使得過(guò)去幾十年從來(lái)都沒(méi)有簡(jiǎn)單過(guò)的 3D 建模變的更加容易上手，現(xiàn)在甚至可以實(shí)時(shí)協(xié)作，讓同事和你一同完成。目前 Spline AI 已經(jīng)支持物理規(guī)則和隨機(jī)性，能夠輔助生成動(dòng)畫，目前正在內(nèi)測(cè)階段，快來(lái)嘗試吧～

對(duì)XR設(shè)計(jì)師來(lái)說(shuō)，可以用該工具制作2D UI及3D模型界面等。同時(shí)也有豐富的社區(qū)資源供設(shè)計(jì)師快速調(diào)用。

下圖為某國(guó)外設(shè)計(jì)師利用Spline搭建了一個(gè)Apple Vision Pro的主頁(yè)界面Demo，支持相關(guān)交互的響應(yīng)動(dòng)效，同時(shí)還支持多個(gè)格式的導(dǎo)出功能。

Demo鏈接直達(dá)：

https://app.spline.design/community/file/bb468234-d057-4c83-acec-5940ff14b1a5

如果你想系統(tǒng)性學(xué)習(xí)Spline工具，作者為你推薦幾個(gè)好用的學(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ǎng)景，試用版免費(fèi)，適合元宇宙賽道的產(chǎn)品經(jīng)理和沒(méi)有建模經(jīng)驗(yàn)的設(shè)計(jì)師。

不過(guò)相較Spline, Bezi的開(kāi)源社區(qū)資源沒(méi)有特別豐富，但我們依舊可以從它的社區(qū)資源中看到可以應(yīng)用在XR領(lǐng)域的設(shè)計(jì)可能性。3D模型場(chǎng)景，手勢(shì)交互，3D UI界面都可以通過(guò)該工具進(jìn)行搭建。同時(shí)可與figma素材無(wú)縫銜接，也是大廠XR設(shè)計(jì)師使用的主要生產(chǎn)工具之一。

歡迎感興趣的同學(xué)關(guān)注其官方的學(xué)習(xí)教程文檔：https://bezi.com/hq/docs

3. Figma

作為UX/UI設(shè)計(jì)師使用的主要的矢量圖形編輯器及原型工具之一，figma同樣適用于XR領(lǐng)域的設(shè)計(jì)同學(xué)。尤其是Apple Vision Pro相關(guān)項(xiàng)目從業(yè)設(shè)計(jì)師或產(chǎn)品經(jīng)理，強(qiáng)烈優(yōu)先使用Figma。

AVP擁有Figma較全的設(shè)計(jì)組件庫(kù)及模版，更方便設(shè)計(jì)師及產(chǎn)品經(jīng)理快速使用。

Figma鏈接直達(dá):

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是一款實(shí)時(shí)3D互動(dòng)內(nèi)容創(chuàng)作原型及開(kāi)發(fā)平臺(tái)，目前主要可用于游戲及XR應(yīng)用的開(kāi)發(fā)。對(duì)設(shè)計(jì)師來(lái)說(shuō)Unity的上手門檻略高，因?yàn)樾枰恍〤oding功底來(lái)進(jìn)行一些基礎(chǔ)交互及動(dòng)效的實(shí)現(xiàn)。但Unity工具能幫助設(shè)計(jì)師了解更多底層實(shí)現(xiàn)的邏輯，從而輸出更加實(shí)際可落地的方案。

但是為了降低上手和學(xué)習(xí)門檻，初學(xué)者可以先從unity中XR Interaction Toolkit入手；XR Interaction Toolkit（簡(jiǎn)稱XRI）是一款基于組件的上層互動(dòng)系統(tǒng)，可用于創(chuàng)作VR和AR體驗(yàn)。它提供了一種常見(jiàn)的互動(dòng)框架，并簡(jiǎn)化了跨平臺(tái)創(chuàng)作。

若想深入了解更新，歡迎查看XRI 2.3的更新說(shuō)明文檔（What’s new in version 2.3.0 | XR Interaction Toolkit | 2.3.2 (unity3d.com)），或探索附帶的樣例項(xiàng)目（項(xiàng)目概覽 – xr-interaction-toolkit-examples – GitCode）。

隨著ChatGPT的爆發(fā)，也有開(kāi)發(fā)者自研了可以用于unity開(kāi)發(fā)提效的插件，推薦其中一個(gè)unity+ChatGPT提效插件：

keijiro/AICommand：

https://github.com/keijiro/AICommand

可以助力你提升coding效率。該插件的使用方法也很簡(jiǎn)單，基于ChatGPT只需與其進(jìn)行文本對(duì)話，即可生成對(duì)應(yīng)代碼工程。

當(dāng)然類似的基于unity的AI插件很多，作者后續(xù)慢慢為大家介紹。

四、3D虛擬空間/全景圖片制作

1. Skybox Lab

Skybox Lab也是一款類似于Midjourney可用于文生圖（text-to-image）的AI繪圖工具，不同的是它可以，Skybox Lab生成的是360度視角的全景圖片。如果說(shuō)傳統(tǒng)文生圖的最終產(chǎn)物還只能被局限在2D的平面之中，那么Skybox Lab就讓我們離AI生成“3D空間”更近了一步。這一產(chǎn)品可以被用來(lái)便捷地生成天空盒（Skybox）材質(zhì)。

與Midjourney等產(chǎn)品類似，Skybox Lab允許用戶通過(guò)文字prompt指示圖片生成的方向，并可生成近20種風(fēng)格的全景圖片。

2. Versy

Versy是一款可用于文本生成虛擬空間（Text-to-Space）的AI工具，可以通過(guò)文本提示詞創(chuàng)建可交互式的3D虛擬空間。該工具大大降低了內(nèi)容的創(chuàng)作門檻，讓不會(huì)建模的小白設(shè)計(jì)師也可以通過(guò)簡(jiǎn)單的提示詞來(lái)創(chuàng)建交互式虛擬體驗(yàn)。

目前Versy正處于內(nèi)測(cè)階段，需要審核才可使用，歡迎大家申請(qǐng)嘗試。

3. Canvas

Canvas是由英偉達(dá)出品的一款免費(fèi)的可以生成真實(shí)圖像的AI藝術(shù)工具，可以將粗略的塊狀草圖轉(zhuǎn)變?yōu)楸普娴娘L(fēng)景圖像，支持普通平面圖片及360°全景圖片。你只需要給出粗略的形狀，就可以讓你使用不同顏色的筆觸來(lái)描繪自然環(huán)境的整體形態(tài)，以代表不同的地貌，如丘陵、山脈、河流和海洋。

4. 360全景在線體驗(yàn)工具查看器

再為大家推薦一款生成360全景體驗(yàn)的查看器，基于AI繪圖工具生成的圖片，放到這個(gè)在線工具中，就可以為你生成360全景體驗(yàn)，完全免費(fèi)、在線觀看360全景圖像。有了它，你不僅可以創(chuàng)建一個(gè)URL與他人分享你的360度全景，也可以創(chuàng)建一個(gè)嵌入代碼，允許你嵌入這個(gè)全景查看器在你的網(wǎng)站頁(yè)面。高性能，不需要插件。

總結(jié)

本篇文章大家介紹了一些可用于生成文案、圖像繪制、原型創(chuàng)作及全景環(huán)境空間創(chuàng)作工具，主要有以下工具可供大家嘗試：

文案生成

ChatGPT：https://chat.openai.com

圖像制作

1. Midjourney：https://www.midjourney.com/explore
2. Stable Diffusion：https://beta.dreamstudio.ai/
3. Firefly adobe：https://firefly.adobe.com/generate/images#

原型創(chuàng)作

1. Spline：https://spline.design/ai
2. Bezel：https://bezel.it
3. Figma：https://www.figma.com/
4. Unity:https://unity.com

3D虛擬空間/全景圖片制作

1. Skybox Lab：https://skybox.blockadelabs.com/
2. Versy：https://www.versy.ai/
3. Canvas：https://www.nvidia.com/en-us/studio/canvas/
4. 360全景在線體驗(yàn)工具查看器：https://renderstuff.com/tools/360-panorama-web-viewer/