如何利用Midjourney在B端設計中發揮作用：從文本描述到頁面設計的完整流程
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 設計中能發揮的作用上限很高。小到一個圖標、組件，大到整個頁面、產品，都能為我們帶來意想不到的創意靈感。