UI设计教程之常见的APP小图标类型以及用途梳理
时间:2024-09-12 来源:朝夕友人 点击:
图标是UI设计最重要的元素,也是UI设计新手学习的基础知识。按照划分标准的不同,图标可以分为启动类图标和应用类图标、扁平化图标和拟物化图标等。有些同学在制作APP时也会用到图标,接下来我就给大家介绍比较常见的APP小图标类型以及用途。
一、单色面向图标
1、异形图标:用的最多,它又分为圆润、直角等,相对稳重和扎实。
2、几何背景型:界面元素过多时,用一种形状做背景,界面不会杂乱。或是界面过于单调,用多种色彩作背景点缀页面。
3、几何外框型:一般用作统一界面元素,相对上面两种用的比较少。
二、单色线向图标
线性图标是由线和点组成的,优点是轻巧简练,具有一定的想象空间,且不会对界面产生太大的视觉干扰。
1、闭合线性图标:中规中矩的感受。
2、断点线性图标:俏皮的感觉。
三、多色面向图标
多色面向图标,用多种色彩表现图形使界面更丰富多彩的基础上,更能表现物体的层次。
1、扁平类:采用2-3种纯色的搭配,相对单色更加活泼,辩识度更高。一般采用主色搭配相近色、互补色等等。
2、微质感:带有些微质感,拟物化设计。一般用作物品分类等的设计。
四、多色线性图标
多色线性图标:采用2-3种颜色的线条组成,相比单色线条更活泼俏皮。
五、多色线+面图标
更加吸引眼球,有种画重点的感觉。整体给人一种年轻化的感觉。
1、扁平类:采用2-3种颜色的搭配,有在线性图标的基础上增加面的点缀,还有面性图标的基础上增加线的轮廓。相比面相图标和线性图标更加明显。
2、微质感:对微质感图标增加轮廓,漫画风的感觉,给人年轻、活泼的感觉。
以上就是我整理的常见的APP小图标类型以及用途。UI设计师门在进行小图标设计时,要遵循一定的原则,比如可识别性原则、差异性原则、统一性原则。同时想要设计出好看的图标,我们还要熟练掌握各种设计软件。