AI设计最近真的太火了，那熊熊大火都已经烧到房顶了，那今天给大家介绍下如何利用AI工具快速输出UI飞机稿，快速过方案  在UI设计中，当我们接到产品文档时，首先需要确认的是设计方向、产品风格，为后续的设计定基调，如果我们现在需要做一款家居类的产品网站以及UI，使用MJ：  那我们首先让其给我们做个网站类型的，暂定家居类的商品网站，给指令： 「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」 

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

那网页做好了，再出个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」

【资料图】

这速度，领导下次再让你五分钟出个页面的时候，你一分钟做五个方案给他！（ 开个玩笑，职场最忌的就是太快，老板以为很简单，容易看轻你）。

大方向出好了，那我们再优化一下细节，比如出一套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

Knolling是一种整理物品的方法，一种艺术风格：比如钢铁侠+Knolling，汽车+Knolling 「Iron Man Knolling」 「Car Knolling」。类似下图：

网页、app、icon这些都有了，接下来我们还需要一些空态或者状态的页面，给指令：「Two people chatting in the bedroom, green plants, minimalist design, flat style, many details, UI, GUI, behance, dribbble style」

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

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

比如：（客观描述：一个设计师，在办公室，在手绘板上作画，晚上）（设计风格：扁平化，极简风格，UI，behance，dribble风格，多细节等）（其他：比例— ar 16:9 —niji 等），如下图就生成出来了。

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

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

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