January 2012
Intermediate to advanced
584 pages
11h 56m
Chinese
Content preview from 操作介面設計模式 第二版
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
模式
|
449
垂直堆疊（
Vertical Stack
）
圖
10
-
3
Google News
的垂直版面
這是什麼
行動版頁面的內容依序排在一個直欄中，並排元素盡量少用，或是乾脆不用。文字
元素要能換行，並讓頁面長度超過大多數行動裝置螢幕的長度（可以捲動）。
何時使用
大多數行動 版網站頁面 需呈現在不 同尺寸的裝 置上，就應 該使用這個 模式，尤其
是包含文字 為主的內容 與表單時。 （但對於讓 人沉迷的內 容，例如全 螢幕影片或
遊戲，通常 不會使用這 個模式，因 為這類內容 一般不會採 用與文字頁 面一樣的捲
動方式。）
當前往另一個頁面要附出昂貴代價時 — 就像花時間下載網頁的時候 — 適合使用這
個模式。但在另一方面，原本就在裝置上的程式卻能幾乎瞬間就換到下一個頁面，
原因在於它們的內容不需下載。因此，盡量把內容架構到單一螢幕畫面裡就較為合
理了，這樣子使用者永遠不會需要垂直捲動，只要點擊或揮動畫面就夠了。但垂直
捲動一個長頁面，比起等待冗長的下載時間要好一點。
DI_2e_ch10.indd 449 2012/1/5 下午 04:03:52
450
|
第十章
為何使用
各種裝置有各種不同的寬度。我們無法預測各個裝置的準確寬度（以像素計算），
除非在執行期偵測螢幕寬度，或為特定裝置建立應用程式
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.