使用midjourney AI创作工具进行UI设计的详细教程 含50个提示案例

注:本文图片均由midjourney生成

在视觉解决方案的研究阶段,借助AI工具找到一个很棒的视觉外观已经是常见解法。作为UI设计师,学会如何使用midjourney寻找灵感已经成为一门必修课程。

今天,极客号将分享几十个案例,教大家如何通过midjourney获得不错的UI设计方案。

首先我们可以尝试让midjourney自由发挥:

high-qualityUIdesign,mobilebankmobileapp,trendingonDribbble,Behance

使用midjourney AI创作工具进行UI设计的详细教程 含50个提示案例

首次生成的手机银行APP的UI设计

默认情况下,Midjourney会生成四个选项供您选择。您可以使用命令U[并选择数字,它们从左到右放置]来放大选项。让我们看看第一个设计[U1]的升级版会是什么样子。

使用midjourney AI创作工具进行UI设计的详细教程 含50个提示案例

升级的用户界面版本如果将之前的版本与升级后的版本进行比较,您可能会发现Midjourney不仅提高了图像的尺寸和质量,而且还略微改变了布局。

该工具生成的图像有两个值得注意的问题:无意义的文本和数字,以及扭曲的人物预览。不幸的是,这些问题不仅限于UI屏幕,还会影响Midjourney生成的各种其他类型的图像。

我们最初的尝试并非完美无缺,因此您可能想知道如何改进我们的提示以获得更好的结果。请务必注意,编写提示没有明确的策略。您将需要尝试各种令牌以发现最佳解决方案。因此,最好至少尝试几次才能产生满意的结果。

让我们修改我们的提示并观察工具如何响应。这一次,我们将提到“Figma”,将删除标记“Dribbble”和“Behance”,并添加一个参数“—q2”以提高图像质量。所以我们的提示会看一下:

Fooddeliveryapp,mobileapp,userinterface,Figma,HQ,4K,cleanUI–q2

使用midjourney AI创作工具进行UI设计的详细教程 含50个提示案例

第二次尝试移动银行应用程序的UI设计

哇,这样的版本看起来更像是我们可以用来激发灵感的东西。让我们使用Midjourney进行另一种UI设计。

使用midjourney AI创作工具进行UI设计的详细教程 含50个提示案例

第三次尝试移动银行应用程序的UI设计

即使经过三次尝试,Midjourney生成的结果仍需要人类设计师的改进。然而,这些未经处理的输出仍然可以在设计过程的早期阶段作为视觉灵感的有用来源。例如,AI生成的图像可以编译成情绪板,以指导视觉设计师创建合适的视觉语言。

值得注意的是,用于UI设计的提示非常广泛。要获得更相关的结果,重要的是在提示中使用令牌指定特定屏幕,例如银行搜索页面。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink=”http://www.w3.org/1999/xlink” width=”19px” height=”24px” viewBox=”0 0 19 24″ version=”1.1″ class=”lock-img”>剩余75%的图文内容打赏作者后可查看<button onClick=”dashangToggle()” class=”dashang”>打赏联系客服

微信扫码打赏作者

