如何用Midjourney生成B端產(chǎn)品頁面？收下這份AI關(guān)鍵詞總結(jié)！

Halo，這里是設(shè)計夾，今天繼續(xù)分享「AI 工具 Midjourney」。

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

注：由于沒有做AI放大，示例圖略微模糊。

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

一、文本描述

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

1. 操作方法

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

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

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

「SaaS dashboard, UI, white background」

當(dāng)然除了深色和白色，還可以繼續(xù)嘗試其他顏色，例如你負(fù)責(zé)的產(chǎn)品主色是紫色，想得到一個主題色為紫色的深色 B 端界面，使用這段提示：

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

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

第一行的 U 是 Upscale，代表放大圖像提升細(xì)節(jié)，數(shù)字代表對應(yīng)的圖像 U1, U2, U3, U4。

第二行的 V 是 Variation，代表在基礎(chǔ)上發(fā)生變化，數(shù)字表示對應(yīng)的圖像 V1, V2, V3, V4。

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

2. 使用分析

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

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

對于一段關(guān)鍵詞提示，可能調(diào)整兩個字的前后順序或者增刪某一個字，都會對生成的結(jié)果產(chǎn)生很大的影響，從而導(dǎo)致產(chǎn)生很多廢稿。

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

二、圖片描述

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

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

1. 使用方法

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

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

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

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

2. 加入?yún)?shù)

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

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

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

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

三、組件設(shè)計

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

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

1. 扁平組件系統(tǒng)

關(guān)鍵詞：「UI kit, flat design, outline, --ar 16:9」

2. 古馳風(fēng)格按鈕

關(guān)鍵詞：「UI components, button, Gucci, --ar 16:9」

3. 立體按鈕

關(guān)鍵詞：「UI components, button, concrete, --ar 16:9」

4. 低保真線框按鈕

關(guān)鍵詞：「UI components, button, drawing, outline, --ar 16:9」

5. 像素風(fēng)格按鈕

關(guān)鍵詞：「UI components, button, pixel art, --ar 16:9」

6. HUD

關(guān)鍵詞：「circular HUD interface」

最后

通過對于 AI 出圖的持續(xù)探索能發(fā)現(xiàn)，Midjourney 在 UI/UX 設(shè)計中能發(fā)揮的作用上限很高。小到一個圖標(biāo)、組件，大到整個頁面、產(chǎn)品，都能為我們帶來意想不到的創(chuàng)意靈感。

歡迎關(guān)注作者微信公眾號：「Clip設(shè)計夾」