AI+设计=牛！

AI 作为还在进步的智能工具，其功能不是万能的，对于每个使用过的用户来说也是早有体会了，所以如何高效的将 AI 辅助应用于设计呢，那就是看项目内容是否切合 AI 擅长的部分。

这不最近来了一个新需求，需要做一组周年 H5，每个界面要求就是简约，清新，并有一个主体元素点缀。

好嘛，这不是撞到 AI 的心巴上了吗，AI 对单体元素的生成调试已经比较成熟了，再加上简单的背景装饰和渲染就能完成。

先上完成图：

以上的 H5 页面主体元素全部由 AI 生成，是不是很 6，但是 AI 一开始生成的元素图片是这样的。

所以，就算有了 AI 辅助要做出符合主体的主体视觉也没那么容易。

接下来我将以该案例，分享如何用 AI 生成素材，完成项目的全流程。

整个过程分为三步

1. 图片生成思路
2. 挑选合适素材
3. 后期拼接处理
4. 输出最终效果

一、图片生成

生图也不是乱生，最好生之前确定好大致目标和构思，找一些参考，AI 才能辅助你去生成特定作品，达到你想要的目的。

先看看这个需求，甲方开始给的参考是这样的：

根据参考，生成出来的图是这样的。

显然不行，AI 对于手及结构关系稍微复杂的东西处理都不太好，所以方向不对，就不要死磕，换个思路，选择结构相对简单的物体再试试。

于是又找到如下参考，主体物手换成 emoji

最终调试主体关键词如下：

A yellow spherical emoji,happy,love,isometric --iw 2 --niji 5 --style expressive

荧光棒关键词：

Yellow glow stick,3d icon,cartoon,Crystal shine,Advanced color scheme,edge light,transparent/translucent medium,smooth surface,shiny,Three-quarter side,studio light,white background,3d rendering,high resolution --niji 5

二、挑选合适图片和素材

生到一定程度，还是发现每个元素都会有多多少少的问题，咋办呢？那我们就从其中提取筛选相对饱和完整的素材，完成主体的组合。

首先是主体笑脸和荧光棒，我选择的是如下两张图片：

直接用这两张图肯定不行的，其中黄色笑脸作为主体，它的结构层次，精致程度一定是最高的，但目前该图片的表情比较普通和单薄，上下空间余留过多。

所以我们可以从之前生的图片中筛选出一些有用的素材，来对主体表情进一步丰富。

我的选择如下：

三、后期拼接处理

将之前的图片进行 ps 扣除后进行简单拼接后得到如下效果图。

很多新手到这就懵了，觉得 AI 已经做的还不错了，不知道该如何去进行优化。

那么首先我们需要学会对目前的视觉画面进行一个简单分析，才能在后期处理当中找到思路。

目前的问题有以下几个

1. 整体饱和度较低，与礼物鲜艳明亮的感觉不符
2. 各元素之间简单拼接，缺少联系感
3. 主体较平，明暗交界不明显，缺少圆润感
4. 物体结构转折处存在一些小BUG

根据以上的问题，我们可以很容易找到优化的方向。

第一次处理过后效果如下图，整体的效果已经好了很多，但是细节处还差些，那怎么增加细节呢？

注意此处的增加细节，不是增加装饰而是是增强元素与元素之间的关系，使转折处结构更明显，增加环境反色光，丰富主体颜色。

四、输出最终效果

最后就是把主体引入画面进行排版了，因为是周年庆的 H5 页面，所以画面的重心只用突出文字和主视觉，其余的装饰和层次都要暗下去。

最终的效果如下：

这样一个哇塞的画面就完成了，是不是有了 AI 之后效率高了很多呢？

所以抓紧练起来吧，光有好的辅助工具是远远不够的，我们要有清晰的逻辑和思路去解决设计上的问题，这样才能真正的事半功倍。

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

文章来源：优设网 作者：菜心¹

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

Powered by Froala Editor