Android平板電腦設計:平板電腦布局策略

來源:互聯網
上載者:User

平板電腦布局策略

使用片段和多窗格視圖

Honeycomb設計的構建模組是“片段”。 片段是自成體系的布局組成部分,它可以根據螢幕的方向和尺寸改變自身的尺寸和布局位置。為多種尺寸外觀而設計這個問題的進一步解決方案是:給設計師和開發 人員一種途徑使他們的螢幕布局組成部分具有彈性和堆疊性,並取決於運行應用程式的裝置螢幕限制。螢幕組成部分可以被展開、堆疊、擴充或者收縮、展示或者隱 藏。

片段架構給了設計者和開發人員幾種選擇,在跨越多種螢幕尺寸和方向的情形下維護他們的布局。

是什麼讓片段變得如此特別?通過相容性庫,開發人員可以將這種功能帶入到1.6版以上的Android智能手機中,使他們能夠使用一種尺寸適配多種裝置的策略來建立應用程式。簡言之,它能夠使設計師和開發人員只開發一個應用程式而適配所有規格的裝置。

雖然片段可能是一個更多的被開發人員使用的術語,但設計師仍然應該對壓縮的內容如何任意展開、堆疊、擴充和隱藏有一個基本的瞭解。

最常見的片段排布方式是分割視圖。這種布局在新聞應用程式和電子郵件用戶端中較為常見,通常列表在較窄的一欄中呈現,詳情視圖在較寬的一欄中呈現。

USA Today 使用的分割視圖

呈現分割視圖的另一種方式是在它的一側轉換方向。這種情況下,側邊的列表片段變成了輪播,支援水平方向上的導航而不再是垂直方向上的。

方向策略

片段是將一種設計應用到多個螢幕尺寸上的好辦法,同時對設定方向策略亦是非常有用的。你的螢幕設計在橫向視圖時也許看起來很不錯,但面對狹窄的縱向 視圖包含三欄的情況的時候你要做些什麼呢?你可以再次選擇展開、堆疊或者隱藏內容。可以把片段想象成一堆可伸展的拼圖,你可以根據需要四處移動、塑造或者 刪除它。

關於動畫

Honeycomb架構允許設計師和開發人員運用豐富多彩的動畫效果。根據Android 3.0 要點 頁,“動畫可以建立淡出效果、不同狀態間的運動、迴圈播放一張動態圖片、或者退齣動畫、改變顏色以及更多。”Honeycomb還擁有展現2D或3D映像的高效能機制。為了更好地瞭解Honeycomb效能的大體情況,看一下這段視頻。

從例子中學習

Android平板電腦仍是一個相對較新的領域,有些品牌只是剛剛開始試水。下面是一系列為激發靈感而收集的應用程式。你可以從 Android Market 或者Amazon中下載其中的任何一款。

YouTube

當然,Google在Honeycomb平台上的youtube應用程式堪稱典範,展示了上文所有討論到的設計樣式及使用者介面元素。為了更好的體驗Honeycomb,請先下載這款應用程式並運行它。

CNN

CNN(美國有線電視新聞網)應用程式很好地運用了觸控手勢(包括滑動來瀏覽更多內容)、分割視圖和字型!一種自訂的字型(Rockwell)應用於新聞標題。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.