今天讲的是一个很细的细节,但我觉得对很多人应该还是有用的,所以分享一下。
今天的案例是下面这萌新福利图标:
看似没什么大问题,但如果细抠,还是可以更好的,今天我们主要来优化图标上半部分的彩带。
问题一:每一个单体的形状
我们看下面这个“呕吐”的表情:
是不是有个规律,就是越往外,面积最大?
我这个彩带的设定是从那个矩形里喷出来的,所以他的形状就应该符合越往外,面积越大。而我们之前的形状是反的,不符合生活中的真实场景。
所以每一个单体的形状是可以优化的:
问题二:每一个单体的气质
我们下整体的感觉都是圆润可爱的:
但是我们的彩带元素四个角有点太尖锐了,这样整体看起来就会有点不精致,所以我们可以把每个元素加一点点的圆角:
这样就不会太尖锐了。
问题三:单体的样式
本来我想从矩形中冒出来多种元素,但是现在有两个彩带,一个圆形,会让人感觉,有点不一样,但是又不一样的不够彻底,所以还不如直接全部统一成彩带就好了:
问题四:单体的节奏
现在我们单体形状的大小是大、中、小,让人感觉完全没有以外,规律感太强烈:
如何增加节奏感呢,增加以外感呢,我们可以再加一个元素,比如大、中、小、中,没有那么规律:
然后我们还可以在距离上做一些节奏,距离中心点的距离为近、远、更近、远:
这样整体看起来就会舒服很多了。
我们看下优化前后的对比:
是不是精致了很多。
除此之外,我们再看下其他内容的优化,其实最开始是长这个样子的:
因为图标尺寸很小,所以这样显得有些复杂,而且没有体现出萌新的感觉,不够可爱,所以才有了直接把盒盖去掉,然后把表情放大的结果。
当然,少不了动效加持,效果如下:
精致的东西都是无数个细节堆出来了,不小小瞧任何一个小细节,也不要把每个细节当作理所当然,咱们就稳稳当当的做好每一步,结果一定不会太差,加油。
(本文来源于微信公众号 @菜心设计铺)
下一篇 提升UI界面排版的7个实用小技巧
热门课程
专业讲师指导 快速摆脱技能困惑相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答在杭州学习UE5,掌握未来游戏设计的核心技术。火星时代教育为你提供全面的UE5课程,助力你开启职业新篇章。了解UE5的就业前景......
杭州是一个动漫游戏氛围浓厚的城市,去杭州发展,选火星学习,进入游戏动漫行业,大有可为哦
此篇文章深度介绍了室内3D模型线上课程的内容和结构,并着重强调了其在新时代创新技术中的重要性。最后,我们将介绍火星时代教育公司......
探讨目前各种C++培训班的特点,提出如何挑选适合自己的C++培训班,并介绍火星时代教育的相关信息。
影视动画设计基础课程的深入解析,提供给所有对动画创作有兴趣的人。让我们一起来了解更多动画设计的世界吧!
文章详细描述了剪辑制作培训机构的课程设置以及如何选择一个好的剪辑制作培训机构。
1. 打开微信扫一扫,扫描左侧二维码
2. 添加老师微信,马上领取免费课程资源
同学您好!