嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

關于Android和IOS交互上那些事

2015-10-8    用心設計

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

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

來源:莫貝網(wǎng)

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

 

1

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

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

1

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

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

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

1

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

方式一:谷歌主推形式

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

1

方式二:市場發(fā)展

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

2

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

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

 

1

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

1、層級返回

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

1

2、編輯選擇

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

1

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

作者:butter
來源:jianshu

日歷

鏈接

個人資料

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

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 欧美jizz19性欧美| 亚洲毛片av在线| 久久精品色图| 午夜精品www| 亚洲免费影视第一页| 一区二区三区欧美在线观看| 99这里只有久久精品视频| 一本大道久久a久久精品综合| 亚洲国产视频一区二区| 美女久久一区| 欧美国产日韩视频| 亚洲精品视频一区二区三区| 一区电影在线观看| 亚洲欧美在线播放| 欧美一区二区三区久久精品 | 亚洲欧美精品在线| 香蕉尹人综合在线观看| 久久国产视频网站| 欧美xart系列高清| 一本一本久久a久久精品综合妖精| 亚洲午夜激情网页| 久久久噜噜噜久久中文字幕色伊伊| 欧美波霸影院| 国产麻豆日韩| 日韩视频国产视频| 久久九九有精品国产23| 亚洲精品一区二区三区樱花| 欧美中文字幕视频在线观看| 欧美日韩成人一区二区| 国内精品模特av私拍在线观看 | 亚洲自拍电影| 免费久久99精品国产自| 欧美高清视频www夜色资源网| 日韩一区二区精品| 久久先锋资源| 国产精品丝袜白浆摸在线| 亚洲电影视频在线| 欧美在线综合视频| 99视频超级精品| 狼人社综合社区| 国产婷婷色一区二区三区在线| av成人免费在线| 欧美国产一区二区| 亚洲一区二区高清视频| 欧美国产日本高清在线| 一色屋精品视频在线看| 欧美中文字幕视频| 在线亚洲精品| 欧美日韩成人一区| 日韩视频久久| 亚洲高清激情| 久久久综合精品| 亚洲精品网站在线播放gif| 久久精品欧美日韩| 国产欧美一区二区视频| 亚洲永久免费观看| 日韩视频在线永久播放| 欧美成人日韩| 亚洲精选视频免费看| 欧美~级网站不卡| 久久亚洲一区二区| 国内精品久久久久影院薰衣草| 久久国产精品99国产| 一区二区三区视频观看| 欧美精品国产| 一区二区高清在线观看| 最新日韩在线视频| 麻豆久久婷婷| 亚洲美女中出| 亚洲精品一区二| 欧美婷婷六月丁香综合色| 亚洲一区成人| 先锋影音国产一区| 激情六月综合| 亚洲国产福利在线| 欧美色大人视频| 先锋影音国产精品| 欧美一级黄色网| 国产一区二区中文| 欧美成人精品在线观看| 欧美国产亚洲精品久久久8v| 一区二区三区成人精品| 在线中文字幕不卡| 国产精品一区二区三区四区五区| 久久av二区| 久热国产精品| 日韩视频永久免费观看| 亚洲网站在线看| 好看不卡的中文字幕| 亚洲国产美国国产综合一区二区| 欧美日韩国产91| 久久久91精品国产| 国产人久久人人人人爽| 国产一区 二区 三区一级| 欧美成人精品一区二区三区| 欧美午夜视频在线| 猫咪成人在线观看| 欧美日韩综合久久| 久久久蜜桃一区二区人| 欧美激情综合色| 欧美一区二区三区在| 麻豆亚洲精品| 欧美在线观看天堂一区二区三区| 久久精品国产精品亚洲综合| 一区二区三区国产精华| 久久精品国产亚洲高清剧情介绍| 亚洲精品色图| 久久精品动漫| 午夜精品免费视频| 欧美激情国产日韩| 久久久久久久999| 欧美三级网址| 亚洲国产精品一区| 狠狠综合久久av一区二区老牛| 99热在这里有精品免费| 亚洲第一精品影视| 午夜精品免费视频| 99精品视频一区| 美女在线一区二区| 久久久水蜜桃| 国产农村妇女毛片精品久久莱园子| 欧美成人a视频| 国产日韩欧美在线| 中文成人激情娱乐网| 亚洲成人在线视频网站| 亚洲一区二区三区精品动漫| 亚洲精品一线二线三线无人区| 欧美在线观看网址综合| 亚洲综合日韩在线| 欧美视频一二三区| 亚洲精品极品| 亚洲美女av在线播放| 久久久噜噜噜久噜久久| 久久久久久亚洲精品不卡4k岛国| 欧美一区二区三区四区在线观看地址| 亚洲美女色禁图| 欧美在线免费一级片| 91久久精品国产91性色tv| 亚洲午夜精品一区二区| 亚洲国产欧美日韩| 羞羞答答国产精品www一本| 亚洲伦理中文字幕| 久久国产精品99久久久久久老狼| 亚洲美女区一区| 亚洲国产二区| 黄网站免费久久| 久久综合一区二区| 亚洲电影在线播放| 日韩亚洲欧美精品| 欧美日韩一区二区免费视频| 一本色道**综合亚洲精品蜜桃冫| 亚洲深夜福利| 亚洲区免费影片| 狠狠色丁香久久婷婷综合_中| 麻豆精品在线视频| 一色屋精品视频在线看| 久久久久欧美精品| 亚洲成人资源| 一区二区久久久久| 国产精品亚洲综合色区韩国| 亚洲欧美日韩一区| 猛干欧美女孩| 一区二区激情| 国产欧美日韩精品丝袜高跟鞋 | 欧美黄色视屏| 99精品国产一区二区青青牛奶| 亚洲综合大片69999| 国产午夜精品久久久| 免费欧美网站| 亚洲欧美日韩国产一区二区| 免费亚洲婷婷| 一本色道**综合亚洲精品蜜桃冫 | 99精品热视频| 国产农村妇女精品一二区| 男女精品网站| 亚洲欧美日产图| 亚洲欧美高清| 国产亚洲精品久久久| 免费成人高清| 亚洲男女自偷自拍图片另类| 另类尿喷潮videofree| 国产精品99久久久久久www| 国产一区二区三区直播精品电影 | 国产一区二区三区四区在线观看| 蜜臀91精品一区二区三区| 9l国产精品久久久久麻豆| 久久九九全国免费精品观看| 亚洲三级影院| 国内精品久久久久影院色| 欧美午夜不卡| 老鸭窝毛片一区二区三区| 午夜精品网站| 在线一区二区日韩| 亚洲国产精品一区制服丝袜| 欧美在线国产精品| 一本色道综合亚洲| 亚洲国产精品美女| 精品不卡一区| 国产最新精品精品你懂的| 国产精品video|