UI界面在不同平臺的適配受屏幕尺寸和屏幕密度影響,Android適配機制就是在資源后面添加對這兩種因素的限定,通過不同的限定區(qū)分不同的平臺資源,Android在使用資源的時候會優(yōu)先選擇滿足本平臺限定的資源,再找最接近條件的,再找默認(即不加限定),通過選擇適合當前平臺的資源來完成不同平臺的適配。
看完這篇文章,25學堂可以讓你快速學習到android多分辨率多密度下界面適配方案?。
1、Android設計規(guī)范常識:四種屏幕尺寸和四種密度
1、我們先看看Android?UI適配秘籍的三把斧。
此圖由猿創(chuàng)動力提供,感謝分享。
2、到底采用哪種分辨率來設計呢?
1.原則上需要為不同的分辨率去單獨設計效果圖,但是由于實際開發(fā)成本,設計成本的各種要求,可以根據(jù)目前市場占有率選擇機型,目前主要480*800、 720*1280、 1080*1920這幾種分辨率,本人目前都是采用720*1280的分辨率來設計,因為目前為止720*1280的市場占有率還是比較高的。但是由于技術水平的不斷提升,今后一定會采用1080*1920的來設計,希望各位小伙伴能夠關注一下市場情況。
總結(jié):現(xiàn)在還是采用720*1280的分辨率來設計吧。
4.到底需要提供多少套切圖。
1.只需要提供一套切圖即可。
原則上設計師需要為不同分辨率單獨標注切圖,同樣根據(jù)開發(fā)成本等要求。
1.一般采用720*1280的來設計。切圖可以直接適配720*1280分辨率的機型。
2.720*1280下的切圖資源基本可以適配其他機型,有些特殊的切圖需要單獨適配的,比如icon等。
3.適配480*800的機型,只需要把切圖/1.5即可。
4.適配1080*1920機型,只需要把切圖*1.5即可。
5.適配1080*1920的時候,不要單獨硬生生的將圖標放大1.5倍。這就要求在720*1280下畫圖的時候,盡量采用矢量圖形來畫 ? ? ?圖。比如在720*1280下圖圖標是48px*48px的時候,適配1080*1920時候,48px*1.5=72px。把矢量圖形調(diào)整為72px即可。把 ? 切圖資源給開發(fā),開發(fā)會把切圖單獨放到xxhdpi的文件目錄下,就會自動適配1080*1920的了。
同樣要是適配480*800的,48px/1.5=32px,把切圖給開發(fā),開發(fā)會把切圖資源單獨放到hdpi的目錄下,就會自動適配的。
720*1280下的切圖資源,開發(fā)是放到xhdpi的目錄下的。
注意:大家在設計圖片的時候盡量采用偶數(shù)來設計。開發(fā)可以直接寫出來的就盡量不要切圖。
3、到底需要提供多少套APP標注。
1.原則上我們只需要提供一套標注即可。
原則上需要為不同分辨單獨進行標注,但由于開發(fā)成本等各種考慮。
選取320dpi下(分辨率為:720*1280)進行設計,此分辨率下1dp=2px。
設計師要建立相對單位概念,可以直接使用dp標注尺寸、sp標注文字大小;
Andriod官網(wǎng)中就采用相對單位進行標注的。
注意事項:另外視覺可以直接從高分辨率進行設計、標注、切圖,這樣可以方便適配低分辨率。在線自動生成.9png圖的Android設計切圖工具推薦
4、android 設計字體解決方案
中文字體:默認為Droid Sans Fallback,設計時可采用微軟雅黑。
英文字體:Andriod4.x及以上采用Roboto,Andrio2.x和andriod3.x采用 Droid Sans。
建議盡量采用系統(tǒng)默認字體。
Andriod規(guī)范建議,字號采用12sp、14sp、18sp、22sp等四個級別來設計。(實際設計時可以按實際情況調(diào)整,我經(jīng)常這么干,嘿嘿)
最后我們做一下總結(jié):
1.采用720*1280分辨率來進行設計。(設計時,采用偶數(shù)值進行設計,方便dp和px的轉(zhuǎn)換)
2.開始標注了,標注盡量采用相對位置進行標注。
3.切圖了,首先在720*1280下進行切圖,可以完全適配720*1280的機型。切圖資源
4.分別適配480*800 、1080*1920(上面已經(jīng)描述過了哦)
5.不要忘記了,開發(fā)完后要進行bug測試哦(視覺方面的)。
全站高品質(zhì)素材免費下載!