超详细的图标风格总结-线面结合图标

31天前发布

原创文章 / UI / 观点
泡芙喵F 原创,如需商业用途或转载请与泡芙喵F联系,谢谢配合。

前面2篇文章分别介绍了《线性图标》、《面性图标》,今天就来分享一下线面结合图标设计。

大家好,前面2篇文章分别介绍了《线性图标》《面性图标》,今天跟大家分享一下线面结合图标的一些设计样式。

线面结合图标相较于前面2种样式更加丰富、富有趣味性。



线面结合图标常见样式


这里总结出了以下几种类型:


1、黑色线性边框+渐变色内部填充

undefined



2、黑色线性边框+彩色错层填充




3、黑色线性边框+彩色内部线条+圆形点缀



4、黑色线性边框+彩色内部线条+错层投影点缀


5、黑色线性边框+彩色面性局部替代



6、彩色线性边框+纯色错层内部填充


7、彩色线性边框+同色系错层投影点缀


8、渐变色线性边框+渐变圆形点缀


9、渐变色线性边框+彩色面性局部替代


10、渐变色底板+白色线条图标


5
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    文章信息

    • 文章标签

    没有新消息