Android 3.0蜂巢介面設計

來源:互聯網
上載者:User

  蜂巢的設計比之後的版本有很大的改進,更為簡潔美觀,同時有利於應用程式的架構、介面一致性和相容多解析度,雖然3.0版本還沒有對外開源,但是已經體現在地圖、圖書、G+、Google I/O、網頁Gmail、Google搜尋首頁和電子市場等介面設計中。

  在3.0之前,標題列顯示小號字型,沒有任何操作。控制項欄位置相當於ios的標題列,但是其互動更為優秀。文字標題居左顯示,留給右邊更多的空間,可以顯示1-3個按鈕。文字標題可以整合返回按 鈕或者首頁按鈕,簡化了常見“返回”按鈕,這對形成閉環操作非常有利。如果為了節約設計成本,非要將ios和android兩個版本的應用程式設計成相似的視覺樣式,3.0可以滿足這種需求。

  右邊的控制項可以放置對當前介面的操作,如重新整理,也可以是全域的操作,如搜尋功能和下列菜單,為了減少視覺變化,全域操作的控制項盡量放置最右邊。

  平板的控制項欄可以包含標籤,在手機上顯示成兩個部分。之前的標籤與按鈕相似,3.0的標籤視覺較弱,避免標籤欄分為兩個部分之後頂部過於複雜。

  切換標籤可以像WP7一樣左右滑動,滑動手勢沒有精準性要求,比起點擊標籤更為方便。Google+將標籤欄文字使用小號字型取代,擴大了本文顯示空間,但是不適合標籤過多的介面,比如電子市場中的8個標籤頁。對於介面通常超過兩頁的應用建議使用這種方式對分頁處理。

  3.0對輸入框也進行了簡化,究其原因:一方面是設計風格所需,另一方面簡化的設計和可展開的色塊可以隨意相容多種解析度。

  iPhone 4使用了高精度的顯示屏之後,需要兩套大小的圖片資源,但iPad版本需要單獨開發,這增加了開發成本,而一個Android應用程式之後使用三套資源圖片相容多種解析度,顯示在手機和平台時根據解析度調整介面布局,程式只有一個。

  對於橫豎屏,不只是像iPad那樣兩欄和單欄之間的切換,變化種類更為多樣化。

  作者:曉生

  文章來源:daichuanqing.com/index.php/archives/2783

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.