图标设计是界面设计中很重要的元素之一,一套高质量的图标不但可以提升界面美观度,还能降低用户的理解成本以及塑造品牌形象、提升用户的安全感和转化率 。那么在设计图标的时候都有哪些需要注意的事项呢?下面我们一起来学习了解一下 。
文章插图
尺寸规范
小尺寸图标,px: 12 x 12, 16 x 16, 24 x 24, 32 x 32, 48 x 48
中尺寸图标,px: 64 x 64, 96 x 96, 128 x 128, 256 x 256
大尺寸图标,px: 512 x 512, 1024 x 1024
需要注意的是,设计图标的时候,需要按100%的显示比例去设计,使图标完美像素并放大像素块查看准确性 。
保持像素完美
· 完美的像素图标标准是在屏幕上能够呈现出尖锐和清晰的线条和形状 。
· 对于图标设计来说,图标具有可伸缩性、响应性和适配更多设备是非常重要的 。
1) 像素网格对齐
像素网格对齐的功能可以使直线部分完全清晰,并增加曲线和边角的清晰度 。
【图标设计都有哪些注意事项?需要注意哪些细节?】2)完美角度
· 创建图标的最佳角度是45° 。
· 因为形成一个角的像素彼此对称,所以一般情况下有角度的线会更模糊 。
3)边缘清晰
当直线占据其边缘上最暗的4个像素时,线的边缘看起来会更清晰 。
注意粗细和间隙
注意调整线条粗细和间隙大小,可以让图标看起来更整洁和美观 。
视觉平衡
比如说同样大小的不同形状,在视觉上看起来可能并不一样大,这时候我们可以通过调整其中一个形状的尺寸来达到视觉平衡的效果 。
视觉对齐
通过软件中的对齐按钮可以对齐图形,但是涉及到细节时,我们需要相信自己的眼睛,通过手动调整达到视觉对齐的效果 。
以上就是在设计图标时我们需要注意的一些事项,总得来说,在设计图标的时候我们需要更多的考虑到细节,以达到视觉上的完美程度 。
推荐阅读
- 如何更好的设计图标?有哪些设计技巧?
- sketch和xd哪个好用?推荐选择哪个?
- Sketch 55 beta版本都有什么新功能?分别有什么作用?
- Sketch上的云端设计库是什么?有哪些作用?
- 拼多多店可以参加618吗?新店都有哪些活动?
- 圆形在设计中的应用 圆形设计有哪些类型?
- 学动漫设计一定要会画画吗?动漫设计是什么?
- 如何自己设计漫画人物?怎么创作漫画人物?
- 京东全年都有送快递吗?快递什么时候能到?
- 怎么做京东内购群主?如何加入?