
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
使用图标设计是许多网页设计项目和app界面设计项目中经常会用到的一个设计技术,而本文我们就通过案例分析来简单了解一下,常见的图标设计类型都有哪些。
1、线性图标
线性图标,即图形是通过线条的描边轮廓勾勒出来的,很多新手一反应就是使用纯色的闭合轮廓,其实线性图标有很多创作空间。
关于线性有两个我们经常会遇到的问题,描边线用几像素,是否用圆角?我们可以看一下不同的产品是如何选择的。
2px的线性会显得有点轻,4px的线性会显得有点重,目前来说3px是使用多的一种选择,但是我们设计时要依据整体的UI风格来决定线的粗细。
当然我们在各个不同的页面选择图标类型,除了参考各大产品的规律之外,也要符合自己产品的定位,不要盲目的觉得这个好看就直接选择了,在我们做设计阐述的时候,好看是无法说服同事的。
2、面性图标
面性图标是用内容区域进行色彩填充的图标样式,同样,在这类图标中,也有很多种不同的表现形式。
面性图标其实相对于线性来说,对新手设计师会比较友好,因为面性的识别度会比较高,但是它的表现形式就没有线性那么多了,纯色的面性图标适合用在金刚区,但是针对比较商务或者金融类型的产品。
但是渐变的面性图标就视觉而言,会更加好一些,因此渐变的面性图标就比较适合轻松活泼一些产品的金刚区和瓷片区。
透明叠加的图标视觉风格很强,目前都是出现在教育和社交求职类的产品中见到。
3、有背景的图标
透明叠加的图标+渐变背景,此类图标通常被用在列表或者顶部的入口位置。
这种风格比较适合于轻松一点的产品,还有一种图标和背景都是纯色的图标。
这种形式图标就比较适合工具类界面比较简单的一些产品,因为这类图标视觉上相对不那么复杂,能够保证界面的整体效果的统一与和谐。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。