其他教程 2022年05月10日
0 收藏 83 点赞 3,552 浏览 917 个字
摘要 :

今天来聊一个需求,本来以为是插画需求,但后来发现不仅仅只是插画,里面还有很多图标的知识可以用到。 这是最开始插画师画的一版效果: 整体节奏有点乱,而且有一……

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

第一次做这种需求,竟然是和插画师一起完成的!!!

整体节奏有点乱,而且有一个比较致命的问题,就是插图整体有点太满了。
于是后来调整了插图的大小:

第一次做这种需求,竟然是和插画师一起完成的!!!

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

第一次做这种需求,竟然是和插画师一起完成的!!!

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

第一次做这种需求,竟然是和插画师一起完成的!!!

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

第一次做这种需求,竟然是和插画师一起完成的!!!

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

 

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

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

第一次做这种需求,竟然是和插画师一起完成的!!!

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

第一次做这种需求,竟然是和插画师一起完成的!!!

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

第一次做这种需求,竟然是和插画师一起完成的!!!

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

 

02 整体的语言语言统一性

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

第一次做这种需求,竟然是和插画师一起完成的!!!

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

第一次做这种需求,竟然是和插画师一起完成的!!!

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

第一次做这种需求,竟然是和插画师一起完成的!!!

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

 

03 整体疏密度的调整

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

第一次做这种需求,竟然是和插画师一起完成的!!!

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

第一次做这种需求,竟然是和插画师一起完成的!!!

整个画面,只要你的疏密稍微有点问题,就会导致整体看起来差点意思,所以一定要重视整个知识点。
最后我们来看下调整前后的效果:

第一次做这种需求,竟然是和插画师一起完成的!!!

还是比较明显的。

 

总结

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

 

原文地址:菜心设计铺(公众号)
作者:菜心工作室
第一次做这种需求,竟然是和插画师一起完成的!!!

转载请注明:极致设计 » 第一次做这种需求,竟然是和插画师一起完成的!!!

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/111508.html

相关推荐
佳选
【字体设计】品牌标准字怎么设计?
从设计的角度来分析如何快速抓住品牌和企业的调性,从而确定标准字体的具体设计方向和形式。 小可爱们,我这里会定期推送插画、UI设计、排版等相关…
日期:2022-05-27 点赞:93 阅读:4,039
精选
5个超酷的标题设计技巧,So easy!
优秀的标题设计除了可以把标题中的信息清晰传达之外,还要与画面的风格相符,并且能使画面整体更加美观和更有设计感。5个标题设计技巧分享给你。 小…
日期:2022-05-26 点赞:236 阅读:1,402
优质
Blender实战案例教程!卡通小狐狸角色建模:01 基础形建模
教程作者:DesignHunting(授权转载) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 关于教程 本期的 IP 角色设计案例,手…
日期:2022-05-23 点赞:0 阅读:839
精选
即时设计基础教程!NO.12 即时设计综合使用技巧
本集讲师:@YY 免费使用即时设计,请点击右侧链接👉 即时设计 获取海量免费设计资源,请访问👉 资源广场 什么是即时设计 即时设计是一款全平…
日期:2022-05-23 点赞:0 阅读:473
精品
造字神器 Glyphs 教程!字体设计系列教程 NO.10 背景图层
教程作者:杨洋(极致设计平面设计实战营讲师) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 软件介绍 Glyphs 3 是一款 Mac …
日期:2022-05-23 点赞:0 阅读:1,005
佳选
PPT教程!让PPT更有设计感的30种绝佳方法(第6期)
教程作者: 老Lin(授权转载自公众号:一六视觉) 交作业:#极致设计每日作业# 关于教程 如果你也想让PPT能眼前一亮,演示时被更多人认可…
日期:2022-05-23 点赞:0 阅读:446
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站