020-29815005
预约专线时间:09:00-23:59

Icon设计的三大原则。

新闻来源:本站 日期:2021-07-23
这个时候我就会给大家讲解如何将图标设计得更好,在中间我会分享一些自己在训练过程中收获的心得,希望对大家有所帮助。
    从认识性到差异性,图标经历了什么?

    这个时候我就会给大家讲解如何将图标设计得更好,在中间我会分享一些自己在训练过程中收获的心得,希望对大家有所帮助。

    当平庸风格出现时,这些虚伪的我就不再说了。

    开始练习图标之前,我对图标的概念只是好看、简单,只需稍加练习几下就能学会,而在开始接触之后,才知道,图标设计如此讲究。

    实践中,我看了很多国外设计师写的关于图标设计的文章,从基本视觉元素到人类对系统的认知,也终于明白为什么在今天的界面设计中,图标占据如此多的比例。

    有些人说:“人们对抽象概念或艺术形象的理解能力并不差。”每一个人的视觉知觉能力都可以很容易地理解某些图像的含义,所以成熟的视觉感知是更有效的信息传递方式。

    因此,我总结了以下三个原则,谈到图标设计时需要注意的事项:

    可以辨认的。

    视野统一。

    差异性。

    可以辨认的。

    IOS的最新设计原则被归纳为:大、小、小。同时我也查看了相关数据,在视觉设计上,最流行的颜色也的确是黑色,其次是白色。因此,按照图标的设计,黑白图标也是应用最广泛的界面。(除概念设计外)

    为提高界面上图标信息的可读性,许多设计者还使用黑色的白色来设计图标,其理由有两个:

    其一是色彩会影响使用者的理解;

    多颜色的界面,会占用用户寻找图标的时间;

    所以色彩是识别能力中需要注意的一点,为了提高用户的识别度,我们的设计更要遵循用户的习惯。

    部分设计师的想像力非常丰富,这是设计师的一大优势,但切忌将图标设计得过于个性,让用户难以理解。

    Instagram的设计就是比较典型的新风格的界面,图标容易理解,并且以黑色为基调,识别性强,用户也容易理解,这也是这些图标没有文字说明的原因之一。

    尽管如此,我个人建议在图标的设计中加入一点自己的创意会让产品更有趣,所以不要太压抑自己的天性。

    以上的说明是让大家在设计图标时需要注意的一些细节。当然,如果是一些个性化图标,颜色也要突出。例如,一些图标的颜色尽可能地保持了实体材料的相近色,这样也不会使使用者理解产生偏差。

    图标设计完成后,设计师要进行两项测试:一是无背景测试,二是基于背景的图标测试。

    首先,将图标单独放置在画布上,看该同事能否知道该图标的含义。

    另外一种是在界面上放置图标,看看同事(项目外的同事)能否理解图标的意思。

    视野统一。



    各种类型的图标有不同的特点,稍作改动,就会破坏整个图标的统一。包含复杂性、形状、线的粗细等。

    本人在临摹整组图标的过程中,显然可以清楚地看到了原始作者对图标的掌控是多么强大,每个细节调整的非常到位,以致于我在制作过程中遇到了不少麻烦。但解决后,自己在创建图标时发现自己很轻松。例如:

    总体风格的统一。

    控制图标大小。

    由于在设计过程中发现这两个问题比较多,所以在这里单独列举。

    总体风格的统一:我这次设计的是一组杯子图标,为了统一风格,我把所有线条的粗细设置为2px,然后再做一些MBE风格的设计。为使所有的酒杯都统一,我在酒杯里加了酒,所以整个图标也变成了装酒的各种酒杯。并且点小泡泡就是为了增添一种有趣和统一。

    图示大小控制:前期在设计的过程中,我发现我的图标大小有波动,很不统一,甚至是一个大一个小,所以我加了一个限制,一方面可以限制图标的尺寸尽量统一,另一方面会显得更规范。

    再来点一下大家一个问题:就是在图标设计过程中,我整个过程都使用矢量工具来绘制,然后做布尔运算,再用锚点来调整。使用钢笔也是可以的,但水平不够的话,曲线就会不协调。

    差异性。

    在设计一个图标集时,要尽可能扩大图标之间的差异,弱化图标之间的相似度,这是一个最容易被设计师忽视的原则,往往为了保持视觉风格的统一,使用相同的元素,舍弃每个图标的差异性。

    假设一套图标,长得差不多,那么用户在界面上找到一个功能所需要的时间就会比想像中的多。它们将探索图标的功能作用,查看跳转页面是否是自己想要访问的界面,然后返回。

    您可以显示一组已经设计好的图标,然后您说出一个名词,让同事来选择是哪个,这样就能很好的检测图标的差异和识别能力。

    也许有人误解了统一性和差异性的概念,统一是图标风格和风格的统一,不同的是图标与图标之间的意义要明确。

    另外,在设计过程中,要区别被选中和没有被选择的状态,让用户知道我们的图标会给予反馈。

    概述。

    最终,我们为什么要设计图标:

    提高用户感知信息的速度;

    利用视觉感知,增强用户界面记忆;

    更节约空间,避免长文字使用;

    加强界面设计感,界面更加和谐。

    身为因特网设计者,我们更应从图标之外,包括建筑、字体、工业设计、心理、自然等方面寻求灵感。

    如今图标之间,风格和设计风格都越来越相似,所以每个人都应该提高自己的层次,设计出与众不同的图标,使自己处于领先地位。