UI设计教程之常见的APP小图标类型以及用途梳理

2024-04-23 15:29:45

图标是UI设计最重要的元素，也是UI设计新手学习的基础知识。按照划分标准的不同，图标可以分为启动类图标和应用类图标、扁平化图标和拟物化图标等。有些同学在制作APP时也会用到图标，接下来我就给大家介绍比较常见的APP小图标类型以及用途。

一、单色面向图标

1、异形图标：用的最多，它又分为圆润、直角等，相对稳重和扎实。

2、几何背景型：界面元素过多时，用一种形状做背景，界面不会杂乱。或是界面过于单调，用多种色彩作背景点缀页面。

3、几何外框型：一般用作统一界面元素，相对上面两种用的比较少。

二、单色线向图标

线性图标是由线和点组成的，优点是轻巧简练，具有一定的想象空间，且不会对界面产生太大的视觉干扰。

1、闭合线性图标：中规中矩的感受。

2、断点线性图标：俏皮的感觉。

三、多色面向图标

多色面向图标，用多种色彩表现图形使界面更丰富多彩的基础上，更能表现物体的层次。

1、扁平类：采用2-3种纯色的搭配，相对单色更加活泼,辩识度更高。一般采用主色搭配相近色、互补色等等。

2、微质感：带有些微质感，拟物化设计。一般用作物品分类等的设计。

四、多色线性图标

多色线性图标：采用2-3种颜色的线条组成，相比单色线条更活泼俏皮。

五、多色线+面图标

更加吸引眼球，有种画重点的感觉。整体给人一种年轻化的感觉。

1、扁平类：采用2-3种颜色的搭配，有在线性图标的基础上增加面的点缀，还有面性图标的基础上增加线的轮廓。相比面相图标和线性图标更加明显。

2、微质感：对微质感图标增加轮廓，漫画风的感觉，给人年轻、活泼的感觉。

以上就是我整理的常见的APP小图标类型以及用途。UI设计师门在进行小图标设计时，要遵循一定的原则，比如可识别性原则、差异性原则、统一性原则。同时想要设计出好看的图标，我们还要熟练掌握各种设计软件。

UI设计教程之常见的APP小图标类型以及用途梳理相关推荐

UI设计：模仿淘宝App首页
UI设计:模仿淘宝App首页
【UI设计教程】PS软件绘制闪电UI图标
大家好,欢迎来到艺恋优梦,我是梦梦~ 今天教大家制作UI闪电图标,也是UI设计界面比较常见的一个图标. 所用软件为:PSCC2018版本,还没有这个软件的小伙伴们可以留言噢! 可以关注下梦梦的微信公众 ...
UI设计教程，教你用PS软件绘制个性的开始图标
今天教大家制作UI开始图标,这也是UI设计界面比较常见的一个图标. 所用软件PScc2018,没有软件的小伙伴可以给我留言噢!
UI设计教程分享：6个不能错过的UI设计网站
Ui设计学习的人越来越多了,想要找到合适的学习资料很难,很多才接触ui设计且没有基础的同学也不知道去哪里找学习资料,虽然现在百度上很容易搜到ui设计的学习资料,但是一看不难发现,很多都是过时的学习资料 ...
UI设计素材干货模板|手机app夜间模式相关素材
夜间模式最大的作用就是在夜晚长期使用手机时保护眼睛.减少用眼疲劳. 也就是说如果该项目的产品,用户大多有夜晚使用的需求,那么就要为其增加夜间模式. 常见的有资讯类.阅读类.音乐播放类产品. 夜间模式的 ...
UI设计教程分享：Ps合成炫酷机械姬
本次给大家分享一个通过PS合成一个炫酷的机械姬,在这个教程里给大家展示图像的色彩处理.人物光影塑造和创意实现及细节处理,教程比较简单,创意十足,看过<机械姬>电影的同学们一定知道这个有多炫 ...
35个强大的UI设计教程
下面是35个非常不错的UI设计的的教程及效果图,非常不错哦.不但教你如何做一些特效,同样教你如何做UI布局和界面设计.当然,他们风格迥异,也基本上都是Web页面上的.都非常不错.希望你喜欢.(点击下面 ...
升级UI设计作品集特色的4个小技巧
UI设计是当前市场上比较热门的行业之一,而作品集被看做其敲开企业高薪大门的金钥匙.作为一个UI设计新手,如何才能制作出别具特色的作品集.实现就业梦想呢?我认为掌握以下几点很重要. 1.掌握制作作品集的 ...
UI设计教程分享：banner设计
我们都知道在一个网站中,banner图片对于浏览者来说是非常重要的,尤其是电商banner,它的最主要目的是营销,是要让消费者有冲动去购买,这对设计的要求也就更高了.而企业网站也一样,一个合适的ban ...

最新文章

热门文章