🔥 热搜 🔥
上海习近平新疆鄂州父女瓜乌鲁木齐疫情H工口小学生赛高习明泽芊川一笑图包印尼排华
分类
社会娱乐国际人权科技经济其它
🔥 热搜 🔥
上海习近平新疆鄂州父女瓜乌鲁木齐疫情H工口小学生赛高习明泽芊川一笑图包印尼排华
分类
社会娱乐国际人权科技经济其它
查看原文
其他

我用AI绘图软件做项目，省了三天三夜的时间！太强了！

UI设计达人 2023-07-30

The following article is from 菜心设计铺 Author 小金虎-小度

从区块链到元宇宙，再到ChatGPT，最近的设计界的风可以说是一波接一波，原来以为还相去甚远的AI技术，如今也已经成熟落地，在网络上随处可见由AI生成的精美图片，让人叹为观止。
显而易见，AI绘图在图片绘制的完成度和精致度上已经相当高了，但这些生成的图片是否真能运用于实际的落地项目上呢？
实践出真知，通过网上大量的资料搜集和学习，我们团队针对目前市面上已有的几个AI绘图软件进行了探索和练习，尝试将AI绘图技术运用于实际的设计需求当中。
说干就干，先确定我们的设计需求——做一个UI界面的升级弹窗，具体的设计流程分为以下几步。
1、确定AI绘图软件和主形象
2、AI图片筛选
3、形象与弹窗结合及调整

1、确定AI绘图软件和主形象
我们选择使用的AI绘图工具是Midjourney，选择它是因为它对于画面的细节表现很优秀，对于画面的构图和表达都很精致。
（以下是由MIdjourney生成的一些图片）
我们的设计需求是做一个升级弹窗，突出的是一个升级效果，那如何表现呢？
结合网上的一些参考，决定以火箭为升级弹窗的主形象，简单生动又能表现升级的跃升感。

2、AI图片筛选
绘制之前，我们先大致了解一下AI绘图的大致逻辑。
目前的 AI 绘图产品还是主要以文生图为主，我们需要尽可能的使用关键词来描述你预期生成的图片或者绘画作品。
也可以图生图，将参考的同类的绘画作品的图像数据 " 喂食 " 给 AI进行进行模仿（也称垫图）。
两者也可以结合，使生成的图片更加符合你的预期。
了解了AI绘图的逻辑后，我们就可以开始前期准备了。先找一张参考的火箭图片，可爱的卡通小火箭。
为了生成的图片更加精确，对画面进行基础描述：
A rocket launch to the sky,cartoon
一个的小火箭图标就生成了，可是还不够，目前的小火箭还是比较普通，不够精致，缺少细节，我们再来加点关键词，来些3d效果，更精致一点：
A rocket launch to the sky,cartoon, 3d, 8k, abstract, high detail --v 4 --q 2 --s 750
还是不是很满意，背景有点杂乱，不够突出火箭主体，没有设计感，不适合与弹窗结合。
再加些关键词：
A rocket launch to the sky,cartoon, 3d, 8k, abstract, white background, c4d, blender, OC renderer, pinterest, dribble,high detail --q 2 --v 4
P2还行，我们筛选一下进行放大和细化。
3、形象与弹窗结合及优化
将筛选出来的图片提取到PS里，用钢笔工具扣出火箭主体和周围的装饰元素。
将元素先堆放进弹窗里，构建出一个大致的弹窗构架，可以看到直接放进去十分的粗糙，接下来进行细化。
图形的调整细化不是乱调，要有目的性的去处理图形，最终目标是突出主体火箭的形象，让火箭与弹框结合得更为融洽。
1）装饰元素优化
云朵先进行滤色处理，弱化颜色和形象，并用笔刷处理边缘，使图形与背景融合更自然。虚化火箭的尾焰，使过度更自然，并拉开与主体的区分。
周围点缀一些云雾小点丰富画面，并从火箭身上提取一些橙红色和青蓝色在周围营造一点环境光。这样弹窗的视觉部分就差不多处理好了。
2）弹窗框体和文字信息优化
之前的框体过长，每个信息的间隔过大，导致信息的联系变得分散。现在缩小整体的框体长度，缩紧信息之间的间距，调整每个间距的节奏感。
3）背景色优化
然后是背景颜色，之前的背景色偏灰，给人一种脏脏的感觉，不干净。
现在再往白色偏移一些，让弹窗更加明亮清新。
4）按钮优化
还有按钮部分，放大了整体按钮面积，提升用户点击容错率，提升用户体验。
然后是改变字体颜色，原来的白色字体与青蓝色背景融在了一起，信息模糊。现在稍微加深按钮填充色，与背景区分，再将字体变为黑色，凸显主要信息。
“稍后再说”颜色与其他信息不关联，与耳机信息颜色统一变为灰色。

最后是弹窗的投影，关键点是一定要虚，模糊的数值可以调的较高，区分开界面背景与弹窗的关系。
这样一个精致的升级小弹窗就做好了。

总结
用了AI绘图已经有一小段时间了，有一些想法和大家聊聊。

AI绘图虽然很强大，但还是不能超越人类的意识与创造能力，况且还有它最致命的缺陷“版权问题”，所以AI绘图再厉害也只是一个辅助工具，它所能淘汰的只是不愿提升，偷懒的设计师。

基础、扎实的审美能力与设计功底是设计师的核心源动力。努力学习，放开眼界，拥抱新事物，提升个人能力，努力做个高阶设计师，AI的发展危机就不会追上你。
希望对大家有所启发，请记得把文章转发到你的朋友圈，点个在看，咱们一起加油吧！

推荐阅读

（点击标题可跳转阅读）

设计师如何用chatGPT更好的工作？给你16个例子
AI 对 UI 设计师有什么影响
华为这个多窗交互把我整不会了
回复 灵感 下载UI设计灵感合辑
点个 “ 在看” 好文不断

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

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