使用 Midjourney 打造 40 + 组出色的用户界面设计

共 10342字,需浏览 21分钟

 ·

2024-04-12 02:55

关注 三分设 和 10 万设计师一起成长

本文转自:魔豆AI



人工智能正在成为包括 UX / UI 在内的许多行业的新常态!这项技术为设计提供了大量快速高效的选择,鼓励创造力并引导你做出最佳决策。

令人惊讶的是,先进的 AI 可以彻底改变 UX / UI 设计。

使用正确的提示,你就可以创建一个能让你的用户界面设计更上一层楼的提示符。



Midjourney


Midjourney 的人工智能艺术创作工具是一个非凡的改变游戏规则的工具,能释放你的创造潜能!这项神奇的技术利用人工智能和机器学习,帮助你轻松创建令人惊叹的视觉效果。


...

AI 系统对设计师来说是一个很好的资源,因为他们可以将风格和设计概念输入其中,以获得新的想法和见解。

今天,让我通过以下步骤帮助您学习如何将您的 UI 设计提升到一个新的水平:
  1. 用户界面
  2. 细化风格
  3. 选择调色板
  4. 包括具体内容
  5. 更多细节控制
  6. 包括著名 UI 设计师(可选)
  7. 奖金



一、用户界面


让我们从接口的类型开始项目

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

一个简单的提示会是这样的:

森林探险游戏的用户界面设计

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

森林探索游戏登陆页面的 UI 设计

更具体地了解平板电脑等设备的类型:

平板电脑森林探险游戏的用户界面设计

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



二、细化风格


你可以在系统中输入任何单词来尝试捕捉你的想法,但是你使用的更具体的提示,你会得到更好的输出质量。


用描述性的风格为品牌增添点缀:

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


让我们尝试一下现代、优雅和高端的风格吧


某红酒公司的用户界面设计

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



三、选择调色板


颜色是设计令人印象深刻的 UI 的绝佳资源。它可以用来展示你的企业身份,设定客户期望,同时传递信息!


某复古珠宝公司的用户界面设计

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


某房地产中介机构的用户界面设计

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


你可以精确地找到适合您品牌需求的颜色选择,或者让 Midtravel 发挥创意,深入了解哪些配色方案和风格将与你项目的整体设计完美融合。

也试试看

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


耳机产品的用户界面设计

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


太空游戏的用户界面设计

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


香薰蜡烛公司的用户界面设计

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



四、包括具体内容


如果您觉得需要添加一些内容,请务必包含与项目相关的关键词。


例如,这是一个专门销售韩国纸杯蛋糕的食品订购页面。输入 "漂亮的韩式纸杯蛋糕 "等利基词,可以获得更具体的信息。


韩国纸杯蛋糕店的用户界面设计

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


科技公司用的用户界面设计:深色或浅色模式实验

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


森林战争射击游戏的用户界面设计


下面是另一个带有 "积分系统和统计数据 "的游戏用户界面示例

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



五、更多细节控制


未来森林战争游戏的游戏屏幕

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.
    原型场景(类别/行业和产品)未来森林战争游戏的游戏屏幕。

  • 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.
    回调细节:霓虹蓝面中有游戏元素,如生命条、分数和武器图标。风格化的统计数据和数据可视化跟踪游戏。

  • Setting details: A 3D-rendered soldier aims a rifle.
    设定细节:一个3D的士兵瞄准步枪。

  • Vibe or aesthetic: Clean, neon UI for an immersive future combat game, neon color palette
    氛围或美学:干净,霓虹灯UI沉浸式未来战斗游戏,霓虹灯调色板


摩托车网站的的用户界面设计

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.
    原型场景(类别/行业和产品)一个现代摩托车公司的登陆页面,配有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.
    回调细节:光滑的页面有灰色和橙色配色。摩托车的大3D渲染是焦点。

  • Setting details: The company name is in a bold, angular font. Below it is a button to explore models.
    设置细节:公司名称采用粗体、棱角分明的字体。下面是一个探索模型的按钮。

  • Vibe or aesthetic: Inspired by the refined aesthetics of Google and Apple’s web design.
    氛围或美学:灵感来自谷歌和苹果网页设计的精致美学。


Midjourney V6 必备品


Midjourney V6 需要不同的提示方式。全新的 Midjourney V6 更像人一样理解事物,这既是一件好事,也有点棘手。



六、包括著名 UI 设计师(可选)


如果你喜欢特定的设计风格,还可以添加知名用户界面设计师的名字。


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


灵感来自 Nguyen Le


植物电子商务商店的用户界面设计

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

耳机产品的用户界面设计
Prompt: UI Design of a Headphone with 3D Illustration, Landing page, Trending UI Color palette, by Leo Natsume, Vibrant --ar 4:3


根据项目需求,包括著名艺术家的名字也是完全可以的。

灵感来自 Ghibli 工作室


启发的儿童图书插图设计

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


花店的用户界面设计

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



额外:专业模型


有了 Midjourney 新的 "Zoom-Out" 功能,你现在可以创建与界面设计风格一致的模型,使其更美观、更专业。







最后的思考

Midjourney 能否取代用户界面设计师的位置?


虽然 Midjourney 可以有效地生成具有视觉吸引力的用户界面设计,但必须承认,人的因素对于确保最佳用户体验仍然至关重要。


这个工具在设计的早期阶段尤其有益,例如头脑风暴和视觉探索。当与人类专业知识结合使用时,AI 和 UX / UI 的结合可以在项目开发中产生显著的结果。



本文翻译已获得作者的正式授权,授权截图请前往 魔豆AI 查看。



👇👇👇
共创 / 体验 / 成长
所有平台赞助
将用于社区建设和反馈社区粉丝
期待与更多优秀产品设计师一起成长
👇👇👇
扫码进群


浏览 20
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报