国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

關于Android和IOS交互上那些事

2015-10-8    用心設計

藍藍設計www.newchinaweekly.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有明確的入口,通常在導航欄 上有編輯按鈕,點擊后進入編輯模式,通常可以多選,同時底部或頂部會增加工具欄,用來處理多選內容。當然也可以單選刪除,通過點按向左滑動刪除,或者是點 擊按鈕從底部呼出操作菜單,逐個刪除。但Android是通過長安方式進入編輯模式,此時操作欄被一個臨時情景操作欄覆蓋(情景操作欄可以覆蓋頂部操作欄 和底部操作欄),界面內容允許單個或多個操作(如下圖)

1

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

作者:butter
來源:jianshu

日歷

鏈接

個人資料

藍藍設計的小編 http://www.newchinaweekly.com

存檔

免费看成人午夜电影| 一区二区网站| 亚洲福利合集| 成人一区而且| 免费人成精品欧美精品| 2020日本不卡一区二区视频| 一区二区三区四区蜜桃| 91精品在线免费| xxxxx成人.com| 成人黄色影片在线| 在线小视频网址| 欧美激情视频一区二区三区| www.超碰在线观看| 在线免费三级电影网站| 久热在线中文字幕色999舞| 男女视频在线观看免费| 国内精品模特av私拍在线观看| 福利在线观看| 国产欧美一区二区三区久久| 天天在线视频色| 国产高清在线一区| www.成人在线视频| 国产三级中文字幕| 国产精品午夜一区二区三区| 久久久久久久久久久久久国产精品 | 白丝美女让我捅| 久久久久久久久免费| 国产乱码久久久久久| 久久女同互慰一区二区三区| 日本中文字幕在线观看视频| 成人午夜激情影院| 一区二区成人网| 色天下一区二区三区| 91免费在线观看网站| 荡女精品导航| 双性尿奴穿贞c带憋尿| 成人黄色国产精品网站大全在线免费观看| 日韩视频专区| 亚洲精品一区二区妖精| 国产精品影视天天线| 538精品在线视频| 2020国产精品自拍| 无码人妻熟妇av又粗又大| 精品国产无码在线观看| 国产一区二区网站| 六月丁香婷婷在线| 中文字幕人妻一区二| 天堂精品高清1区2区3区| 污视频在线看操| 成人春色在线观看免费网站| 日本vs亚洲vs韩国一区三区二区| 亚洲综合视频在线| 欧美精品免费在线| 欧美aaa在线观看| 51精品免费网站| 自拍视频网站| 成人免费福利| 免费成人美女在线观看.| 在线观看日韩精品| 国产美女扒开尿口久久久| 中文字幕国产传媒| 国产精品久久久国产盗摄| 一个人免费视频www在线观看| 哺乳挤奶一区二区三区免费看| 粉嫩欧美一区二区三区高清影视| 日韩一区二区高清| 久久99精品久久久久久青青日本| 99re久久精品国产| 免费国产麻豆传| 男人皇宫亚洲男人2020| 免费人成精品欧美精品| 精品国免费一区二区三区| 欧美lavv| 国产一级片网址| 亚洲一区二区三区四区五区六区 | 亚洲天堂一区| 在线视频观看国产| 国产欧美日韩一区二区三区在线| 在线这里只有精品| 日韩国产高清视频在线| 视频在线一区二区三区| 久草网视频在线观看| 羞羞视频立即看| 美女亚洲一区| 性欧美大战久久久久久久久| 国产视频福利一区| 日本少妇高潮喷水xxxxxxx| 一个色在线视频| 国产毛片久久久| 亚洲欧美激情在线| 国产在线观看一区二区三区| 国产一二三四五区| 天天干 天天插| 深爱激情综合| 一本色道久久综合狠狠躁的推荐 | 国产综合精品视频| 九色网友自拍视频手机在线| 亚洲全部视频| 国产精品另类一区| 日本国产欧美一区二区三区| 一区二区免费在线观看视频| 青草视频在线播放| 精品国产一区二区三区| 91麻豆精东视频| 97热精品视频官网| 人妻少妇精品视频一区二区三区| 免费黄色网网址| 色综合天天爱| 日韩无一区二区| 免费在线a视频| 中文字幕高清av| 88久久精品| 天天亚洲美女在线视频| 欧美日韩在线精品一区二区三区| 色屁屁影院www国产高清麻豆| 麻豆网站视频在线观看| 日本在线中文字幕一区| 久久久综合网站| 国产精品久久久久久久久久新婚| 久久精品国产亚洲AV成人婷婷| 中文字幕第5页| 日韩精品电影在线观看| 欧美高清视频在线| 国产ts在线播放| 日本1级在线| 日韩激情在线| 亚洲第一天堂av| 亚洲a级黄色片| h网在线观看| 亚洲裸体俱乐部裸体舞表演av| 国产亚洲一级高清| 日本性生活一级片| 黄页网站免费在线观看| 麻豆精品视频在线观看免费| 91精品国产一区| 日本网站在线免费观看| 七七成人影院| 有码一区二区三区| 91社在线播放| 最新天堂网www| 国产日韩欧美一区在线| 欧美黑人又粗大| 强乱中文字幕av一区乱码| 高清全集视频免费在线| 国产精品免费网站在线观看| 久久久综合亚洲91久久98| 亚洲精品97久久中文字幕无码 | 日韩精品你懂的| 2018av男人天堂| 国产乱子伦一区二区三区国色天香 | 欧洲精品一区二区三区久久| 国产寡妇色xxⅹ交肉视频| 在线国产欧美| 日本久久久久久久久久久| 国产中文字幕视频| 国产一区二区在线观| 精品日韩在线观看| 日韩Av无码精品| 在线观看二区| 亚洲一二三四区| avav在线看| 中国一级特黄毛片大片| 91麻豆精品在线观看| 亚洲欧美日韩国产成人综合一二三区| 深田えいみ中文字幕99久久| 国产精品av久久久久久麻豆网| 久久久久久久久久久免费精品| 国产成人亚洲欧洲在线| 日韩中文字幕在线一区| 亚洲嫩模很污视频| 欧美成人三级视频| 国产视频一区二| 亚洲视频在线看| 久久精品无码人妻| 91精品短视频| 久久视频在线看| 国产黄色免费视频| 国产九一精品| 538国产精品视频一区二区| 亚洲天堂视频网| 欧美成免费一区二区视频| 欧美一级淫片aaaaaaa视频| 国产成人av免费看| 欧美日韩国产精品一区二区亚洲| 国产精品久久久久久久久久久久 | 欧美福利视频在线观看| 中文字幕+乱码+中文字幕明步| 日韩欧美精品| 国产精品尤物福利片在线观看| 亚洲一二三四2021不卡| 麻豆精品一二三| 伊人久久大香线蕉成人综合网| 麻豆电影传媒二区| 亚洲色图清纯唯美| 日本亚洲一区二区三区| 国产一线二线在线观看| 精品久久久久一区二区国产| 国产 日韩 欧美 成人| 欧美人与牛zoz0性行为| 国产精品99久久久久久久久久久久|