使用midjourney AI创作工具进行UI设计的详细教程 含50个提示案例金额:10元好的内容,值得赞赏!打赏后不支持退款! 联系客服 扫描下方二维码关注公众号“站长资讯”,及时联系客服解决。请把【打赏记录详情】截图给客服,同时把您打赏的文章【网址】发给客服。客服会在24小时内把完整文章内容发送给您。(客服在线时间为周一至周五9:00-11:30 14:00-17:30) span.cprice { color: #ee2222; } .pcontent { overflow: visible } .markdown { position: relative; text-overflow: ellipsis; word-wrap: break-word; padding-bottom: 160px } .trancent_block { background-color: #fff; opacity: 0; filter: alpha(opacity=0) } .carousel_collapsed_layer { display: block; width: 100%; height: 110px; position: absolute; bottom: 180px } .bg-gradient-white, .bg-gradient-snow { background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#fff 67%); background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#fff 67%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#00ffffff’,endColorstr=’#FFffffff’,GradientType=0) } .reward-partial.reward-partial-mask { margin-top: 0px; width: 100%; z-index: 1000; position: absolute } .need-purchase { } .line-sperator { width: 100%; position: relative } .line-sperator .lock-img-div { position: absolute; top: -20px; left: 50%; margin-left: -35px; width: 70px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .header-item .line-sperator { width: 100%; border-bottom: 1px solid #EDEDED; position: relative } .header-item .line-sperator .lock-img-div { position: absolute; top: -20px; left: 50%; margin-left: -35px; width: 70px; background: #fff } .header-item .line-sperator .lock-img-div .lock-img { width: 20px; height: 32px } .body-item .tip-one { margin-top: 19px; font-size: 14px; color: #FF7055; line-height: 23px; text-align: center } .login-partial { position: relative; text-align: center } .hide_box { z-index: 999; filter: alpha(opacity=20); background: #000; opacity: 0.2; -moz-opacity: 0.2; left: 0; top: 0; height: 99%; width: 100%; position: fixed; display: none } .shang_box { width: 340px; height: auto; padding: 20px 20px 40px; background-color: #fff; border-radius: 10px; position: absolute; z-index: 1000; left: 210px; bottom: 100px; display: none; box-shadow: 0 3px 14px 0 rgba(199,209,215,.4) } .shang_box:after, .shang_box:before { content: ” “; display: block; position: absolute; left: 160px; width: 0; height: 0 } .shang_box:after { bottom: -8px; border-top: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent } .shang_box:before { bottom: -9px; border-top: 8px solid #eaeeef; border-left: 8px solid transparent; border-right: 8px solid transparent } .shang_box img { border: none; border-width: 0 } .dashang { position: relative; margin: 40px auto 0; height: 44px; width: 124px; font-size: 16px; box-shadow: 0 10px 20px rgba(255,96,96,.4); border-radius: 22px; background: #ee2222; color: #fff; transition: all 0.3s; outline: none } button:focus { outline: none !important } .dashang:hover { opacity: 0.8; padding: 8px 15px; font-size: 18px } .dashang-text { margin-top: 10px; opacity: .5; display: block; text-align: center; line-height: 30px; font-size: 14px; color: #303030 } .shang_close { float: right; display: inline-block } .shang_logo { display: block; text-align: center; margin: 20px auto } .shang_tit { width: 100%; height: 65px; text-align: center; line-height: 66px; color: #a3a3a3; font-size: 16px; padding-top: 15px } .shang_tit p { color: #27282d; text-align: center; font-size: 16px; margin-left: 20px } .shang_payimg { width: 160px; border: 6px solid #fff; margin: 0 auto; border-radius: 3px; height: 160px } .shang_payimg img { display: block; text-align: center; width: 148px; height: 148px } .shang_paytxt { font-size: 14px; line-height: 20px; color: #27282d; margin: 10px 0 } .shang_info { clear: both } .shang_info { color: #C3C3C3; text-align: center; font-size: 12px; text-decoration: none; line-height: 2em } .success-contact { position: relative; width: 100% text-align: center; } .cbtn { margin-top: 1rem; font-size: .875rem; –tw-text-opacity: 1; color: rgb(141 148 153 / var(–tw-text-opacity)); opacity: 0.75; } .cbtn:focus { outline: 2px solid transparent; outline-offset: 2px; } .contact-wrapper { position: absolute; left: 0px; bottom: 2.25rem; font-size: .815rem; } .contact-wrapper_info { position: relative; background-color: #fff; padding: 1rem 0 0 0; line-height: 1.5rem; color: #71787e; } span.text-orange-400 { color: #f59e0b; } .contact-wxcode { width: 140px; height: 140px; margin: 1.5rem auto 0; }

郑重声明:本文内容及图片均整理自互联网,不代表本站立场,版权归原作者所有,如有侵权请联系管理员(admin#wlmqw.com)删除。
(0)
用户投稿
上一篇 2023年6月7日
下一篇 2023年6月7日

相关推荐

  • 分享WordPress网站引流的10个技巧(wordpress网站引流的技巧有哪些)

    根据网站在搜索引擎中的优化程度,你可以预测目标受众的需求量。随着现代网络的竞争越来越激烈,每一家企业都在寻找更好的方法以在网络社区获得更广泛的认可。 吸引潜在的客户的方法很多,而适…

    2022年10月23日
  • 抗震小英雄林浩宣布结婚

    时隔15年,让我们回溯到2008年汶川地震的废墟中,那时两名同学在地震中成为了“地震小英雄”林浩。这位小英雄如今已经长大成人,并且在2024年1月21日,通过视频账号宣布了一个让人…

    2024年1月23日
  • 游客进入圆明园请勿进入区域 为什么引争议?

    有关部门快点查一查人家都发话了,“这里是我家”,不查一查怎么知道真伪。可能人家还真是呢,可能人家爸妈是某某某呢?一般敢这么横说这话的人,我觉得都应该查一查证实一下实力。 作为游客,…

    2022年6月12日
  • 显卡测试软件(显卡测试软件3dmark)

    本文主要讲的是显卡测试软件,以及和显卡测试软件3dmark相关的知识,如果觉得本文对您有所帮助,不要忘了将本文分享给朋友。 常用的显示器测试软件有哪些 一台电脑的性能好坏,直接影响…

    2022年12月21日
  • 骨不连康复期如何锻炼?

      骨不连康复期如何锻炼?    如果骨不连患者是在上肢康复的阶段,可是做一些自己力所能及的事情,上肢骨不连患者可以提一些轻微的物品,但是最好是不要提过重的物品,以免病情不但没有康…

    2023年1月31日
  • 毕业自荐书模板(毕业自荐书)

    今天,我想和大家分享一些关于毕业自荐书以及毕业自荐书模板的问题。以下是小编对这个问题的总结。让我们看一看。 毕业生自荐书范文 尊敬的领导: 您好! 很感谢您抽空垂阅一下我的自荐信!…

    2023年4月25日
  • 骁龙8 Gen3最新曝光:3nm/4nm双版本 性能大幅提升50%

    快科技9月26日消息,高通此前已经宣布2023年Snapdragon峰会将于10月24日至26日举行,预计到时候将会发布大家期待已久的全新一代骁龙8Gen3芯片。 近日,有爆料者公…

    2023年9月26日
  • 牛仔裤最便宜的批发市场在哪里(牛仔裤哪里买便宜质量好)

    牛仔裤货源批发也是大家咨询比较多的,国内的牛仔裤市场还是非常的火爆,而一般商家在哪里批发牛仔裤货源价格便宜且质量好呢?牛仔裤最便宜的批发市场在哪里?今天小编也将从广州的一些服装批发…

    2023年12月17日
  • 倒春寒会带来哪些影响 倒春寒危害有哪些

    倒春寒就是初春刚开始的时候,气温会比正常的偏低,并且早晚温差大,我们会经常受到冷空气的袭击,感觉天气比冬天的时候还要寒冷的一个时间段,倒春寒来临是很容易引发各种病症的,所以我们要做…

    2022年7月30日
  • 国外黄油品牌(进口黄油品牌排名)

    奶油品牌排行榜前十名(奶油排行榜前五) Millac蓝米吉又称蓝风车,创建于1967年,源自英国北爱尔兰的优质淡奶油,欧洲传统风味和独具浓郁的奶油香味使其成为制作西点的佳品。 上榜…

    2023年11月7日

联系我们

联系邮箱:admin#wlmqw.com
工作时间:周一至周五,10:30-18:30,节假日休息