02 download instagram for android(Android系統可以下載和安裝Instagram（ Ins）應用嗎？)

操作，例如注冊，確認條款，甚至是確認支付。我們需要讓他們看起來是原生的，以便產生一種安全感和信任感。

Android 的警告框使用的按鈕樣式，就是我們先前提到過的扁平按鈕，你可以在 MD 說明文檔中找到它們應有的尺寸。動作按鈕位于卡片的右半部分。實際上，所謂的按鈕其實就是一個文本。它們使用大寫字母將它們和其他內容區別開，并且使用 App 的主色。

12. i買粉絲n

i買粉絲n 設計是在 UI 設計中的一個比較特殊的領域。不管你是使用免費的 i買粉絲n，和專門的 i買粉絲n設計師合作，還是自己設計 i買粉絲n，不同的平臺上對 i買粉絲n 都有特別的樣式要求。iOS 平臺更偏好線形 i買粉絲n，Android 上的 i買粉絲n 的描邊則更加地粗壯，或者干脆就用填充的 i買粉絲n。這里是兩個平臺上的 i買粉絲n 對比，你也可以點擊這里的鏈接查看iOS和Android下的 i買粉絲n 設計規范。

13. 面包菜單、載入圖片

不幸的數字 13（注：最后的晚餐的在場人數）。通常來說，警告框和表示載入的圖標留給開發者做決定。你或許已經經歷過彈出框和警告框的設計和 App 的其他部分樣式完全脫節的情況。那是因為通常 iOS 和 Android 平臺都有對這些情況的默認的處理方案，但是你也可以利用你的方案進行替代。在這里，讓你的設計能被真實還原的最好的方式就是和開發人員多進行溝通。

14. 通用 UI 控制

復選框，單選框和輸入框，以及開關都是應該有著原生感覺的控件。像警告框和對話框一樣，這些控件保持默認樣式的話能夠給用戶帶來熟悉感和信任感。盡可能多地使用原生控件，用戶自然知道如何使用他們，并且在涉及到敏感信息和支付事宜的時候能夠更信任你的 App。

在下面的例子中，我們可以看到兩個平臺上的差異其實是很小的，小到你在設計的時候可以忽略這些差異，用其中一種形式設計，但是不要忽略細節上的差異所帶來的原生的感覺。使用你的 UI 庫，并且在開發的早期和開發人員做好說明。

總結

在同一個設計稿中同時呈現出原生 iOS 和 Android 的感覺也并非一件不可能的任務。嘗試在設計之初就注意到這些差別，并且注意對控件的使用，并且在設計過程中和開發人員保持緊密的聯系。

資源

我希望這篇文章能夠為你解答“在哪些方面將兩個平臺區別開”這個問題，但是你顯然需要一些合適的工具或者模板來進行你的設計。這里有一些你可以用來開始你的設計的資源，我為你挑選出了一些最好的：

設計規范 iOS Human interface guidelinesAndroid material design guidelinesUI 庫

這些 UI 庫能夠幫助你剩下很多的防治和調整原生控件的時間。你可以從庫中抽取出你要的部分并將它們用于你的 iOS 或 Android 設計稿中。

An excellent PSD template for iOS from Teehan + LaxAndroid Material Design PSD Templatei買粉絲n Line i買粉絲ns which are great for iOS designFlat i買粉絲ns that work well with material design模型

Mockup 在你想別人展示你的設計稿的時候是一項非常好用的工具。這些模型有好幾種類別。當你要展示 Android 設計稿的時候，你要小心選擇這些模型。我傾向于使用 Nexus，因為它是 Google 自己設計的手機，對于其他的廠商來說沒有傾向性。

Official iPhone device downloadsFlat apple devices with multiple perspectivesNexus 6 flat mockupLifestyle mockups from placeit

tutsplus

作者：Chris O’Sullivan

譯文地址：設計派

譯者：設計派_小溫

很赞哦!（516）