起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 作为UI设计师必须了解的图标

作为UI设计师必须了解的图标

时间:2021-07-16 15:23:24来源:UI培训网 作者:UI教程网 已有: 名学员访问该课程

机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.itpxw.cn

前言: 大家知道现在的UI设计逐渐趋向极简风和质感,加上人们的注意力集中时间在快速下降,所以作为一个UI设计师,设计

大家知道现在的UI设计逐渐趋向极简风和质感,加上人们的注意力集中时间在快速下降,所以作为一个UI设计师,设计好一个传达效率高的图标是非常有必要的,今天小编就带大家从零开始了解一下图标。

一、什么是图标设计图标之前我们首先要明白图标存在的意义。

广义上来说,图标是指有明确指代意义的图形。它以单纯、显著、易识别的物象、图形或文字符号作为直观语言;除表示、代替具体事物之外,还具有表达意义、情感和指令行动等作用。它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。研究表明人类的平均注意力正在逐年下降从12秒至8秒。因此,传递信息的速度就越来越重要。因此,图标的“高识别度”,“高度浓缩”,“便于记忆”就非常重要了。

二、图标的分类

1、说明性图标(解释说明)说明性图标主要是用来阐述和解释说明特定的功能或者内容,它们并不一定是被点击直接可操作的UI元素,有时仅仅是作为静态页面对于文字的辅助说明;它们通常也会配有辅助解释其含义的文案,以提高信息的可识别性,是页面设计中使用范围最广的一种图标使用手法。

2、交互性图标(操作指令)这种图标在用户界面中不止是展示的作用,还会参与到用户交互当中来,是不可或缺的组成部分。它们可以被点击,并且随之响应,最典型的就是点赞的操作了;可以帮助用户执行特定的操作,触发相应的功能。

3、装饰性图标(审美辅助)这种图标通常是用来提升整个界面的美感和视觉体验,不一定具备明显的功能性。但它们同样是重要的。这类图标在设计风格上的迎合了目标受众的偏好与期望,具备了有风格性的独特外观,并且提升了整个设计的可靠性和友好度。

三、图标的设计风格根据设计风格的不断演变,图标也产生了很多种不同的风格变化,其中最常见的几种是:

面性图标 —— 性质:稳定、安全、强调分量感,体量较重;往往用于分割层次,区分信息的重要程度; 使用时需要仔细考虑信息层级与文字搭配时的体量比例。

线性图标 —— 性质:轻盈、连贯、精致,体量较轻;往往用于整体观感精致简约风格的页面设计;但是过大面积的使用容易使页面产生过于轻浮没有重心的感觉。

线+面 —— 在线性图标的基础上填色或者局部填色,使图标更加个性化,可拓展且灵活, 相较于单纯线性或单纯面性icon来说更具有特色、年轻化;通常适用于需要强调的入口,相对于纯线性或面性icon较复杂,不适合小体量场景使用。

面+面 —— 采用配色与其他视觉元素呈现出的稍复杂图形,与线+面的形式类似,与审美气质与设计风格的选择有较强关联,设计师在其中可以更加灵活的运用色彩;相对于功能性图标来说更适用于装饰性图标。

2.5D 图标 —— 也是运用配色搭建的图标,整体相较于扁平图标有了立体感,使得对于物象的表达更加清晰不趋同;同样也趋于装饰性图标。拟物 —— 手机界面兴起伊始的风格,对现实事物元素的超级详细的模仿与拷贝;用于最初在界面设计中对于用户的教育——模拟更真实的实用场景。现在多用于更加个性及细节化的展示,目前仍广泛用于游戏场景中。

今天小编给大家带来的内容到这里就结束了,希望能对大家有所帮助。

文章出自:http://qh.itpxw.cn/peixun/ui/202188558.html

文章标题:作为UI设计师必须了解的图标



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉

你也许会喜欢如下的文章?

机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.itpxw.cn

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------