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

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

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

AI 盛行,现如今任何人通过一些简单的学习,都可以使用 AI 轻易生成好看的插画、元素,设计师的价值好像一夜之间变得一文不值。真实情况是什么呢?

我们拿一个需要举例,这个需要要求我们做一个钱树子的主视觉,并且可以领取红包,先看看交互:

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

可以看到最主要的本来就是中间这个钱树子了,要是按照以前的设计路径要搞定这个钱树子,要么就是绘制,要么用 C4D 建模渲染。

时长肯定都是半天甚至一天以上了,现在呢?

Midjourney、Stable Diffusion,AI 一键就能生成,10 分钟我生成了这么多(AI 你不要太离谱):

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

生成了这么多,我们需要先挑选一个合适的出来,那怎么挑呢,这里考验的就是大家的审美能力和对需要的理解能力了。

我们肯定得有几个挑选维度:

风格契合
造型契合
细节完善
元素契合
光影契合

更多AI 的落地案例分享:

一、风格契合

一般这种需要都有很强的运营属性,为了激发用户的参与度,往往视觉氛围对比热烈,所以采用一些高饱和和 3d 质感的风格对比多,我们也往这个方向去挑选,一些 2d 扁平画风的直接就可以 pass 掉:

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

二、造型契合

这里主要就是审美了,怎么从这么多里面挑一个对比不错的出来呢?

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

饱满度:

我们挑选的时候一定要注重元素的饱满度,比如下面这种就是不行的:

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

三、元素色彩契合

我们也可以从组成元素的协调性和色彩厚实度上面去做挑选,比如下面两个钱树子造型都相对比较饱满,但是左图的树叶很单薄、锋锐、像是纸钱,这不是很契合我们的设计审美;右图呢就是色彩完全基本只有一个黄色,色彩配比上会对比单调。

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

四、光影平面

还有一个点我们采用的素材,平面度一定要够,这样才能出视觉优秀的图,像下面的两张图,左图的光影完全看过去没有明显的亮面和暗面,缺乏对比。就会对比平。相对的右图就有明显的明暗对比,就会显得平面很多。

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

最后我们选定了这一个素材,对比契合我们的预期,(本来也有点不是很完美)。

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

我们把他放到页面中看看:

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

放是放进去了,那要怎么落地呢?

配景是怎样?按钮是怎样?配色是怎样?是不是有人又要麻瓜了?

这一步就提现设计师的重要性了,为了满足项目不是单单会 AI 生图就可以,最重要的是要保证项目的落地!

我们来发动一下专业技能!

第一步:首先是基础配色!

我们可以用主体元素的同类色色彩去延展。

首先我们的元素主色先提出来:

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

这样我们就得轻易得到了两个色彩,把他们用以铺设画面中:

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

主色用以铺色全部配景,而点缀色就可以用在按钮这类对比小的部分上面。这样的配色不会有多出彩,但是也不会出错,非常的稳。

第二步:光影!

有了大色调,但是不是太生了点。

为了让画面更生动,富有冲击力,那我们就需要光影的参加去塑造画面!

首先可以给画面设置一个光源。

光源应该设置在哪呢?

看下我们的现在的画面,主元素是黄色,配景色也是黄色的,就会让我们的钱树子没有那么突出。

所以,我们可以把光源设置在元素的正后方,让更亮的色彩来把主体元素衬托凸显出来!

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

可以看到我们加了光影之后主体元素得到很好的突出!

我们刚才只是加了光源,属于是对亮部的调整;

那相对应的我们也要对暗部进行调整,让暗部更暗一些,从而加强完全画面的明暗对比,并且要参加色相的变化,比如我们亮部的光源是往柠檬黄去偏移了色相,暗部就可以往橙红色去偏移色相:

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

这样子的话我们全部画面的色彩就厚实了一层,多了一种色彩变化。但是还都是暖色,暗部的话还是希望尽量冷一些,让画面有冷暖对比才是最好的。

所以我们可以在暗部再加一种色彩:

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

把这几种色彩铺设到画面中去:

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

可以看到,我们参加了光影之后,不仅对比加强了,画面的配色也更厚实多彩了;所以本来,我们参加光影的同时,本来也是再厚实配色。这两个是相辅相成的。如果我们只参加光影而不考虑色彩变化的话,就还是会保持很单调配色。我们看下不考虑色相变化的样子是什么样的:

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

这种就很不好看,暗部色彩也很脏。

第三步:融合!

到这里我们的画面的大感觉就差不多定性了,剩下一些主体的和光影的融合,让画面更完全自然。

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

调整方法:

(1)利用色彩减淡提亮

直接复制一层主元素,改成色彩减淡形式,透明度 23%

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

(2)叠加形式调色

新建一个图层,叠加形式,适用高明度的红色去涂抹暗部:

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

(3)给主体边缘打光

新建图层,滤色形式,在主体和光源衔接的地方涂抹亮色:

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

来对比一下融入前和融入后的区别:

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

融入后色彩更好看,光影也更契合画面的光影规律了!

第四步:厚实配景细节

目前配景我们只做了色彩光影的变化,有些空,我们可以参加一些景物或光线,以厚实画面的细节。

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

我们的画面现在就对比厚实好看了对不。

最后我们来参加 UI 模块,完全看下效果:

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

完成!

全部流程下来,可以看到 AI 确实很好用,可以很快地输出很多方向和素材,但在全部项目流程中本来只占了很小的一部分,前期的挑选能力考验设计师的审美,后期的调整、配景的融入、细节的优化、UI 界面的设计考验设计师的专业技能,全部都还是需要设计师去亲力亲为才能保证高视觉品质的去落地需要。

所以大家大可不必去焦虑,打铁还需自身硬,把自己的专业做好,AI 的出现只会成为你快速进步的工具,让你实现可以用更短的时间,输出质量更高的作品,而不会成为你焦虑的原因!

给TA打赏
共{{data.count}}人
人已打赏
应用

AIGC有哪些隐衷和版权的危害?来看高手的分析!

2023-5-10 0:01:29

应用

AI绘画神器 Midjourney 华文版民间内测已开放!新用户可免费试用

2023-5-10 1:38:41

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
搜索