萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> Android 3.0蜂巢界面設計

Android 3.0蜂巢界面設計

  蜂巢的設計比之後的版本有很大的改進,更為簡潔美觀,同時有利於應用程序的架構、界面一致性和兼容多分辨率,雖然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

copyright © 萬盛學電腦網 all rights reserved