
模式
|
149
均分格圖(
Grid of Equals
)
圖
4
-
23
Nike
網站
這是什麼
內容項 目排列 成網格 (g r id ) 或形成 矩陣。 每個 項 目都 應 依循 一 套共 用 的樣 版 ,
而且每個項目的視覺比重應該相近。如果需要的話,可以連結到跳轉 頁面(j ump
pages)。
何時使用
當頁 面包 含許 多 格式 與重 要性 都 相 近 的內 容項 目 時 — 例如 新聞 文 章 、 部落 格文
章、產品,或不同主題的區域。我們想為閱覽者呈現豐富多樣的選擇機會,以便預
覽,以及從項目中選擇。
為何使用
網格為每個項目提供相同空間,宣告它們具備相等的重要性。網格內的項目所共用
的樣版,則可向使用者表示這些項目彼此間是相似的。結合這兩種技巧,建立出強
而有力的視覺階層,而且應該也符合你的內容語義。
網格看起來很整潔、有秩序,且又沉穩。這些特質或許也能搭配你的網站或應用程式。
原理作法
好好思考如何在網格中安排各個項目。你處理的項目具有縮圖或代表圖像嗎?有標
題、小標、摘要內容嗎?需要連結到跳轉頁面(例如連到完整內容)嗎?請好好設
計項目,別只是塞進本體文字區塊:請用不同色彩標示標題、善用留白,也請使用
圖像(如果每個項目都有圖)。多實驗幾種方式,研究如何在相對較小的空間(長
形、扁形或方形)中填入所有正確的資訊,並把實驗出的樣板套用在所需呈現的項
目上。
DI_2e_ch04.indd 149 2012/1/5 下午 03:45:56