UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

目前國(guó)內(nèi)外有很多熱門(mén)的 AI 繪圖工具,其中 Midjourney 是目前我覺(jué)得最容易上手的工具,對(duì)于完全不懂 AI 繪圖、想試試看的新手來(lái)說(shuō),是很不錯(cuò)的入門(mén)選擇。

而且現(xiàn)階段的 AI 已經(jīng)能輔助進(jìn)行設(shè)計(jì),視覺(jué)效果相當(dāng)吸睛。

那么 UI/UX 設(shè)計(jì)師能用 Midjourney 加快哪些設(shè)計(jì)流程呢?我們一起來(lái)通過(guò)具體的實(shí)操,從主體、配色、風(fēng)格等方向探索 AI 在設(shè)計(jì)中的應(yīng)用!

更多實(shí)戰(zhàn)案例:

一、AI 設(shè)計(jì)指令

Midjourney 中沒(méi)有固定的 Prompt(指令)來(lái)生成某種 APP,具體想要什么樣的效果要多多嘗試。

如果沒(méi)想好要輸入哪些指令,可以先用這個(gè)指令模板:

「ui design for [類(lèi)型] application, mobile app, iPhone, iOS, Apple Design Award, screenshot, single screen, high resolution, dribbble」

把里面的「類(lèi)型」替換成你想設(shè)計(jì)的產(chǎn)品的關(guān)鍵詞描述(英文),就能生成想要的 UI 設(shè)計(jì)圖。來(lái)看看幾個(gè)示例~

1. 出行類(lèi)

關(guān)鍵詞:「距離、車(chē)費(fèi)、費(fèi)用結(jié)算、優(yōu)惠金額、地圖」等。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

2. 餐飲類(lèi)

關(guān)鍵詞:「介紹咖啡的特色、口味、咖啡豆產(chǎn)地、價(jià)格」等。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

3. 運(yùn)動(dòng)類(lèi)

關(guān)鍵詞:「卡路里、步數(shù)、距離、某種運(yùn)動(dòng)」等描述。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

二、主體物指令

確定了產(chǎn)品類(lèi)型后,如果還想更進(jìn)一步突顯產(chǎn)品的特色,可以在指令中加入主體描述來(lái)加強(qiáng)圖片生成的效果。

例如一個(gè)生鮮類(lèi) APP 想突顯蔬果很新鮮,可以加上更多相關(guān)的關(guān)鍵詞描述,例如「水果、蔬菜、新鮮」等,生成的圖片看起來(lái)就會(huì)特別新鮮。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

電商類(lèi)產(chǎn)品加上「模特實(shí)拍、商品列表、尺寸」等描述,就能得到一個(gè)常見(jiàn)的商品詳情頁(yè)設(shè)計(jì)圖。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

三、配色指令

確定了 APP 類(lèi)型和主體描述之后,還可以繼續(xù)定制想要的主題色,配色方案可以試試這個(gè)指令:「xxx color scheme」。

1. 餐飲類(lèi)

關(guān)鍵詞:「beach style color」,就能生成一個(gè)沙灘風(fēng)飲料訂購(gòu)頁(yè)面,設(shè)計(jì)風(fēng)格也很有意思。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

2. 快遞類(lèi)

關(guān)鍵詞:輸入「Forest」指令,生成的圖片會(huì)長(zhǎng)很多樹(shù),有一種親近自然的感覺(jué)。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

3. 生活服務(wù)類(lèi)

關(guān)鍵詞:「glacier color scheme」,可以得到一個(gè)很有氛圍感的訂房界面。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

四、風(fēng)格指令

如果只依靠輸入配色指令無(wú)法滿足你的要求,還可以指定某種藝術(shù)風(fēng)格,甚至藝術(shù)家、設(shè)計(jì)師、插畫(huà)家的名字。

1. 天氣類(lèi)

關(guān)鍵詞:「Pop art」,一個(gè)色彩鮮艷配色大膽圖案搶眼的波普藝術(shù)風(fēng)格的天氣 APP 就生成了。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

2. 社交類(lèi)

例如一個(gè)聊天類(lèi)軟件,輸入關(guān)鍵詞「K-pop fashion」,生成一個(gè)時(shí)尚流行的頁(yè)面效果。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

輸入「by Van Gogh」,就能得到一個(gè)帶有梵高作品的 UI 頁(yè)面。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

五、頁(yè)面指令

如果想指定 AI 生成某個(gè)頁(yè)面(首頁(yè)、登錄頁(yè)等),只需要再加一段頁(yè)面指令描述就可以,例如「landing page、Profile Page」。

1. 社交平臺(tái)

關(guān)鍵詞:「landing page」,一個(gè)社交平臺(tái)的登錄頁(yè)設(shè)計(jì)就出來(lái)了。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

2. 信息類(lèi)

關(guān)鍵詞:「Profile Page」,生成人力資源類(lèi)產(chǎn)品的個(gè)人資料頁(yè),里面包含照片、自我介紹、基本信息等內(nèi)容。

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

最后

通過(guò)一系列的 AI 出圖操作能發(fā)現(xiàn),Midjourney 產(chǎn)出的設(shè)計(jì)圖視覺(jué)效果都很不錯(cuò),更適合在 APP 設(shè)計(jì)的初始階段,例如頭腦風(fēng)暴和風(fēng)格探索等過(guò)程中,為設(shè)計(jì)師提供更多靈感和創(chuàng)意。

如果想讓 Midjourney 產(chǎn)出的 UI 設(shè)計(jì)圖直接落地開(kāi)發(fā),目前來(lái)看仍有一段距離,但按照 AI 現(xiàn)在的技術(shù)迭代速度,這個(gè)距離應(yīng)該也不會(huì)太遠(yuǎn)…

歡迎關(guān)注作者微信公眾號(hào):「Clip設(shè)計(jì)夾」

UI設(shè)計(jì)師如何用 Midjourney 生成界面?收下這份關(guān)鍵詞總結(jié)!

收藏 112
點(diǎn)贊 40

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。