UI界面设计中的icon图标设计规则,如何设计?

用户体验   2022-09-13

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,以确保所有图标的一致性。

网格、关键线和基本形状:
遵循基本网格和关键线还可以帮助您设计更好的图标,通过保持线条您可以设计出更完美的图标。

维好维可-用户体验体验创新设计

联系我们:

关注我们微信

关注我们,持续输出与分享

+86-21-51115850
©2010-2022 维好维可 | 用户体验创新设计咨询公司-版权所有
沪ICP备19006116号-1

请留下您的联络方式
我们将在两个工作日内安排专人与您联系

合作咨询
+86-21-51115850
© 2010-2022  维好维可 | 用户体验创新设计咨询公司
沪ICP备19006116号-1
维好维可-微信二维码