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

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

一、文案生成

ChatGPT

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

對XR設計師來說，我們可利用ChatGPT輔助我們進行以下設計賦能：

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

??舉個例子

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

關于UXUI設計師如何利用ChatGpt來賦能進行設計賦能，作者之前寫過一篇文章，歡迎感興趣的同學點擊進行學習。如何利用ChatGPT進行設計賦能（最全解析）

二、圖像制作

1. Midjourney

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

在XR設計領域主要可應用于虛擬人物、虛擬場景及3D模型物體的原畫繪制。

??舉個例子

繪制一個賽博朋克風格的人物角色：

“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風格的飛機“l(fā)ow poly，airplane”

針對Midjourney的教程，之前作者也寫過相關的快速入門教程。歡迎感興趣的同學進行點擊查看。

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

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

AI繪圖最常用的十一個領域都在這篇了?。ǜ矫枋鲫P鍵詞）

2. Stable Diffustion

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

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

給大家推薦幾個好用的學習網(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來說更加容易上手使用。同時還有提示詞建議，幫助你寫出更準確可控的提示詞。

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

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

三、原型創(chuàng)作

1. Spline

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

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

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

下圖為某國外設計師利用Spline搭建了一個Apple Vision Pro的主頁界面Demo，支持相關交互的響應動效，同時還支持多個格式的導出功能。

Demo鏈接直達：

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

如果你想系統(tǒng)性學習Spline工具，作者為你推薦幾個好用的學習文檔及教程：學習文檔：

https://cn.spline.design/learning-community學習教程：

https://space.bilibili.com/2033738697/channel/collectiondetail?sid=394913

2. Bezel

與Spline類似，Bezel也是一款基于瀏覽器的3D建模工具，拖拉拽即可操作。易上手，支持多種模型和場景，試用版免費，適合元宇宙賽道的產(chǎn)品經(jīng)理和沒有建模經(jīng)驗的設計師。

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

歡迎感興趣的同學關注其官方的學習教程文檔：https://bezi.com/hq/docs

3. Figma

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

AVP擁有Figma較全的設計組件庫及模版，更方便設計師及產(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應用的開發(fā)。對設計師來說Unity的上手門檻略高，因為需要一些Coding功底來進行一些基礎交互及動效的實現(xiàn)。但Unity工具能幫助設計師了解更多底層實現(xiàn)的邏輯，從而輸出更加實際可落地的方案。

但是為了降低上手和學習門檻，初學者可以先從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只需與其進行文本對話，即可生成對應代碼工程。

當然類似的基于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種風格的全景圖片。

2. Versy

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

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

3. Canvas

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

4. 360全景在線體驗工具查看器

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

總結

本篇文章大家介紹了一些可用于生成文案、圖像繪制、原型創(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全景在線體驗工具查看器：https://renderstuff.com/tools/360-panorama-web-viewer/