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

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

一、文案生成

ChatGPT

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

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

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

??舉個例子

“你是一位某大廠的資深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ì)方案，請給我制定一個可以執(zhí)行的設(shè)計(jì)流程及設(shè)計(jì)方法（目標(biāo)）”

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

二、圖像制作

1. Midjourney

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

在XR設(shè)計(jì)領(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)格的飛機(jī)“l(fā)ow poly，airplane”

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

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

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

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

2. Stable Diffustion

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

應(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)上線，目前可以免費(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來說更加容易上手使用。同時還有提示詞建議，幫助你寫出更準(zhǔn)確可控的提示詞。

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

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

三、原型創(chuàng)作

1. Spline

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

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

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

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

Demo鏈接直達(dá)：

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建模工具，拖拉拽即可操作。易上手，支持多種模型和場景，試用版免費(fèi)，適合元宇宙賽道的產(chǎn)品經(jīng)理和沒有建模經(jīng)驗(yàn)的設(shè)計(jì)師。

不過相較Spline, Bezi的開源社區(qū)資源沒有特別豐富，但我們依舊可以從它的社區(qū)資源中看到可以應(yīng)用在XR領(lǐng)域的設(shè)計(jì)可能性。3D模型場景，手勢交互，3D UI界面都可以通過該工具進(jìn)行搭建。同時可與figma素材無縫銜接，也是大廠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ì)組件庫及模版，更方便設(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í)時3D互動內(nèi)容創(chuàng)作原型及開發(fā)平臺，目前主要可用于游戲及XR應(yīng)用的開發(fā)。對設(shè)計(jì)師來說Unity的上手門檻略高，因?yàn)樾枰恍〤oding功底來進(jìn)行一些基礎(chǔ)交互及動效的實(shí)現(xiàn)。但Unity工具能幫助設(shè)計(jì)師了解更多底層實(shí)現(xiàn)的邏輯，從而輸出更加實(shí)際可落地的方案。

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

若想深入了解更新，歡迎查看XRI 2.3的更新說明文檔（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ā)，也有開發(fā)者自研了可以用于unity開發(fā)提效的插件，推薦其中一個unity+ChatGPT提效插件：

keijiro/AICommand：

https://github.com/keijiro/AICommand

可以助力你提升coding效率。該插件的使用方法也很簡單，基于ChatGPT只需與其進(jìn)行文本對話，即可生成對應(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è)計(jì)師也可以通過簡單的提示詞來創(chuàng)建交互式虛擬體驗(yàn)。

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

3. Canvas

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

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

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

總結(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/