設計經驗分享?· 不定時更新

-------------------------------------------

胡桃子

深圳 | UI/UX設計師

唧唧歪歪：設計師在做 app 的時候很少考慮兩個平臺的差異，之前我也覺得兩者越來越趨同，在設計上可以用一套設計稿去做。其實有很多不一樣的地方，了解這些差異和區別，能節省UI設計和研發成本，設計更符合兩個平臺用戶的操作習慣。

iOS與安卓設計上的差異主要從系統差異、成本考慮、用戶習慣3個方面來闡述。

一. 系統差異

1. 物理按鍵對返回的影響

安卓的物理按鍵以及屏幕導航按鍵的差異是安卓的返回鍵更加方便，

iOS只有home鍵，隨著全屏的出現，可能會打破這種差異。

因此在設計返回操作的時候需要考慮平臺的差異性。

?安卓比iOS增加了物理返回鍵、底部導航，有些設備可以隱藏底部導航。

全面屏的普及會慢慢打破這種因為物理按鍵造成的交互及設計差別，全面屏設計適配是要考慮底部按鍵的差異。

華為全面屏的幾種手勢：

安卓全面屏出現后，并沒有完全舍棄內置導航按鍵，還有純手勢、懸浮按鈕、內置導航條3種方式。隨著硬件的發展，安卓和iOS的交互操作會更加趨同，改變這種差異。

返回浮窗的UI表現：

iOS 手機只有一個“Home ”鍵，為方便用戶退出浮層需要增加了“取消”入口。

而 Android 手機本來就有“返回”虛擬鍵，所以多做一個“取消”的意義性不大。

2. 屏幕分辨率造成的色調選擇

Material Design作為谷歌推出的全新的設計語言，和iOS對比，Material Design更加沉穩，iOS更加鮮艷。原因是因為iOS的屏幕分辨率更高，對鮮艷顏色的還原度更好，安卓適應的機型比較多，顏色還原度沒有那么好。

深色模式下考慮到用戶長期使用的體驗，因iOS的還原度高，背景使用#000000，安卓分辨率的限制，文字顏色較淺，谷歌推薦背景色為#121212。有些平臺護眼模式和深色模式用兩套，比如網易云音樂。

3. 狀態欄交互的不同

iOS ：用戶在 Y 軸滾動了很長內容時，點擊狀態欄可以快速回到初始位置。

Android ：部分安卓手機無論滾動了多長內容，都是點擊無任何效果，不過兩種交互也逐漸趨同。

4. 軟件更新方式的不同

Android ：由于安卓的開源特性，當有新版本時都會提示用戶更新，且每個產品內部都帶有“版本更新”入口。

更新的方式可分2種：

引導更新：彈出提示讓用戶更新 APP ，用戶點擊「更新」按鈕前往應用商店更新、或者在當前頁面更新并顯示下載進度。

強制更新：也是先提示用戶更新，只不過用戶點擊「更新」按鈕，即調起軟件安裝頁面。

iOS ：而 iOS 端出于對用戶體驗的考慮，是禁止向用戶提示版本更新信息的。這也是為什么絕大部分的 iOS 產品，都是沒有“版本更新”入口的原因，即使有，點擊了也直接跳轉到 App Store 查看版本情況。

5. 切圖標注

XHDPI對應的是安卓2倍圖，XXHDPI對應的是安卓3倍圖，iOS的3倍圖和安卓的XXHDPI是一樣的。

iOS用375*667px做設計，有些也用750*1334px，原因有3點：

①開發同學不用換算，直接采用1倍圖就可以

②sketch切圖時導出更加方便

③極大提高了視覺還原和其他機型的適配

安卓用1080*1920px做設計，原因有3點：

①從中間尺寸向上和向下適配的時，調整幅度最小，最方便適配

②大屏幕時代依然以小尺寸作為設計尺寸，會限制設計師的設計視角

③用主流尺寸做設計，極大提高視覺還原和機型適配

4. 鍵盤差異引發的搜索框樣式

安卓鍵盤有些是系統自帶的，也有第三方的，例如搜狗輸入法，iOS更多是系統自帶的鍵盤。

很多輸入法在鍵盤的右側加入了更加明顯的搜索按鍵，但為了照顧一些用戶的操作習慣，安卓還是把搜索放在了搜索框后面。

二. 成本考慮

1. 開發成本

loading

iOS的loading自定義更加常見、個性化強，安卓很多都是用系統自帶的(轉圈的那種)，主要是考慮開發成本。

TAB樣式

2個平臺會有特有的控件樣式。

安卓系統本身全局actionbar，若去實現其他的樣式，會破壞整體的封裝，開發成本更高。

iOS系統有自定義的tab切換樣式，開發人員只需要更改顏色、圓角，更加方便。

高斯模糊

毛玻璃在iOS比較常見，安卓開發成本高，建議不做這種效果。

2. 商業成本

一般iOS會讓用戶承擔30%的抽成，例如優酷、騰訊的VIP會員價格。

三. 用戶習慣

1. 長按側滑刪除

信息列表的側滑，在iOS中是很常見的操作，但是在安卓更習慣長按，如果改成側滑刪除，會增加用戶的理解成本。

2. 圖標設計

返回按鈕：一般iOS返回不帶橫線“

分享按鈕：一把iOS會采用蘋果自帶的向上的形式，安卓喜歡用三個圈圈(看下圖)。

彈窗按鈕：有些安卓彈窗上的按鈕會遵循系統規則，在右側這種形式，iOS更喜歡居中。

bar標題位置：安卓上的標題跟隨著“返回”，在bar的左側，iOS會喜歡放在中間。

總結

兩個平臺新版本發布的時候也會更新新的設計規范，我們應該實時關注兩者的優劣勢，取其優勢，結合項目本身，設計出更加符合用戶習慣或者節約成本的設計。

希望上述內容能對大家在數據可視化設計有所幫助～～

---

感謝你的閱讀支持 · 歡迎留言互動

-------------------------------------------

多一點行動? ·? 多一種可能

—

你點的「在看」是最好的肯定與鼓勵

?

總結

以上是生活随笔為你收集整理的android 模糊查询搜索框_彻底搞懂 iOS 和 Android 的设计差异的全部內容，希望文章能夠幫你解決所遇到的問題。

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