摘要：iOS和Android用戶體驗設計差異

關鍵詞：iOS，Android，用戶體驗設計

本文將討論iOS和Android之間的具體設計差異。

基本差異

1、設計規范

iOS和Android遵循不同的設計規范。

2、度量單位

iOS應用程序設計是在pt中開發的，而Android應用程序設計是在dp中開發的。通常，我們以1倍(或mdpi)進行設計，并以2x和3x生成圖標和插圖。對于Android，設計以dp顯示，并以hdpi，xhdpi，xxhdpi和xxxhdpi生成圖形。

3、屏幕尺寸

我更喜歡以盡可能小的尺寸設計iOS應用：iPhone 5 SE的屏幕尺寸為320х568pt。我這樣做是為了避免內容在小屏幕上顯示不正確。有些人更喜歡為iPhone 8設計。

對于Android應用，普遍接受的屏幕尺寸為360х640dp。

在為iOS設計時，有時會為iPhone X(375х812pt)開發設計。開發人員必須了解如何在這種尺寸的屏幕上正確設置邊距。在為iPhone X設計時，還需要牢記安全區域。

4、系統字體

如果不知道使用哪種字體，請使用系統字體。對于iOS，這是San Francisco。對于Android，它是 Roboto。

5、Android導航欄

與iOS不同，Android具有用于反向導航的內置工具。

它既可以內置在智能手機中，也可以內置在界面中。用戶可以使用箭頭按時間順序后退(反向按時間順序導航)。

當我剛開始做UI設計師時，花了很多時間折磨Android開發人員，經常問問題：“為什么需要兩個后退按鈕？” 切換到子頁面時，底部的導航欄中有一個，頂部應用程序欄中有一個。

6、Android投影標注

在Android中，陰影起著很大的作用。它們在界面上添加了第三維(Z軸)，這使每個組件都可以沿Z軸具有自己的特定位置(從0dp到24dp)。此外，此Z軸不僅存在于概念級別上，開發人員還有“elevation”參數，可用于設置元素沿該軸的位置。

7、命名差異

標簽欄與底部導航欄

導航欄與頂部應用欄

分段控件與選項卡

通知對話框

Touch ID與Android指紋

導航和模式(UX)的差異

8、導航

iOS僅建議一種頂級導航方法：Tab欄。Android則有三種方法：導航菜單，底部導航欄和標簽。

如果頂層頁面超過五個，則使用導航菜單。如果數量較少，我們將使用底部導航欄。標簽不是經常用于這種導航，但是這種方法也可以使用。但是，Material建議不要將選項卡和底部導航欄組合在一起，因為與這些組件的交互會影響頁面的內容，并且用戶可能會感到困惑。

9、選項卡欄和底部導航欄的行為差異

在iOS上，如果從母頁面跳轉到子頁面，然后通過選項卡欄轉到另一個母頁面，然后返回前一個母頁面，用戶仍將停留在子頁面上。

Android如果通過底部導航欄進行切換頁面，則將始終在母頁面之間切換。如果用戶之前在子頁面上，則將被重置。

10、Android標簽頁

與iOS上的分段控件不同，Android標簽頁具有一項特殊功能：用戶可以通過左右滑動來在標簽之間移動。

11、子頁面的行為差異

在iOS上，子頁面(不計算模式窗口)僅以一種方式顯示：子頁面顯示在母頁面的右側和頂部，具有“滑入”效果。返回母頁面會產生“滑出”效果。

Android會通過動畫告知用戶母頁面和子頁面之間的關系。用戶與之交互過渡到子頁面的組件將打開放大覆蓋母頁面。通過這種方式，用戶可以了解所在的位置和來源，以及發生這種情況的原因以及按下返回按鈕后會回到哪里。

12、導航菜單

在設計帶有導航菜單的應用程序時，該組件“接管”了“向左右滑動手勢。因此，請勿在此手勢中添加任何其他邏輯。

13、滾動期間內容的行為

iOS上的內容在滾動期間的行為如下：導航欄寬度減小，工具欄消失。但是通常，iOS開發人員可以在滾動過程中為內容和欄配置任何類型的行為。

Android為滾動期間的行為提供了更多選項。例如，底部導航欄，搜索欄和底部應用欄可以在滾動過程中消失。頂部應用欄也可以消失或移至主要內容上方。

14、不同的搜索行為

iOS將搜索委托給bar并將其稱為Search Bar。在Android中，我們在“導航”部分而不是“組件”部分中找到搜索。換句話說，對于Material而言，搜索只是另一種導航方法。在iOS和Android上，搜索都可以靜態顯示在屏幕上，并且通常固定在導航欄/頂部應用欄上。

組件差異(UI)

15、iOS上缺少哪些組件

iOS上沒有下列Android組件。

導航菜單

BackDrop

標語

Snackbars

Chips

底部應用欄

FAB

iOS上，主要操作按鈕應位于導航欄右側的頂部。

底部導航菜單

Side Sheet

展開底頁

標準底頁

參考資料

[1]

https://uxdesign.cc/ios-vs-android-design-630340a73ee6?source=rss----138adf9c44c---4

總結

以上是生活随笔為你收集整理的android 技能标签功能_iOS和Android用户体验设计差异的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。