查看原文
其他

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

程鑫 网易UEDC 2023-06-25

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」

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

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

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

knolling是一種整理物件的方法,一種藝術風格:比如钢铁侠+knoling,汽车+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设计的应用范围非常的广泛,不同风格的插画AI生成起来更是得心应手,通过更多的尝试相信小伙伴们也会掌握越来越多的技巧。

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

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

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

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

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

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


文章推荐
-

《【Midjourney图片转指令】设计麻瓜也能5分钟一张商业海报

《AI绘画怎么玩?Midjourney教程来啦!

关于设计降本提效的思考与实践

《桌面端和移动端的设计差异性》

《品牌基因如何延续 | 网易“易”系列品牌及周边设计》

《网易严选插画风格专题设计五部曲》

《围绕深层次情感诉求的反馈设计》

《借助共情力为用户研究“降噪”》

《B端产品的交互设计流程探索——乐高设计法和用户体验的二次提升》

...
可以关注公众号查看更多哦~


 撰文 ✎ 程鑫

图片 ✎ 原创/网络


 未 经 允 许 请 勿 转 载 到 其 他 公 众 号 

 在 首 页 输 入 关 键 词 转 载 获 得 授 权 



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存