把部落格當印刷品排

2015 年之後出生的網頁，長得越來越像同一個人排的：漸層 hero、三張圓角卡、置中大標加兩顆按鈕。不是設計師懶，是預設值太舒服——flex 居中一下就有了，誰還數格子。

印刷品沒有這個luxury。紙就那么大，油墨就一個專色，網格錯了對開頁就歪。正因為處處受限，印刷排版留下來一整套打不壞的規則。把一個部落格當雜誌排之後，我發現 AI 味最重的幾個毛病，全部可以用印刷紀律治好。

一、先定字階，再定內容#

網頁慣性是 content 寫完再挑字級。雜誌的反過來：先定字階系統——刊頭、章標、正文、圖說、頁碼，五到六級，級差固定——所有內容往里填。填不進去的是內容的問題，不是再發明明一個新字級。

字階的級差比大小更重要。我用的比例大約 1.33（完全四度），但刊頭直接跳三級以上——雜誌封面標題和正文之間從來不是 1.2 倍的溫和關係，是吼和說話的差別。標題行高壓到 1.0 以下，字距收緊 0.02em，這才是「印上去」的感覺；網頁預設的 1.5 行高加寬字距，是「貼上去」的感覺。

二、留白是欄位，不是縫隙#

網頁的空白是 padding，雜誌的空白是版面。區別：前者均勻地四周留一點，後者是刻意讓某些區域空著，用空的位置指示閱讀順序。

具體做法：12 欄網格上，標題佔 7 欄、右邊 5 欄空著或只放一個日期。精選文章一大兩小，大的那張圖出血到網格邊緣。整頁只有一個強調色，出現次數不超過五次——強調色像紅筆，拿紅筆寫滿整頁等於沒有重點。

三、分隔用細線，不用陰影#

圓角卡加陰影是 2016 年的發明，也是 SaaS 味的來源。印刷品分區塊只用細線（hairline）或純留白。細線的好處是它假裝不存在：遠看是版面，近看才有結構。陰影則一直在喊「我是互動元件」——內容部落格裡 95% 的東西不是元件，憑什么叫。

四、數字用等寬，日期不會跳#

列表裡日期一列，比例字體的「1」和「4」寬度不同，整列鋸齒。等寬字體加 font-features: "tnum"，數字全部對齊。這個細節小到不能寫進任何需求文檔，但它是「精緻」與「精緻感」之間最便宜的橋。

五、動畫要有紀律，因為印刷品沒有動畫#

全站只用一條 easing、時長 400–900ms、stagger 60ms。禁止無限循環的呼吸動畫——杂志封面不會呼吸。動畫的職責是指示空間關係（這個卡片從哪裡來、點下去會去哪裡），不是證明「我們有預算做動效」。

一条 easing 用到底，頁面就有一種统一的「體感速度」，像同一個人排的所有版。五種曲線混用，像五家公司合租一份刊物。

最後說一句公道話：不是要退回紙本。网页的自由——響應式、即時互動、無限卷動——是真優勢。但自由的前提是先有能力遵守規則。把網格、字階、留白、細線這四樣當預設，自由留給真正需要自由的那 10% 版面。AI 生成感本質上是「預設值的平均」，而印刷紀律是一套沒有平均值的選擇。