移動領(lǐng)域的兩大風(fēng)向標(biāo)--Android和iOS，也是移動應(yīng)用設(shè)計時最大的兩個競爭對手。Android與iOS在市場份額、受歡迎程度、使用人口統(tǒng)計方面數(shù)據(jù)不相上下，在這里，我們對比了Android和iOS之間的簡單設(shè)計差異，這將幫助我們弄清一個與另一個有何不同。
由于碎片化的原因，安卓系統(tǒng)的應(yīng)用設(shè)計會有細(xì)微的差異。
我們先來了解一下Android與iOS UI應(yīng)用設(shè)計在扁平化設(shè)計和材質(zhì)設(shè)計方面的對比。
扁平化/人性化界面設(shè)計 VS 材質(zhì)設(shè)計
人機(jī)界面指南主要基于三個原則。清晰、尊重和深度。簡單來說，該方法支持極簡主義，使用簡潔的元素，注重排版和扁平化色彩。
簡而言之，Android Material Design被認(rèn)為是Flat設(shè)計的升級版，帶有擬態(tài)性（一種流行的設(shè)計概念，即讓所代表的物品與現(xiàn)實(shí)世界中的對應(yīng)物相似）。
用Google設(shè)計副總裁MatíasDuarte的話來說，它是–
有了這些基礎(chǔ)知識，讓我們從7個方面研究兩個平臺之間的差異。
目錄
1. 導(dǎo)航
2. 按鈕
3. 圖標(biāo)和屏幕分辨率
4. 字體
5. 控件
6. 卡片
7. 警報
1. iOS與Android：導(dǎo)航
1.1 屏幕頂部導(dǎo)航
對于iOS應(yīng)用程序，總是在“后退”按鈕旁邊提示上一個選項(xiàng)卡的名稱。在中間，顯示當(dāng)前選項(xiàng)卡的名稱，而在右上角則顯示“編輯”或“完成”（控制按鈕）。
說到Android的設(shè)計規(guī)則，應(yīng)用程序通常在抽屜菜單或后退按鈕（可選）之后的左上角顯示標(biāo)題。移至右上方，總是有一個操作項(xiàng)，例如搜索圖標(biāo)（也可以是多個，例如“收藏夾”圖標(biāo)），其后是溢出菜單。
1.2 主要導(dǎo)航
在iOS中，主導(dǎo)航始終顯示在底部，功能菜單專門用于存儲一次性功能。而在Android中，通常會在功能菜單中看到主要導(dǎo)航，或者以搜索欄，浮動操作按鈕等形式在整個界面中存在。
1.3 二次導(dǎo)航
ios界面指南中，沒有類似抽屜導(dǎo)航菜單的標(biāo)準(zhǔn)控件。iOS的全局導(dǎo)航被放置在應(yīng)用屏幕的底部，一般位于最末位的 "更多"標(biāo)簽下找到二級導(dǎo)航。
Android中，二次導(dǎo)航是一個抽屜，一旦按下功能菜單圖標(biāo)，就會從左到右打開，同時產(chǎn)生一個深色的遮罩層。
1.4 后退導(dǎo)航
有四種方法可以在iOS應(yīng)用中實(shí)現(xiàn)“后退”操作：
- 在應(yīng)用程序中從左向右滑動手勢可轉(zhuǎn)到上一個屏幕。
- 只需按“后退”即可。
- 按下“完成”選項(xiàng)以退出編輯模式視圖。
- 在屏幕上向下滑動即可查看模態(tài)和全屏視圖。
在某些情況下，Android應(yīng)用程序中給出了類似后退的操作，您可以通過該操作進(jìn)入前一個標(biāo)簽。但是，最常見和最簡單的方法是使用導(dǎo)航欄中的后退按鈕（Android 10中現(xiàn)在是可選的）。
2. iOS與Android：按鈕
iOS和Android中的按鈕風(fēng)格最主要的設(shè)計區(qū)別在于，iOS中的按鈕遵循扁平化的設(shè)計模式，不帶陰影、支持標(biāo)題大小寫。Android遵循Material Design，帶陰影且字母大寫。
另一個比較重要的按鈕是Floating action button（FAB行動呼吁按鈕）。例如安卓系統(tǒng)中Gmail的compose按鈕，iOS系統(tǒng)中社交媒體應(yīng)用的新建文章按鈕。
3. iOS與Android：圖標(biāo)和屏幕分辨率
兩種系統(tǒng)都使用8dp的網(wǎng)格來構(gòu)建屏幕結(jié)構(gòu)，而最常見的邊框是16dp。
在開發(fā)移動應(yīng)用程序時，以預(yù)定義的尺寸設(shè)計圖標(biāo)是非常關(guān)鍵的。這里有一個表，描述了所有的測量。
這些表格一開始可能會讓人有點(diǎn)不知所措，但是如果你知道基本尺寸，并且能夠使用倍數(shù)進(jìn)行檢查和導(dǎo)出，會發(fā)現(xiàn)這并不復(fù)雜。
4. iOS與Android：字體
多年來，蘋果一直是Helvetica Neue字體的粉絲，然而在2015年，蘋果開始使用San Francisco，它更節(jié)省空間，非常適合手機(jī)、臺式機(jī)和iOS Watch使用。
Android系統(tǒng)，一直使用Roboto作為標(biāo)準(zhǔn)系統(tǒng)字體。在可預(yù)見的未來，谷歌也沒有計劃改變這一深受喜愛的元素。
5. iOS與Android：控件
控件設(shè)計包含搜索、CTA按鈕、選擇控件和標(biāo)簽等元素。每一個都滿足了這樣或那樣的目的，讓我們來看看他們的位置。
5.1 搜索
搜索功能對于兩個平臺來說都非常重要，蘋果最近還在iMessage中加入了 "搜索欄 "。
在蘋果中，搜索選項(xiàng)有兩種類型--突出和隱藏。通常情況下，搜索圖標(biāo)會顯示在上邊的選項(xiàng)卡上，而有時需要從上到下拖動屏幕才能顯示搜索欄。此外，如果要取消搜索查詢，可以按 "取消"，如果要清除，可以用 "X"。
在安卓系統(tǒng)中，沒有隱藏的搜索欄，你總能在上層標(biāo)簽中找到一個。如果要取消搜索，只需點(diǎn)擊"←"圖標(biāo)即可，如果要清除查詢，則和iOS中的一樣。
5.2 CTA按鈕（call-to-action 主要行動按鈕）
浮動的動作按鈕（FAB）在Android中充當(dāng)主要行動按鈕，可以出現(xiàn)在頂部應(yīng)用欄或一些組件的邊緣。而iOS應(yīng)用中的主要行動按鈕總是出現(xiàn)在頁面的右上角。
不過也有一些例外，少數(shù)iOS會在底部工具欄顯示CTA，而Android則在上部工具欄顯示。
5.3 選擇控件
如果需要顯示一些選項(xiàng)，可以在iOS平臺上使用選取器控件，選取器一般出現(xiàn)在底部。
對于在Android平臺上顯示很少的選項(xiàng)，通常使用一個出現(xiàn)在原地的下拉菜單，或者一個出現(xiàn)在中心的模態(tài)對話框，使用模態(tài)框時應(yīng)用背景變暗。
5.4 標(biāo)簽
據(jù)觀察，iOS系統(tǒng)并沒有一個視覺上類似于 "標(biāo)簽"的控件。它使用的是一個分段的按鈕。Android使用了"扁平化設(shè)計的tab"來實(shí)現(xiàn)同樣的效果。
6. iOS和Android：卡片
卡片是圖片、文字、視頻的集合，還包括按鈕和評論。
在iOS中，卡片的特點(diǎn)是無陰影、全寬、無圓角。而在安卓系統(tǒng)中，卡片的設(shè)計有陰影、溝槽、圓角等功能。
7. iOS和Android：警報
安卓系統(tǒng)的提醒采用的是扁平化的按鈕樣式，具體尺寸可以在材質(zhì)設(shè)計指南中找到。操作按鈕被放置在提醒的右下角。這些 "按鈕 "完全以文字為主（全大寫），讓用戶更容易理解。
至于iOS系統(tǒng)的提醒，則是用分割線隔開。它們基本采用句子或標(biāo)題的形式，在獨(dú)立的區(qū)塊中呈現(xiàn)。它們被放置在彈出窗口的中心。
總結(jié)
本文涵蓋了iOS和Android所有的初步差異，希望對你有所幫助，而設(shè)計一個iOS或Android的移動應(yīng)用，總是有迭代的準(zhǔn)則，所以，一定要保持信息的更新，及時調(diào)整自己的產(chǎn)品設(shè)計。
常見問題
Q. 為什么iOS和Android上的應(yīng)用看起來不一樣？
品牌和意識形態(tài)的不同，已經(jīng)波及到他們的操作系統(tǒng)的運(yùn)作方式。兩個平臺的UI設(shè)計已經(jīng)成為品牌的符號化。
Q. 如何設(shè)計一個原生應(yīng)用？
在設(shè)計原生應(yīng)用時，必須始終遵守iOS UI應(yīng)用設(shè)計指南和Material設(shè)計指南。這樣才能使應(yīng)用與它所要針對的平臺同步。另外，這些平臺有不同的要求，所以你的應(yīng)用必須滿足它們才能在應(yīng)用商店上發(fā)布。
Q. iOS比Android更方便用戶使用嗎？
這個問題的答案是純主觀的。它是基于用戶的個人偏好。有些人可能會覺得iOS更實(shí)用，而有些人則在各方面都偏愛Android。
轉(zhuǎn)載自： Android vs iOS: App UI Design Differences and Comparison
