UI界面設計 設計規范 ·

安卓1080P界面設計規范解讀

最近,25學堂的各個app設計群里都在問一些關于android界面設計尺寸的問題。雖然目前都有不同的一些設計尺寸。720、1080都是可以的。而今天25學堂的老譚童鞋跟大家要講講最具性價比的1080P設計規范。

android-1080設計規范

第一部分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的界面設計稿。生成對應的其他小尺寸的圖片資源即可。

跟安卓其他的尺寸或分辨率關系圖匯總如下:

android尺寸關系圖

 

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

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

 

第三部分app設計知識:1080 ?* ?1920px的設計規范

具體詳細的完整的安卓界面設計規范:點擊這里www.2i6p.com/android? 值得大家好好的去看看。

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

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

狀態欄:70px ? 導航欄:159px ? ?標簽欄:144px 等 具體的規范請看下圖:

1080設計規范

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

 

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

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

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

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

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

經濟性是指,這個分辨率下導出的圖片尺寸適中,內存消耗不會過高,并且圖片文件大小適中,安裝包也不會過大;

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