当前位置: 首页 >文章 > 这个小元素都做不好,我哪有脸下班!
收藏
分享

这个小元素都做不好,我哪有脸下班!

举报菜心设计铺菜心设计铺发布于 2020-11-232256阅读21点赞1评论
今天讲的是一个很细的细节,但我觉得对很多人应该还是有用的,所以分享一下。...

今天讲的是一个很细的细节,但我觉得对很多人应该还是有用的,所以分享一下。


今天的案例是下面这萌新福利图标:


看似没什么大问题,但如果细抠,还是可以更好的,今天我们主要来优化图标上半部分的彩带。

问题一:每一个单体的形状

我们看下面这个“呕吐”的表情:


是不是有个规律,就是越往外,面积最大?


我这个彩带的设定是从那个矩形里喷出来的,所以他的形状就应该符合越往外,面积越大。而我们之前的形状是反的,不符合生活中的真实场景。

所以每一个单体的形状是可以优化的:



问题二:每一个单体的气质

我们下整体的感觉都是圆润可爱的:



但是我们的彩带元素四个角有点太尖锐了,这样整体看起来就会有点不精致,所以我们可以把每个元素加一点点的圆角:


这样就不会太尖锐了。

问题三:单体的样式

本来我想从矩形中冒出来多种元素,但是现在有两个彩带,一个圆形,会让人感觉,有点不一样,但是又不一样的不够彻底,所以还不如直接全部统一成彩带就好了:



问题四:单体的节奏

现在我们单体形状的大小是大、中、小,让人感觉完全没有以外,规律感太强烈:


如何增加节奏感呢,增加以外感呢,我们可以再加一个元素,比如大、中、小、中,没有那么规律:



然后我们还可以在距离上做一些节奏,距离中心点的距离为近、远、更近、远:



这样整体看起来就会舒服很多了。

我们看下优化前后的对比:



是不是精致了很多。

除此之外,我们再看下其他内容的优化,其实最开始是张这个样子的:



因为图标尺寸很小,所以这样显得有些复杂,而且没有体现出萌新的感觉,不够可爱,所以才有了直接把盒盖去掉,然后把表情放大的结果。

当然,少不了动效加持,效果如下:

精致的东西都是无数个细节堆出来了,不小小瞧任何一个小细节,也不要把每个细节当作理所当然,咱们就稳稳当当的做好每一步,结果一定不会太差,加油。

长点心,比啥都强。


1条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩17天48人已报名
【5月】零基础手绘插画训练营
距离开班仅剩17天31人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩34天10人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,218
并提交了230份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证