搜索
首页科技周边人工智能Midjourney直接生成UI界面!AI设计体验指南

Midjourney直接生成UI界面!AI设计体验指南

May 31, 2023 pm 06:37 PM
ui界面ai设计

Midjourney is an AI drawing tool that is ideal for beginners who want a quick start.。它能辅助UI/UX设计师加快设计流程,通过关键词来生成用户指定类型的设计图,可以指定主体物、配色和风格,更适合在APP设计的初始阶段提供更多创意和灵感。但要想让其生成的设计图落地开发,目前还需要掌握更多技术。

目前国内外有很多热门的AI绘图工具,其中Midjourney是目前我觉得最容易上手的工具,对于完全不懂AI绘图、想试试看的新手来说,是很不错的入门选择。

而且现阶段的AI已经能辅助进行设计,视觉效果相当吸睛。

那么UI/UX设计师能用Midjourney加快哪些设计流程呢?我们一起来通过具体的实操,从主体、配色、风格等方向探索AI在设计中的应用!

一、AI设计指令

在Midjourney中,没有预设的Prompt(指令)可用于生成特定类型的应用程序,需要进行多次尝试以达到期望的效果。

如果没想好要输入哪些指令,可以先用这个指令模板:

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

Replace the word "type" with the key descriptive term (in English) of your product to be designed, and you can generate the desired UI design.。来看看几个示例~

1. 出行类

关键词:「距离、车费、费用结算、优惠金额、地图」等。

Midjourney直接生成UI界面!AI设计体验指南

2. 餐饮类

关键词:「介绍咖啡的特色、口味、咖啡豆产地、价格」等。

Midjourney直接生成UI界面!AI设计体验指南

3. 运动类

关键词:「卡路里、步数、距离、某种运动」等描述。

Midjourney直接生成UI界面!AI设计体验指南

二、主体物指令

确定了产品类型后,如果还想更进一步突显产品的特色,可以在指令中加入主体描述来加强图片生成的效果。

例如一个生鲜类APP想突显蔬果很新鲜,可以加上更多相关的关键词描述,例如「水果、蔬菜、新鲜」等,生成的图片看起来就会特别新鲜。

Midjourney直接生成UI界面!AI设计体验指南

电商类产品加上「模特实拍、商品列表、尺寸」等描述,就能得到一个常见的商品详情页设计图。

Midjourney直接生成UI界面!AI设计体验指南

三、配色指令

确定了APP类型和主体描述之后,还可以继续定制想要的主题色,配色方案可以试试这个指令:「xxx color scheme」。

1. 餐饮类

这句话可以重写为:这个网站采用了沙滩风设计风格,只需输入「beach style color」关键词,便可跳转至定制沙滩风饮料页面,非常有趣。

Midjourney直接生成UI界面!AI设计体验指南

2. 快递类

关键词:输入「Forest」指令,生成的图片会长很多树,有一种亲近自然的感觉。

Midjourney直接生成UI界面!AI设计体验指南

3. 生活服务类

关键词:「glacier color scheme」,可以得到一个很有氛围感的订房界面。

Midjourney直接生成UI界面!AI设计体验指南

四、风格指令

如果只依靠输入配色指令无法满足你的要求,还可以指定某种艺术风格,甚至艺术家、设计师、插画家的名字。

1. 天气类

关键词:「Pop art」,一个色彩鲜艳配色大胆图案抢眼的波普艺术风格的天气APP就生成了。

Midjourney直接生成UI界面!AI设计体验指南

2. 社交类

例如一个聊天类软件,输入关键词「K-pop fashion」,生成一个时尚流行的页面效果。

Midjourney直接生成UI界面!AI设计体验指南

输入「by Van Gogh」,就能得到一个带有梵高作品的UI页面。

Midjourney直接生成UI界面!AI设计体验指南

五、页面指令

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

1. 社交平台

关键词:「landing page」,一个社交平台的登录页设计就出来了。

Midjourney直接生成UI界面!AI设计体验指南

2. 信息类

关键词:「Profile Page」,生成人力资源类产品的个人资料页,里面包含照片、自我介绍、基本信息等内容。

