android切圖
❶ android怎麼對psd切圖
PSD如何切圖? 一:切圖一般保存gif格式,顏色選128就可以了。 下面是某網站切圖中出現的問題,希望對大家有用。 問題一:切圖 1. 圖片命名:要用有意義的英文命名。 2. 切圖只是為了排版,,要考慮到易用性,格式一樣的版式,要保持那一板的圖片寬度,高度一致。 3. 在切圖里要保持圖片的完整性,這是首先要做到的。 4。對於網站上大部分圖片,要考慮到網站以後的更新,所以你要切圖里就不 應該把邊框切下來,邊框是可以用代碼來實現的 5. 其實一張PS圖紙,真正在布局時能夠用得上的很少,圖片可以更新, 只起佔位符的作用,圖片文件夾里的圖片一定都是有用的。 6 .表格,邊框分隔符可以 用代碼實現效果。 7.要保證頁面的美觀有很多方面,但其一是圖片,在切片時不要的堅絕不要,但需要的 一定要留著。 8. 瀏覽器是一個表格一個表格下載網頁的,在切片時要注意這點,以免有些 東西無法下載時,網站殘缺太嚴重。 問題二:代碼 1. 整個布局運用table,這個在瀏覽器的兼容性上非常好,但是更新麻煩, 頁面很大,下載很慢,並且蜘蛛在爬行時,只提取有用的文字、鏈接信息。大量的table,tr,td是沒有用的,現在比較流行div+css,就實現了代碼與內容的分離,而且好多效果只需一句代碼就可以實現,並且可以全站大量重復利用。 2. 在網站的整體布局時,層次一定要清晰。自己看舒服,更新也簡單。 3. 在搜索引擎優好的角度來看,是應該定義單元格的高度,寬度,此時就 可以省掉圖片的寬度的高度。 4. 在設置字體時,要注意是不是別人的瀏覽器里也有這樣的字體,當沒有 時,就會使用系統默認的字體,這樣可能就太變形了。 5.排版時,對於標題,要用系統自帶的h1---h6,還有b,u 索引擎優化的角度來說的,同理還有代碼的最優化,圖片的最小化,結構的最簡化。對於第一點,就是眾觀全局,找出相同點,同樣的代碼多次利用,有一個技巧:就是多用class,而不是id,就是這個原理。對於第二點就是盡量少的運用圖片,能用代碼,顏色實現的效果就不要用圖片,但是一定要用圖片時就不要節約了,對於第三點,這從設計圖紙時就要考慮進去了,最後在排版時就看技術人員的整體定位了,先大局,後從上到下,從左到右。 6.對於整體布局,最上面沒有置頂,解決方法: body{margin:0px}margin:0px,這個對於table,ul.form很有用處,其他的好像在沒有設置值時都沒有多大用處,我以前總是習慣性地都寫上,其時沒有多大用處。 7. 瀏覽器的兼容性上,如果是table布局的話,這個在各個瀏覽器上都基 本沒有什麼大問題,但是在很多細節上firefox和ie處理的很不一樣,這就需要在布局時注意的,如果是div+css布局,就不一樣了,這里舉一例:文字本身大小不兼容,同樣是宋體14px的字體,在ie下是16px,下留白3px;在firefox中實際占高17px,上留白1px,下留白3px;,解決方法是定義行高 8. 對於兼容性,還有很多方面,就算是ie6/ie7/ie8之間都有很多不同之 處,你只有先了解這些不同之處,才可以在寫代碼時避免,或出現問題後具體問題具體解決。
❷ 安卓和iOS切圖大小怎麼定,一般都是多少
根據你的需求來嘍,如果是按鈕之類的很小的就可以了,推薦使用.9.png格式的,多大無所謂,會自動變的
❸ 如何高效地輸出iOS和Android標注和切圖
IOS和Android開發需要的設計交付物至少要有:高保真UI圖,標注,切圖。
高保真UI圖所起到的作用是,開發會參照其畫頁面,僅僅是獲知頁面樣子的一個手段,並非什麼高精度的事情。僅僅基於這一條,設計師就沒有必要出iOS和Android兩套樣子一樣只是大小不同的圖的,對於開發來說,他們只需要看到頁面樣子即可。
標注和切圖的作用是,開發會按照標注的尺寸,把切圖按照高保真UI圖的擺放方式做到界面上。那麼問題來了,iOS的開發和Android開發所需要的標注和切圖是不一樣的。如何在一套iOS的高保真UI圖上做出兩套標注和切圖呢?
眾所周知iOS設計的像素尺寸是640*960/1136,Android主流的hdpi模式下的像素尺寸是480*800。如圖,他們的換算關系是,iOS像素尺寸的75%是Android的像素尺寸
於是很多設計團隊就基於這個75%的關系去做Android的圖了,但是這不是個好方法,這是一個設計和開發沒有成為好基友的狀態下所使用的方法。
我們知道Android開發所使用的單位並非像素,而是一個叫做dp/sp的單位,人家壓根就不用像素,你費勁半天調一個480*800又有啥用呢?你給他標註上,這個寬度300像素,又有啥用呢?設計不懂開發,開發也不懂設計,Android不懂iOS,iOS也不懂Android,很多同志就在這種「矩陣式的彼此的不理解」中湊合干著。
我們以480*800像素尺寸下做的設計圖為基準。開發將部件尺寸換算成dp尺寸的方法是,像素尺寸*2/3。這也是為什麼要讓Android部件尺寸能讓3整除的原因。所以在hdpi模式,480*800像素尺寸設計圖中,開發看到300px寬度的標注,會定義其為寬200dp,到這里Android開發才得到一個他們真正會用於開發的數值。
這整個過程,設計師做iOS尺寸圖並標注,設計師調整iOS尺寸圖為Android尺寸並標注px,Android開發看著設計師交付的標注,再將其換算成dp,很長的一個過程。
其實經過以上整個過程之後,我們已經得出了一個更簡單的換算關系:iOS像素尺寸*75%=Android像素尺寸,Android像素尺寸*2/3=Android的dp尺寸。進而得出:iOS像素尺寸*75%*2/3=Android的dp尺寸。所以,iOS里一個寬600px的東西,在Android的hdpi模式下,正好300dp,正好是50%,很容易算是吧?
在這個關系的指導下,我們可以在同一套UI圖上做適用於兩個平台的標注。只要Android的開發知道,標注600px的東西,在hdpi模式下等於300dp這個換算關系,一切都簡單了。當然,平台的區別要留意,例如iOS使用十進制色值,Android使用16進制,iOS可以繪制圓角和陰影,Android更傾向於用.9.png等。這些差異要在同一套標注中體現出來,讓兩端的開發各取所需。(如果你發現標注軟體中無法在同一張圖上標十進制和十六進制色值,你可以用文字標注替代其中一個,qq的截屏工具中也是帶色值提示的,辦法很多不再贅述。)
至此,已經可以做一套標注,讓Android和iOS的開發共同使用了。當然前提是你要告訴開發這個標注怎麼看,怎麼用!
下面看切圖
在iOS切圖與Android切圖的轉換中,是可以使用75%的換算關系的。也就是說iOS的切圖縮小75%之後,就是Android的hdpi模式下的切圖,而Android開發還需要其他dpi模式的切圖,按照如下關系換算即可。
我們會發現xhdpi模式和hdpi模式的換算比例也是75%。也就是說xhdpi模式下切圖尺寸跟iOS下是一樣的。所以iOS的切圖可以直接適用於Android的xhdpi模式。至於除hdpi和xhdpi之外的其他模式,如果需要適配,就需要單獨處理圖片了。
要注意的是切圖在縮放之後像素會糊在一起,很可能需要重新調整,還有各種虛邊情況,尤其是那些帶透明陰影的,都要重新調,但是這個工作量顯然要比重新調UI重新切,要小多了。
至此,我們設計一套適配iOS的高保真UI,基於該UI做一套適用於iOS和Android兩類開發人員的標注,再輸出一套可適用於iOS和 Android的xhdpi模式的切圖,再調整一套Android的hdpi模式切圖,基本上大部分工作就已經完成了。
是不是感覺這種方法的工作量,一個人能幹三個人的活了?
轉載
❹ android UI切圖方法
不用啦...系統會自動根據你的解析度(具體是當前的密度)給你縮放的。
你可以在800x480下隨便切個圖,在320x480下看看效果。
一般我們做適配只要能過眼就ok,只有少量的圖需要切2~3套而已。
❺ android pad,在設計UI時一般是按照哪個標准尺寸來設計並切圖的呢
不行的,pad只能是你按照要求的解析度去重新出個程序。
如果你覺得1024 和1280的比例差不多,那就可以用比例的方式去做界面,但是圖一定要重新出,都放在nodpi中,否則480的圖放在1024上肯定拉伸加失真。
用比例的方式,就是都用fillparent,然後用layout_weight來調權重,這個可以網路搜。
❻ 安卓開發設計中,什麼是切圖作用是什麼
切圖就是UI設計師做的工作,換個說法就是製作開發所需要的圖片,就是顯示在app里的圖片。
❼ android 切圖要哪幾種解析度
三種解析度 480p 720p 1080p
一般圖片資源文件下包含下列五個圖片資源文件夾drawable-xxhdpi,drawable-xhdpi,drawable-hdpi,drawable-mdpi,drawable-ldpi
drawable-xxhdpi,drawable-xhdpi,一般作為pad的圖片資源,但也有例外小米4手機的解析度較高應該用的就是drawable-xhdpi的圖片資源
第二到第四個文件夾一般作為手機圖片的適配
對應的像素密度依次為density=120ppi,160ppi,240ppi,320ppi,480ppi(ppi即為每英寸包含的像素點數)
市場上的主流尺寸有small(5-6英寸)normal(4英寸左右)large(6-7英寸)xlarge(7英寸以上)做好後三種的適配就應該能包含市場上99%的手機了,這樣就要做三種布局了,很簡單的原因(我們的pad程序在10.1英寸的三星pad上顯示良好,而在7寸的屏幕上幾乎無法使用就是因為用的是一套布局)
綜上所述,手機程序一般切三套圖,加一個布局就能適應主流手機
❽ APP安卓原生 設計該怎麼切圖給開發
安卓的機器的確比較多,各廠商各種機型的屏幕大小不一,碎片化比較嚴重。但只考慮原生的分類,應該也不會很多啊。mdpi,xhdpi,xxhdpi各做一套應該就行了吧。
❾ android什麼情況下取2倍圖 急急急,怎樣切圖能得到ios 2倍圖3倍圖
ps把圖「切完」後,想保留一個「正常」的,就存儲它。不想保留或存儲完畢,就可以點擊PS工作區上沿的「圖像」——「圖像大小」——在圖像大小的彈出框里,分別把寬度和高度乘2或乘3就可以存儲成這個「正常」圖的2倍或3倍大的圖了。當然也有快捷的方法不再贅述了。
❿ 安卓手機怎樣切圖
下載一個截圖軟體,打開截圖軟體,後台運行,然後打游戲或者干其他的,看到喜歡的畫面,按快捷鍵(截圖軟體里有說明),然後就可以把圖截下來,打開看圖軟體,你會發現你截下來的圖,接下去你想干什麼都可以。