天天看點

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

作者:人人都是産品經理
Midjourney是一款AI繪圖工具,适合想要快速入門的新手使用。它能輔助UI/UX設計師加快設計流程,通過關鍵詞來生成使用者指定類型的設計圖,可以指定主體物、配色和風格,更适合在APP設計的初始階段提供更多創意和靈感。但要想讓其生成的設計圖落地開發,目前還需要掌握更多技術。
Midjourney直接生成UI界面!AI設計體驗指南

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

而且現階段的AI已經能輔助進行設計,視覺效果相當吸睛。

那麼UI/UX設計師能用Midjourney加快哪些設計流程呢?我們一起來通過具體的實操,從主體、配色、風格等方向探索AI在設計中的應用!

一、AI設計指令

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

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

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

把裡面的「類型」替換成你想設計的産品的關鍵詞描述(英文),就能生成想要的UI設計圖。來看看幾個示例~

1. 出行類

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

2. 餐飲類

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

3. 運動類

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

二、主體物指令

确定了産品類型後,如果還想更進一步突顯産品的特色,可以在指令中加入主體描述來加強圖檔生成的效果。

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

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

電商類産品加上「模特實拍、商品清單、尺寸」等描述,就能得到一個常見的商品詳情頁設計圖。

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

三、配色指令

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

1. 餐飲類

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

2. 快遞類

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

3. 生活服務類

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

四、風格指令

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

1. 天氣類

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

2. 社交類

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

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

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

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

五、頁面指令

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

1. 社交平台

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

2. 資訊類

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

六、最後

通過一系列的AI出圖操作能發現,Midjourney産出的設計圖視覺效果都很不錯,更适合在APP設計的初始階段,例如頭腦風暴和風格探索等過程中,為設計師提供更多靈感和創意。

如果想讓Midjourney産出的UI設計圖直接落地開發,目前來看仍有一段距離,但按照AI現在的技術疊代速度,這個距離應該也不會太遠…

專欄作家

Clippp;微信公衆号:Clip設計夾。人人都是産品經理專欄作家。每周精選設計文章,專注分享關于産品、互動、UI視覺上的設計思考。

本文由作者原創釋出,未經許可,禁止轉載。

題圖來自 Unsplash,基于CC0協定。

該文觀點僅代表作者本人,人人都是産品經理平台僅提供資訊存儲空間服務。

繼續閱讀