關(guān)注三分設(shè) 和 10 萬設(shè)計(jì)師一起成長

本文轉(zhuǎn)自：魔豆AI

人工智能正在成為包括 UX / UI 在內(nèi)的許多行業(yè)的新常態(tài)！這項(xiàng)技術(shù)為設(shè)計(jì)提供了大量快速高效的選擇，鼓勵(lì)創(chuàng)造力并引導(dǎo)你做出最佳決策。

令人驚訝的是，先進(jìn)的 AI 可以徹底改變 UX / UI 設(shè)計(jì)。

使用正確的提示，你就可以創(chuàng)建一個(gè)能讓你的用戶界面設(shè)計(jì)更上一層樓的提示符。

Midjourney

Midjourney 的人工智能藝術(shù)創(chuàng)作工具是一個(gè)非凡的改變游戲規(guī)則的工具，能釋放你的創(chuàng)造潛能！這項(xiàng)神奇的技術(shù)利用人工智能和機(jī)器學(xué)習(xí)，幫助你輕松創(chuàng)建令人驚嘆的視覺效果。

...

AI 系統(tǒng)對設(shè)計(jì)師來說是一個(gè)很好的資源，因?yàn)樗麄兛梢詫L(fēng)格和設(shè)計(jì)概念輸入其中，以獲得新的想法和見解。

今天，讓我通過以下步驟幫助您學(xué)習(xí)如何將您的 UI 設(shè)計(jì)提升到一個(gè)新的水平：

用戶界面
細(xì)化風(fēng)格
選擇調(diào)色板
包括具體內(nèi)容
更多細(xì)節(jié)控制
包括著名 UI 設(shè)計(jì)師（可選）
獎(jiǎng)金

一、用戶界面

讓我們從接口的類型開始項(xiàng)目

Website / Landing Page / Mobile App / Tablet / Smartwatch / Dashboard / Interactive Screen / AR / VR

一個(gè)簡單的提示會(huì)是這樣的：

森林探險(xiǎn)游戲的用戶界面設(shè)計(jì)

Prompt: UI design of a Forest Exploration Game, Landing Page --ar 4:3

森林探索游戲登陸頁面的 UI 設(shè)計(jì)

更具體地了解平板電腦等設(shè)備的類型:

平板電腦森林探險(xiǎn)游戲的用戶界面設(shè)計(jì)

Prompt: UI design of a Forest Exploration Game, Landing Page on a Tablet --ar 4:3

二、細(xì)化風(fēng)格

你可以在系統(tǒng)中輸入任何單詞來嘗試捕捉你的想法，但是你使用的更具體的提示，你會(huì)得到更好的輸出質(zhì)量。

用描述性的風(fēng)格為品牌增添點(diǎn)綴：

Minimalistic / Modern / Feminine / Vintage / Elegant / Clean / Smart / Classy / High end / Luxury / Urban / Cute / Cartoonish / Mysterious / Sci-fi / Futuristic / High-tech / Futuristic / AI Utopia Advancement / Vibrant / Bright / Neon / Cyber / Watercolor / Retro

讓我們嘗試一下現(xiàn)代、優(yōu)雅和高端的風(fēng)格吧

某紅酒公司的用戶界面設(shè)計(jì)

Prompt: UI design of a Red Wine Company, Landing page, Modern, Classy, High end --ar 4:3

三、選擇調(diào)色板

顏色是設(shè)計(jì)令人印象深刻的 UI 的絕佳資源。它可以用來展示你的企業(yè)身份，設(shè)定客戶期望，同時(shí)傳遞信息！

某復(fù)古珠寶公司的用戶界面設(shè)計(jì)

Prompt: UI design of a Vintage Jewellery Company, Landing page, Vintage, Classy, Minialistic, Elegant, Navy Blue and Gold color palette --ar 4:3

某房地產(chǎn)中介機(jī)構(gòu)的用戶界面設(shè)計(jì)

Prompt: UI Design of a Real Estate Agency, Landing page, Modern, Classy, Minimalistic, Trending Blue Color Palette on Dribble --ar 4:3

你可以精確地找到適合您品牌需求的顏色選擇，或者讓 Midtravel 發(fā)揮創(chuàng)意，深入了解哪些配色方案和風(fēng)格將與你項(xiàng)目的整體設(shè)計(jì)完美融合。

