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-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码