图标的正确应用可以帮助用户快速定位并理解想法,从而推动用户便捷地进行下一步操作,提升用户的最终使用体验。那么在图标设计中,有没有哪些细节是设计者可以注意的?又或者有没有哪些技巧是可以利用的?本文作者便总结了10个技巧,一起来看看吧。
图标是任何设计系统不可或缺的一部分。使用图标的主要原因是帮助用户快速理解想法,实现快速导航,解决语言障碍,最终提升用户体验。
图标作为一种设计工具,在UI/UX和平面设计师中最受欢迎。这些微小的设计元素对每个人来说都是简单易懂的,这些特征赋予了它们通用数字语言的地位。
在这篇文章中,我整理了10个简单又重要的技巧帮你设计出更专业的图标。
一、尺寸规范最小的图标大小通常是12 x 12px。以这个尺寸为基础,行业标准中大多数其他尺寸只是通过将之前的尺寸翻倍而产生的。
- 小尺寸图标,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. 像素网格对齐
使直线部分完全清晰,并增加曲线和边角的清晰度。(彩云注:尽可能的使线条实心)
3. 完美角度
有角度的线更模糊。创建图标的最佳角度是45°,因为形成一个角的像素彼此对称。
3. 边缘清晰
直线必须占据其边缘上最暗的4个像素。这样线的边缘看起来更清晰。