也試試看

Trending UI color on Dribble / Behance / Gradient color / Neon color / Pastel color / Watercolor / Dreamy summer color palette

耳機(jī)產(chǎn)品的用戶界面設(shè)計(jì)

Prompt: UI Design of a Headphone with 3D Illustration, Landing page, Sci-fi, High-tech, Futuristic, Trending UI color on Dribble --ar 4:3

太空游戲的用戶界面設(shè)計(jì)

Prompt: UI Design of a Space Game, Inspired by Star Wars, Sci-Fi, Clean, Neon Color Palette, Mobile App --ar 4:3

香薰蠟燭公司的用戶界面設(shè)計(jì)

Prompt: UI Design of Scented Candles, Landing page, Minimalistic, Elegant, Dreamy Pastel Color Palette --ar 4:3

四、包括具體內(nèi)容

如果您覺得需要添加一些內(nèi)容，請務(wù)必包含與項(xiàng)目相關(guān)的關(guān)鍵詞。

例如，這是一個(gè)專門銷售韓國紙杯蛋糕的食品訂購頁面。輸入 "漂亮的韓式紙杯蛋糕 "等利基詞，可以獲得更具體的信息。

韓國紙杯蛋糕店的用戶界面設(shè)計(jì)

Prompt: UI Design of Food Ordering Page of a Dessert Company with Beautiful Korean Style Cupcakes, Tablet Interface, Landing page, Feminie, Elegant, Fancy Pastel Color Palette --ar 4:3

科技公司用的用戶界面設(shè)計(jì)：深色或淺色模式實(shí)驗(yàn)

Prompt: UI Design of a Tech Company Dashboard, Landing page, Dark Mode, with Bar and Line Chart, Data sets, Technology base, Trending Gradient Color on Dribble, Futuristic --ar 4:3

森林戰(zhàn)爭射擊游戲的用戶界面設(shè)計(jì)

下面是另一個(gè)帶有 "積分系統(tǒng)和統(tǒng)計(jì)數(shù)據(jù) "的游戲用戶界面示例

Prompt: UI Design of a Forest Wargame Shooting Gamescene with Point system and Statistics, Futuristic, Clean, Neon Color Palette, Mobile App --ar 4:3

五、更多細(xì)節(jié)控制

未來森林戰(zhàn)爭游戲的游戲屏幕

A game screen for a futuristic forest war game. In a neon blue interface are gameplay elements like a life bar, score, and weapon icons. Stylized statistics and data visualizations track gameplay. A 3D-rendered soldier aims a rifle. Clean, neon UI for an immersive future combat game, neon color palette --ar 4:3

Archetypal scene ( Category/ Industry and Product): A game screen for a futuristic forest war game.

原型場景（類別/行業(yè)和產(chǎn)品）：未來森林戰(zhàn)爭游戲的游戲屏幕。
Call-back details: In a neon blue interface are gameplay elements like a life bar, score, and weapon icons. Stylized statistics and data visualizations track gameplay.

回調(diào)細(xì)節(jié)：霓虹藍(lán)面中有游戲元素，如生命條、分?jǐn)?shù)和武器圖標(biāo)。風(fēng)格化的統(tǒng)計(jì)數(shù)據(jù)和數(shù)據(jù)可視化跟蹤游戲。
Setting details: A 3D-rendered soldier aims a rifle.

設(shè)定細(xì)節(jié)：一個(gè)3D的士兵瞄準(zhǔn)步槍。
Vibe or aesthetic: Clean, neon UI for an immersive future combat game, neon color palette

氛圍或美學(xué)：干凈，霓虹燈UI沉浸式未來戰(zhàn)斗游戲，霓虹燈調(diào)色板

摩托車網(wǎng)站的的用戶界面設(shè)計(jì)

Prompt: A landing page for a modern motorbike company with a 3D illustrated bike with clean and minimalist UI . The sleek page has a grey and orange color scheme. The large 3D rendering of a motorbike is the focus. The company name is in a bold, angular font. Below it is a button to explore models.Inspired by the refined aesthetics of Google and Apple’s web design. --ar 4:3

