上圖是我根據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” 的應用程序界面設計,讓我覺得更加無聊。
也許你和我一樣,在設計時總能聽到“XX也是這樣的”。
言外之意是抄過來吧。
於是,糟糕的事情越來越多。
真是汗顏。
無論是哪一個平台的應用程序設計,我個人始終堅持的觀點是:遵循OS的設計規範,熟知平台特性,最好與平台自帶的應用程序保持一致的使用體驗。不需要驚喜。
你的創新,應當用在正確的地方。
源地址:http://azero.tsang.blog.1……106275197904/
特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy