每個人撰寫部落格文章時都有屬於自己的內文排版風格，但在首頁的文章 List 排版時卻都比較不太會注意到一些細節，大部分的設計都比較注重在字體設計的大小為主，甚少用其技巧方法來設計。
使用顏色和粗細創建層次結構而非大小
較常見的設計方式（圖 A）
設計文章 List 排版時的一個常見錯誤是過度依賴字體大小來控制層次結構，標題因為最重要所以做大一點（然後加一下粗體），日期與分類較不重要就小一點，內文就用跟平常一樣的字體就好了，這是最常見的排版方法。
較進階的設計方式（圖 B）
我們可以是著先把標題的字體改為 Noto Serif TC（思源宋體），字體大小改為 20px（不是越大越好），粗細可以設定為 700。大部分文章內文的字體粗細是 400 或 500，標題可以設定為 700。
第二排的日期與分類雖然字體小了點（使用預設字體即可），因為字體較小，可以用一些顏色來點綴與區分，不用擔心太過於搶眼。
第三行的內文引言則一樣使用預設字體即可，但內文字的顏色有些人習慣用全黑，我則是習慣使用灰色（#475671），字體的粗細設定為是 400，也可以選擇 500 的粗細，但請不要低於 400。
[小提醒]以下的範例展示並非俏鬍子旅行團的內容，只是 DEMO 呈現。
按鈕的顏色設計
使用者很容易陷入純粹基於語義設計這些操作的陷阱，例如紅底白字的按鈕就是要注意，藍底白字的按鈕就是要執行，通常都使單純用顏色來區分行為，但也很容易因為搭配顏色而讓整體版型設定太過於五彩繽紛或混亂。
其實按鈕的設計也是字體設計的一部份，在設計這些動作時，傳達他們在層次結構中的位置很重要的。
主要行動
應該是顯而易見的純色、高對比度的背景顏色在這裡效果很好（圖 C），不管搭配哪種顏色的背景切記字體不能使用灰色，可以使用白色的字體然後帶一點半透明帶出背景的底色喔。
次要動作
清晰但不突出，單純的顏色外框搭配透明底色是不錯的選擇（圖 D），可以讓讀者第一眼就發現按扭蛋又不會覺得跟整體的設計不搭。。
三級動作
可以被發現但不引人注意，這個樣式樣是的設計一般就只是打一排字告知我是聯結可以點喔，但加上一條可以聯結的底線則是更好的方法（圖 E），不會第一眼就被讀者看到，但讀者卻能需要的時候卻能馬上找到。
字體設計的小技巧
只要針對字體使用極小的顏色與粗細設計，完全不用任何太繁雜的設計原理就能為版型增加更明確的層次感，也能突顯出重點，並非使用紅色就一定都是重點，也不是字越粗越大就越醒目喔。
版型設計本來就不是非得學會什麼設計軟體才能設計得漂亮的工作，只要多花點時間在細節下點功夫，也能設計得賞心悅目。
在金城事務所的免費版型頁面中，下方 Blocksy 版型設計區的作品都是用版型內建功能即完成的效果，完全沒有用到其它的設計軟體或外掛，可以多多參考喔。
