使用Midjourney進(jìn)行網(wǎng)頁(yè)ui設(shè)計(jì)的完整描述關(guān)鍵詞指南

在這個(gè) Midjourney 描述關(guān)鍵詞學(xué)習(xí)指南中,我們將探討如何使用它來提高您在工作相關(guān)任務(wù)中的效率和創(chuàng)造力。人們對(duì) Midjourney 如此興奮的原因之一是它可以完成許多現(xiàn)實(shí)世界的設(shè)計(jì)任務(wù):它可以做平面設(shè)計(jì)、插畫、游戲設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)。設(shè)計(jì)師可以通過多種方式將 Midjourney 融入他們的設(shè)計(jì)過程:

  • 激發(fā)您的視覺品牌

  • 生成您的標(biāo)志

  • 創(chuàng)建營(yíng)銷插畫

  • 網(wǎng)頁(yè)設(shè)計(jì)和樣機(jī)

我們今天的重點(diǎn)是網(wǎng)頁(yè)設(shè)計(jì)和樣機(jī),雖然 Midjourney 不會(huì)生成完整版的網(wǎng)頁(yè)設(shè)計(jì)方案(可以縮放到任何分辨率并發(fā)送給 Web 開發(fā)人員的矢量圖形),但您可以制作設(shè)計(jì)風(fēng)格稿和初步方案。

我們將分享一些能夠產(chǎn)生出色結(jié)果的prompt(咒語)描述關(guān)鍵詞,以及教你將這些prompt關(guān)鍵詞轉(zhuǎn)化為實(shí)際網(wǎng)頁(yè)設(shè)計(jì)。

1,入門

最簡(jiǎn)單直接的用法,用“ web design for...”或“ modern web design for..”開始你的描述。然后接著描述您的業(yè)務(wù)或品牌。

示例 prompt(咒語):web design for a generic SaaS startup --ar 3:2

出圖:

aitu_web_design_for_a_generic_SaaS_startup_bd0ecf52-db08-4eba-83b8-2ea48c08a679.jpg

2,Negative Prompting 反向關(guān)鍵詞

在您的提示中使用“ --no”。這是一個(gè)非常強(qiáng)大的命令,很多人用的不多。

--no 告訴 Midjourney 你不想要什么。之后輸入的任何內(nèi)容都不會(huì)出現(xiàn)在您的繪畫中。這稱為:Negative Prompt 反向關(guān)鍵詞。

Midjourney 的默認(rèn)風(fēng)格傾向于“現(xiàn)實(shí)和詳細(xì)”。但這可能不適合您的品牌。如果你是一個(gè)更注重科技的品牌,你可能會(huì)想要更簡(jiǎn)單的圖形和插畫。所以你可以在關(guān)鍵詞中添加相關(guān)的反向關(guān)鍵詞。

示例 prompt(咒語):web design for a flight discount service

出圖:

aitu_web_design_for_a_flight_discount_service_b55fe87e-1806-4447-8139-343ad8ccd5a7.jpg

示例 prompt(咒語):web design for a flight discount service --no shading realism photo details

出圖:

aitu_web_design_for_a_flight_discount_service_4c71376a-8380-4554-bb3c-186bb10dcb11.jpg

第一張圖:Midjourney 的默認(rèn)樣式,有很多細(xì)節(jié)和陰影。第二張圖:相同的關(guān)鍵詞,但帶有否定關(guān)鍵詞。所以我們不能依賴默認(rèn)設(shè)置。

3,縱橫比

如果您正在創(chuàng)建網(wǎng)頁(yè)設(shè)計(jì),請(qǐng)使用“ --ar 3:2 ”。此命令設(shè)置 3:2 的寬高比,這將使您的結(jié)果看起來更像“網(wǎng)頁(yè)設(shè)計(jì)”。

比較這些使用相同提示但縱橫比不同的結(jié)果。正方形的構(gòu)圖看起來更像是信息圖表。當(dāng)寬高比增加時(shí),圖像的內(nèi)容會(huì)發(fā)生變化。

示例 prompt(咒語):web design for a plant database, minimal vector flat --no photo detail realistic

出圖:

aitu_web_design_for_a_plant_database_minimal_vector_flat_6f46518c-65ab-4cc5-8e5f-22a5d2adeff7.jpg

示例 prompt(咒語):web design for a plant database, minimal vector flat --no photo detail realistic --ar 3:2

出圖:

aitu_web_design_for_a_plant_database_minimal_vector_flat_4e72cd04-cf71-4bff-b24f-8c0dceb314a7.jpg

示例 prompt(咒語):web design for a plant database, minimal vector flat --no photo detail realistic

出圖:

aitu_web_design_for_a_plant_database_minimal_vector_flat_21514643-beee-4872-b766-0dd09efa7180.jpg

示例 prompt(咒語):web design for a plant database, minimal vector flat --no photo detail realistic --ar 3:2

出圖:

aitu_web_design_for_a_plant_database_minimal_vector_flat_178ae067-b1de-46f3-9b63-06ce6fb7e0cf.jpg

4,樣機(jī)展示還是不帶樣機(jī)展示?

Show with laptop/desktop

您會(huì)注意到 Midjourney 有時(shí)會(huì)隨機(jī)顯示帶樣機(jī)的設(shè)計(jì)。如果你想要這個(gè),你可以更明確要求:

示例 prompt(咒語):web design for a hotel website --no shading realism details --seed 1024912

出圖:


aitu_web_design_for_a_hotel_website_b51cc233-8556-4555-bb05-3a1da331f2e4-1.jpg

示例 prompt(咒語):web design for a hotel website macbook m1 mockup --no shading realism details --seed 1024912

出圖:

aitu_web_design_for_a_hotel_website_macbook_m1_mockup_3f72924b-8038-490d-80c4-879b91ffff5c-1.jpg

Design only

如果您不想在設(shè)備或?yàn)g覽器窗口中顯示您的設(shè)計(jì)并且只想要設(shè)計(jì)方案本身,您也可以明確說明:

示例 prompt(咒語):web design for a flight discount service --no shading realism photo details --seed 1024912

出圖:

aitu_web_design_for_a_flight_discount_service_71307d88-5b22-42f5-83d0-9cca10b063ef.jpg

示例 prompt(咒語):web design for a flight discount service --no shading realism photo details device computer window --seed 1024912

出圖:

aitu_web_design_for_a_flight_discount_service_1f15ae1a-6957-489c-b7f6-2f2197fb6300.jpg


注意:在這些關(guān)鍵詞中,使用--seed 命令,使生成的繪畫更具有一致性和連續(xù)性。本案例中使用的是V4版本生成的,V5版本有一些差異。


更多網(wǎng)頁(yè)設(shè)計(jì)模板:

每天更新,
全站高品質(zhì)素材免費(fèi)下載!