如何用AI完成甲方需求?实战案例来了!

AI 设计=牛! AI 作为还在进步的智能工具,其功能不是万能的,对于每个使用过的用户来说也是早有体会了,所以如何高效的将 AI 辅助应用于设计呢,那就是看项目内容是否切合 AI 擅长的部分。 这不最近来了一个新需求,需要做一组周年 H5,每个界面要求就是简约,清新,并有一个主体元素点缀。 好嘛,这不是撞到 AI 的心巴上了吗,AI 对单体元素的生成调试已经比较成熟了,再加上简单的背景装饰和渲染就能完成。 先上完成图:以上的 H5 页面主体元素全部由 AI 生成,是不是很 6,但是 AI 一开始生成的元素图片是这样

如何用AI完成甲方需求?实战案例来了!

AI+设计=牛!

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

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

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

先上完成图:

如何用AI完成甲方需求?实战案例来了!

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

如何用AI完成甲方需求?实战案例来了!

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

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

如何用AI完成甲方需求?实战案例来了!

整个过程分为三步

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

一、图片生成

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

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

如何用AI完成甲方需求?实战案例来了!

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

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

如何用AI完成甲方需求?实战案例来了!

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

如何用AI完成甲方需求?实战案例来了!

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

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

如何用AI完成甲方需求?实战案例来了!

荧光棒关键词:

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

如何用AI完成甲方需求?实战案例来了!

二、挑选合适图片和素材

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

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

如何用AI完成甲方需求?实战案例来了!

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

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

我的选择如下:

如何用AI完成甲方需求?实战案例来了!

三、后期拼接处理

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

如何用AI完成甲方需求?实战案例来了!

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

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

目前的问题有以下几个

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

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

如何用AI完成甲方需求?实战案例来了!

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

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

如何用AI完成甲方需求?实战案例来了!

四、输出最终效果

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

最终的效果如下:

如何用AI完成甲方需求?实战案例来了!

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

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

相关资讯

工作效率超高!我让AI帮我做UI设计了!

AI 盛行,现如今任何人通过一些简单的学习,都可以使用 AI 轻易生成好看的插画、元素,设计师的价值好像一夜之间变得一文不值。真实情况是什么呢? 我们拿一个需求举例,这个需求要求我们做一个摇钱树的主视觉,并且可以领取红包,先看看交互:可以看到最主要的其实就是中间这个摇钱树了,要是按照以前的设计路径要搞定这个摇钱树,要么就是绘制,要么用 C4D 建模渲染。 时长肯定都是半天甚至一天以上了,现在呢? Midjourney、Stable Diffusion,AI 一键就能生成,10 分钟我生成了这么多(AI 你不要太离谱

如何用AI生成设计稿?实战案例演示来了!(上)

从 3 月 ChatGPT 火热以来,发现它能够通过文字生成代码,并进一步渲染成页面,展现出了解决部分 UI、UX、测试和前端工作的能力。所以零零散散地进行了一些关于 Design To Code、AI 生成页面、动效等方面的学习与尝试。在本文中,我将在工作业务脱敏的基础上,梳理这些想法。目的之一是进行总结,其二是遇到一些疑问点,希望有机会与大家相互沟通学习。 本篇内容主要讨论如何用 AI 生成设计稿,以及如何在实际项目开发流程中运用,同时设计、开发组件在其中扮演很重要的角色。(全文预计 6 分钟) 更多AI实战案

老板让我做个APP,我用AI半小时完成了120+UI界面!

Halo,这里是设计夹,今天分享的是「AI 界面设计」。 之前分享过利用 Midjourney 直接生成 UI 界面!详细介绍了如何使用「页面、配色、风格」指令来生成 UI 界面。这次借着做金融类 APP 的设计需求,探索利用 AI 生成具有「科技感、仪表盘、图表、数据可视化」等属性的界面素材。 本次利用 AI 关键词提示,共生成了 4 种风格类型、120 UI 界面,以此满足更多的设计场景,一起来看看吧~ 一、浅色简约风格 浅色主题更能凸显高级感,是当前大多数产品优先选择的设计风格。浅色调金融类产品提到的 Mid