如何設計知乎專欄排版?


先簡單答一下,改天有時間有精力的話可能會重新整理這個答案。

-------------------------

知乎專欄是個就排版而言比較糾結的地方,限制很明顯的兩個地方有:

  • 富文本功能有限,且無法設定文字顏色。且因為 OS X 用戶群體不少的原因、漢字斜體更沒有意義了(因為無法在 OS X 系統內的瀏覽器上面具現出這種仿斜體的效果)。
  • 只有一級標題,站方沒怎麼想打算幫助你組織多級內容…無論是顯性層級還是隱性層級。

對於前者而言,我推薦利用下滑線與厚型方括弧 【】。同時,我更推薦在中文排版時(無論簡繁體中文與否)都使用方引號「」…

當且僅當你需要凸顯某些「不嚴肅」的東西、或者故意表示「輕視其存在」、暗示「某物是偽物」的時候,你才會用到全形彎引號「」(比如 PRC 官方媒體所稱「台灣「教育部」」)。

在正常情況下進行中文排版時,對彎引號的濫用,我難以認同。

對於後者而言,我隆重推薦 Unicode Blocks (填色色塊)字元。

Windows 可以使用系統內建的「Charmap.exe」應用(摁「Win+R」執行之);

OS X 有兩種方式…其中一種就是系統內建的:

另一種情況就是利用輸入法內建的符號顏色盤的功能…

…以雅虎注音輸入法為例,摁「Ctrl + Command + 句號」可以呼出符號調色盤:

這些填色色塊可以豐富你的專欄文章排版層級和顯示效果。以我的專欄文章為例:

首先是二級標題、甚至多級標題的可行性:

(【專題】《OS X / iOS 六年字體戰爭》 - ibuick,高手進階 - 知乎專欄)

其次是每一級標題風格的可塑性:

(為什麼咱們只需要記住自然長短調? - 音樂理論一二事 - 知乎專欄)

實在不行的話,還可以將「引用」格式與數字清單格式結合使用:

(【專題】《OS X / iOS 六年字體戰爭》 - ibuick,高手進階 - 知乎專欄)

其實「引用」格式還可以用於塑造隱性層級的場合,

方便凸顯某段文字、又不讓該段文字過於喧賓奪主:

(【專題】《OS X / iOS 六年字體戰爭》 - ibuick,高手進階 - 知乎專欄)

==========

我能分享的相關經驗目前就這些,期待其他版友們的答案。


推薦閱讀:

就最近的幾個小工作
精華|康石石淺談傳統珠寶「瓶頸」與當代珠寶「可能性」
特贊專訪 | 日本數字藝術家真鍋大度--看遍新媒體藝術,念念不忘他的「東京8分鐘」
讓生命如油畫之絢爛
SunLau 的第二場 Live——設計語言背後的秘密

TAG:設計 | 知乎產品 | 排版 | 排印 | 知乎專欄 |