了解并適當(dāng)結(jié)合平臺(tái)規(guī)范與優(yōu)勢，才能做到好的用戶體驗(yàn)。在《最新Android & iOS設(shè)計(jì)尺寸規(guī)范》一文中介紹 APP 設(shè)計(jì)規(guī)范，同時(shí)本文也是一些補(bǔ)充。

為了創(chuàng)建好的原生APP，就需要你牢記iOS和Android平臺(tái)之間的差異。這些平臺(tái)差異不僅在視覺層面有所不同，在結(jié)構(gòu)和流程上也有區(qū)別。牢記這些差異，才能給原生

應(yīng)用以好的用戶體驗(yàn)。

本文將聚焦于iOS和Android上的交互設(shè)計(jì)模式之間的區(qū)別，闡明iOS和Android上的應(yīng)用看起來不同的原因，以及它們?yōu)槭裁磻?yīng)該這樣做。

另外，本文還將提供原生應(yīng)用設(shè)計(jì)示例，以幫助你更好的理解本文所寫的內(nèi)容。

導(dǎo)航模式的差異

在界面之間切換是移動(dòng)應(yīng)用中的常見操作?？紤]ios和Android原生應(yīng)用控件規(guī)范的差異，對于導(dǎo)航模式的設(shè)計(jì)很關(guān)鍵。 Android設(shè)備底部有一個(gè)全局導(dǎo)航欄， 使用導(dǎo)航欄中的后退按鈕是返回上一個(gè)界面或步驟的簡便方法，它適用于所有Android應(yīng)用。

對比Apple，設(shè)計(jì)方法卻截然不同。 iOS沒有全局導(dǎo)航欄，因此我們不能指望像Android原生控件那樣能支持全局返回。 這個(gè)特性就會(huì)影響到iOS應(yīng)用的設(shè)計(jì)，應(yīng)用中需要設(shè)計(jì)一個(gè)導(dǎo)航欄，并在左上角加上一個(gè)返回按鈕。

嚴(yán)格來說，iOS也有一個(gè)返回的全局操作，直接在界面上右滑即可返回上一級(jí)頁面。

在這種情況下，iOS和Android之間的區(qū)別在于，在iOS設(shè)備上頁面的右滑是返回上一級(jí)，而在Android上則是切換標(biāo)簽。

為了保持與其他移動(dòng)應(yīng)用的一致性，一定要記住平臺(tái)之間的差異。

應(yīng)用內(nèi)部的導(dǎo)航模式在IOS和Android上是不同的

在Material Design設(shè)計(jì)規(guī)范中有一些不同的導(dǎo)航模式。在Android應(yīng)用中被大家熟知的導(dǎo)航模式是抽屜和標(biāo)簽形式的組合。

抽屜導(dǎo)航其實(shí)是一個(gè)菜單，通過點(diǎn)擊漢堡圖標(biāo)，然后從左側(cè)或右側(cè)滑出。標(biāo)簽欄一般位于標(biāo)題欄的下方，使得內(nèi)容能夠很好地被管理，通過標(biāo)簽欄，用戶可以對應(yīng)用的視圖，數(shù)據(jù)集和功能進(jìn)行切換。

在Material Design中還有一個(gè)組件叫做底部導(dǎo)航。這個(gè)組件對于安卓原生應(yīng)用來說也非常重要。底部的菜單項(xiàng)很容易點(diǎn)擊和操作。但是安卓規(guī)范其實(shí)不建議同時(shí)使用底部導(dǎo)航和標(biāo)簽，因?yàn)樗赡軙?huì)在導(dǎo)航時(shí)引起混亂。

在Apple的人機(jī)交互規(guī)范中，沒有類似抽屜菜單的標(biāo)準(zhǔn)導(dǎo)航控件。相反，Apple則建議將全局導(dǎo)航放在標(biāo)簽欄中。標(biāo)簽欄放在應(yīng)用的底部，讓應(yīng)用的核心功能能夠快速切換。

