
模式
|
137
講了這麼多,到底該如何建立良好的視覺動線呢?其中一項簡單的方式,是使用隱
藏的線段(無論是曲線或直線都可以),藉此連繫頁面上的元素(參見圖 4-10)。
如此即可建立出閱覽者可以遵循的視覺敘述(visual narrative)。
圖
4
-
10
視覺動線所用的隱藏線段
把動作元素放在你希望閱覽者先閱讀的文字下。如果你不在乎文字是否已被閱讀,
則可用留白空間隔出動作的元素(參見圖 4-11)。
圖
4
-
11
動作元素;位在視覺動線中或視覺動線外的排版方式
相似地,如 果是設計一 份表單,請 沿著一條連 續不斷的路 徑安排控制 元件,並於
路徑終點放置「我做完了」的按鈕(如完成、取消、送出、購買等等;參見圖 4-
12)。請參見
靠右∕左對齊(Right/Left Alignment)
與
對角平衡(Diagonal Balance)
模 式 , 這 是 兩 種 表 單 排 版 所 用 的 具 體 方 式 ; 以 及 第 六 章 的
醒 目 的 「 完 成 」 按 鈕
(Prominent
“
Done
”
Button)
。
頁面排版基礎入門
DI_2e_ch04.indd 137 2012/1/5 下午 03:45:36