用途:该技能专注于格式塔视觉组织中的邻近法则,通过空间间距创建清晰的视觉分组,让用户无需标签或边框即可理解元素间的关系。
主要能力:核心原则是靠近的元素被视为一组,留白产生分隔,紧凑暗示关联。它可用于表单字段(标签紧贴输入框)、卡片内容(标题、正文、元数据紧凑,卡片间分隔)、区块标题(下方间距小于上方)、按钮组(相关操作紧凑,破坏性操作分隔)、数据行(行内边距小于行间距)、图标与标签(图标标签紧凑,各组间分隔)等场景。
使用方式:在布局中,组间使用更大间距表示分隔,组内使用更小间距表示归属;组内与组间间距的比例决定层级,没有固定像素值;使用一致的间距刻度(如4px、8px、16px、24px、32px)使邻近关系系统化。
与其他原则的关系:邻近与共同区域原则可相互强化,但通常择一使用;邻近在颜色或字重之前传达结构;相似性与邻近结合形成最强分组。
最佳实践:不要用边框替代间距的作用;眯眼检查布局,分组应在不阅读内容时即可辨识;优先审查用户误读结构的页面,邻近通常是原因。
限制:资料未提供具体实现代码、安装命令或平台支持信息。