看到好的图标,我们会习惯性的截图保存,但是随着收集的图标越来越多,我们会发现图标的分类会越来越混乱……而且不清楚设计时参考或者使用哪种风格最合适 。来看看如何解决这些问题吧!
图标是一个基本但重要的表达元素,在UI设计中起着不可替代的作用 。
常见的分类是简单的线性分类,缺乏图标分类的立体思维 。本文通过梳理,帮助你对不同类型和风格的图标有一个系统的认知 。
定义图像图标类型 。在对图标进行分类时,一个常见的问题是一个图标有很多样式 。比如下面这个水滴图标,样式很简单,但是可以分为多个类别 。
面对这样的问题,建议用一个系统化的结构来划分图标类别:
首先将图标按尺寸大小分为两类;继续细分对应的面性、线性、线面结合、扁平、拟物化等类型;最后选择标准、容器、渐变、3D、手绘、阴影等风格 。
通过这种层次结构,可以清楚地定义图标类别 。
图标大小图标的大小取决于具体的功能 。比如有渐变和阴影的图标看起来很酷,但是如果缩小到16px,这些酷炫的效果就无法呈现了 。
在对图标进行分类的时候,首先要考虑它们用在什么地方,需要多大的尺寸 。这里,图标分为两类:
大尺寸图标通常指标志性图标,例如 App 启动图标或代表品牌形象;小尺寸图标用作 UI 控件,起到引导功能或装饰目的 。
图标类型确定图标大小后,进一步细分图标类型:
面性图标线性图标线面结合图标扁平化图标拟物化图标
每种类型对应的图标绘制方法见→https://www.uisdc.com/zt/icon-drawing-guide 。
通过使用这种简单的分类方法,可以避免图标的重叠 。另外,这种细腻的拟物化风格并不适合小尺寸图标,所以在小图标的分类中并没有显示出来 。
图标合成图标越小,显示的细节越有限 。与大图标相比,小图标的大小有一定的局限性,图标构成包括标准和容器 。
大图标可以利用尺寸优势展示更多内容,分为多种形式 。
小尺寸图标样式简单的图像可以更具包容性 。图标尺寸越小,越考验设计师传达信息的能力 。
1.区域图标标准表面图标
人脸图标容易识别,所以适合小尺寸图标 。
关键点:
确保图标有清晰的边缘,避免羽化;图标复杂程度随着尺寸变小而灵活调整 。
带背景色的区域图标
彩色背景为简约设计带来更多可能 。通过这种技术,面部图标更加友好和有吸引力 。
关键点:
为背景选择 4-12 种颜色 。考虑图标是浅色还是深色,是否适用于所有背景色 。在彩色背景上使用白色图标比黑色效果更好 。
2.线性图标标准图标
线性图标因其简洁和现代而受到用户的欢迎 。随着屏幕显示越来越清晰,我们可以更大胆地使用线性图标 。
关键点:
确保轮廓像素清晰 。越简单越好 。追求更简单的细节 。
线性图标
在设计小尺寸图标时,你必须放弃细节,强调简单的形状 。但是当使用一种颜色效果不理想的时候,可以考虑加入一些颜色 。
关键点:
使用两种搭配和谐的颜色 。考虑将一种颜色用于主要形状,另一种颜色用于细节 。少即是多 。使用粗线条 。
3.线-面组合图标线面结合有更多的细节,增强了用户的愉悦感 。
关键点:
最好使用深色而不是纯黑色描边 。限制图标的颜色种类 。避免过多细节 。
【电脑常用图标名称 有哪些图标】4.展平图标平面图标简洁巧妙,表达品牌形象,内涵丰富 。
关键点:
避免在
推荐阅读
- 梦见结婚的梦境 梦见结婚的梦
- 风水门帘长度有讲究吗 什么是风水门帘
- 中国十大名贵木材排名 中国十大好木头名贵木材有哪些
- 文明6割让城市是什么意思 文明6怎么占领城市
- 核酸检测阴性是不是就没事了 做核酸检测需要空腹吗
- 餐桌敬酒礼仪五大禁忌 餐桌敬酒礼仪五大禁忌图片
- 糖尿病神经病变的药物 糖尿病的药物有哪些
- 家里种三角梅风水好吗 家里千万不能养三角梅
- 王者荣耀看不懂新手怎么玩 我想看王者荣耀新手教程