下文是丁香園移動設(shè)計組的大牛們根據(jù)目前android系統(tǒng)在國內(nèi)發(fā)展變化，結(jié)合當(dāng)下微信APP、微博、支付寶、淘寶和網(wǎng)易新聞等主流android app 進行深入的對比，總結(jié)出了下面一些關(guān)于Android差異化設(shè)計規(guī)范。

也給我們想要設(shè)計屬于規(guī)范的android APP界面的同學(xué)提供了參考和借鑒的知識點。

一、Android 整體視覺設(shè)計規(guī)范

App 界面的整體視覺組成大致可以分為四個部分：

StatusBar（狀態(tài)欄）、TopBar（頭部欄）、Body Content（內(nèi)容區(qū)域）、FootBar（底部欄）。

StatusBar 的樣式由系統(tǒng) UI 決定，除背景配色外，不需要做其他的設(shè)計。

TopBar 兩個系統(tǒng)平臺規(guī)范上的顯示高度與內(nèi)容布局有明顯的差異，按各自的規(guī)范進行設(shè)計。

Body Content 除控件外，采用相同的布局與視覺設(shè)計。

FootBar 除控件外，采用相同的布局與視覺設(shè)計。

二、Android差異化設(shè)計案例解讀

1. StatusBar/TopBar 差異化設(shè)計

2. 常用的三個系統(tǒng)圖標(biāo)/控件差異化

3. 搜索/輸入控件差異化

4. 彈窗樣式差異化

三、Android系統(tǒng)交互與iOS系統(tǒng)交互的差異化設(shè)計

1. 交互方式：

除了上面提到了彈窗樣式與交互差異化之外，對于一些系統(tǒng)交互行為，推薦盡量使用 iOS 與 Android 各自平臺的系統(tǒng)控件與交互方式，降低開發(fā)與用戶學(xué)習(xí)成本。系統(tǒng)交互行為主要包含以：返回上級/關(guān)閉當(dāng)前頁面的方式、通知開啟或者關(guān)閉設(shè)置、發(fā)送/提交內(nèi)容（鍵盤自帶或者新增按鈕點擊）、Item 列表排序/刪除、提示窗顯隱、時間選擇控件、手勢操作等等。

2. 交互動效：

交互動效也推薦盡量使用 iOS 與 Android 各自平臺的系統(tǒng)提供的動效。比如 iOS 的鏡頭切近與高斯模糊，Android 的紙墨磁吸等等。

單條 item 的交互差異示例

總體來說，就是以 iOS 版為參照，底部欄與中間內(nèi)容區(qū)域盡量保持相同的設(shè)計，通過對狀態(tài)欄、頭部樣式、控件（開關(guān)、選框、搜索、輸入）、系統(tǒng)圖標(biāo)（返回、分享、更多）、彈窗樣式、系統(tǒng)交互進行 Android 規(guī)范化差異，以保證該 App 的設(shè)計在兩個不同的系統(tǒng)平臺即能符合中國用戶的使用習(xí)慣，又能適當(dāng)體現(xiàn)系統(tǒng)的不同風(fēng)格與特性。

以上就是Android 設(shè)計差異化規(guī)范的一些討論心得，也是移動設(shè)計師總結(jié)下來的一些干貨。值得我們好好學(xué)習(xí)一下。

內(nèi)容轉(zhuǎn)自微信公眾號：花廠設(shè)計招待所 （丁香園移動設(shè)計組）