第一次做插画视觉,真没想到有这么难!

用户头像
深圳/学生/3年前/73192浏览
第一次做插画视觉,真没想到有这么难!

感悟知识点持续输出,保持关注哦~

前一阵子菜心的知识星球进行了升级,本来打算升级的公告头图就直接四个大字就完事了,如下图:

但后来觉得还是增加一点设计感吧,于是同事们就做了一张有设计感的头图,但也是做了好几天,确实没有想像中那么简单,来分享一下过程中经历的小知识点吧。


01 构图一定不太乱

最开始插画师画了这张草图:

宇航员和“星球升级”四个字有点散,不知道谁是最主要的。

然后又画了第二张草图如下:

现在的星球升级字体比较聚焦了,但是后面元素太散了,魔方的透视角度不太好看,而且魔方上还有很多元素,太乱了。

但基于这个方向,我们可以优化后面的主体物,让其看起来整体一些:

这样就聚焦很多了。

我们在做画面的时候,切记在构图的时候,就一定要注意,画面不能太散乱,分清主次!

02 节奏真的很重要

做图标讲究节奏,插画也一样,举个例子,我们整体画面都是相对可爱的感觉,所以我们的比例都是比较Q萌、短小的,突然出现一个右下角这个比例的人物,是不是有点违和呢?

于是我们把元素换成了下面这个:

但还是感觉不太精致,于是又换成下面这个:

但是又感觉书包那里太密集了,这也是节奏的问题,脑袋那么空,书包那里又那么密集,很不舒服,

于是又优化了一版:

这样就差不多了。

大家在做视觉的时候,一定要注意节奏,哪怕是一个角落,也要重视,不然画面就会不够精致!

03 颜色里面的明暗对比

说实话,这个画面的颜色,我们调了很久,一直找不到感觉,比如下面这两个版本:

为什么感觉颜色不到位呢,首先有一个比较大的问题,就是关于颜色的对比,物体与物体的颜色对比不够。

比如背景和飞碟的颜色对比,稍微有点没去分开:

最后我们在暗色背景上加一道很亮的光,区分背景与飞碟

再比如飞碟与牌子的颜色,也没区分开:

于是我们把牌子的颜色变亮,与飞船的暗色形成对比:

这样对比就好很多了,然后文字再用暗色,与亮色的牌子形成对比。

仔细观察的同学应该明白了,一个画面里面需要有颜色明暗对比,而且要有很多个明暗层次的对比,这样才能让画面更加丰富!

04 颜色里面的饱和度

我们做画面,颜色一定要有饱和度对比,如果颜色饱和度都很低就会很脏:

如果饱和度都很高,就会看起来有点扎眼:

像我们最开始的版本里面,就是大部分都是低饱和颜色:

整体都有点灰灰的,而最终的效果,就是有高饱和也有低饱和:

这样整体就会舒服很多!

总结

好啦,以上就是这个需求的感悟点了,通过这个需求,我们对于构图、节奏、颜色都有了更深刻的理解,也希望可以帮助到大家!

2523
举报
|
2338
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】礼物/活动icon
【新年UI图标】银行卡icon
高级表盘系列UI源文件
【新年UI图标】相机icon
智能家居中心 简约 UI设计组件库
UI应用平面图标
【新年UI图标】美食icon
手表表盘UI系列
新能源APP应用UIKit
3D渐变流体抽象矢量UI背景图
森系3D渐变流体抽象矢量UI背景图
Security Camera UI kit
盲盒APP UI设计
新拟态风格 UI设计组件库
UI通用设计素材1
钱包ui模板
科技医疗透明柜UI界面设计
UI 登录界面设计模板包
UI界面 组件
【新年UI图标】体育icon
【新年UI图标】旅行icon
高级感金属拟物 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
户外旅行飞机情侣假日出行
你可能喜欢
相关收藏夹
大家都在看
登录注册