认识达内从这里开始

认真做教育专心促就业

UI设计师应该知道的图标基础知识（三）

发布：达内培训
来源：达内培训
时间：2018-08-06 18:56

    拟物化图标-达内培训负责整理
    就如同上文所说,拟物化图标是扁平化图标的对立面,正如同当初拟物化图标设计师常说的,它就是"抄现实",尽量将现实世界中的形状、纹理、光影都融入到整个图标的设计,拟真是它的特点.拟物化图标这一设计趋势几乎是跟随着Macintosh 的诞生和进化一步一步走过来,走到极致,然后从UI设计领域开始,被扁平化设计所替代.不过,拟物化图标现在依然广泛地运用在不同领域,尤其是游戏设计和游戏类产品的图标设计当中.
    SVG 图标
    SVG图标,其中的SVG 是 Scalable Vector Graphics 的缩写,它是基于 XML 的2D矢量图标技术,它的技术标准被 W3C 所推行,并且得到所有的主流浏览器的支持.SVG 图标现在越来越受欢迎,它很大程度上降低了跨平台、跨屏幕设计的时候图标显示上的兼容性问题.
    基于图像隐喻来划分的图标类型

着名的可用性研究专家 Jackob Nielsen 曾经在 NNGroup 的文章中披露了这种图标类型划分的标准.图标基于其中所反映出来的隐喻,可以划分为三个主要类型.

达内培训

    相似图标,它是将现实世界中的物理实体给符号化,这种设计最典型的就是用于搜索的放大镜图标,购物车图标,邮件图标等.
    参考性图标,它是使用类比对象的方式来设计的图标,比如压缩和解压类的工具图标,常常会使用包、拉链这样的意象来传递出概念.
    随意式图标,这类图标的设计和其功能/含义并没有关联,它们本身并不传递出功能性的含义,依靠的是用户长时间的查看、使用,逐步习惯来熟悉其中的含义.现在许多界面当中的"保存"按钮采用的是软盘的图标,但是软盘实际上早已退出历史舞台,许多用户甚至都不知道软盘的存在,但是用户会在长时间的使用过程中了解它的功能,并且在大脑中形成这样的概念回路.
    有效的图标设计
    在之前的文章中,我们总结过高效的图标设计应该具备的特征
    清晰:图标的意义应该是可理解的,可供受众吸收的
    有意义:传递出有意义的信息
    可识别:图标中所包含的视觉符号应该能够被正确地识别和呈现
    简单:图标中仅仅包含必要的元素,便于被快速的感知,不会让用户感到费劲
    吸引人:图标设计要比其他的视觉元素更突出,直觉而引人瞩目
    灵活可拓展:图标应该可缩放,并且不论大小都能被人所理解,完整而易读
    不冒犯人:它应该没有隐含意义,也不会有被误读的可能
    一致:图标应该和应用保持一致的风格
    以上就是达内培训给大家做的内容详解,更多关于IT知识的学习,请继续关注达内培训

< 上一篇：UI设计师应该知道的图标基础知识（二）

下一篇：UI设计师应考虑微交互的设计（上） >