Halo，這里是設計夾，今天繼續分享「AI 工具 Midjourney」。

在上篇文章中，我們講到了如何利用 MJ 生成多種風格的 APP 界面??，這次更進一步來講講Midjourney在B端設計中如何發揮作用！

通過文本描述、圖片描述兩個 AI 方法，講解在 Midjourney 中生成交互線框圖、設計組件到 B 端頁面的整個流程，如何助力 UI/UX 設計～

一、文本描述

文本描述是 Midjourney 中最重要的出圖邏輯，在輸入框中輸入「/image+文本描述」來生成圖像。

1. 操作方法

如果我們想要生成一個 B 端界面，首先要清楚 B 端產品有哪些關鍵詞可以使用。

先試著在 Midjourney 中輸入一條簡單的 prompt 提示：「SaaS dashboard」，就能得到一個深色的 B 端界面效果。

比如現在更流行簡約淺色的 B 端設計風格，我們可以在 prompt 提示中加入“白色背景”描述，生成更加簡約和流行的 B 端界面：

「SaaS dashboard, UI, white background」

當然除了深色和白色，還可以繼續嘗試其他顏色，例如你負責的產品主色是紫色，想得到一個主題色為紫色的深色 B 端界面，使用這段提示：

「SaaS dashboard, UI, purplr, black, white background, frontal」

Midjourney 會根據關鍵詞提示默認給出 4 張圖像，圖像下面有 2 行按鈕，通過這些按鈕能進一步控制生成的圖像效果。

第一行的 U 是 Upscale，代表放大圖像提升細節，數字代表對應的圖像 U1, U2, U3, U4。

第二行的 V 是 Variation，代表在基礎上發生變化，數字表示對應的圖像 V1, V2, V3, V4。

選擇你覺得第 2 張圖效果不錯，還想看更多類似的圖像，就可以點擊 V2，再生成四個和第 2 張圖相似的圖像。

2. 使用分析

文本描述雖然操作起來很便捷，但對于剛使用 Midjourney 的小伙伴來說容易導致兩個問題：

一是無法準確描述出想要生成的圖像需要哪些關鍵詞提示；二是輸入了很多關鍵詞提示，但生成的圖像和預想的效果不一致。

對于一段關鍵詞提示，可能調整兩個字的前后順序或者增刪某一個字，都會對生成的結果產生很大的影響，從而導致產生很多廢稿。

對于這種情況，為了能更快更好地控制輸出效果，我們就可以使用下面要講到的圖片描述來 AI 創作。

二、圖片描述

Midjourney 中的圖片描述可以理解為以圖生圖。

把找到的設計參考圖上傳到 Midjourney 中，得到一個專屬的鏈接，再使用「參考圖鏈接+文本描述」的方式生成圖像。

1. 使用方法

例如我想得到一個帶有交互流程的 UI 界面圖，先把找好的素材圖上傳到 Midjourney 中。

在 Midjourney 中復制參考圖的鏈接再加上文字提示：「參考圖鏈接+node UI」，就能得到和參考圖很類似的設計圖。

如果想要純正面、扁平效果的設計流程圖，可以繼續調整文字提示：「參考圖鏈接+flat UI, node UI, frontal」

如果想要手繪風格、黑白風格的交互設計圖，在文字提示中加入：「參考圖鏈接+node UI, drawing style, frontal, black and white, flat UI, 2D, no shadow」

2. 加入參數

Midjourney 生成的圖默認是正方形，如果想得到其他比例的圖，需要在文字描述中加入特定的參數來做到這一點：「--aspect」或「--ar」

比例為 9:16 的設計圖，使用提示：

「參考圖鏈接+node UI, black and white --ar 9:16」

或者 16:9 的圖「參考圖鏈接+node UI, --ar 16:9」

三、組件設計

Midjourney 的作用不同于設計軟件，利用 AI 能在幾秒鐘內得到很有創造力的圖像，這些設計圖能為后面的設計提供更多靈感。

除了生成整張的設計圖，還可以擴寬思路，利用 AI 輸出多種風格的設計組件，探索更多設計風格的可能性。

1. 扁平組件系統

關鍵詞：「UI kit, flat design, outline, --ar 16:9」

2. 古馳風格按鈕

關鍵詞：「UI components, button, Gucci, --ar 16:9」

3. 立體按鈕

關鍵詞：「UI components, button, concrete, --ar 16:9」

4. 低保真線框按鈕

關鍵詞：「UI components, button, drawing, outline, --ar 16:9」

5. 像素風格按鈕

關鍵詞：「UI components, button, pixel art, --ar 16:9」

6. HUD

關鍵詞：「circular HUD interface」

最后

通過對于 AI 出圖的持續探索能發現，Midjourney 在 UI/UX 設計中能發揮的作用上限很高。小到一個圖標、組件，大到整個頁面、產品，都能為我們帶來意想不到的創意靈感。