曼研科技 | 你一定要知道的图标设计细节!

发布时间:2020-06-11 阅读:160

今天小曼想要给大家分享的是UI设计中图标设计的一些值得我们注意的细节。相信很多学员都会认为图标很小,起不到什么决定性的作用,但是事实上图标虽小,但却是UI设计和产品体验中的关键部分哦。图标是UI设计系统的基础组成部分,对营销宣传非常有帮助,也是插图的基础构件,看似简单,实则非常具有挑战性的。今天我们就来说说关于图标设计过程中值得我们关注的几个地方:



一、图标的大小

说起图标,大家的第一反应都会是一个个小巧精致的小图片,那么,在一起的很多小图片要保持大小一致性就是设计图标的关键了。通常我们只需要选择一个通用的尺寸来绘制矢量图标,然后根据倍数调整可能需要的尺寸即可,这样就不用一遍又一遍的去绘制不同大小的相同图标了。


二、图标的颜色

如果是产品图标,那么最好只使用一种颜色:黑色。否则你的组件可能变得过于复杂,不利于和其他设计师协作。而对于营销图标,出于品牌宣传的目的,你可能会想要使用两种颜色,根据众多经验我们认为图标最好是单一颜色的,任何有3种或3种以上颜色的东西都是插图,而算不上是图标了。


三、图标的栅格

说到图标,除了大小和颜色,对齐方式往往也是图标设计中非常重要的一个方向。基于像素划分的像素栅格是最基础的栅格系统。在绘制图标时,我们总是希望将对象对齐到每一个像素,特别是直线。因为像素对齐不仅仅可以更好地渲染,还能让图标更加整洁、舒服。除了像素栅格对齐,我们还要考虑到视觉栅格对齐。我们要找出图标的中心,以及人眼能感知到它有多大。例如圆形和弧形物体看起来会比正方形更小,因此在设计的过程中我们一定要注意让图标在视觉上看起来更加平衡,避免以后开发时还需要重新调整。


四、图标的描边填充

图标设计的过程中,还有一个地方非常值得我们关注,就是风格一定要统一,这样才能给用户留下更好的印象。确保图标风格一致是非常非常重要的。比如想用填充图标来表示选中状态,那么请一定要确保其他图标风格一致,只有少量的变体存在。通常,填充图标具有更高的可识别性,而描边图标更方便添加细节。并且在选择你哪种风格更合适的时候,也别忘了考虑品牌定位和风格。如果想要使用绘制描边图标,那么就一定要保证所有的笔画都是相同的粗细,并且笔画之间的间距不要比笔画本身更细。


说起图标往往也是一个品牌的视觉呈现。所以在开始这项工作前,我们需要了解自己品牌的核心价值以及它们的视觉风格。即使是那些最简单的图标,或许你能做出完美无瑕的图标,但如果不能让它们产品中有所作为的话,那将毫无意义。


免费获得专属策划方案及报价(对一份参考,总有益处)
主要业务范围包括:品牌官网,高端网站建设,移动应用开发找曼研科技。
请认真填写,我们会在30分钟内联系您!