苏州ui设计师的图标设计指南

发布者: u-walker 发布时间: 2019-12-18 浏览 112
  苏州ui设计师的图标设计指南。图标设计看似简单,实则复杂,对于零基础学ui的学员来说,做好图标设计,是一件具有挑战性的事。那么,新手设计师该如何设计图标呢?

苏州ui设计师的图标设计指南

  一、图标的颜色

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

  二、图标的大小

  一致性是设计图标的关键,当我们绘制时,一定要确保所有的图标都相同大小。并且需要知道如何构建网格,所有图标大小都应该基于此来设计。比如我们有一个基于8px的网格,那么我们的图标尺寸最好是 16px、24px 或 32px 等。通常我们只需要选择一个通用的尺寸来绘制,然后让开发人员根据倍数调整可能需要的尺寸即可,这样就不用一遍又一遍的去绘制不同大小的相同图标了。不过当我们的图标涉及一些复杂的细节时,还是需要根据尺寸大小单独绘制。比如我们的产品图标可能是24px,但是营销图标是80px,两者的使用差别会很大,那么我们就需要为那些较大的尺寸添加一些细节。

  三、描边和填充

  确保你的图标风格一致是非常非常重要的,比如你想用填充图标来表示选中状态,那么请一定要确保你的其他图标风格一致,只有少量的变体存在。通常,填充图标具有更高的可识别性,而描边图标更方便添加细节。并且在选择你哪种风格更合适的时候,也别忘了考虑品牌定位和风格。如果你要绘制描边图标,那么需要保证所有的笔画都是相同的粗细,并且笔画之间的间距不要比笔画本身更细。当苏州ui设计师绘制描边图标的填充版本时,首先需要考虑如何简化线条。理想情况下,填充图标类似于阴影,而不是直接翻转颜色。绘制填充图标的描边版本,需要确定好线条的粗细,以及在保证清晰度的情况下可以添加多少细节。

  四、栅格

  基于像素划分的像素栅格是最基础的栅格系统。在绘制图标时,我们总是希望将对象对齐到每一个像素,特别是直线。因为像素对齐不仅仅可以更好地渲染,还能让图标更加整洁、舒服。视觉栅格可以帮助我们找出图标的中心在哪里,以及人眼能感知到它有多大。圆形和弧形物体看起来会比正方形更小。因此我们应该在绘制图标时设定一个固定大小的容器,这样它们在导出时就都是相同的尺寸了。添加内边距可以让图标在视觉上看起来更加平衡,避免以后开发时还需要重新调整。如果你在设计中使用像素栅格,并且很好的利用视觉栅格,那么就已经领先于别人了。

  苏州ui设计师的图标设计指南。以上这几点是图标设计不可缺少的部分,新手设计师可以作为参考并灵活运用。

本页网址:https://www.u-walker.com/suzhou/1778.html

上一篇: 苏州ui设计产品中的一致性原则

下一篇: 产品设计人性化的因素如何体现

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部