92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

關于Android和IOS交互上那些事

2015-10-8    用心設計

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

來源:莫貝網

先說Android平臺,自從material design面世以來,市場上很多Android app在設計上參差不齊。可能由于設備及用戶使用習慣等各種原因,大多數app都還在以Android 4.0的規范在做設計,當然也有很多app為了省事,直接從iOS上照搬過來。因此,真正以MD為設計基礎的應用并不多。下面是一些整體的框架記錄,更為詳細的交互細節以后再說。

 

1

仔細閱讀MD的規范,似乎寫的很清楚,但是如果和Android4.0規范放在一起,還是會發現很多有出入的地方。不過規范的目的是為了培養并迎合用戶使用習慣,減少用戶認知負擔。文字是死的,人是活的,靈活應用才是關鍵。

在以MD為基礎的app設計中,經常會出現以下結構(如圖1)

1

在Android 4.0和material design設計規范中都專門對選項卡進行了說明,但兩者的說法不同。

在Android 4.0中,選項卡tabs屬于操作欄的一部分,可以很輕松探索 app 中的不同功能,或瀏覽不同分類的數據集,就是說tabs選項卡是可以作為導航使用的,類似于iOS的標簽欄,只是iOS放在屏幕底部,安卓是放在屏幕頂端(如上圖2)。

但在material design中,tabs 的作用是將大量關聯的數據或者選項劃分成更易理解的分組,雖然很容易讓人聯想到導航,但其本身并不是用來導航的。每個tab的內容應該互相關聯并且是在同 一個主題下(如下圖)。圖中出行方式可以通過tab劃分成多種方式,但是搜索、指南、設置卻完全屬于不同的功能導航。

1

如此看來,兩種規范似乎是相互沖突的,而且只要留心一下你會發現,現在市場上經常是這兩種形式都有。googel官方比較推崇應用結構是:左側導航抽屜+應用欄+tabs(Tab可選),但是同一種結構卻有兩種不同表現方式。

方式一:谷歌主推形式

側邊欄導航作為應用的主導航,頭屏顯示應用最重要的功能或內容,如果在較低層級中有多個平行相關視圖,可以用Tab結構(當然也可以沒有)。這種結 構的關鍵是主要功能或內容很突出,所以頭屏最大化顯示,而其他功能相對較弱,不需要頻繁切換側邊欄導航(如下圖)。谷歌發布的inbox郵箱,左側導航欄作為主導航,默認顯示收件箱頁面,用戶最常用也最重要的功能是查看收件箱,至于其他的發件箱、垃圾郵件等都可以放在導航抽屜內收起。googel圖書頂部是應用欄+tabs結構,此處Tab強調的是在同一主題下的不同歸類,而不是導航。

1

方式二:市場發展

或許是受4.0規范的影響,在左側導航抽 屜+應用欄+tabs的應用結構中,Tab作為應用的主導航,而左側抽屜作為輔導航,收納一些用戶不常使用的功能,像用戶中心、設置、反饋等。這種結構適 合那些多個相同等級的功能視圖需要頻繁切換的app,且只需要手指左右滑動就能快速切換Tab視圖,這將大大提高應用使用效率。如下圖所示,雖然是概念設計(主要是國內安卓應用喜歡延續iOS風格,將Tab放在屏幕底部,米找到合適的例子,且MD沒有被普遍應用),但很適合該場景下的示例。這款產品類似于微信,將主要功能導航放在頂部,實現快速切換,側邊抽屜導航放置收藏、狀態、設置等次要功能。

2

以上兩種方式并不沖突,關鍵是看你應用的功能內容。如果你的應用核心功能很突出,且不需要其他功能頻繁切換,就選擇第一種;如果你的應用有兩個或者兩個以上相同重要的功能模塊,且需要頻繁切換,比如微信的即時聊天和朋友圈,那就嘗試第二種。

Android部分暫時就到這里,來看看iOS。如果展開來講,體系太龐大,暫且用一張圖表示,雖然都是很基礎的內容。

 

1

另外,Android和IOS很明顯的差異是層級返回和編輯選擇。

1、層級返回

IOS平臺沒有實體返回按鍵,所以涉及層級間的導航,app界面本身一定要有返回按鈕,而實體home鍵只負責應用退出。Android平臺有物理 返回按鍵,且點擊返回的是動作流。比如,在搜索界面,點擊搜索框調出軟鍵盤,再點返回按鍵,不是返回上一頁,而是收回彈出的軟鍵盤,它強調的是返回上一個 動作的界面,而非層級關系。在Android平臺上的app,如果應用本身含有返回按鈕,返回的是上一層級,設計的是層級間的導航。另外,在安卓app的首頁點擊返回按鍵,就是退出應用。可看如下關系圖

1

2、編輯選擇

對于編輯選擇功能,IOS有明確的入口,通常在導航欄 上有編輯按鈕,點擊后進入編輯模式,通??梢远噙x,同時底部或頂部會增加工具欄,用來處理多選內容。當然也可以單選刪除,通過點按向左滑動刪除,或者是點 擊按鈕從底部呼出操作菜單,逐個刪除。但Android是通過長安方式進入編輯模式,此時操作欄被一個臨時情景操作欄覆蓋(情景操作欄可以覆蓋頂部操作欄 和底部操作欄),界面內容允許單個或多個操作(如下圖)

1

以上部分其實都是一些平臺規范總結,將區別大且重要部分整理出來,也是為了方便閱讀查看,后期會持續更新一些其他交互內容。

