火星網(wǎng)校
優(yōu)雅生成UI界面：Midjourney為您呈現(xiàn)AI設(shè)計(jì)體驗(yàn)指南
發(fā)布時(shí)間：2023-12-11 13:05:27 瀏覽量：232次
Midjourney是一款A(yù)I繪圖工具，適合想要快速入門的新手使用。它能輔助UI/UX設(shè)計(jì)師加快設(shè)計(jì)流程，通過關(guān)鍵詞來生成用戶指定類型的設(shè)計(jì)圖，可以指定主體物、配色和風(fēng)格，更適合在APP設(shè)計(jì)的初始階段提供更多創(chuàng)意和靈感。但要想讓其生成的設(shè)計(jì)圖落地開發(fā)，目前還需要掌握更多技術(shù)。
目前國(guó)內(nèi)外有很多熱門的AI繪圖工具，其中Midjourney是目前我覺得最容易上手的工具，對(duì)于完全不懂AI繪圖、想試試看的新手來說，是很不錯(cuò)的入門選擇。
而且現(xiàn)階段的AI已經(jīng)能輔助進(jìn)行設(shè)計(jì)，視覺效果相當(dāng)吸睛。
那么UI/UX設(shè)計(jì)師能用Midjourney加快哪些設(shè)計(jì)流程呢？我們一起來通過具體的實(shí)操，從主體、配色、風(fēng)格等方向探索AI在設(shè)計(jì)中的應(yīng)用！
一、AI設(shè)計(jì)指令
Midjourney中沒有固定的Prompt(指令)來生成某種APP，具體想要什么樣的效果要多多嘗試。
如果沒想好要輸入哪些指令，可以先用這個(gè)指令模板：
「ui design for [類型] application, mobile app, iPhone, iOS, Apple Design Award, screenshot, single screen, high resolution, dribbble」
把里面的「類型」替換成你想設(shè)計(jì)的產(chǎn)品的關(guān)鍵詞描述(英文)，就能生成想要的UI設(shè)計(jì)圖。來看看幾個(gè)示例~
1. 出行類
2. 餐飲類
3. 運(yùn)動(dòng)類
二、主體物指令
確定了產(chǎn)品類型后，如果還想更進(jìn)一步突顯產(chǎn)品的特色，可以在指令中加入主體描述來加強(qiáng)圖片生成的效果。
例如一個(gè)生鮮類APP想突顯蔬果很新鮮，可以加上更多相關(guān)的關(guān)鍵詞描述，例如「水果、蔬菜、新鮮」等，生成的圖片看起來就會(huì)特別新鮮。
電商類產(chǎn)品加上「模特實(shí)拍、商品列表、尺寸」等描述，就能得到一個(gè)常見的商品詳情頁設(shè)計(jì)圖。
三、配色指令
確定了APP類型和主體描述之后，還可以繼續(xù)定制想要的主題色，配色方案可以試試這個(gè)指令：「xxx color scheme」。
1. 餐飲類
2. 快遞類
3. 生活服務(wù)類
四、風(fēng)格指令
如果只依靠輸入配色指令無法滿足你的要求，還可以指定某種藝術(shù)風(fēng)格，甚至藝術(shù)家、設(shè)計(jì)師、插畫家的名字。
1. 天氣類
2. 社交類
例如一個(gè)聊天類軟件，輸入關(guān)鍵詞「K-pop fashion」，生成一個(gè)時(shí)尚流行的頁面效果。
輸入「by Van Gogh」，就能得到一個(gè)帶有梵高作品的UI頁面。
五、頁面指令
如果想指定AI生成某個(gè)頁面(首頁、登錄頁等)，只需要再加一段頁面指令描述就可以，例如「landing page、Profile Page」。
1. 社交平臺(tái)
2. 信息類
六、最后
通過一系列的AI出圖操作能發(fā)現(xiàn)，Midjourney產(chǎn)出的設(shè)計(jì)圖視覺效果都很不錯(cuò)，更適合在APP設(shè)計(jì)的初始階段，例如頭腦風(fēng)暴和風(fēng)格探索等過程中，為設(shè)計(jì)師提供更多靈感和創(chuàng)意。
如果想讓Midjourney產(chǎn)出的UI設(shè)計(jì)圖直接落地開發(fā)，目前來看仍有一段距離，但按照AI現(xiàn)在的技術(shù)迭代速度，這個(gè)距離應(yīng)該也不會(huì)太遠(yuǎn)…
專欄作家
Clippp；微信公眾號(hào)：Clip設(shè)計(jì)夾。人人都是產(chǎn)品經(jīng)理專欄作家。每周精選設(shè)計(jì)文章，專注分享關(guān)于產(chǎn)品、交互、UI視覺上的設(shè)計(jì)思考。
本文由作者原創(chuàng)發(fā)布，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Unsplash，基于CC0協(xié)議。
該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎？這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范，包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
-
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型，你get到了嗎？
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
-
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
-
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
-
6. 推薦10本適合UI設(shè)計(jì)師看的書籍，輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久？培訓(xùn)完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長(zhǎng)與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
-
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣？想學(xué)UI設(shè)計(jì)要多少錢？
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎？不知道學(xué)UI設(shè)計(jì)要花多少錢？不妨看看這篇文章，了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
-
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
