
448
|
第十章
模式
在前面的介紹中,我們講到內容以直欄形式建構等需求,以求獲得最大的彈性。
垂
直堆疊
模式將詳細地說明這項需求。
1. 垂直堆疊(Vertical Stack)
行 動 版 應 用 程 式 需 要 一 個 呈 現 頂 層 導 覽 結 構 的 方 式 。 組 織 行 動 版 介 面 的 一 種 方
式,是在程 式每個頁面 的頂端或底 端,設置一 個不變的工 具列;另外 的方式還有
分頁,以及全頁選單。還有兩種模式比較不明顯,但值得我們討論:
幻燈片
與
觸碰
式工具
。
2. 幻燈片(Filmstrip)
3. 觸碰式工具(Touch Tools)
行動版網站的全域選單通常使用
底端導覽
模式,傾向把比較珍貴的頁面較上方用在
即時性的重要內容上。
4. 底端導覽(Bottom Navigation)
行動裝置的世界中,清單隨處可見 — 有應用程式的清單、照片的清單、訊息的清
單、聯絡人 清單、動作 的清單、設 定的清單… …什麼都是 清單!不管 是網頁或程
式都應該呈 現好看又好 用、精心設 計過的清單 。傳統的文 字清單通常 就夠用了,
轉盤(Carousel)
與
縮圖分格(Thumbnail Grid)
在行動設計領域中也能運作良好。
(關於這兩種模式與清單相關討論,請翻閱第五章。)也可以考慮使用
縮圖加文字
清單
,因為它比
轉盤
和
縮圖分格
更簡單一點。有時候,
無限清單
則適合行動設計時
的需求。
5. 縮圖加文字清單(Thumbnail-and-Text List)
6. 無限清單(Infinite List)
本章