WALKING STORY岛屿书店
岛屿书店
与一条慢街
清晨八点，第一束光落在旧仓库改成的阅读室。
窗边 / 海风 / 旧书页
正文再次向右跳
店主把长桌推到窗边，让停留的人先看到海，再看到书。空间没有多余指示牌，木地板上的光自然把人带向深处。
“一条稳定边线，会替读者记住下一段从哪里开始。”
产品与设计 · 视觉基础
对齐Alignment
用一条共享轴线把元素串成可扫读的整体；选哪条轴线取决于内容语义，并用辅助线验收。
杂志跨页：让标题、照片与正文共用版心
先认出真实文章版面，再把错位内容吸附到同一组列线；结果会直接长在照片、caption、正文与页脚扫读路径上。
真实物件：一本城市杂志的文章跨页。默认标题、照片、caption 与正文各自起步，读者视线反复折返。
! 3 处边线错位失败状态：三个内容块都有自己的起点，版面看似活泼，读者却要反复横向寻找下一段。
从跨页里读出的三条原则
对齐不是机械贴左，而是让相关元素共享一条有意义的轴。
- 共享轴建立关系：标题、图片和正文落到同一列线，读者会把它们读成一个故事。
- 不对称也能整齐：物件大小可以不同，只要关键边线与基线有稳定的连接。
- 辅助线用于验收，不是成品主角；隐藏网格后，版面仍应能被顺畅扫读。
什么时候专门检查对齐
当版面总有“说不清的松散”、响应式重排后起点漂移或多列内容难以比较时检查；单一自由插画不必强求每条边都齐。
杂志与文章、菜单、名片、表单、列表和数据列等需要连续扫读的界面。
对齐不能替代层级和分组；所有内容都在同一轴上，若主次和归属仍乱，页面照样难读。
怎么从内容找到主轴
先选最稳定的内容边，再让其他元素向它建立关系。
- 找出阅读中反复出现的起点：正文左缘、数字右缘或卡片列线。
- 让标题、图片、caption 与操作对齐这条轴；装饰性偏移必须明显且有意图。
- 隐藏辅助线，从桌面缩到手机再扫一遍，确认起点仍可预测。
同一跨页：正例与反例
目标相同，只改变关键内容是否共享版心。
标题、照片边、caption 与正文共享列线；版式可以不对称，起点仍有关系。
结果：读者知道每次转折后从哪里继续。只把照片右移半列，caption 又缩进另一距离，正文失去可预测的起点。
后果：视线折返，精致素材也会显得松散。快速自测
一张餐厅菜单需要逐行比较菜名和价格，哪种对齐最利于扫读？
继续查证
术语的技术定义和行为以这些一手或权威资料为准。
下一步学
和本知识点经常一起出现的概念。