课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
图标设计是我们在学习UI设计课程技术的时候需要掌握的一个基础设计方法,在达内全链路UI设计课程中也占用一些课时,而今天我们就一起来了解一下,图标设计的定义与类型。
1.图标的定义
图标,也称为icon或Picoto,是计算机世界对现实世界的隐喻和概括,代表软件产品中的功能及操作。
两万字超强干货!设计师必看的图标设计指南
图标做为国际通用性语言,生活中随处可见,例如商场导视中收银台图标、出口图标、卫生间图标等,又或者是日常手机里使用的那些App图标,如微信、电话、短信等。的确,图标的形式有很多种,它可以应用在很多场景中,并且表现方式非常丰富,有线的、有面的、还有拟物的等。
两万字超强干货!设计师必看的图标设计指南
粗浅划分的话,UI设计中常见的图标大致分为两大类,一类我们称之为「标志性图标」,比如手机中应用启动图标;二类我们称之为「功能性图标」,这类图标经常出现于App或网站中,用于功能性指示引导或操作。
2.图标的重要性
对于UI设计而言,图标可以说是整个产品的点睛之笔,它甚至可以直接影响着一款产品的形象和气质。在不少UI界面中,图标几乎是这个页面的核心支撑体,它直接影响着产品的视觉体验和产品调性。它有以下几点好处:
全球通用:Windows,iOS,etc.,中文版和英文版甚至各种语言版本,在不打开菜单之前,基本上都长一样;
节约空间:如果能用一个图标清楚表达含义的时候,就不需要用文字,比如用一个“叉”代表「关闭」;
快速定位:图标可以用它独特的形状或者颜色让人快速定位到一个功能;
上下文的定位:比如小飞机的图标单独放出来不确定是什么,但是在和收件箱在一起它就可以认为是发件箱了。
3.应用图标
产品应用图标(也叫启动图标),是指产品「品牌标识」中独立的图形,也是产品品牌的核心组成元素。作为产品所有视觉通信中必不可少的元素,其使用率非常高,所以该独立图形在设计中应做到简化。
4.功能图标
除了产品图标,还有一种图标被称为功能(或系统)图标,功能图标指的是担负一定功能和含义的图形,一般来说需要像文字一般地被人迅速理解,所以表达方式上不适合特别复杂,如微信底部四个系统图标就使用了比较简洁的线性风格。
功能图标在UI设计中占据非常重要的作用,几乎存在于每一个应用界面中,无论是在导航栏、工具栏或标签栏,还是在页、详情页或个人中心页,都随处可见功能图标的身影。功能图标具有明确的表意功能,其作用在于替代文字或辅助文字来指引用户进行快速导航,它具有图形化的符号,比文字更加直观,符合普罗大众的认知习惯,有助于用户形成记忆思维,提高应用的易用性。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。