干貨!iOS 與 Android 的APP 設計差異

2016-08-27    分類: 網(wǎng)站建設

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

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

應用以好的用戶體驗。

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

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

導航模式的差異

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

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

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

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

為了保持與其他移動應用的一致性,一定要記住平臺之間的差異。

應用內(nèi)部的導航模式在IOS和Android上是不同的

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

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

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

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

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

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

Apple認為,常用導航入口應該盡可能的外置?%le="font-family:"font-size:16px;color:#4F4F4F;background-color:#FFFFFF;">

IOS

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

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

Android

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

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

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

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

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

在應用的最上層,切換目標通常被分在主要任務(這些任務可能彼此不相關)上。這些界面通過改變不透明度和縮放值來進行適當?shù)霓D換。

總結

當然也有例外:一些iOS應用遵循Android設計規(guī)范(比如Gmail)而一些Android應用則遵循iOS設計規(guī)范(比如Instagram)。

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

本文題目:干貨!iOS 與 Android 的APP 設計差異
文章地址:http://www.muchs.cn/news9/43309.html

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

廣告

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

h5響應式網(wǎng)站建設