垂直韻律:從認知科學到 CSS 實作的深度解析

垂直韻律(Vertical Rhythm)是網頁與介面設計中不可忽視的核心原則,其目的是確保所有垂直排列的元素,包括文字行距、標題、圖片與內容區塊,皆遵循一致且規律的垂直間距節奏。這種節奏感如同音樂中的拍子,能在視覺上營造整齊與和諧的版面,引導使用者的視線自然地向下流動,進而提升整體的閱讀流暢度與資訊理解效率。

垂直韻律的重要性不僅止於美學層面,更深層地關係到可讀性(readability)、可預測性(predictability)與使用者體驗(UX)。