安卓1080P界面設計規範解讀 – 學ui網

小編：android界面的尺寸較多，大家對android界面設計尺寸這個問題都會有點迷糊。雖然目前都有不同的一些設計尺寸。720、1080都是可以的。而今天25學堂的老譚童鞋跟大家要講講最具性價比的1080P設計規範。

第一部分app設計知識：什麼是安卓1080P？

目前市場上，只有Android系統的手機才有1080P全高清的產品。1080P是說手機屏幕的解析度達到1920*1080像素。

目前為止，市面上Android陣營中所有品牌手機裡面，全高清屏幕的手機有以下幾款。

小米3以上、索尼L36h（Xperia Z）；OPPO X909（Find 5）；HTC、一加手機 X920e（Butterfly）；華為Ascend D2，Ascend P7，榮耀6以上等、中興Grand S；Nubia Z5（NX501）；夏普的SH930W等等。

1080P的屏幕最直觀的改變當然是屏幕精細度的巨大提升，就算是5寸的屏幕，精細度也可以達到441ppi的超高級別。相當於蘋果手機的iphone6的解析度。

以上就是針對安卓1080P的解讀和一些市面上流行的安卓手機。

所以，作為一名優秀的移動app設計師，也必須了解這些常識和手機屏幕的知識，才能著手去設計1080*1920的界面設計規範。

目前安卓系統5.0的設計風格和標準是Material Design. 大家務必不要跟安卓1080P界面設計規範搞混了。

安卓系統5.0的風格是：Material Design 25學堂今天跟大家講解的是安卓系統裡面UI界面設計的規範。

第二部分app設計知識：

為什麼說安卓界面設計，以1080*1920px為設計尺寸是最佳性價比的方案呢？

因為這個安卓尺寸是最大的，可以往下適配其他機型。

設計尺寸：1080 * 1920px（XXHDPI） 也就是相當於ios系統當中的@3x的圖片資源。提供一套XXHDPI切圖資源。其他密度不需要提供，讓系統自適配。

最簡單最省事。給最清晰的圖，放對應的文件夾，系統自動壓縮。

設計一套最大尺寸的1080 * 1920px的界面設計稿。生成對應的其他小尺寸的圖片資源即可。

跟安卓其他的尺寸或解析度關係圖匯總如下：

所以，25學堂建議移動app設計師提供給安卓開發人員的標註單位最好是dp（長度 ）和 sp（字體）。

詳細的解讀和換算公式在這裡：APP設計尺寸解讀：px、pt、ppi、dpi、dp、sp之間的關係

第三部分app設計知識：1080 * 1920px的設計規範

具體詳細的完整的安卓界面設計規範：www.25xt.com/android 值得大家好好的去看看。

如果以1080 * 1920px作為設計尺寸來設計android app UI 界面的話。幾乎和iphone6 plus一樣的設計規範。

下面的是25學堂給出來的1080 * 1920px 界面設計參考數據

狀態欄：70px 導航欄：159px 標籤欄：144px 等 具體的規範請看下圖：

以上界面參數和尺寸僅作為參考，具體的也要看自己的設計能力。

25學堂的針對安卓界面設計的建議：

雖然現在手機比較高的解析度是1080×1920，你可以選擇這個尺寸作圖，但是圖片素材將會增大應用安裝包的大小。

並且尺寸越大的圖片佔用的內存也就越高。如果你不是設計ROM，而是做一款應用

25學堂建議大家用PS在720×1280的畫布中作圖。這個尺寸兼顧了美觀性、經濟性和計算的簡單。

美觀性是指，以這個尺寸做出來的應用，在720×1280中顯示完美，在1080×1920中看起來也比較清晰；

經濟性是指，這個解析度下導出的圖片尺寸適中，內存消耗不會過高，並且圖片文件大小適中，安裝包也不會過大；

計算的簡單，就是1dp=2px啊，多好計算啊！到這裡，大家心裡也有譜了吧！

文章來源：25學堂

轉載請註明：學ui網 ? 安卓1080P界面設計規範解讀

「學UI網www.xueui.cn」最值得關注的UI學習平台！ 每天發布高質量的設計教程和分享設計經驗，服務於20萬UI設計師,幫助初學者快速轉型。每周六晚上免費YY公開課（36013311），給大家提供更多免費學習的機會。想成為設計師的你快來關注吧！

【特色推薦】

「APP截圖包是什麼欄目？」 同一個APP，IOS和安卓截圖對比分析，並且提供5種以上尺寸的APP截圖打包下載，真貼心。

「國內最棒的UI設計導航站」 專為UI設計學習者打造的資源＋學習，雙用途的網址導航站。親愛的，你收藏了嗎？

【學UI網 原創文章 投稿郵箱：[email protected]，也可以找各個群的管理】

給學UI網打氣，加油 猛點這裡>>

你可能喜歡的：

為設計師精心打造的14款進階移動端應用

50個設計簡約的移動 APP UI 設計作品（下）

50個設計簡約的移動 APP UI 設計作品（上）

如何從頭打造讓用戶真正信任的界面

為兒童設計可不是兒戲

腦棟大開的3D TOUCH 概念設計案例

14個優秀下拉菜單（dropmenu）案例

YY APP UI設計規範免費下載

9個新人容易中槍的表單設計問題

為應用創建「一致性設計」的幾個原則

推薦閱讀：