作者:butter
來源:jianshu

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
av片在线观看永久免费| 欧美极度另类性三渗透| 美女视频一区在线观看| 亚洲综合偷拍欧美一区色| 搞黄视频在线观看| 久久这里只精品最新地址| 日韩欧美国产高清91| 亚洲女人天堂av| 日韩一区二区三区四区五区六区| yw视频在线观看| 欧美一区二区精品在线| 亚洲尤物精选| 欧美中文字幕在线| 久久视频在线观看免费| 亚洲ww精品| 性做久久久久久免费观看| 久久天天躁夜夜躁狠狠躁2022| 色777狠狠狠综合伊人| 欧州一区二区三区| 亚洲成人手机在线| 国产精品久久久久久麻豆一区软件| 狂野欧美性猛交xxxxx视频| 亚洲搞黄视频| 一区二区三区动漫| 激情伊人五月天久久综合| 老鸭窝91久久精品色噜噜导演| 亚洲免费一在线| 精品久久久久久久久久岛国gif| 国产精品久久久久久久久久10秀| 成人在线直播| 成人婷婷网色偷偷亚洲男人的天堂| 日韩动漫一区| 欧美男女性生活在线直播观看| 女人色偷偷aa久久天堂| 中文字幕一区二区三区色视频| 日韩高清av电影| 狠狠色狠狠色综合日日91app| 美女脱光内衣内裤视频久久影院| 欧美性猛交xxxx免费看| 波多野结衣一区| 精品国精品国产| 成人自拍视频网站| 国产精品视频久久久| 快射视频在线观看| 亚洲一区二区三区四区在线观看| 日精品一区二区三区| 国产91对白在线播放| 亚洲高清一区二区三区| www在线免费观看视频| 红桃视频在线观看一区二区| 国产一区视频在线看| 九九九九九九精品| 欧美激情极品| 亚洲人成网7777777国产| 任你弄精品视频免费观看| 日韩欧美三级电影| 蜜臀久久99精品久久久久久宅男| jlzzjlzz国产精品久久| 国产精品麻豆免费版| 丁香婷婷在线| 日韩一区二区精品视频| 337p粉嫩大胆色噜噜噜噜亚洲| 亚洲女同精品视频| 婷婷伊人综合| 久久视频精品| 中文字幕日韩欧美在线视频| www.欧美日本韩国| 中文字幕精品—区二区四季| 视频一区二区三区在线观看| 欧美一区三区| 一区二区蜜桃| 国产精品久久久久婷婷二区次| 色呦呦呦在线观看| 一色屋精品亚洲香蕉网站| 日本一区二区三区免费观看| 国产精品对白交换视频| 国产免费a∨片在线观看不卡| 国产精品国产三级国产专区53| 成人精品久久av网站| 8av国产精品爽爽ⅴa在线观看| 丁香久久综合| 奇米色一区二区三区四区| 欧美高清视频在线高清观看mv色露露十八| αv一区二区三区| 欧美亚洲一区二区在线观看| 久久精品国产一区二区三| 黄色成人在线视频| 在线观看免费视频综合| 91蝌蚪精品视频| 亚洲精品一线二线三线| 不卡在线视频中文字幕| 成人一区二区三区四区| 亚洲激情六月丁香| 快she精品国产999| 麻豆蜜桃在线观看| 91色中文字幕| 日韩乱码在线视频| 国产一区二区三区四区| 69久久夜色| 久久av中文字幕| 久久久国产精品| 欧美亚洲韩国| 亚洲国产精品免费视频| 欧美一进一出视频| 国内一区二区三区| 国产精品夜夜夜| 欧美猛男超大videosgay| 视频一区在线| 日韩在线观看视频免费| 精品国产乱码久久久久久老虎| 欧美一区少妇| 一区二区影院| 成人性生交大片免费看在线播放| 亚洲欧美中文日韩v在线观看| 亚洲国产天堂久久综合网| 欧美极品一区| 久久久噜噜噜久久| 深夜日韩欧美| 丰满岳乱妇一区二区三区| 中文文精品字幕一区二区| 色综合天天狠天天透天天伊人| 一区二区电影| 欧洲精品一区二区三区| 日本在线免费网| 亚洲综合色视频| 亚洲精品.com| 91精品午夜视频| 日韩国产高清一区| 欧美精品麻豆| 精品欧美一区二区精品久久| 清纯唯美亚洲综合一区| 国产一线二线在线观看| 久久精品国产99久久6| 操人视频欧美| 欧美亚洲免费在线| av大片在线播放| 国外成人免费在线播放| 麻豆精品蜜桃| 亚洲精品久久7777777| 成人福利在线| 亚洲人成在线影院| 亚洲aa中文字幕| 国产日本一区二区三区| 97热在线精品视频在线观看| 日日夜夜精品| 亚洲欧美成人网| 国产亚洲在线| 波多野结衣精品在线| 中文字幕一区在线观看视频| 国产成人免费精品| 国产精品不卡一区| 久久大香伊蕉在人线观看热2| 欧美专区18| 日韩视频一区二区三区四区| 日本不卡免费高清视频| 91免费高清视频| 色就是色欧美| 999亚洲国产精| 日韩在线观看免费网站| 这里只有精品99re| 亚洲一区二区三区影院| 久久久久久日产精品| 午夜在线电影亚洲一区| 狠狠狠色丁香婷婷综合久久五月|