1. 安卓設計規范
在講安卓設計規范之前我們先來看看一下的問題:
*規范是什麼?
*規范的目的是什麼?
*怎樣進行規范?
規范是什麼
規范:意指明文規定或約定成俗的標准。或是按照標准,規范的要求進行操作,使某一行為或某一活動達到或是超越規定的標准。
也就是說 規范通過制定一些規定與約束 (如字體大小,界面尺寸,圖標大小等) 使某一行為 (如項目開發,組件庫的組件等) 達到標准 。
制定規范的目的是 確保設計的統一性與合理性 。規范維護的是項目的統一,而不是設計師個人的設計。想一想在公司里,除了設計,前有產品經理,後有程序員,還有用戶,你做的東西都是要交給他們的。產品經理看你的設計是否展現了她的需求(設計內容是否包括前期討論的內容),程序員問你要各種切圖(圖標、組件、布局、間距、字體大小等),用戶看你的設計(顏色,圖標使用的大小范圍等),如果設計師完全沒有規范,全憑自己的「天馬行空」設計出來的東西,是會帶來很大的麻煩的,舉個簡單的例子,切圖規范,如果你的命名只有自己能看懂,那你就不要發給程序員了吧~因為發給他他也找不到哪個是哪個,這個圖標應該放在哪裡。你所做的設計是為了公司項目服務的,是為了客戶服務的,所以你設計的東西就得滿足項目中其他職位(產品經理、程序員)使用的需求,以及符合用戶的使用習慣。所以 規范是為了項目利益最大化,高效化而在團隊中制定成的約定。
不同的規范雖然內容不同但是包含的內容其實是差不多的,通常包括布局,顏色,圖標,組件,字體這幾個方面。接下來我們就來看看安卓中常見的設計規范,相信學習了之後,以後項目里的設計規范你都很清楚了,在設計中多加註意就行。一個產品設計完成之後,進行設計規范製作也是對項目總結的一個方法。能注意規范且會制定規范。
在進行app設計的時候,我們都會先建畫布大小,當然是根據安卓界面尺寸來建立的。安卓手機那麼多,不必每一個都記住。只要記住一兩個,懂得之間的換算關系就行了。
目前安卓端主流尺寸主要是@1.5x,@2x以及@3x,記住下面三個就夠用了。
@1.5x 480x854 /540x960
@2x 720x1280( 這是我最常用的界面尺寸)
@3x 1080x1920
考考你,那@1x是多少呢?
除了知道界面尺寸外,還得知道狀態欄,導航欄,菜單欄的高度是多少,設計時建立好相應的參考線。
建議取用 720 ×1280 這個尺寸,這個尺寸 720×1280中顯示完美,切圖後的圖片文件大小也適中,應用的內存消耗也不會過高。
對於圖標其實在規范上面有很多要注意的,比如圖標大小,圖標設計,圖標切圖規范,這里就重點講圖標大小,之後會再講圖標設計規范。
安卓系統中,中文使用的是谷歌思源,英文使用的是Roboto。思源字體,是一種非襯線字體,Adobe稱思源體為Source Han Sans,Google稱思源體為Noto Sans CJK. 思源體包含7個自重,也就是7中不同粗細的字體。
對於字體或許在設計過程中你會選用其他字體,但是需要注意你所用的字體是否利於用戶閱讀,是否舒服等問題。
對於字體的大小,在界面設計過程中,需要統一,比如所有正文是統一大小,所有標題是統一大小。
不同風格的字體大小,給人的感覺也是不同的,我們要學會靈活應用。安卓文字單位是sp,以下文字是按照@1x倍率來規范的
在安卓中,標注距離一般用dp,標注文字用sp,而知之間的換算關系為:
1dp=(屏幕ppi/160)px
不清楚單位的,可以去找上一篇文章了解px pt sp dp ppi。
android開發需要的設計交付物至少要有:高保真UI圖,標注,切圖
這是最後,也是最重要的一點,因為你所切的圖是要交到程序員的手裡的,他寫的程序達不到你想要的效果可能就是他看不懂你給他的規范~
1.切圖尺寸必須為雙數
2.單像素的圖會出現邊緣模糊的情況
3.命名需要規范
基本上 App 的切圖可分為下面幾大類: 背景、按鈕、圖示、圖片、照片、TabBar icon 等。
一般命名規范可以為:
前綴:位置 組件 用途
後綴:狀態
如用btn-xxx.png 來命名 。App 里的按鈕擁有 4 種屬性,分別為一般normal、點擊highlight、不能點擊disabled、選中(selected)。
但不追求精緻與完整度的話,只出一般屬性按鈕圖檔就可以了。如果是點擊(hightlight)狀態就可以命名為:btn- cancel-hightlight.png 表示取消按鈕點擊時圖標。
就算不是按照很嚴格的規范來命名,至少能讓程序員知道你這個圖標是在那種情況下使用的圖標,這就需要設計師跟程序員很好的溝通,方便整個團隊的開發,提高團隊的開發效率
2. 現在ui設計Android和iphone最流行的尺寸是多少
解析度750 * 1334,iPhone 6的屏幕是這個尺寸的。
3. Android 關於"尺寸"的那些事(dp,dip,sp,pt,px...)
屏幕大小:屏幕大小是手機對角線的物理尺寸,以英寸inch為單位。比如我的Mix 2手機屏幕大小為5.99 inches,意味著我的屏幕對角線長度為5.99inches = 5.99 * 2.54 = 15.2146cm
解析度:屏幕的像素點數,一般表示為a*b。例如某手機解析度為21601080,意味著手機屏幕的豎直方向(長)有2160個像素點,水平方向(寬)有1080個像素點。
px :Pixels ,像素;對應屏幕上的實際像素,是畫面中最小的點(單位色塊),像素大小沒有固定長度值,不同設備上1個單位像素色塊大小不同。
這么說可能有點陌生,用屏幕解析度來說,今年流行起來的「全面屏」解析度是 2160*1080,但是你也可以發現,雖然很多全面屏手機解析度一樣,但是明顯看得出來屏幕大小不一樣,這也解釋了「不同設備像素色塊大小是不同的」。
pt :1pt=1/72 inch,用於印刷業,非常簡單易用;
dpi :Dots Per Inch,每英寸點數;詳見ppi
ppi :Pixels Per Inch,每英寸像素數;數值越大顯示越細膩。計算式:ppi = 屏幕對角線像素數 / 屏幕對角線長度。
還是舉全面屏的例子,解析度2160*1080,屏幕大小是5.9inches,勾股定理可以得到對角線像素數大約是2415,那麼ppi = 2415 / 5.99 = 403.
事實上dpi 和 ppi 一定程度上可以劃等號,都表示像素密度,計算方式完全一致,只不過使用場景不一樣。dpi中的dots點屬於列印或印刷等領域,例如drawable 文件對應的就是dpi,而ppi中的pixel屬於屏幕顯示等領域
dp/dip : Density-independent Pixels,密度無關像素 - 基於屏幕物理密度的抽象單位。1dp等於 160 dpi 屏幕上的dpx,這是 系統為「中」密度屏幕假設的基線密度。在運行時,系統 根據使用中屏幕的實際密度按需要以透明方式處理 dp 單位的任何縮放 。dp 單位轉換為屏幕像素很簡單:px = dp * (dpi / 160)。 例如,在 240 dpi 屏幕上,1 dp 等於 1.5 物理像素。在定義應用的 UI 時應始終使用 dp 單位 ,以確保在不同密度的屏幕上正常顯示 UI。
如果看完文章還是覺得很懵,那麼可以直接記住: 1dp單位在設備屏幕上總是等於1/160 inch。
sp :Scale-independent Pixels ,與 dp 單位相似,也會根據用戶的字體大小偏好進行縮放。
首先我們放上源碼中對尺寸單位的轉換
可以看到,輸入值類型為dp時,返回 value * DisplayMetrics.density,到這里我們可能會發懵:嗯?不對啊,前面我們不是通過px 和 dp 的換算公式來計算的么,怎麼這里就簡簡單單乘了一個DisplayMetrics.density?不要慌,我們先看看源碼中對DisplayMetrics.density的介紹。
源碼注釋中說到「在160dpi的屏幕下,density的值為1,而在120dpi的屏幕下,density的值為0.75」,我們可以大膽的猜測一下,120dpi下的density=0.75的原因是120dpi * 1 /160dpi=0.75。實際上,也就是這么回事。我們下面會仔細的分析。
需要補充一下,通常意義上Android 屏幕的密度,指的是像素密度dpi/ppi,對應於源碼中的DisplayMetrics.densityDpi。
為什麼引入dp?
Android 引入了dp這一單位,使得不論多大屏幕,多大dpi,顯示的效果始終保持一致。
但是根據前面我們提到的px與dp的換算公式px = dp * (dpi / 160),很顯然,由於相同解析度但不同屏幕大小的設備dpi是不同的,導致px和dp的基本不存在一個固定的換算關系,為了方便屏幕適配,Android設置了6個通用的密度,換算px與dp時採取通用密度計算,而非設備實際的密度。
以下為6種通用密度,以及其最小的解析度
得到上面通用密度之後,我們換算dp與px多了一種簡便方式。前面我們提到Android將mdpi作為基準,此時1px = 1dp,又有px = dp * (dpi / 160),所以我們可以很容易的得到以下換算:
還記不記得前面源碼中的density屬性,實際上DisplayMetrics.density = dpi / 160 ,表示的就是在某個通用密度下dp與px的換算比(1dp/1px的值)
這部分其實和程序員自身已經關系不大了,畢竟參與工作之後這些都是UI人員的活兒了。不過鑒於現在我還只是一枚在校生,還是記下來以免自己遺漏吧。
建議在xhdpi中作圖
原因嘛,首先現在主流解析度是1080p,以及最近流行起來的全面屏18:9,而xhdpi對應720p,向低dpi兼容自然沒問題,即便在xxhdpi中顯示,也會有個不錯的效果。而如果以1920*1080作圖,顯然圖片素材佔用的內存很大,而且也會增大應用安裝包的大小。
只有一個原則:資源放入對應dpi的文件夾中,Android會機智的載入合適的資源。
以drawable資源為例:
我們平時開發小項目&對UI要求不高時,只使用一套xhdpi的資源就足夠了,雖然這可能會導致在hdpi及以下的手機中有些卡頓,因為xhdpi的圖片運行在hdpi及以下的手機上會比較吃內存,不過無傷大雅。
而如果不為圖片資源犯愁時(有UI人員的支持,就是任性),就可以添加所有dpi的資源。當然,重點還是要滿足ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12的規律。
好像說了不少廢話,哈哈,大概就這么多吧。
4. 現在手機屏幕主流尺寸是多少
現在屏幕的主流尺寸是4.0~4.3英寸。
屏幕尺寸:
android:一般在4寸-4.8寸之間,也有小到 3.2寸的,也有5寸,7寸,10寸的。
iOS:3.5寸,9.8寸,4.0 寸,7.8 寸。
解析度:
Android:主流機型主要為 480x800, 480x854, 540x960, 720x1280, 800x1280 這五種。
(非主流機型還包括:240x320, 320x480, 640x960 這三種,其中兩種都與 iPhone 一致。)
iOS: 主流機型主要為 320x480, 640x960, 640x1136, 1024x768, 2048x1536, 這五種。
WP:主流機型主要為 480x800,720x1280, 768x1280 這三種。
5. 求一些主流的android手機型號和屏幕尺寸大小(請標注一下手機是否觸屏,最好寫一下操作系統版本號)
android手塌信褲機基本全為觸屏手機
HTC系列目前主流:
G10 4.3寸SLCD大屏,480*800解析度,1G 單核CPU,1.5GB ROM+768MB RAM,後置800萬像素攝像頭,無前置攝像頭,電池也只有1230MA,自帶android 2.2
G11 4.0寸SLCD屏,480*800高解析度,1G單核 CPU,1.1G ROM+768M RAM,攝像頭800萬+130萬,1450MA電池,自帶android 2.2
G12 3.7寸SLCD屏,480*800高解析度,1G單核 CPU,1.1G ROM+768M RAM,後置500萬像素+前置30萬像素攝像頭,支持720P高清視坦飢頻拍攝,1450MA電池,自帶android 2.3
G13 3.2寸TFT屏,320*480解析度,600M單核CPU,512M ROM+512M RAM,後置500萬單攝像頭,1230MA電池,自帶android 2.3
G14 4.3寸SLCD大屏,540*960高解析度,1.2G 雙核CPU,1GB ROM+768MB RAM,後置800萬+前置30萬像素攝團簡像頭,最大支持3264×2448像素照片拍攝,支持1080P高清視頻拍攝,電池1530MA,自帶android 2.3
G18為G14的升級版,電池1700MA,其他配置一樣,帶betas魔音效果,自帶android 2.3
G15 3.4寸TFT屏,320*480解析度,800M單核CPU,512M ROM+512M RAM,後置500萬+前置30萬單攝像頭,1450MA電池,自帶android 2.3
另外還有,MOTO ME525 DEFY,三防手機,3.7寸TFT屏,480*854解析度,800M單核CPU,2G ROM+512M RAM,後置500萬單攝像頭,1500MA電池,自帶android 2.2
還有ME525+ DEFY+,CPU升級為 1G,電池1650MA,其他配置一樣,自帶android 2.3
系統通過ROOT以後都是可以刷機隨意升降級的
歡迎採納!
6. android手機屏一般都有幾寸的,急用啊~
大概是 3.5寸比如三轎仿星s5830之類的 3.7寸比如HTC G12之類 4寸閉雹纖比如三星i9000之類 7寸三肆姿星P1000平板手機 4.3寸 HTC desire HD之類
7. android屏幕適配做哪幾個尺寸
android屏幕適配尺寸有全屏模式、4:9、8:12多種。
android屏幕適配尺寸有多種,具體的要結合自己的興趣愛好和手機的自身的實際情況,具體設置標准如下:
1、不要使用絕對布局,這會限制你的手機屏幕的更換。
2、盡量使用match_parent ,從而保證屏幕的最大化利用。
3、盡量使用權重(android:layout_weight),保持手機屏幕合理布局。
4、盡量使用android的shape 自定義,形成純色背景。
5、可以在res目錄上新建layout-HxW.xml的文件夾進行在特定解析度下適配。
拓展資料:
由於筆記本電腦採用的液晶屏的大小和解析度是根據它的市場定位決定的,所以為了適應不同人群的消費能力和使用習慣,筆記本電腦的液晶顯示器的尺寸和解析度種類遠遠要比台式液晶顯示器多。
8. 手機屏幕比例是多少
問題一:智能手機的屏幕一般的長寬比例是多少呢? 一般有16:9和16:10兩種。
16:9比如LG 2X、LG LTE等,解析度為800*480、1280*720等;16:10比如iphone4、iphone4S、魅族M9、魅族MX等,解析度為960*540。
我用的是16:9的LG LTE,這種激祥比例好處是看電影比較好,一般的16:9電影可以滿屏全比例播放;缺點就是沒有16:10的手機看上去好看,會顯得比較長一些。
問題二:智能手機的屏幕一般的長寬比例是多少 一般有16:9和16:10兩種。
16:9比如LG 2X、LG LTE等,解析度為800*480、1280*720等;
16:10比如iphone4、iphone4S、魅族M9、魅族MX等,解析度為960*540。
我用的是16:9的LG LTE,這種比例好處是看電影比較好,一般的16:9電影可以滿屏全比例播放;缺點就是沒有16:10的手機看上去好看,會顯得比較長一些。
問題三:手機屏幕多少英寸怎麼計算 屏幕尺寸是指顯示器屏幕對角線的尺寸,一般用英寸來表示。
對角線礎以是左上角和右下角的距離,也可以是左下角和右上角的距離。
可用普通尺子測量顯示器對角線長度,再轉換為英寸即可,1英寸=2.54厘米。
問題四:手機屏幕寬度尺寸一般是多少 一般有16:9和16:10兩種。
16:9比如LG 2X、LG LTE等,解析度為800*480、1280*720等;
16:10比如iphone4、iphone4S、魅族M9、魅族MX等,解析度為960*540。
我用的是16:9的LG LTE,這種比例好處是看電影比較好,一般的16:9電影可以滿屏全比例播放;缺點就是沒有16:10的手機看上去好看,會顯得比較長一些。
問題五:現在手機屏幕主流尺寸是多少 現在屏幕的主流尺寸是4.0~4.3英寸。
屏幕尺寸:
android:一般在4寸-4.8寸之間,也有小到 3.2寸的,也有5寸,7寸,10寸的。
iOS:3.5寸,9.8寸,4.0 寸,7.8 寸。
解析度:
Android:主流機型主要為 480x800, 480x854, 540x960, 720x1280, 800x1280 這五種。
(非主流機型還包括:240x320, 320x480, 640x960 這三種,其中兩種都與 iPhone 一致。)
iOS: 主流機型主要為 320x480, 640x960, 640x1136, 1024x768, 2048x1536, 這五種。
WP:主流機型主要為 480x800,720x1280, 768x1280 這三種。
問題六:iPhone每一代的屏幕尺寸比例是多少? iPhone1,3.5寸,比例4:3
iPhone2,3.5寸,比例4:3
iPhone3,3.5寸,比例4:3
iPhone3gs, 3.5寸,比例4:3
iPhone4, 3.5寸,比例4:3
iPhone4s,3.5寸,比例4:3
iPhone5,4寸,比例16:9
iPhone5c,4寸,比例16:9
iPhone5s,4寸,比例16:9
iPhone6,4.7寸,比例16:9
iPhone6plus,5.5寸,比例16:9
問題七:手機5寸屏幕有多大?長寬多少厘米? 同樣都是5寸的手機,長和寬的尺寸不盡相同。
手機屏幕是按照對角距離來計算屏幕尺輪鉛差寸的,以英寸為單位,1英寸=25.4MM。5英寸就是5*25.4=127MM。
也正因為手機屏幕是用對角距離來衡量的,所以同樣尺寸的屏幕,長和寬的比例也可能不一樣。也就是說,同樣尺寸的屏幕,長和寬的尺寸不一定相同。
常見的5寸屏幕手機如下:
1)華為榮耀6(H60-L01/移動4G),139.6x69.7x7.5mm;
2)OPPO R7(R7t/臘皮移動4G)龔143x71x6.3mm;
3)小米4C(標准版/全網通),138.1x69.6x7.8mm;
4)HTC One A9(2GB RAM/雙4G),145.75x70.8x7.26mm。
問題八:一般手機屏幕照片尺寸是多少 這個是要看你手機支持的解析度是多少了 ,一般有120*160;128*128;176*208;176*220;240*320;480*640(常見幾種)
問題九:手機屏幕5.5寸長和寬各多少厘米? 首先你要理解,手機屏幕5.5英寸,指的是屏幕的對角線為5.5英寸。
1英寸=≈2.54厘米 5.5英寸≈13.97厘米
現在市面上,90%以上的手機屏幕比例都是16:9的(長和寬的比值),也就是平時所見的長方形的手機。
按這個數據就能算了。
假設屏幕長為X,按照16:9的比例,則屏幕寬為9X/16
勾股定理你懂的:
X+(9X/16)=13.97
256X+81X=49961.19
337X=49961.19
X≈12.18
在寬為:9x12.18÷16≈6.85
所以,5.5英寸的屏幕,大概就是一個長為12.18厘米,寬為6.85厘米的長方形大小
問題十:iphone 6和 iphone 6 plus的屏幕比例是多少 兩款iPhone 6都是16:9的屏幕比例。
新的iPhone6採用4.7寸屏,1334*750解析度;iPhone6 Plus採用5.5寸屏,1920*1080解析度。
9. 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
10. 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.請務必上傳豎版截圖