深圳深達品牌網站建設公司于2005年創立,
以高端網站建設、品牌網站設計、集團網站制作、響應式網站建設、外貿型網站設計、營銷型網站建設、手機網站制作、微信網站建設、H5網站制作、電子商務網站設計制作、品牌設計、平面設計、網絡服務、品牌整合傳播策劃為核心業務,
致力于高端市場，專注于品牌服務、提升企業形象！咨詢電話:0755-83769155

深圳網站建設、深圳網站設計、深圳網站制作、網頁設計、深圳網絡公司、品牌設計

2006版 | 咨詢電話：0755-83769155

設計觀點

Android與iPhone界面布局對比

2011-08-26 文章來源: 深達設計

Tags: Android,iPhone,界面,布局,對比

上圖是我根據Android和iPhone這兩個平臺的“生產內容型的應用程序”整理出來的界面布局示例。所對比的4個點，均是兩大平臺的應用程序常規界面元素。

狀態欄：
Android和iPhone的狀態欄均在屏幕頂端的位置，原因無外乎是人的視覺流程是從上到下的。
Android的狀態欄，具有notification的功用，當應用程序有新的通知，在狀態欄左側顯示通知圖標，向下滑動即可打開查看通知詳情。

iPhone的狀態欄，很純粹，就是狀態而已。包含了活動狀態的顯示，比如某進程正在運行，將有個轉動的動畫在這里。但是你不能對狀態欄有任何操作。
個人認為，Android通知系統做得很不錯，貌似后來的Windows Phone7也效仿了此設計。

標題欄：
Android是純粹的界面標題欄，這里一般無操作響應。
而iPhone的標題欄，承擔更多的作用是導航，你能在這里快速后退（Android使用實體按鍵來后退），或是針對此界面進行一些操作。另外，當你使用iPhone向下瀏覽界面內容時，雙擊標題，還起到快速至頂的作用。
標簽欄：
Android的標簽欄位于界面標題之下，一般最多5項，在原生的平臺界面，視覺效果也較丑。
而iPhone的標簽欄是明確在屏幕下方的，也是最多5頂。相比于Android，iPhone對狀態欄的處理顯得很智能。所有顯示圖標和文字的標簽都是相同的寬度并且顯示黑色背景。當標簽被選中后，它的背景淡化并且標簽中的圖片變亮。
如果應用程序的標簽欄包含5個以上的標簽，iPhone OS會顯示其中的4個并在第5個自動顯示為“更多標簽”。

我曾經思考過，為什么同是標簽，Android在上，iPhone在下的問題。
到目前，我也只能猜測：
Android的設計師認為，標簽應該先被看到，并且不能讓menu鍵的菜單項擋到。
iPhone的設計師認為，標簽是用于切換當前應用程序不同視圖的，應該更容易被按到，所以選擇在屏幕下方。
也因此，我已經完全不糾結所謂的“單手持機”的情境設計，因為以上兩平臺均無法很好地支持。
工具欄：
Android的工具欄一般居于屏幕下方，一般是3個按鈕。考慮到可點擊域的有效性，一般最多也不建議超過5個。
而iPhone的工具欄，是與標簽欄在同一位置的，即標簽欄與工具欄不共存，在屏幕下方，要么是工具欄，要么就是標簽欄。

好了，對比結束。
老實說，我現在并沒有在設計新的手機平臺，我們公司也不會去折騰新的“某某phone”。因此鑒于我目前站立的只是這個高度，我沒有理由去為我的應用程序界面對上述四點進行“創新”。

這個對比對于我來說，顯得有些無聊。
不過，我總是能發現一些“A mix B” 的應用程序界面設計，讓我覺得更加無聊。