甲方竟直接一稿过,就因为调整了插画这点细节!

用户头像
深圳/学生/3年前/9149浏览
甲方竟直接一稿过,就因为调整了插画这点细节!

这些插画需求细节点搞明白,你的设计水平噌噌往上涨啊!

今天来聊一个需求,本来以为是插画需求,但后来发现不仅仅只是插画,里面还有很多图标的知识可以用到。

这是最开始插画师画的一版效果:

整体节奏有点乱,而且有一个比较致命的问题,就是插图整体有点太满了。

于是后来调整了插图的大小:

这样看起来就稍微舒服一些了。但是还有很多问题,比如第一个的节奏有点密集:

再比如最右上角的像素感有点重,和整体风格不是很搭:

带着这样的思路又优化了一遍,效果如下:

这一版就相对好很多了。但是为了更加精致,我们又让视觉设计师和ui设计师都进行了调整和优化。后面的调整有以下几个比较重要的知识点,比如:

1. 如何在简单的插图图标上增加细节:

我们的插画图标是相对简化的,但是如何在保证简单造型的同时丰富细节呢,其实最好的办法就是添加明暗,比如像这种:

右侧的就会丰富很多。

还有一种丰富细节的方式,就是让主体旁边多几个修饰元素,当然,最好与主体产生联系,比如像这个与像素游戏相关的,可以让单个方块的主体,分裂出一个小方块:

再比如,手机可以分裂出一些与手机相关的元素,就像邮件啊、信息啊等等:

这些小细节都可以丰富整体的细节,让整体变得更加耐看。

2. 整体的语言统一性:

最开始的时候,我们可以发现很多设计语言不统一的地方,比如像前面说的,这种像素风格有点太过于夸张,导致整体不够统一:

再比如,我们看这几个插图,有的有黑色填充,有的有白色填充,有的却没有填充,这也是非常不统一的:

于是后来我们统一了语言,每一个插图都是有重色、亮色、固有色的:

这种设计语言的统一也是非常重要的。

3. 整体疏密度的调整:

疏密度其实经常用在图标设计上,但其实插图也是可以应用的。我们在后期优化的时候,也是一直注意疏密度的这个点,举几个例子,像这个地图,最开始就有点密集,优化之后节奏就好很多:

再比如,像下面这些,疏密都有点难受:

整个画面,只要你的疏密稍微有点问题,就会导致整体看起来差点意思,所以一定要重视整个知识点。

最后我们来看下调整前后的效果:

还是比较明显的。

总结

以上就是今天和大家分享的一个小需求。希望可以对大家有所启发,我们下期再见啦!

150
阅读原文
|
举报
|
127
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
科技医疗透明柜UI界面设计
UI界面 组件
【新年UI图标】活动icon
钱包ui模板
3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
新拟态风格 UI设计组件库
拟物风质感写实UI卡片合集源文件
3D卡通UI界面图标可爱插画免扣素
手表表盘UI系列
【新年UI图标】积分icon
【新年UI图标】体育icon
户外旅行飞机情侣假日出行
【新年UI图标】珠宝icon
新能源APP应用UIKit
高级感金属拟物 UI设计组件库
高级表盘系列UI源文件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
我的钱包-UI界面设计-app
UI 登录界面设计模板包
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI通用设计素材1
【新年UI图标】30个图标
【新年UI图标】旅行icon
你可能喜欢
相关收藏夹
大家都在看
登录注册