Evalisse的图标展示以网格、圆弧笔画和人物设施符号建立统一语言。方向箭头与目的地符号具有共同风格,结构卡又说明绘制关系。真正进入页面或导向场景时,还需要让方向、设施名称和使用范围共同解释,不能只靠一致线条完成辨认。

核心结论

  • 网格统一构造,实际尺寸还需保持对象可辨。
  • 方向、名称与设施范围分别说明,组合后才易理解。

网格先统一构造

网格图标明24px外框、2px笔画以及内部比例,圆形、对角线和边距为绘制提供参照。后面的箭头与人物都延续圆弧转角,家族感来自明确骨架。

相同外框不等于相同视觉重量。单线箭头留白很多,带人物与物件的符号更密,缩小后可能更容易合并。网格适合检查边距,识别仍应在目标尺寸中另看。

界达设计更偏好先让每个符号的主要结构清楚,再调整家族一致性。过度追求相同占比,可能让简单箭头显得过大,而复杂设施失去关键部件。

规范可以同时保留绘制网格与使用预览,说明屏幕、卡片或标牌上的大小、留白和文字配对。这样选用者知道构造规则,也知道具体环境里该怎样放置。

深绿网格示意标出24px方框、2px笔画及16乘20和20乘16内部比例
图标构造网格|统一比例提供骨架,具体图形仍需检查视觉重量

方向和目的地承担不同信息

合集上部排列左右、上下和对角箭头,下部用人物动作、池体、门框或其他物件表达设施。统一的端部和线条让整套图形连贯,同时保留各自主要特征。

箭头回答往哪里走,设施图回答去什么地方。两者组合时,名称与方向应有清楚配对,不能让一列箭头和另一列图标靠距离自动建立关系。

编号方便管理资产,正式界面还需稳定的名称。相似人物姿势或物件可能表达多个服务,简短标签比单纯放大图形更能减少误解。

多语言可以保留同一符号,文字仍需对应真实设施范围。方向、服务类别和终点名若沿途变化,外形再一致也会让人不确定是否到了正确位置。

合集裁剪展示八个弧形箭头及带编号的人物、设施与行动图标
方向与设施合集|共同笔画连接视觉,方向和目的地仍需明确配对

名称范围与图形保持一致

结构卡分别展示Emergency Exit与Spa,图形叠在构造网格上。前者用人物、门框和方向,后者用人物、池体与蒸汽线,核心部件容易识别。

Spa名称可以指整个服务区,图形更接近其中的浴池。选用前宜确定它是总入口还是单设施,再决定名称与形状,避免相同图形同时表达宽窄不同的范围。

类别和字重说明的文字较浅,也应让选用者快速读到。资产规范的用途是帮助准确挑选,不只是让展示卡漂亮;状态版本、最小尺寸及名称可以作为明确字段。

方向类和安全类使用还需核对实际环境与适用要求。现有材料提供视觉语言,后续在具体载体上检查人物、门框和蒸汽是否仍能分开,再决定放置方式。

两张结构卡分别显示Emergency Exit与Spa,包含名称类别字重和图形构造网格
图标结构卡|名称、类别与形状应解释同一对象,Spa范围值得核对

常见问题

设施图标一定要配文字吗?

相近姿态和物件容易有多种解释,简短名称能确认对象。方向图还应与目标名称清楚配对。

24px网格就保证小尺寸可读吗?

它提供绘制参照,仍需检查复杂符号的留白和部件。目标背景与载体也会影响辨认。

设计检查清单

  • 主要结构在目标尺寸中清楚。
  • 箭头和设施名称配对明确。
  • 总服务区与单设施命名范围一致。

建立图标名称与使用规范

酒店、度假村或设施网站可先整理目的地名称与图标范围,再建立屏幕及具体载体的尺寸规范。

界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可一起梳理页面内容、界面结构与实现需求。

联系界达设计,聊聊你的项目