版面配置詞條 3-13
留白與節奏Whitespace
也常叫做：留白、負空間、Negative Space
你可能會這樣說
所有區塊黏在一起，標題貼著內文，整頁密不透風，看起來像一張傳單而不是品牌網站。
白話解釋
留白是刻意不去填滿的空間：區塊與區塊的距離、字與字之間的呼吸。它不是浪費版面，而是用空把重要襯托出來——精品網站看起來貴，一半的功勞都是留白。
判斷標準不是「空不空」，是「分組對不對」：相關的靠近、無關的拉遠，眼睛自然會分塊理解。
跟 AI 溝通留白要給數字：區塊間距、內距、行距各多少，比一句「多留白」有用得多。
親手試試
區塊一：報名資訊
相關的內容彼此靠近。
區塊二：常見問題
無關的內容拉開距離。
預設黏成一團——把間距拉開，畫面立刻開始呼吸；精品感的區塊間距通常在 80–120px。
這樣對 AI 說
中文就可以
這頁太擠了，請依下面的節奏調整： 大區塊垂直間距一律 96px，區塊內標題與內文距離 24px。 卡片內距 24px、卡片之間 24px，不要再小。 段落行距放寬到 1.7 倍字高，段落之間再加 16px。 手機版數字打八折，但比例關係保持一致。 完成後給我前後對照圖。