Lobsters | 📄 原文链接 | 2026-07-22 collected

对齐吸附的五个经典时刻:精准而不官僚的交互设计

source: unsung.aresluna.org — 2026-07-20

概述

Marcin Wichary(曾任 Figma 设计师、Google 设计主管)展示了五个经典的 UI 吸附(snapping)设计案例:Bear 笔记工具的图片宽度对齐、macOS Finder 列宽自动适配文件名、macOS 窗口胶水式边距吸附(非磁吸)、Figma 容器的自吸附 padding 对齐,以及触控板触觉反馈的结合。核心观点:这些功能提供了无官僚的精准——不需要菜单中的显式选项,而是在直接操作中自然地施加恰到好处的结构。

核心要点

  • macOS 的胶水吸附:窗口靠近时 阻止继续移动而非拉向目标,更温和、无需取消操作。
  • Figma 的 自吸附:容器内的对象自动对齐 padding,无需显式设置 auto layout。
  • Finder 列宽 自动适配最长文件名——一像素也不浪费。
  • 核心设计哲学:精准而不官僚——不需要菜单选项,在需要的时刻自然施加几乎不可见的结构。
  • 接近对齐但未对齐,往往比 完全不对齐更糟糕——这些功能的设计者深知这一点。

金句

These quiet features have your back and make you look good, and their creators understand that something almost aligned can feel worse than something completely misaligned.
back to Lobsters