木子素材 首页 大神 AIGC 查看内容

UI设计如何用Midjourney提高工作效率?实战案例来了!

2023-5-12 06:23| 发布者: admin| 查看: 305| 评论: 0

摘要: MJ大家都很熟悉了,但是目前很多还是在用它做海报、运营 banner、IP 等形象,那么 UI 设计如何运用 MJ 到工作流中呢?最近一直在探索这方面,目前来看背景、图标是可以成熟运用到工作流中,下面就来讲讲心得。 注:M ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

UI设计如何用Midjourney提高工作效率?实战案例来了!

MJ大家都很熟悉了,但是目前很多还是在用它做海报、运营 banner、IP 等形象,那么 UI 设计如何运用 MJ 到工作流中呢?最近一直在探索这方面,目前来看背景、图标是可以成熟运用到工作流中,下面就来讲讲心得。

注:MJ 指 Midjourney,不熟悉的可以看这篇:

Midjourney用户手册中文版!详解模型、命令、参数与高级用法

引言大家好,我是包大。

阅读文章 >

UI设计如何用Midjourney提高工作效率?实战案例来了!

先看结果,下面是我用 MJ 生成的弹窗页面和功能页面,感觉效果还是不错~

UI设计如何用Midjourney提高工作效率?实战案例来了!

UI设计如何用Midjourney提高工作效率?实战案例来了!

一、基础知识

Midjourney 分为很多模式,如 V4\V5\V5.1\niji4\niji5 等模式,先了解这些模式什么意思,直接从 v4 说吧,v4 之前基本用不到了;

v4:通用模式,适用于各个风格行业,但产出的图质量和细节不是好

v5:写实模式,产出的图更加风格,更加细节,风格偏向写实

v5.1:最近刚出的模型,在 v5 基础上产出的图细节更丰富

niji4/5:产出的图基本就是二次元风格,可以想象为宫崎骏风格,当然加一些特殊词也可以生产 3D

UI设计如何用Midjourney提高工作效率?实战案例来了!

UI设计如何用Midjourney提高工作效率?实战案例来了!

二、生图与喂图

众所周知 MJ 可以支持生图以及喂图,我在工作流中两者都进行了使用,具体来讲一下流程。

先说生图,就是直接拿关键词输入进去就可以出图了,但是这种一般都是随机的无法达到自己想要的效果,比如下面我直接用关键词生成 b 端图标以及喂图出来的图标她们之间的差距;

左侧是直接生成的图标,可以看到结构以及配色上都特别脏乱,右侧通过喂图之后就会更加干净

UI设计如何用Midjourney提高工作效率?实战案例来了!

三、常用指令/后缀

1. 常用指令:

/imagine 要求画图/describe 反向识别图片,用于喂图提取关键词/settings 设置参数

2. 常用后缀:

--s 700 数值越高,越偏离描述

--q 2.5 越小出图越快,细节也越少

-- iw 1 数值越大越偏离你喂的图

--ar 16:9 控制比例

:: geed 4.5 图片权重,让生成的图侧重哪些关键词

--no geed 加什么不会出现什么

四、前期设置

使用 niji 模式生成 UI 图标

第一行:使用 niji5 模式

第二行:默认风格化也就是 --s 值

第三行:默认风格第

四行:默认

UI设计如何用Midjourney提高工作效率?实战案例来了!

第一行:使用 v5 模式

第二行:默认

第三行:默认

UI设计如何用Midjourney提高工作效率?实战案例来了!

五、实际操作

第一步:

在/imagine 内输入下面咒语

A UI interface gift box, icon design, UI, Disney, Clay material, bright color, 3d art, clean background, Oc rendering, The background is black, c4d, blender, 3d, 8k, HD -niji 5 --style expressive --s 180

一个 UI 界面礼盒,图标设计,UI,迪士尼,Clay 材质,亮色,3d 艺术,干净背景,Oc 渲染,背景为黑色,c4d,blender,3d,8k,HD

关键:粘土材质、迪士尼、UI 图标

UI设计如何用Midjourney提高工作效率?实战案例来了!

第二步:

U1-U4 对应四张图,可以选择自己满意的图进行放大,如果不满意可以使用 V 指令,针对某一张图在进行生成

UI设计如何用Midjourney提高工作效率?实战案例来了!

第三步:

使用 ps 或者其他软件进行扣图

UI设计如何用Midjourney提高工作效率?实战案例来了!

第四步:

进行色彩调整

UI设计如何用Midjourney提高工作效率?实战案例来了!

第五步:

进行页面融合

UI设计如何用Midjourney提高工作效率?实战案例来了!

以上就是利用 MJ 完整的工作流,大家可以小参考一下

最后咒语、关键词分享

UI设计如何用Midjourney提高工作效率?实战案例来了!

UI设计如何用Midjourney提高工作效率?实战案例来了!

UI设计如何用Midjourney提高工作效率?实战案例来了!

UI设计如何用Midjourney提高工作效率?实战案例来了!

UI设计如何用Midjourney提高工作效率?实战案例来了!

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×