通常，底部欄標(biāo)簽不會(huì)超過5個(gè)。正如你看到的那樣，這個(gè)組件非常像安卓端的底部導(dǎo)航，只是在iOS中這種形式的導(dǎo)航更加常用。

雖然在兩個(gè)操作系統(tǒng)中都有類似的功能（切換標(biāo)簽和分段控制，底部導(dǎo)航和標(biāo)簽欄），但導(dǎo)航形式仍然是iOS和Android之間的主要區(qū)別之一。 兩者之間存在一些客觀差異，例如Android中有全局導(dǎo)航欄而在iOS中卻沒有，以及兩者在視覺上的差異。

Apple認(rèn)為，常用導(dǎo)航入口應(yīng)該盡可能的外置?%le="font-family:"font-size:16px;color:#4F4F4F;background-color:#FFFFFF;">

IOS

iOS用戶習(xí)慣于iOS中的微動(dòng)畫，像平滑過渡，橫豎屏轉(zhuǎn)向以及模擬物理規(guī)律等等。當(dāng)應(yīng)用出現(xiàn)無意義的或者違反物理常識(shí)的動(dòng)畫時(shí)，用戶就會(huì)感到困惑。

例如，用戶希望通過下拉來刷新界面，希望通過右滑來返回。iOS設(shè)計(jì)規(guī)范強(qiáng)烈建議，除非正在創(chuàng)建諸如游戲之類的沉浸式體驗(yàn)，否則還是盡可能的按照官方給出的動(dòng)畫規(guī)范來設(shè)計(jì)。

Android

依照Material Design規(guī)范，一個(gè)元素在轉(zhuǎn)換過程中分為傳出，傳入或常駐，不同的元素也會(huì)有不同的轉(zhuǎn)換方式。

動(dòng)畫能夠引導(dǎo)用戶的注意力。當(dāng)界面發(fā)生變化時(shí)，動(dòng)畫建立了過渡前后的連續(xù)性。導(dǎo)航的切換是界面中非常重要的元素。它們通過清晰的結(jié)構(gòu)來幫助用戶找準(zhǔn)自己的方向。例如，當(dāng)一個(gè)UI元素展開以填充整個(gè)屏幕時(shí)，展開后的新界面是點(diǎn)開元素的子級(jí)，返回可以回到父級(jí)。

在父級(jí)界面上，嵌入的子元素會(huì)在點(diǎn)擊時(shí)抬起并在適當(dāng)?shù)奈恢谜归_。將過渡的重點(diǎn)放在子界面上，明確子父級(jí)之間的關(guān)系。

共享相同的父級(jí)界面（例如標(biāo)簽切換時(shí)的內(nèi)容）一致性的移動(dòng)能夠強(qiáng)化他們的關(guān)系。

標(biāo)簽選項(xiàng)卡固定在一個(gè)位置不變，內(nèi)容界面在水平方向上進(jìn)行移動(dòng)

在應(yīng)用的最上層，切換目標(biāo)通常被分在主要任務(wù)(這些任務(wù)可能彼此不相關(guān))上。這些界面通過改變不透明度和縮放值來進(jìn)行適當(dāng)?shù)霓D(zhuǎn)換。

總結(jié)

當(dāng)然也有例外：一些iOS應(yīng)用遵循Android設(shè)計(jì)規(guī)范（比如Gmail）而一些Android應(yīng)用則遵循iOS設(shè)計(jì)規(guī)范（比如Instagram）。

但其實(shí)顯而易見——使用兩個(gè)平臺(tái)系統(tǒng)自身的組件設(shè)計(jì)應(yīng)用，流程要快很多。因此，最好是花些時(shí)間了解下兩個(gè)平臺(tái)不同的設(shè)計(jì)規(guī)范，而不是混合iOS和Android的組件模型，然后還得花很多力氣在開發(fā)上。

本文題目：干貨！iOS 與 Android 的APP 設(shè)計(jì)差異
文章地址：http://www.2m8n56k.cn/news9/43309.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、營銷型網(wǎng)站建設(shè)、小程序開發(fā)、面包屑導(dǎo)航、網(wǎng)站導(dǎo)航、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)