app切圖暫時沒有iOS8的，後續繼續添加

標籤：des   blog   http   io   ar   os   sp   div   on   

在做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的尺寸做就可以~

 

 

在這裡 又找到一個比較不錯的 ，你們可以看看   http://www.ui.cn/project.php?id=26980   

 

app切圖暫時沒有iOS8的，後續繼續添加