『壹』 android發布主流應用市場icon&應用截圖尺寸
*應用小圖標:尺寸:16 * 16、大小20K以內、PNG格式。
*應用圖標:尺寸:512 * 512、大小200K以內、PNG格式
*應用截圖:請上傳4-5張截圖(尺寸保持一致),單張圖片不超過1M。截圖不能小於320*480像素, 推薦480*800像素。JPG、PNG格式。
*應用圖標:圖標需為正方形。大小:2MB 以內;尺寸:216*216px;格式:PNG、 WEBP。
*應用截圖和視頻:您可以在這里上傳應用詳情頁展示的素材。介紹截圖是必填素材,其他素材可選填,如果您提交了其他素材可能會讓該應用在華為應用市場客戶端有更好的展示效果。
豎向截圖:需上傳 3~5 張。大小:2MB 以內;尺寸:450*800px;格式:PNG、 JPG、 JPEG、 WEBP。(推薦使用豎向截圖)
*應用圖標:請確保上傳的圖標和APK內的圖標一致(512 X 512,png格式)
*應用截圖:請至少上傳3張圖片,至多5張截圖,大小不大於5M,1080*1920。
*icon:要求與安裝包中圖標一致。尺寸:512*512px,圖片格式:PNG,小於1M。
*上傳豎版截圖:請上傳3-5張截圖,支持JPG、PNG格式。截圖尺寸要求:1080*1920,單張圖片不能超過1M。請去除截圖中的頂部狀態欄的通知圖標,圖片中不得使用其他品牌的手機作為邊框或宣傳圖
*應用icon:支持jpg/png格式,尺寸要求長等於寬,不低於256*256,不超過512*512,大小50k以內,僅支持直角圖標,
*上傳截圖:上傳3-5張清晰截圖。尺寸為豎圖480*800,格式為jpg/png,每張圖片尺寸一致,單張圖片不超過2MB)
*icon:PNG 格式,512 X 512 像素,小於 1024 KB。
*截圖:JPG/PNG 格式,最小 320 像素,最大 3840 像素,圖片比例 2:1,至少需要4個圖片,最多可上傳8個。可以注冊4~8張圖片,圖片將會按照您的注冊順序進行展示。
*應用圖標:要求與安裝包中圖標一致。尺寸:512*512PX,圓角半徑弧度:70PX,圖片格式:PNG。
應用截圖: 請上傳4-5張截圖(尺寸保持一致),支持JPG、PNG格式。截圖尺寸要求:不小於800*480(480*800),單張圖片不能超過3M。請去除截圖中的頂部通知欄。
*應用圖標:尺寸512x512,格式PNG,小於1M。
*應用截圖:請上傳至少 3 張圖片,規格:1280 x 720或720 x 1280,1800 x 1012或1012 x 1800,1920 x 1080或1080 x 1920,2560 x 1440或1440 x 2560
圖片請勿出現與應用實際功能無關的內容
圖片請勿出現重復、拉伸、壓縮、模糊、黑(白)邊、黑(白)角
圖片請勿出現第三方應用市場LOGO或其他品牌手機外觀素材,推薦使用魅族手機外觀素材
*應用圖標
請上傳PNG格式的圖標,尺寸:200X200 px,大小:小於800KB。
請開發者重點關注以下注意事項,大部分應用曾因此不合規被拒絕:
1.提交應用圖標必須與渠道包內解析圖標保持一致
2.應用圖標必須為透明背景,不可存在白邊、藍邊等特殊情況
*應用截圖
請上傳JPG或PNG格式的圖片,最小尺寸:800 X480 px,單張圖片小於1M。
請開發者重點關注以下注意事項,大部分應用曾因此不合規被拒絕:
1.截圖數量:4-6張(每張截圖不得相同,且需保持尺寸一致);
2.截圖必須與軟體實際運行內容一致;
3.截圖中不得含有與App本身無關的應用圖標;
4.截圖不得為應用啟動畫面;
5.請務必上傳豎版截圖
『貳』 Android App 常用圖標尺寸規范
1. 程序啟動圖標:
LDPI (Low Density Screen,120 DPI),其圖標大小為 36 x 36 px。
MDPI (Medium Density Screen, 160 DPI),其圖標大小為 48 x 48 px。
HDPI (High Density Screen, 240 DPI),其圖標大小為 72 x 72 px。
xhdpi (Extra-high density screen, 320 DPI),其圖標大小為 96 x 96 px。
xxhdpi(xx-high density screen, 480 DPI),其圖標大小為144 x 144 px。
2.底部菜單圖標
1. 大屏:
1. 完整圖片(紅色): 72 x 72 px
2. 圖標(藍色): 48 x 48 px
3. 圖標外邊框(粉色): 44 x 44 px
1. 中屏:
1. 完整圖片: 48 x 48 px
2. 圖標: 32 x 32 px
3. 圖標外邊框: 30 x 30 px
1. 小屏:
1. 完整圖片: 36 x 36 px
2. 圖標: 24 x 24 px
3. 圖標外邊框: 22 x 22 px
3. 彈出對話框頂部圖標
小屏24 x 24 px Low density screen (ldpi)
中屏32 x 32 px Medium density screen (mdpi)
大屏48 x 48 px High density screen (hdpi)
4. 長列表內部列表項圖標
小屏24 x 24 px Low density screen (ldpi)
中屏32 x 32 px Medium density screen (mdpi)
大屏48 x 48 px High density screen (hdpi)
5. 底部或頂部tab標簽圖標
1. 大屏 (hdpi) screens:
1. 完整圖片(紅色): 48 x 48 px
2. 圖標(藍色): 42 x 42 px
1. 中屏 (mdpi) screens:
1. 完整圖片: 32 x 32 px
2. 圖標: 28 x 28 px
1. 小屏(ldpi) screens:
1. 完整圖片: 24 x 24 px
2. 圖標: 22 x 22 px
6. 底部狀態欄圖標
ldpi (120 dpi) 18 x 18 px 小屏
mdpi (160 dpi) 24 x 24 px 中屏
hdpi (240 dpi) 36 x 36 px 大屏
xhdpi (320 dpi) 48 x 48 px 特大屏
『叄』 移動應用界面設計的尺寸設置及規范
一、android篇
1、android解析度
Android的多解析度,一向是設計師和開發者非常頭疼的事兒。盡管如此,對於多分辨造成的復雜問題,也是大家要優先解決的。Android支持多種不同的dpi模式:ldpi 、mdpi 、hdpi 、xhdpi 、xxhdpi 、xxxhdpi
注意,ppi、dpi 是密度單位,不是度量單位 :
dpi主要應用於輸出,重點是列印設備上;ppi對於設計師應該比較熟悉,photoshop畫布的解析度常設置為72像素/英寸,這個單位其實就是ppi 。盡管概念不同,但是對於移動設備的顯示屏,可以看作ppi=dpi 。
ppi的運算方式是:PPI = √(長度像素數² + 寬度像素數²) / 屏幕對角線英寸數。即:長、寬各自平方之和的開方,再除以屏幕對角線的英寸數。
以iphone5為例,其ppi=√(1136px² + 640px²)/4 in=326ppi(視網膜Retina屏)
對於android手機,一個不確切的分法是,720 x 1280 的手機很可能接近 320 dpi (xhdpi模式),480 x 800 的手機很可能接近 240 dpi (hdpi模式),而320 x 480 的手機則很接近 160 dpi(mdpi模式)。
2、單位換算方法
android開發中,文字大小的單位是sp,非文字的尺寸單位用dp,但是我們在設計稿用的單位是px。這些單位如何換算,是設計師、開發者需要了解的關鍵。
簡單理解的話,px(像素)是我們UI設計師在PS里使用的,同時也是手機屏幕上所顯示的,dp是開發寫layout的時候使用的尺寸單位。
為什麼要把sp和dp代替px? 原因是他們不會因為ppi的變化而變化,在相同物理尺寸和不同ppi下,他們呈現的高度大小是相同。也就是說更接近物理呈現,而px則不行。
根據單位換算方法,可總結出:
當運行在mdpi下時,1dp=1px :也就是說設計師在PS里定義一個item高48px,開發就會定義該item高48dp ;
當運行在hdpi模式下時,1dp=1.5px :也就是說設計師在PS里定義一個item高72px,開發就會定義該item高48dp ;
當運行在xhdpi模式下時,1dp=2px :也就是說設計師在PS里定義一個item高96px,開發就會定義該item高48dp ;
當你的app需要適配多個dpi模式的時候,請參考圖1的比例進行換算 。
3、設計稿基本元素的尺寸設置
為了適應多解析度的手機,理想的方式是為每種解析度做一套設計稿,包括所用到的icon、設計稿標注等。但在實際開發中,這種方法耗時耗力。所以通常會選擇折中的方法。
方法一 :在標准基礎上(比如xhdpi)開始,然後放大或縮小,以適應到其他尺寸。不足之處是,對於更高解析度的手機,圖標被放大後會導致質量不高。
方法二: 以最高解析度為基準設計,然後縮小適應到所需的小解析度上。缺點是,圖標等若都最大尺寸,載入時速度慢且耗費流量較多,對於小解析度的用戶也不夠好。
結合友盟的解析度佔比數據、也為了方便換算到android開發中的尺寸單位, 推薦設計稿的畫布尺寸選用 720X1280 ,解析度仍舊為72ppi(像素/英寸)。
在android規范中對於導航欄、工具欄等的尺寸沒有明確的規定。但根據48dp原則,以及一些主流的android應用的截圖分析,總結一下尺寸要求:
狀態欄高度 :50 px
導航欄、操作欄高度 :96 px=48dp x 2
主菜單欄高度 :96 px
內容區域高度 :1038 px (1280-50-96-96=1038)
Android最近出的手機都幾乎去掉了實體鍵,把功能鍵移到了屏幕中,高度也和菜單欄一樣為:96 px
4、圖標和字體大小(來自官方規範文檔)
a、啟動圖標(home頁或app列表頁)
整體大小為48 x 48 dp
b、操作欄圖標,代表用戶在app中可以使用到的最重要的圖標
整體大小為32 x 32 dp ,圖形實際區域為 24 x 24 dp
c、小圖標/場景圖標,提供操作或特定項目的狀態。
比如gmail app的星型標記、一些內容展開收起用到的向下向上的圖標等。整體大小為16 x 16 dp ,圖形實際區域為 12 x 12 dp 。
d、通知圖標
如果app有通知,要提供一個有新通知時顯示在狀態欄的通知圖標。整體大小為24 x 24 dp ,圖形實際區域為 22 x 22 dp 。
註:android規范提供的尺寸單位是dp,若設計稿尺寸設為720 x 1280 ,圖標大小需在規范要求的尺寸數字上乘以2。比如操作欄圖標32 x 32 dp ,則設計稿上應該是64 x 64 px 。
e、字體大小
Android規范中的要求如下:
前面提到Android開發中的字型大小單位是sp,而換算關系是 sp*ppi/160 = px 。所以720 x 1280尺寸的設計稿上,字體大小可選擇為 24px 、28px 、32px 、36px ,主要根據文字的重要程度來選擇,特殊情況下也可能選擇更大或更小的字體。
f、其他尺寸要求
通常把48dp作為可觸摸的UI元件的標准。
為什麼要用48dp呢?一般來說,48dp轉化為一個物理尺寸約9毫米。通常建議目標大小為7-10毫米,以方便用戶手指能准確並且舒適觸摸目標區域 。
如果你設計的元素高和寬至少48dp,你就可以保證:
(1)觸摸目標絕不會比建議的最低目標(7mm)小,無論在什麼屏幕上顯示。
(2)在整體信息密度和觸摸目標大小之間取得了一個很好的平衡。
另外,每個UI元素之間的空白通常是8dp 。
二、iOS篇
1、解析度
iPhone 界面尺寸:
iPad 界面尺寸:1024×768、2048×1536
(以上單位都是像素,至於解析度一般網頁UI和移動UI基本上都只要 72 ppi)
2、單位換算px、pt
這里需要先區分pt、px,pt(磅值)是物理長度單位,指的是72分之一英寸。手機上看來同一大小的字磅值是一樣的,但是換算成不同解析度手機的字型大小px值不一樣。(px=pt*ppi/72)
iPhone在出retina屏(也就是4S)之前的屏幕像素是320x480px,屏幕密度是163ppi,4S的屏幕像素是640x960px,屏幕密度是326ppi,翻了一倍。iPhone5的ppi沒有變化,兼容性方面要增加類似首屏畫面等程序上的判斷。
在iPhone界面上元素的定位、尺寸是通過一個單位point,而非px,屏幕上固定有320x480pt,retina屏兩倍的解析度改變的只是pt和px之間的比例而已,這樣就能實現不改變程序,只上傳兩套圖片就兼容兩個解析度。
****在設計的時候並不是每個尺寸都要做一套,尺寸按自己的手機尺寸來設計,比較方便預覽效果,一般用 640×960 或者 640×1136 的尺寸設計。其中設計稿的畫布解析度設為默認的72ppi(此時1px=1pt ),所以設計師可以統一採用px為單位。
開發拿到設計稿時,將上面標注的以px為單位的字型大小大小、圖像尺寸除以2,就是非retina屏上的pt值,這樣在retina屏上也可以根據此pt值換算對應的px大小,以確保不同的解析度下有合適的效果。****
3、基本元素的尺寸設置
iPhone的APP界面一般由四個元素組成,分別是:狀態欄、導航欄、主菜單欄以及中間的內容區域。
這里取用 640×960 的尺寸設計,那我們就說說在這個尺寸下這些元素的尺寸:
狀態欄:就是我們經常說的信號、運營商、電量等顯示手機狀態的區域,其高度為:40 px
導航欄:顯示當前界面的名稱,包含相應的功能或者頁面間跳轉的按鈕,其高度為:88 px
主菜單欄:類似於頁面的主菜單,提供整個應用的分類內容的快速跳轉,其高度為:98 px
內容區域:展示應用提供的相應內容,整個應用中布局變更最為頻繁的,其高度為:734 px=960-40-88-98
以上尺寸適用於 iPhone 4、4S,iPhone5/5s 的 640×11136 的尺寸,其實就是中間的內容區域高度增加到:910 px,其他尺寸也同上。
4、常用圖像、圖標大小(來自官方規範文檔)
單位:像素
5、字體大小
iOS交互設計規範文檔上,對字體大小沒有做嚴格的數值規定,只提供了一些指導原則:
單位:點pt
– 即便用戶選擇了最小文字大小,文字也不應小於 22 點。作為對照,正文樣式在大字型大小下使用 34 點字體大小作為默認文字大小設置。
– 通常來說,每一檔文字大小設置的字體大小和行間距的差異是 2 點。例外情況是兩個標題樣式,在最小、小和中等設置時都使用相同字體大小、行間距和字間距。
– 在最小的三種文字大小中,字間距相對寬闊;在最大的三種文字大小中,字間距相對緊密。
– 標題和正文樣式使用一樣的字體大小。為了將其和正文樣式區分,標題樣式使用加粗效果。
– 導航控制器中的文字使用和大號的正文樣式文字大小(明確來說,是 34 點)。
– 文本通常使用常規體和中等大小,而不是用細體和粗體。
網路用戶體驗做過的一個小調查:
單位:像素px
還有個方法就是找你覺得好的APP應用,手機截圖後放進PS自己對比調節字體大小。
『肆』 APP設設計規范尺寸、切圖詳解——IOS和Android
目前主流的是以iPhone 6為主,設計尺寸是750*1334px,4.7寸。
1、解析度以iPhone 6 設計為主:750*1334px
2、(字體 Helvetica/華文細黑,實際中運用黑體簡或者Hiti-sc 最接近系統中所帶字體)
3、工具欄height:88px 如搜索、選擇、刪除、回復等。
4、頂部標簽欄height:60px 位於狀態欄或者狀態欄下的文字/具有可切換功能的圖標
1、導航欄
所有的字型大小,在750*1334px的設計尺寸下都是偶數,便於程序員操作。
所有可觸發按鈕必須≥44*44
所有可觸發按鈕必須≥22*22
左右內容與邊距的間隔大概在20px
強調確定,填充有彩色。
例如:
搜索框右邊要有一個取消、或者輸入了之後有一個「x」
漸變和底紋效果和程序員商討
設計尺寸:720*1280px
狀態欄48px 導航欄96px 內容區1038px 標簽欄112px
『伍』 Android應用如何支持不同尺寸的屏幕
想要Android應用適應不同尺寸的屏幕,思路如下:
一:不同的layout
Android手機屏幕大小不一,有480x320, 640x360, 800x480,讓app適應不同屏幕,需要在res目錄下創建不同的layout文件夾,比如layout-640x360,layout-800x480,所有的layout文件在編譯之後都會寫入R.java里,而系統會根據屏幕的大小自己選擇合適的layout進行使用。
二:hdpi、mdpi、ldpi
在之前的版本中,只有一個drawable,而2.1版本中有drawable-mdpi、drawable-ldpi、drawable-hdpi三個,這三個主要是為了支持多解析度。
drawable- hdpi、drawable- mdpi、drawable-ldpi的區別:
(1)drawable-hdpi裡面存放高解析度的圖片,如WVGA (480x800),FWVGA (480x854)
(2)drawable-mdpi裡面存放中等解析度的圖片,如HVGA (320x480)
(3)drawable-ldpi裡面存放低解析度的圖片,如QVGA (240x320)
系統會根據機器的解析度來分別到這幾個文件夾裡面去找對應的圖片。
更正:應該是對應不同density 的圖片
在開發程序時為了兼容不同平台不同屏幕,建議各自文件夾根據需求均存放不同版本圖片。
屏幕方向:
橫屏豎屏自動切換:
可以在res目錄下建立layout-port-800x600和layout-land兩個目錄,裡面分別放置豎屏和橫屏兩種布局文件,這樣在手機屏幕方向變化的時候系統會自動調用相應的布局文件,避免一種布局文件無法滿足兩種屏幕顯示的問題。
不同解析度橫屏豎屏自動切換:
以800x600為例 :
可以在res目錄下建立layout-port-800x600和layout-land-800x600兩個目錄
不切換:
以下步驟是網上流傳的,不過我自己之前是通過圖形化界面實現這個配置,算是殊途同歸,有空我會把圖片貼上來。
還要說明一點:每個activity都有這個屬性screenOrientation,每個activity都需要設置,可以設置為豎屏(portrait),也可以設置為無重力感應(nosensor)。
要讓程序界面保持一個方向,不隨手機方向轉動而變化的處理辦法:
在AndroidManifest.xml裡面配置一下就可以了。加入這一行android:screenOrientation="landscape"。
例如(landscape是橫向,portrait是縱向):
Java代碼:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.ray.linkit"
android:versionCode="1"
android:versionName="1.0">
<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".Main"
android:label="@string/app_name"
android:screenOrientation="portrait">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name=".GamePlay"
android:screenOrientation="portrait"></activity>
<activity android:name=".OptionView"
android:screenOrientation="portrait"></activity>
</application>
<uses-sdk android:minSdkVersion="3" />
</manifest>
另外,android中每次屏幕的切換動會重啟Activity,所以應該在Activity銷毀前保存當前活動的狀態,在Activity再次Create的時候載入配置,那樣,進行中的游戲就不會自動重啟了!
有的程序適合從豎屏切換到橫屏,或者反過來,這個時候怎麼辦呢?可以在配置Activity的地方進行如下的配置android:screenOrientation="portrait"。這樣就可以保證是豎屏總是豎屏了,或者landscape橫向。
而有的程序是適合橫豎屏切換的。如何處理呢?首先要在配置Activity的時候進行如下的配置:android:configChanges="keyboardHidden|orientation",另外需要重寫Activity的 onConfigurationChanged方法。實現方式如下,不需要做太多的內容:
@Override
public void onConfigurationChanged(Configuration newConfig) {
super.onConfigurationChanged(newConfig);
if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
// land do nothing is ok
} else if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {
// port do nothing is ok
}
}
寫一個支持多分辨的程序,基於1.6開發的,建立了三個資源文件夾drawable-hdpi drawable-mdpi drawable-ldpi,裡面分別存放72*72 48*48 36*36的icon圖標文件。當我在G1(1.5的系統)上測試時,圖標應該自適應為48*48才對啊,但實際顯示的是36*36。怎麼才能讓其自適應 48*48的icon圖標呢
解決辦法 drawable-hdpi drawable-mdpi drawable-ldpi改成drawable-480X320 drawable-800X480的多分辨支持的文件夾
『陸』 設計師如何為Android應用標注尺寸
設計 Android 應用的最佳實踐:
1. 畫布大小定位 720 x 1280,72 dpi
2. 只使用偶數單位的尺寸,比如 96 px 的列表項高度,16 px 的邊距,64 px 的圖標邊長
3. 只使用 24 pt,28 pt,36 pt 和 44 pt 的字體
4. 設計完成以後,所有尺寸的 px 值除以 2 作為 dp 數值交給工程師
5. 所有字體的 pt 值除以 2 作為 sp 數值交給工程師
6. 所有切圖變成三份,分別是原始大小、縮小 1.5 倍,縮小 2 倍,分別作為 xhdpi,hdpi,mdpi 的資源交給工程師
如果你還有好奇心,可以繼續往下看這個結論是怎麼來的。
相信你已經看過這篇文檔中關於 Android 中各種尺寸單位的介紹,沒看過的最好看一下
http://developer.android.com/guide/topics/resources/more-resources.html#Dimension
在 Android 應用設計中涉及到的單位都是密度無關像素(Density-independent Pixels),這個說法太拗口了,通俗點講,Android 應用設計中只用物理尺寸,類似厘米,英寸這種單位,不用像素。之所以這樣,是由於像素在手機領域說不清楚問題,比方說規定列表項高度是 48 px,在 HTC C510e 上看起來就不錯,但在三星 Galaxy SIII 上看起來就會非常矮,導致很難看,這是因為這兩個機器的屏幕的 dpi 相差很大,前一個大約 160 dpi,後一個大約 320 dpi。這就是手機屏幕不同帶來的問題,如果不考慮平板,不同主要是密度不同,而不是尺寸不同,也不是解析度不同,給設計帶來困擾的根本是屏幕密度不同。不幸的是,很少人對這個有概念,通常介紹手機,會說屏幕尺寸,3.5
寸還是 4 寸,會說解析度,480 x 800 還是 720 x 1280,但通常不會介紹屏幕密度是多少。其實通過尺寸和解析度可以算出密度來,dpi 的 定義是 dot per inch,即每英寸的像素點,把解析度和尺寸除一除就能得到。一個不確切的分法是,720 x 1280 的手機很可能接近 320 dpi (Android 里的 xhdpi),480 x 800 的手機很可能接近 240 dpi (Android 里的 hdpi)。
Android 選擇的單位是 dp 和 sp,dp 的定義是「在 160 dpi 的屏幕上,1 dp 大約等於 1 px」。這個說法也很拗口,簡單點說,1 dp ≈ 1 / 160 inch,他就是物理界的一長度單位。用這個單位設計就統一了,比方說規定列表項高度是 48 dp,在所有手機上看起來都差不多是 48 / 160 inch 那麼高,雖然在不同手機上它對應了不一樣多的像素點,但這個轉換是 Android 手機完成的,每個 Android 手機都得知道在我這 1 dp 對應多少像素。sp 也是同樣解釋,18
sp 的字在所有手機上看起來應該都差不多大(自己改了字體大小設置的除外)。看到這里,可能有人會想,那豈不是不同手機顯示的內容不同。確實是這樣,同樣一個列表,在 A 手機上只能顯示五行,但在 B 個手機上就能顯示六行;還是這個列表,在 A 手機上文字左邊的留白就顯得沒有 B 手機多。
鋪陳完了,逐條解釋開始的最佳實踐。
設計師在設計的時候是用不了 dp 的,他不可能拖一個 48 x 48 dp 的框,不可能設置一個 8 dp 的邊距,Photoshop 里全是 px。於是我們就只有挑一個特定密度的屏幕,在這個特定密度的屏幕上,dp 和 px 的關系是確定,把設計做了,再把 px 轉換成 dp 給工程師。另外有一點是,長度可以乘除一下就解決,圖片是不能除的,圖片必須手動縮放。
我們挑哪一個密度好呢?答案是挑密度最大的,因為圖片縮小比放大好,放大會失真,選 320 dpi 作為目標屏幕,為其他屏幕提供圖片時,只需要縮小。而 320 dpi 屏幕的解析度最常見的是 720 x 1280,以這個尺寸作為畫布尺寸,是最帶感的,這樣的設計稿就和應用在最多數的 320 dpi 的機器上運行起來的樣子一樣。當然你可以選其他畫布大小,但再大也不見得方便,這個大小也夠施展了。72 dpi 是 Photoshop 的默認設置,不要改就好,這個數字和後面的換算有關系。
字體的問題,Android 4.0 以後的設計規范中建議只使用四種字型大小,分別是 12 sp,14 sp,18 sp 和 22 sp,這也是 Android framework 用到的全部字型大小。我們需要找到在這個畫布上,這些字型大小和 pt 的對應關系,以及,px 和 dp 的對應關系。有兩種演算法:
演算法一
根據 dp 的定義「在 160 dpi 的屏幕上,1 dp 大約等於 1 px」,那麼在 320 dpi 的屏幕上,1 dp 約等於 2 px,我們就是為 320 dpi 做的設計,所有 px 值除以 2 就是 dp 值。字體略復雜一點,1 pt = 1 / 72 inch,即在 72 dpi 的畫布上,1 pt = 1 px,我們的畫布就是 72 dpi,又有 1 sp 約等於 2 px(同 dp 的定義),所以 1 sp = 2 pt,所有 pt 值除以 2 就是 sp 值。
演算法二
可以想像是把一個 320 dpi 的手機屏幕放大到了 Photoshop 里,放大倍數是 320 / 72,即手機上的 1 dp,在畫布上就是 320 / 72 dp,而 1 dp = 1 / 160 inch,所以在畫布上就是 2 / 72 inch,而畫布是 72 dpi,所以在畫布上就是 2 px,即手機上的 1 dp 對應畫布上的 2 px。字體的計算一樣,只是多一個在 72 dpi 上,1 pt = 1 px 的轉換。
至此,都算清楚了,在這個畫布上,px 到 dp,pt 到 sp 都是除以 2 的關系。
最後,給 320 dpi 做的圖片,到 240 dpi,160 dpi 上就要分別縮小 1.5 倍和縮小 2 倍。120 dpi 的機器已經很罕見,可以不考慮了
『柒』 android屏幕適配做哪幾個尺寸
android屏幕適配尺寸有全屏模式、4:9、8:12多種。
android屏幕適配尺寸有多種,具體的要結合自己的興趣愛好和手機的自身的實際情況,具體設置標准如下:
1、不要使用絕對布局,這會限制你的手機屏幕的更換。
2、盡量使用match_parent ,從而保證屏幕的最大化利用。
3、盡量使用權重(android:layout_weight),保持手機屏幕合理布局。
4、盡量使用android的shape 自定義,形成純色背景。
5、可以在res目錄上新建layout-HxW.xml的文件夾進行在特定解析度下適配。
拓展資料:
由於筆記本電腦採用的液晶屏的大小和解析度是根據它的市場定位決定的,所以為了適應不同人群的消費能力和使用習慣,筆記本電腦的液晶顯示器的尺寸和解析度種類遠遠要比台式液晶顯示器多。