內容展示詞條 2-34
分隔線Divider
也常叫做:區隔線、水平線、Divider
你可能會這樣說
兩段內容之間畫一條淡淡的橫線,或者只用留白不劃線——讓畫面喘口氣的小手段。
白話解釋
分隔線是用一條線或一段留白把內容切開的排版手法,讓每個區塊界線清楚,畫面不會糊成一團。
它不是裝飾品:關係密切的段落用留白就夠,性質不同的區塊才畫線;線也建議走淺色細線,太粗太深反而沉重。
跟 AI 溝通時給具體規格,例如「區塊之間加 1px 淺灰線」,比只說「畫一條線」好掌握。
親手試試
✕ 糊成一團
關於本店我們是一間從台南起家的小選物店,專門收集生活裡的好東西。門市資訊營業時間週二到週日早上十一點到晚上八點。
兩件事黏成一坨,掃一眼分不出段落。
✓ 一線之隔
關於本店我們是一間從台南起家的小選物店,專門收集生活裡的好東西。
門市資訊營業時間:週二到週日 11:00–20:00。
一條 1px 淺線+留白,區塊立刻分明。
分隔線不是裝飾:性質不同的區塊才畫線,相近的段落留白就好。
這樣對 AI 說
中文就可以
頁面各區塊之間加上淺灰分隔線。 線粗 1px,距離上下內容各 24px。 關係相近的小段落之間不畫線,用 16px 留白就好。 全站的分隔線樣式要統一。