提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
图标,也称为icon,是UI设计中的重要组成部分。它通过将业务概念概括、抽象和隐喻为清晰的图形,降低了用户的理解成本,并向用户传达功能和操作信息,提高了界面的美观度。优秀的图标系统不仅保证了图标基因元素的一致性,还为设计效率的提升提供了保障。
二、设计过程的心得:
2.1 设计原则
准确性:设计造型准确的图标(尽量保持偶数原则,去小数点);选择表意准确的图标,避免对用户的认知造成困扰。
简洁性:在表意清晰准确的基础上,尽量保持图形的简洁。
节奏感:图标应保持一定的秩序。
愉悦感:赋予图标适当的情感。
2.2 统一图标绘制大小
确保原始图标的大小一致,以确保前端使用统一尺寸。
2.3 出血位
设置出血位可以防止图标绘制不小心贴边后,在实际应用场景中出现缺失现象。出血位的默认数值可以调整大小,以保证视觉平衡。
2.4 元素调整规范
线条粗细:默认使用统一数值。如果业务需要变化,应设定线条粗细递增或递减的规律。
圆角大小:统一圆角度数的设置,保持正负内外型圆弧度数的统一。
颜色统一:设定色彩范围(主色和辅色),以确保界面色彩不杂乱,严谨有序。
2.5 分层打造主次秩序
图标不是一个平面,而是分层的。从底层到上层各层级应按照各自的规范来设计图标。根据图标业务属性分类来使用归纳图形,保证计构图上的节奏感和规整性。在遵循设计一致性的基础上,进行视觉上的平衡和微调。
三、图标的命名规范
命名规范:图标类型/图标名称(拼音)
四、图标的整理
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册