Archetypal scene ( Category/ Industry and Product): A landing page for a modern motorbike company with a 3D illustrated bike with clean and minimalist UI.

原型場景（類別/行業(yè)和產(chǎn)品）：一個(gè)現(xiàn)代摩托車公司的登陸頁面，配有3D插圖自行車，UI干凈簡約。
Call-back details: The sleek page has a grey and orange color scheme. The large 3D rendering of a motorbike is the focus.

回調(diào)細(xì)節(jié)：光滑的頁面有灰色和橙色配色。摩托車的大3D渲染是焦點(diǎn)。
Setting details: The company name is in a bold, angular font. Below it is a button to explore models.

設(shè)置細(xì)節(jié)：公司名稱采用粗體、棱角分明的字體。下面是一個(gè)探索模型的按鈕。
Vibe or aesthetic: Inspired by the refined aesthetics of Google and Apple’s web design.

氛圍或美學(xué)：靈感來自谷歌和蘋果網(wǎng)頁設(shè)計(jì)的精致美學(xué)。

Midjourney V6 必備品

Midjourney V6 需要不同的提示方式。全新的 Midjourney V6 更像人一樣理解事物，這既是一件好事，也有點(diǎn)棘手。

六、包括著名 UI 設(shè)計(jì)師（可選）

如果你喜歡特定的設(shè)計(jì)風(fēng)格，還可以添加知名用戶界面設(shè)計(jì)師的名字。

Leo Natsume / Zhenya Rynzhuk / Nguyen Le / Jide Lambo / Salim Dabanca

靈感來自 Nguyen Le

植物電子商務(wù)商店的用戶界面設(shè)計(jì)

Prompt: UI design of a Botanical E-Commerce Shop with Plants and Flowers, Landing page, Minimalist, Clean, Dreamy Pastel Color Palette, by Nguyen Le --ar 4:3

靈感來自 Leo Natsume

耳機(jī)產(chǎn)品的用戶界面設(shè)計(jì)

Prompt: UI Design of a Headphone with 3D Illustration, Landing page, Trending UI Color palette, by Leo Natsume, Vibrant --ar 4:3

根據(jù)項(xiàng)目需求，包括著名藝術(shù)家的名字也是完全可以的。

靈感來自 Ghibli 工作室

啟發(fā)的兒童圖書插圖設(shè)計(jì)

Prompt: UI Design of a Children’s Book Illustration, Landing page, Inspired by Studio Ghibli, Dreamy and Fancy Color Palette, Clean --ar 4:3

花店的用戶界面設(shè)計(jì)

Prompt: UI Design of a Floral Shop with Dreamy Flowers, Landing page, Dreamy Pastel Color Palette, Soft Lighting, by Victo Ngai--ar 4:3

初始提示：

如果你不確定如何開始，可以嘗試從以下公式開始

UI Design of [ Industry or Product ], [ Type of user Interface ][ Description of interface/ Descriptive keywords and items], [Include 1–3 styles], [ Color Palette ] High Resolution--ar 4:3

額外：專業(yè)模型

有了 Midjourney 新的 "Zoom-Out" 功能，你現(xiàn)在可以創(chuàng)建與界面設(shè)計(jì)風(fēng)格一致的模型，使其更美觀、更專業(yè)。

最后的思考

Midjourney 能否取代用戶界面設(shè)計(jì)師的位置？

雖然 Midjourney 可以有效地生成具有視覺吸引力的用戶界面設(shè)計(jì)，但必須承認(rèn)，人的因素對于確保最佳用戶體驗(yàn)仍然至關(guān)重要。

這個(gè)工具在設(shè)計(jì)的早期階段尤其有益，例如頭腦風(fēng)暴和視覺探索。當(dāng)與人類專業(yè)知識結(jié)合使用時(shí)，AI 和 UX / UI 的結(jié)合可以在項(xiàng)目開發(fā)中產(chǎn)生顯著的結(jié)果。

本文翻譯已獲得作者的正式授權(quán)，授權(quán)截圖請前往 魔豆AI 查看。

??????

共創(chuàng) / 體驗(yàn) / 成長

所有平臺贊助

將用于社區(qū)建設(shè)和反饋社區(qū)粉絲

期待與更多優(yōu)秀產(chǎn)品設(shè)計(jì)師一起成長