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

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

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

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

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


01 构图一定不太乱

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

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

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

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

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

这样就聚焦很多了。

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

02 节奏真的很重要

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

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

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

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

于是又优化了一版:

这样就差不多了。

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

03 颜色里面的明暗对比

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

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

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

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

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

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

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

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

04 颜色里面的饱和度

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

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

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

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

这样整体就会舒服很多!

总结

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

2523
举报
|
2339
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】银行卡icon
【新年UI图标】影音icon
【新年UI图标】钱包icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】游戏/娱乐icon
UI 登录界面设计模板包
新拟态风格 UI设计组件库
钱包ui模板
科技医疗透明柜UI界面设计
【新年UI图标】30个图标
【新年UI图标】优惠券icon
高级表盘系列UI源文件
UI界面 组件
UI应用平面图标
【新年UI图标】珠宝icon
新能源APP应用UIKit
Security Camera UI kit
高级感金属拟物 UI设计组件库
3D渐变流体抽象矢量UI背景图
智能家居中心 简约 UI设计组件库
我的钱包-UI界面设计-app
3D卡通UI界面图标可爱插画免扣素
手表表盘UI系列
拟物风质感写实UI卡片合集源文件
你可能喜欢
相关收藏夹
大家都在看
登录注册