Midjourney直接生成UI界面!AI設(shè)計體驗指南

2024-7-2    資深UI設(shè)計者

 
 
 

Halo,這里是設(shè)計夾,今天為大家分享的是「AI工具M(jìn)idjourney」。

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

而且現(xiàn)階段的AI已經(jīng)能輔助進(jìn)行設(shè)計,視覺效果相當(dāng)吸睛。那么UI/UX設(shè)計師能用Midjourney加快哪些設(shè)計流程呢?我們一起來通過具體的實操,從主體、配色、風(fēng)格等方向探索AI在設(shè)計中的應(yīng)用!

 

一、AI設(shè)計指令

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

如果沒想好要輸入哪些指令,可以先用這個指令模板:

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

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

出行類

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

 

 

 

餐飲類

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

 

 

 

運動類

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

 

 

 

二、主體物指令

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

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

 

 

 

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

 

 

 

 

三、配色指令

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

餐飲類

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

 

 

 

快遞類

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

 

 

 

生活服務(wù)類

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

 

 

 

四、風(fēng)格指令

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

天氣類

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

 

 

 

社交類

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

 

 

 

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

 

 

 

五、頁面指令

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

社交平臺

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

 

 

 

信息類

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

 

 

 

最后

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

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

 

 

作者:Clippp
鏈接:https://www.zcool.com.cn/article/ZMTU0MTE4OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
 

藍(lán)藍(lán)設(shè)計(m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計、桌面端界面設(shè)計APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

 

日歷

鏈接

個人資料

存檔