
第四章
組織頁面:
頁面元素的排版
頁面排版是一種操控使用者注意力的藝術,用來傳達意思、順序以及互動的重點。
如果「操控」這樣的詞彙對你來說很不自在,不如換個思考方向。影片和電視的導
演靠著操控 你對電視和 電影的注意 力來賺錢, 你被說服而 自願參與成 為他們的棋
子;編輯在安排報紙上的文章、標題和廣告版面時也是相同的道理。如果這些內容
全都用單調無聊的方式呈現,沒有圖形化的重點提示來吸引並移轉我們的注意力,
各位將發現要取得它的意義相當不容易 — 我們抓不住到底什麼是重要的,而什麼
不是。
即使這一切歸結成一門藝術,但是良好的版面可能比大家所認為的更有道理可循。
本章前面會簡介一些源自平面設計(graphic design)的重要概念;每個概念都可
指引你進行頁面、螢幕、對話框等等的排版設計。我們還會討論視覺階層、視覺動
線(visual flow)、焦點、群聚與對齊 — 全都是頁面設計上可預期且有道理的方
法。本章的模式則介紹具體做法,將這些高階的概念運用到介面設計上。
但是電腦顯示器可變動、高互動的本質,使得排版在某些層面容易許多,又在某些
方面困難許多;我們將討論為何如此。某些模式用於列印時的表現跟用在螢幕上一
樣好,然而大部分的模式都不適合列印 — 因為這些模式都建立在使用者和頁面互
動的假設上。
DI_2e_ch04.indd 131 2012/1/5 下午 03:45:32