引言

隨著 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í)和工作。

更多XR干貨：

一、文案生成

1. ChatGPT

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

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

1. 創(chuàng)意靈感和概念開發(fā)：ChatGPT 可以幫助 XR 設(shè)計(jì)師生成新的 XR 項(xiàng)目的創(chuàng)意靈感和概念。提供一些關(guān)于項(xiàng)目目標(biāo)、受眾、主題等方面的信息，然后從其生成的想法中獲得靈感。
2. 用戶界面設(shè)計(jì)：ChatGPT 可以提供有關(guān) XR 用戶界面設(shè)計(jì)的建議和指南。你可以詢問有關(guān)交互設(shè)計(jì)、界面布局、顏色方案等方面的建議，以改進(jìn)用戶體驗(yàn)。
3. 3D 模型和虛擬環(huán)境設(shè)計(jì)：ChatGPT 可以幫助你創(chuàng)建虛擬場(chǎng)景、建筑和 3D 模型的初步設(shè)計(jì)。你可以提供有關(guān)場(chǎng)景、物體或建筑的要求，并根據(jù) ChatGPT 的建議來設(shè)計(jì)虛擬環(huán)境。
4. 用戶測(cè)試和反饋分析：ChatGPT 可以生成問題，來幫助你準(zhǔn)備用戶測(cè)試的問題。它還可以協(xié)助分析用戶反饋，從中提取關(guān)鍵見解，以改進(jìn) XR 應(yīng)用的設(shè)計(jì)。
5. 交互式演示和原型：ChatGPT 可以生成原型演示、交互式演示或虛擬演練的想法，幫助你展示項(xiàng)目概念和設(shè)計(jì)。
6. 制定 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 來賦能進(jìn)行設(shè)計(jì)賦能，作者之前寫過一篇文章，歡迎感興趣的同學(xué)點(diǎn)擊進(jìn)行學(xué)習(xí)：

二、圖像制作

1. Midjourney

你有沒有想象過你可以把你輸入的文本變成圖片？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”

再來舉一個(gè)繪制 3D 模型的例子，Low poly 風(fēng)格的飛機(jī)

“l(fā)ow poly，airplane”

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

2. Stable Diffustion

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

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

大家可以在優(yōu)設(shè)搜索Stable Diffusion 學(xué)習(xí)相關(guān)教程。

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

這里也有 Adobe 官方出的關(guān)于如何寫好提示詞的教程文檔：https://helpx.adobe.com/cn/firefly/using/tips-and-tricks.html

對(duì) XR 設(shè)計(jì)師來說也是一個(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 來輔助生成 3D 的素材，真正可以編輯的矢量素材，這使得過去幾十年從來都沒有簡(jiǎn)單過的 3D 建模變的更加容易上手，現(xiàn)在甚至可以實(shí)時(shí)協(xié)作，讓同事和你一同完成。目前 Spline AI 已經(jīng)支持物理規(guī)則和隨機(jī)性，能夠輔助生成動(dòng)畫，目前正在內(nèi)測(cè)階段，快來嘗試吧～

對(duì) XR 設(shè)計(jì)師來說，可以用該工具制作 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

如果你想系統(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)理和沒有建模經(jīng)驗(yàn)的設(shè)計(jì)師。

不過相較 Spline, Bezi 的開源社區(qū)資源沒有特別豐富，但我們依舊可以從它的社區(qū)資源中看到可以應(yīng)用在 XR 領(lǐng)域的設(shè)計(jì)可能性。3D 模型場(chǎng)景，手勢(shì)交互，3D UI 界面都可以通過該工具進(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

4. Unity

Unity 是一款實(shí)時(shí) 3D 互動(dòng)內(nèi)容創(chuàng)作原型及開發(fā)平臺(tái)，目前主要可用于游戲及 XR 應(yīng)用的開發(fā)。對(duì)設(shè)計(jì)師來說 Unity 的上手門檻略高，因?yàn)樾枰恍?Coding 功底來進(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)。它提供了一種常見的互動(dòng)框架，并簡(jiǎn)化了跨平臺(tái)創(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ā)提效的插件，推薦其中一個(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 度視角的全景圖片。如果說傳統(tǒng)文生圖的最終產(chǎn)物還只能被局限在 2D 的平面之中，那么 Skybox Lab 就讓我們離 AI 生成“3D 空間”更近了一步。這一產(chǎn)品可以被用來便捷地生成天空盒（Skybox）材質(zhì)。

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

詳細(xì)介紹：

2. Versy

Versy 是一款可用于文本生成虛擬空間（Text-to-Space）的 AI 工具，可以通過文本提示詞創(chuàng)建可交互式的 3D 虛擬空間。該工具大大降低了內(nèi)容的創(chuàng)作門檻，讓不會(huì)建模的小白設(shè)計(jì)師也可以通過簡(jiǎn)單的提示詞來創(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°全景圖片。你只需要給出粗略的形狀，就可以讓你使用不同顏色的筆觸來描繪自然環(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è)面。高性能，不需要插件。

360 全景在線體驗(yàn)工具查看器：https://renderstuff.com/tools/360-panorama-web-viewer/

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

歡迎關(guān)注作者微信公眾號(hào)：Vicky Design Studio