内容提要
Heroicons v2.1发布了新的微型风格,包含近三百个16×16图标,专为高密度用户界面设计。团队重新绘制了每个图标,以确保在预定尺寸下清晰锐利。新图标可在Heroicons网站查看,并可通过Figma、React和Vue库使用。
延伸解读
为何需要16×16微型图标
Heroicons团队在开发Catalyst UI套件时,发现现有20×20图标在14px文字的高密度界面中显得过大且不协调。为了保持界面紧凑又不失可读性,他们决定专门设计一套16×16图标,而不是简单缩放。这反映了高密度UI对图标尺寸精确匹配的需求。
重新绘制而非缩放的意义
团队没有选择缩放现有图标,而是从头绘制每个图标,并逐一调整细节。因为图标在为其设计的精确尺寸下会显得更清晰锐利。这种 meticulous 的做法虽然耗时约一个月,但能确保图标在16×16下渲染效果最佳,避免缩放导致的模糊或细节丢失。
如何获取和使用新图标
近三百个新图标已在Heroicons网站展示,用户可以通过官方Figma库进行设计,或通过React和Vue库直接集成到项目中。这为开发者提供了从设计到开发的完整工作流支持,方便在高密度界面中快速应用。
Q&A
Heroicons微型风格的特点是什么?
Heroicons微型风格包含近三百个16×16图标,专为高密度用户界面设计,确保在预定尺寸下清晰锐利。
如何使用Heroicons的新图标?
新图标可以在Heroicons网站查看,并可通过Figma、React和Vue库使用。
为什么Heroicons团队重新绘制了图标?
团队重新绘制图标是为了确保它们在预定尺寸下清晰锐利,并适应高密度用户界面的需求。
Heroicons v2.1的发布有什么新内容?
Heroicons v2.1发布了新的微型风格,包含近三百个专为高密度用户界面设计的图标。
Heroicons微型风格适合什么样的应用?
Heroicons微型风格适合高密度用户界面,能够在紧凑的空间中提供清晰的视觉效果。
Heroicons团队在设计图标时考虑了哪些因素?
团队考虑了图标的清晰度和细节,确保它们在使用时能够保持锐利和美观。