UI图标设计的标准是什么?

所属分类: 平面设计 / 平面其它 阅读数: 498
收藏 0 赞 0 分享

说到图标一般指的都是智能设备中的代表一个含义的图形。其实在现实生活中也会发现许多图标的存在比如交通标示的图标,再比如旅游景区内的引导图标。这些图标存在的价值是提供信息指引,帮助用户找到需要的信息。而智能设备中的图标其实就是把现实生活中的图标迁移到界面当中,在界面中图标传达信息并且引导用户操作,用户根据接收到的信息进行操作。总之一句话图标的存在是为了快速准确的传达信息给操作的用户并且引导用户作出反馈行为。

图标设计四准则

随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达。现在各种各样的图标充斥在不同的app当中,那么怎样的图标才设计师应该追求的方向呢。评价一个图标设计的好坏的标准是什么呢。下边我们从四个维度来分析下。

1)表意性准则

图标作为快捷传到信息的载体首要的标准就是要准确的表达含义,如果一个图标不能准确快速的表达含义,也就不能快速准确的引导用户操作,那么这个图标也就没有存在的必要了。

范例:

精准表达图标的含义

2)美观性准则

图标在界面中一般都是点睛之笔,都是由精致美观的图形设计。一个图标的美观度决定了用户对这个图标的观感,帅气的图标会大大增加用户点击的几率,从而更有效地传达图标所代表的含义。

范例:

美丽的色彩搭配

美观的线条造型

e3cc576a67230000018c1ba2ada3.jpg

简洁大方的块面早造型,色彩鲜明的色彩对比

当下追波最流行的图标设计

3)统一性风格准则

在同一个产品中保持同样的图标风格显得有为重要,统一性是保证设计品质的重要一环。统一风格的图标设计会极大地提升设计品质,一套不统一的设计风格会极大地降低产品的设计品质。统一性具体包含设计风格的一致性和一套图标的栅格系统的统一性(后边会详细讲解图标的栅格化系统)

范例:

统一的线条,统一的圆角

统一的线条,统一的圆角

统一的线条,统一的圆角,统一的透明度对比

统一的造型,统一的圆角,统一的透明度对比

4)情感表达准则

图标除去自身的信息传达之外还要传达产品的情感,用以突出一个产品的个性。比如硬朗、温柔、大方、个性、可爱等。图标设计不同的造型会传达给用户不同的情感感受,图标的情感表达是图标设计的较高境界需要对图形、线条、大小、颜色都有特别细腻的把控力。

范例:

情感:简洁大方

情感:可爱温柔

情感:方正硬朗

情感:方中带圆刚柔相济

系统图标是移动端设计中非常重要的部分,也是衡量一个设计师水准的重要指标。图标设计的表意性、美观性、统一性、情感表达的四个准则,从不同角度阐明了一套优秀系统图标的要求,希望对小伙伴们有所帮助!

更多精彩内容其他人还在看

年后求职必备!UI设计新人常见的7个简历制作要点

当你的简历写完以后,是不是能够在十秒钟内看完所有你认为重要的内容呢?就业专家认为,一般情况下,简历的长度以A4纸1页为限,简历越长,被认真阅读的可能性越小,下面小编就为大家介绍UI设计新人常见的7个简历制作要点,来看看吧
收藏 0 赞 0 分享

如何运用基础的色彩三要素?

说到色彩,优设一直在跟上潮流,比如2017年的潘通流行色,刚发布不久,优设就有了相关的介绍和运用方法,今天我教你如何运用基础的色彩三要素,有需要的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

真正的新用户引导应该怎么设计呢?

新用户引导(Onboarding)这个词本是人力资源领域的术语,不过现在已经被UI/UX领域借用过来,指的是帮助刚刚注册网站/APP的新用户熟悉产品到流畅使用的引导流程,今天的文章,我们来聊聊新用户引导的设计
收藏 0 赞 0 分享

学习方法和思维方式解析如何快速提升设计

做设计这个行业拥有天赋的人很少,大多都是通过有效的学习手段进行提升,盲目学习是不行的,这里就是要提到一个人是否有正确的学习方法了,有的人进步很快,有些人很慢。这里我分享一些自己的学习方法和经验,希望对你们有用
收藏 0 赞 0 分享

设计师容易忽视或处理不好的七大设计细节

我在刚刚做设计的头三年经常会犯各种各样的错误,有些错误现在稍不注意还是有可能会犯。下面小编就为大家介绍设计师容易忽视或处理不好的七大设计细节,来看看吧
收藏 0 赞 0 分享

平面设计师在面试期间的技巧全揭秘

对于设计师而言,作品就是最好的嘴巴!它会在你面试的时候去帮你诉说你的想法你的设计思路,还有你的设计风格!下面小编就为大家揭秘平面设计师在面试期间的技巧,一起来看看吧
收藏 0 赞 0 分享

如何设计一款字体标志?字体标识制作一些经验和见解

在标志设计中文字与图形元素总是紧密配合,只有恰当的字体与图形搭配时才能发挥最大的视觉效果。那么如何设计一款字体标志?下面小编就为大家分享字体标识制作过程中的一些经验和见解,来看看吧
收藏 0 赞 0 分享

3分钟出成品 零基础字体设计过程解析

今天小编为大家分享一个很不错的教程,只需3分钟即可出成品,即使是零基础,也能学会。推荐到脚本之家,有需要的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

实用:易拉宝设计的流程和思路

今天为大家分享易拉宝设计流程,教程真的很实用,介绍地很详细,非常值得大家学习,推荐到脚本之家,感兴趣的朋友可以参考本文,希望能从文中得到一些启发
收藏 0 赞 0 分享

字体性格:字型通过哪些变化影响到人的视觉感官

这篇教程是向脚本之家的朋友分享字型通过哪些变化影响到人的视觉感官教程,教程很实用,主要是向大家介绍字型基本气质,来看看吧
收藏 0 赞 0 分享
查看更多