文章详情

UI设计中线面结合图标设计总结

2020-09-24

点击量:

  大家好,图标在UI设计中占了一席之地,不同风格的图标会影响页面整体风格效果。前面2篇文章分别介绍了《线性图标》、《面性图标》,今天AAA教育郭老师跟大家分享一下线面结合图标的一些设计样式。
 

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

  线面结合图标常见样式
 

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

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

 

UI设计中线面结合图标设计总结

 

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

 

UI设计中线面结合图标设计总结

UI设计中线面结合图标设计总结



 

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

 

UI设计中线面结合图标设计总结

 

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

 

UI设计中线面结合图标设计总结

UI设计中线面结合图标设计总结

 

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

 

UI设计中线面结合图标设计总结

UI设计中线面结合图标设计总结

 

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

 

UI设计中线面结合图标设计总结

UI设计中线面结合图标设计总结

 

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

 

UI设计中线面结合图标设计总结

 

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

 

UI设计中线面结合图标设计总结

 

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

 

UI设计中线面结合图标设计总结

 

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

 

UI设计中线面结合图标设计总结

 

  好了,今天的分享就到这里了,因此,您现在已经了解了与UI设计师的工作相关的主要技能。如果您想了解更多信息,请访问AAA教育,包含有关在该领域工作的更多相关文章。

长按识别二维码,加关注
↓ ↓ ↓ 继续阅读与本文标签相同的文章
UI设计中线面结合图标设计总结
UI设计
线面结合图标