UI界面设计中,会有很多图标icon需要设计,或者说icon设计是APP UI界面设计的灵魂,icon设计风格要和客户所需或者品牌保持一致性,我们参考了很多UI设计系统,比如蚂蚁设计Ant Design、Google材料设计,从中总结了一些UI界面设计中的icon图标设计规则,一起看看。
当你开始为 UI 设计图标时,你必须知道 3 个最基本的术语:
1、描边
线条或图标的大小,我们可以根据公司或客户的品牌需要调整描边。
2、填充
这是图标周围的空间,有助于定义图标的区域和一些间距。
3、活动区
这是图标周围的空间,有助于定义图标的活动区域和一些安全间距。
关于图标尺寸的规则:
您可以创建各种图标大小,但图标设计的最佳建议是 24 x 24 像素图标。带 1px 网格。
在设计 24x24 像素图标时,活动区应为 20x20 像素,且用 2px 的填充和笔画为 2px,以确保所有图标的一致性。
网格、关键线和基本形状:
遵循基本网格和关键线还可以帮助您设计更好的图标,通过保持线条您可以设计出更完美的图标。