
模式
|
141
接下來的這些模式,是在單一頁面或視窗內呈現分塊內容(chunking content)的
不同方式。當你同時要在螢幕上顯示太多東西時,這些模式會很有用。想想使用者
應該要能同時看到不同的分區,或是可以單獨檢視?是否適合讓使用者在頁面上操
縱這些分區,或者該讓使用者鳥瞰(overlook)隱藏的分區就好?這些模式也關係
到視覺階層,但是也牽涉到互動性,可以幫助你從 UI 工具包中的可用機制選出適
用元件。
4. 標題分區(Titled Sections)
5. 模組分頁(Module Tabs)
6. Accordion 模式
7. 可摺疊面板(Collapsible Panels)
8. 可移式面板(Movable Panels)
靠右∕左對齊
與
對角平衡
運用了本章前面討論到的視覺動線、對齊與其他概念。這兩
個模式處理空間關係,著重在較小、較靜態的頁面元素上,像是文字和控制元件。
9. 靠右∕左對齊(Right/Left Alignment)
10. 對角平衡(Diagonal Balance)
最後三個模式處理內容排版的動態面向。
反應式內容揭露
與
反應式設定生效
是帶領
使用者穿過一連串步驟或一大群選項的兩種方式,它們指示在某個時間點可以做什
麼,同時可以保護使用者、不讓他們誤入帶來麻煩的區域。
非固定版面
是種頁面排
版技術,用在可以根據使用者的喜好而改變面積和外形的頁面上。
11. 反應式內容揭露(Responsive Disclosure)
12. 反應式設定生效(Res