
140
|
第四章
使用動態顯示
到目前為止所討論的原則,能適用於 UI、網站、海報、廣告看板和雜誌頁面。這
些是排版的靜態層面。但是,你要面對的是動態的電腦裝置 — 忽然間,時間成為
另一種設計維度!同樣重要的是,電腦還可以讓使用者與版面互動,這是大多數印
刷品做不到的。
有許多方法,可以讓你運用電腦螢幕的動態本質。就以空間的運用為例 — 即使是
最大的消費 者等級電腦 螢幕,也絕 對比不上海 報或報紙的 平面大小。 人生就是這
樣。如果你面對的是行動裝置,所能用的空間就更有限了。但有許多動態技巧可以
善用這麼一點點空間,同時展現出更多內容。
例如捲軸的使用;這是一種非常常見的方式,用於在大型事物上呈現一個小型「觀
景窗」(viewport),例如用在文章、圖像或表格上。捲軸讓使用者可以在一或兩
個維度上自由移動。(但是請不要在文字上使用水平捲軸,拜託。)
或者,如果內容可以分割成為幾個有條理的區域,你就有更多的方法可用了 —
模
組分頁(Module Tabs)
、
Accordion 模式
、
可摺疊面板(Collapsible Panels)
與
可移式
面板(Movable Panels)
,都是把一部分排版能力交給使用者,這就和比較靜態的
標
題分區(Titled Sections)
很不一樣了。(你也可以將內容切割成多個虛擬頁面,並
讓使用者在這些頁面之間遊走,請參考第三章。)根據使用者的選擇,在不同的時
機顯示不同的內容,就是這些模式引入時間元素的地方。
如果你想要帶領使用者穿過一串步驟,
反應式內容揭露(Res