从概念上来讲,图标可分为广义、狭义两种,广义指的是现实世界中的图形符表达方式号、且有明确指向的含义,而狭义的图标指的设备界面中的符号,这些设说备泛指承载互联网产品的载体,如手机、电脑、i怎么Pad……等的。在UI设计中主要具是针对狭义的概念。
其次,不同风格、样式的图标能让界面看起来更美观,提高用户的视觉舒适度。
2)面性
3)线面结合
除上述这几浮动种风格的图标之外,还有例如2.5D、3D、像素风、新拟态……等,但在UI设计中并不常用,就不一一举例说明了。
(动效图标:@墨染ART 授权)怎么
从上图中可以看出,相同尺寸的图标在真实的视觉中英文相差很大,这就好比一个100像素的圆形、跟100像素的方形地址相比,站在逻辑角参考度,大小是相同的,但在视觉上,一定是方形显得更大。所以我的们说常说的图标大小相同,并非真实尺寸,而是视觉感受。
2)面性正负形间距
飞书官方图标库:htt英语ps://iconpark.oceanengine.com/offi地址cial,海量资源可在线修改,调整描边、填充、单/双/多色、端点后下载SVG格式图标。
虽然上述图标资源基本能满足我们的日常设计所需,但仅仅只能是作为参考而已,一味的图方便、投机取巧只会毁参考了自己的动手、创新能力。
七、结语
图标设计是一个非常庞大的版块,且有很用多个分支,例如:金刚区、标签栏、浮动应用图标…等,每个分支都有自己的一套设计法则,我们需要在不断的学表达方式习与创新中获得更多经验。一篇文章不英语足以道出图标设计的精髓,用但可以在不断沉淀、相互探讨、持续的学习中一起进步。
下篇「图片」文章再见英文。