Claude、ChatGPT、Midjourney国内镜像版

支持 o1-preview & GPT-4o Claude 3.5 Sonnet Midjourney
无需魔法 价格便宜 无降智版本 官网UI隐私聊天

为什么还要每月支付20美元?现在就来体验更便宜、更方便的AI助手!

利用AI快速输出UI飞机稿,设计效率火箭般提升

随着AIGC的爆火,我周围的运营、插画等相关同学,甚至是交互同学都在用AIGC提升自己的效率,UI设计师当然也不甘示弱,今天给大家介绍下UI设计师如和利用AIGC提升我们的设计效率,让你的工作效率直接原地起飞。

AI设计最近真的太火了,那熊熊大火都已经烧到房顶了,那今天给大家介绍下如何利用AI工具快速输出UI飞机稿,快速过方案

在UI设计中,当我们接到产品文档时,首先需要确认的是设计方向、产品风格,为后续的设计定基调,如果我们现在需要做一款家居类的产品网站以及UI,看看我们可以用AI做哪些事情吧,使用软件MJ:

那我们首先让AI给我们做个网站,暂定家居类的商品网站:

「An e-commerce website that sells home goods, with banners, product arrangement, minimalist style, white background, colorful colors, pictures of related home products, creating a warm atmosphere, UI website design --no mockup --ar 9:16」

利用AI快速输出UI飞机稿,设计效率火箭般提升第1张

tips1:当我们需要出这种类型的飞机稿的时候,我们可以通过颜色的配色来控制整体的色调,比如下方就是:「白色和绿色」「白色和黄色」「上方是多彩」

利用AI快速输出UI飞机稿,设计效率火箭般提升第2张

那网页做好了,再出个APP的飞机稿不过分吧:

「An e-commerce app that sells home goods, with a banner, product arrangement, minimalist style, white background, colorful colors, pictures of related home products, creating a warm atmosphere, iOS app UI」
利用AI快速输出UI飞机稿,设计效率火箭般提升第3张

这速度,领导下次再让你五分钟出个页面的时候,你一分钟做五个方案给他!

大方向出好了,那我们再优化一下细节,比如帮我出一套icon吧:

线性:home icon design, knolling, linear, black,simple,white clean background --no filled --no shadow

3D:Home icon design, knolling, 3d, Bubble Mart, blind box style, clay material

利用AI快速输出UI飞机稿,设计效率火箭般提升第4张

tips1:想要生成线性的黑白icon,需要用线稿icon图片垫图,如果让AI自由发挥大概率会是中间的样子,当然你也可以尝试让它生成右边3D风格,还有一个最关键的咒语:knolling!!!一定要用,不然AI生成多少icon那真的看它心情了。

knolling是一種整理物件的方法,一種藝術風格:比如钢铁侠+knoling,汽车+knolling

「iron man knolling」「car knolling」

利用AI快速输出UI飞机稿,设计效率火箭般提升第5张

网页、app、icon这些都有了,那我们还需要一些空态或者状态的页面:

「Two people chatting in the bedroom, green plants, minimalist design, flat style, many details, UI, GUI, behance, dribbble style」

利用AI快速输出UI飞机稿,设计效率火箭般提升第6张

还可以通过不断的调整关键词来获取更多不同的内容的插画,扁平插画在UI设计的应用范围非常的广泛,不同风格的插画AI生成起来更是得心应手,通过更多的尝试相信小伙伴们也会掌握越来越多的技巧。

tips1:输出状态页面的插图,扁平化的插图输出技巧,关键是对于场景的精确描述:

比如:(客观描述:一个设计师,在办公室,在手绘板上作画,晚上)(设计风格:扁平化,极简风格,UI,behance,dribble风格,多细节等)(其他:比例— ar 16:9 —niji 等)

利用AI快速输出UI飞机稿,设计效率火箭般提升第7张

tips2:这种扁平插画AI生成出来后会有一些小瑕疵,比如脸部、手脚等,这时候我们可以通过将图片矢量化,小编为大家提供两种方式:

1、adobe illustrater自带的高保真原型,再进行扩展,但是AI扩展出来的结果在细节上往往不是很理想。

2、使用vector magic 这款软件进行转曲,转曲后的矢量文件还原度非常高,很适合需要二次修改插画的同学,关注公众号获取更多小技巧。

左图为AI转曲,右图为vector magic转曲

利用AI快速输出UI飞机稿,设计效率火箭般提升第8张

 

Midjourney

用对Midjourney命令你也可以输出稳定的漫画角色

2023-5-4 22:27:30

Midjourney

【Midjourney教程】设计麻瓜也能10分钟上架一套表情包

2023-5-4 22:37:44

Claude、ChatGPT、Midjourney国内镜像版

支持 o1-preview & GPT-4o Claude 3.5 Sonnet Midjourney
无需魔法 价格便宜 无降智版本 官网UI隐私聊天

为什么还要每月支付20美元?现在就来体验更便宜、更方便的AI助手!

立即体验