㈠ 關於android端自適應屏幕的切圖問題
可以看下android的開發文檔。給你貼個樣圖。
㈡ 設計安卓APP,成品圖標模糊,是切圖問題嗎,切圖需要注意什麼
一.android版
在做android版本設計的時候,尺寸有很多種,這時我們要以一種尺寸為基準,那這個基準尺寸是480px*800px,設計圖完成之後就開始切圖了,我拿我之前設計的一張圖為例子講解下:
當看到上邊這張設計圖的時候,我們首先分析下應該給技術切哪些圖(為了避免以後少改動,建議切圖之前最好和技術先溝通下,怎麼切);
1、底部欄目的icon和背景:
這個一般有2種切法:(有默認和選中之後的效果)
2、頂部欄目的背景切圖:
由於頂部導航欄的是漸變樣式,所以切圖只需要切一小條,技術來平鋪拉伸就可以~(PS:如果是花紋背景,就必須切整條了,因為花紋切一小條就會被拉伸了~)
3、標注文字大小和行間距:(以這張圖為例子,我標注好了,請看下圖)
需要注意的:
A:android主要有3種屏,即:
QVGA和WQVGA屏density=120;
HVGA屏density=160;
WVGA屏density=240;
B:apk的資源包中,
當屏幕density=240時使用hdpi標簽的資源
當屏幕density=160時使用mdpi標簽的資源
當屏幕density=120時使用ldpi標簽的資源;
C:我們標注的是PX,但是技術的演算法是DP,所以需要PX和DP進行轉化,PX和DP的轉化主要跟密度有關系,當密度density=160即(屏幕尺寸:320*480)時,1PX=1DP;當密度density=240即(屏幕尺寸:480*800)時,1PX=0.75DP;當屏幕的尺寸大於480*800的時候,密度都按照240計算即可;當密度density=120即(屏幕尺寸:240*320)時,這個現在幾乎沒有人用了,所以我也不知道轉化公式,如果您知道,可以留言告訴我啊~
注意:因為我們做的是基於480*800尺寸的,大家都知道android的尺寸太多了,要想適配現在流行的尺寸,比如:640*960;720*1280等,唯一的解決辦法就是圖標可以根據不同尺寸各做一套,也就是圖標需要做480、640和720共3套圖標,不過如果你們的產品的要求不嚴格,做一套就可以,只不過是在大於480尺寸的屏幕上有些圖標被拉大變虛而已~
二.ios版
在做ios版本設計的時候,尺寸有3種,分別是:320*480、640*960、640*1136;這時我們要以一種尺寸為基準,那這個基準尺寸是640px*960px,設計圖完成之後就開始切圖了,我拿我之前設計的一張圖為例子講解下:
當看到上邊這張設計圖的時候,我們首先分析下應該給技術切哪些圖(為了避免以後少改動,建議切圖之前最好和技術先溝通下,怎麼切);
1、底部欄目的icon和背景:
這個一般有2種切法:(有默認和選中之後的效果)
2、頂部欄目的背景切圖:
由於頂部導航欄的是多顏色的,所以只能切一整條給技術,商圈的圖標要單獨切出來
3、二級標題欄目的切圖:
4、主體欄目的切圖:
5、標注文字大小和行間距:(以這張圖為例子,我標注好了,請看下圖)
需要注意的:
A:我們標注的尺寸是像素px,技術那邊的實際運用到技術中的是像素的一半,即像素的一半=技術的尺寸;例如:「分類」2個字,我標準的是36px,技術那邊的尺寸就是18px;
B:所有文字,行間距的標注的尺寸都是偶數;因為技術那邊都是根據我們的尺寸除以2;
C:顏色的標注有的技術要求16進制,有的技術要求RGB,由於頁面的限制所以我只標注了16進制的,按16進制和RGB都標注的是最好的~
注意:因為我們做的基於640*960尺寸的,ios共有3套尺寸,因為640*960和640*1136的寬度是不變的,所以圖標沒有變化重新切,只是行間距需要調整下;320*480尺寸的是640*960的一半,所以技術完全可以根據你標注的640的尺寸做就可以~
三.android和ios的轉化關系
因為ios的尺寸是640*960,android當密度等於120即(320*480)時,1PX=1DP,所以android和ios的標注像素之間的換算關:即ios像素尺寸*1/2=android dp尺寸;
2.如果你們的產品同時做android和ios,你只想標注一套尺寸的時候,就可以標注ios版的標注去計算即可。
㈢ 在android手機css切圖中,怎樣實現一張圖片在不同尺寸解析度的手機下,比例不變,自適應屏幕解析度
用img標簽,圖片100%,寬度就行,這樣就自適應屏幕大小也不會變形,只是寬度100%;哈,這樣縮小就等比了
㈣ Android屏幕適配—被偷走的dp
DPI概念自行網路
Android手機按照不同DPI分為:ldpi、mdpi、 hdpi、 xhdpi、 xxhdpi等。
在不同的DPI上,px和dp有不同的比例關系,關系如下
由上表可知:
目前主流的解析度一般為720x1280和1080x1920,所以一般設計師在設計Android應用時會選擇720x1280的畫布進行設計,如果只切一套圖,工程師會把圖放到xhdpi的資源文件夾中,此時,在xhdpi和xxhdpi的屏幕上都可以正常適配,但是在hdpi的屏幕上就會出現問題。
從上面的表格可以知道在xhdpi和xxhdpi時,屏幕的dp寬都是360dp;而在480x800的hdpi時,屏幕的dp寬度是320dp,少了40個dp,如果屏幕的dp寬度保持360dp的話,需要的像素寬度應該是540px,但市面上大部分的hdpi的手機都是480px的像素寬度。
為了適配480x800的手機屏幕,需要設計師在切圖的時候也要切出一套hdpi的圖,並且是480*800解析度下的hdpi的圖。
另外在寫布局文件設置寬度的時候,也要需要考慮這個差值,hdpi下的dp寬度應該是xhdpi或xxhdpi下的dp寬度的0.8~0.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
㈥ APP安卓原生 設計該怎麼切圖給開發
安卓的機器的確比較多,各廠商各種機型的屏幕大小不一,碎片化比較嚴重。但只考慮原生的分類,應該也不會很多啊。mdpi,xhdpi,xxhdpi各做一套應該就行了吧。
㈦ 拜託幫個忙!!現在android多解析度要怎麼適配,切圖要怎麼切,標注圖的文字大小,圖片尺寸等
多解析度,每個DPI一套圖,切圖盡量切的細一點,每個控制項一個切圖,根據PX大小計算dp,然後使用dimens根據不同DPI設置不同dp
㈧ Android切圖適配知識點匯總
對於在工作中沒有接觸過安卓版本app,或是面試的時候會被問到安卓解析度等問題,可以通過本文對安卓切圖有所了解。我在以往的工作中也沒有接觸過安卓設計等一系列問題,但是看完一些文章後,大致對安卓解析度等知識點有所了解。此文是對自己所了解到的知識做一個總結,也希望能幫助到不了解安卓一系列問題的同行們,好啦,馬上進入正題!
基本概念
1、手機屏幕尺寸計算方式:對角線尺寸/2.54(1英寸=2.54厘米)
2、解析度:屏幕上顯示的像素個數,單位尺寸內像素點越多,顯示的圖像就越清楚。
上圖中紅框框出來的是現在市場上主流的解析度,只要記這三個就可以。其他的已被淘汰。
3、屏幕密度:屏幕每英寸有多少個像素。
4、單位:dp是開發中用於描述尺寸和間距。
sp是用於描述字型大小和行距。
用哪種解析度來設計?
原則上需要為不同的解析度去單獨設計效果圖,但由於實際情況,只需要採用一種解析度去設計,目前多數採用720*1280的解析度。
需要提供幾套切圖?
只需要一套切圖即可
720*1280尺寸的切圖可以適配其他機型,有些特殊的切圖需要單獨適配的,比如icon等。
適配480 800的機型,只需要把切圖/1.5即可。
適配1080 1920的機型,只需要把切圖*1.5即可。適配此解析度的時候,需要在720 1280下畫圖的時候,盡量採用矢量圖形來畫圖。
例如,圖標是48 48的時候,適配1080 1920點時候,48px*1.5=72px.把矢量圖形調整為72px即可。開發會把切圖放到xxhdpi的文件目錄下,就會自動適配1080 1920
同樣,適配480 800的時候,48px/1.5=32px.開發把切圖放到hdpi文件目錄中,會自動適配。
720 1280的切圖,開發放到xhdpi的目錄下。
註:設計圖片的時候盡量採用偶數。
需要提供幾套標注?
在720*1280解析度下進行設計,此解析度下1dp=2px.
可以直接使用dp標注尺寸,sp標注文字大小
註:使用dp標注尺寸。使用sp標注文字大小
該使用什麼字體及字型大小?
中文字體:思源
英文字體:Android 4.x及以上採用Roboto,Android 2.x和3.x採用Droid Sans.
字型大小:12sp、14sp、18sp、22sp(也可根據實際情況調整)
目前掌握以上知識點,可能多少也有些小問題,歡迎有經驗的大神指正、指導。謝謝啦~
㈨ android UI切圖方法
不用啦...系統會自動根據你的解析度(具體是當前的密度)給你縮放的。
你可以在800x480下隨便切個圖,在320x480下看看效果。
一般我們做適配只要能過眼就ok,只有少量的圖需要切2~3套而已。
㈩ 已經做好一套 iOS App 的設計圖(640*960),現在要做 Android 版本的,如何最效率的切圖輸出呢
按照1280*720做
android的圖片是.9格式,可以設置相應的位置拉伸,你看一下