Midjourney直接生成UI界面!AI设计体验指南

六、最后

通过一系列的AI出图操作能发现,Midjourney产出的设计图视觉效果都很不错,更适合在APP设计的初始阶段,例如头脑风暴和风格探索等过程中,为设计师提供更多灵感和创意。

如果想让Midjourney产出的UI设计图直接落地开发,目前来看仍有一段距离,但按照AI现在的技术迭代速度,这个距离应该也不会太远…

专栏作家

Clippp;微信公众号:Clip设计夹。人人都是产品经理专栏作家。我们每周会挑选出优秀的设计文章,专注于分享与产品、交互和UI视觉有关的设计思考。

题图来自 Unsplash,基于CC0协议。

以上是Midjourney直接生成UI界面!AI设计体验指南的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文转载于:搜狐。如有侵权,请联系admin@php.cn删除
微软工作趋势指数2025显示工作场所容量应变微软工作趋势指数2025显示工作场所容量应变Apr 24, 2025 am 11:19 AM

由于AI的快速整合而加剧了工作场所的迅速危机危机,要求战略转变以外的增量调整。 WTI的调查结果强调了这一点:68%的员工在工作量上挣扎,导致BUR

AI可以理解吗?中国房间的论点说不,但是对吗?AI可以理解吗?中国房间的论点说不,但是对吗?Apr 24, 2025 am 11:18 AM

约翰·塞尔(John Searle)的中国房间论点:对AI理解的挑战 Searle的思想实验直接质疑人工智能是否可以真正理解语言或具有真正意识。 想象一个人,对下巴一无所知

中国的'智能” AI助手回应微软召回的隐私缺陷中国的'智能” AI助手回应微软召回的隐私缺陷Apr 24, 2025 am 11:17 AM

与西方同行相比,中国的科技巨头在AI开发方面的课程不同。 他们不专注于技术基准和API集成,而是优先考虑“屏幕感知” AI助手 - AI T

Docker将熟悉的容器工作流程带到AI型号和MCP工具Docker将熟悉的容器工作流程带到AI型号和MCP工具Apr 24, 2025 am 11:16 AM

MCP:赋能AI系统访问外部工具 模型上下文协议(MCP)让AI应用能够通过标准化接口与外部工具和数据源交互。由Anthropic开发并得到主要AI提供商的支持,MCP允许语言模型和智能体发现可用工具并使用合适的参数调用它们。然而,实施MCP服务器存在一些挑战,包括环境冲突、安全漏洞以及跨平台行为不一致。 Forbes文章《Anthropic的模型上下文协议是AI智能体发展的一大步》作者:Janakiram MSVDocker通过容器化解决了这些问题。基于Docker Hub基础设施构建的Doc

使用6种AI街头智能策略来建立一家十亿美元的创业使用6种AI街头智能策略来建立一家十亿美元的创业Apr 24, 2025 am 11:15 AM

有远见的企业家采用的六种策略,他们利用尖端技术和精明的商业敏锐度来创造高利润的可扩展公司,同时保持控制权。本指南是针对有抱负的企业家的,旨在建立一个

Google照片更新解锁了您所有图片的惊人Ultra HDRGoogle照片更新解锁了您所有图片的惊人Ultra HDRApr 24, 2025 am 11:14 AM

Google Photos的新型Ultra HDR工具:改变图像增强的游戏规则 Google Photos推出了一个功能强大的Ultra HDR转换工具,将标准照片转换为充满活力的高动态范围图像。这种增强功能受益于摄影师

Descope建立AI代理集成的身份验证框架Descope建立AI代理集成的身份验证框架Apr 24, 2025 am 11:13 AM

技术架构解决了新兴的身份验证挑战 代理身份集线器解决了许多组织仅在开始AI代理实施后发现的问题,即传统身份验证方法不是为机器设计的

Google Cloud Next 2025以及现代工作的未来Google Cloud Next 2025以及现代工作的未来Apr 24, 2025 am 11:12 AM

(注意:Google是我公司的咨询客户,Moor Insights&Strateging。) AI:从实验到企业基金会 Google Cloud Next 2025展示了AI从实验功能到企业技术的核心组成部分的演变,

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!