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

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

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

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

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

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

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

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

嚴格來說，iOS也有一個返回的全局操作，直接在界面上右滑即可返回上一級頁面。

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

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

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

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

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

在Material Design中還有一個組件叫做底部導(dǎo)航。這個組件對于安卓原生應(yīng)用來說也非常重要。底部的菜單項很容易點擊和操作。但是安卓規(guī)范其實不建議同時使用底部導(dǎo)航和標(biāo)簽，因為它可能會在導(dǎo)航時引起混亂。

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

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

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

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

IOS

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

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

Android

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

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

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

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

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

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

總結(jié)

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

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

新聞標(biāo)題：iOS 與 Android 的APP 設(shè)計有什么區(qū)別
文章來源：http://jinyejixie.com/news/43478.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、外貿(mào)建站、靜態(tài)網(wǎng)站、小程序開發(fā)、網(wǎng)站制作、網(wǎng)站導(dǎo)航

廣告

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