想記錄下來(lái)一點(diǎn)點(diǎn)的知識(shí)挨决，慢慢積累成長(zhǎng)；這次的一套ios設(shè)計(jì)輸出要運(yùn)用在兩個(gè)平臺(tái)上您机，但又沒(méi)有時(shí)間去單獨(dú)搞一遍（有時(shí)間也不想搞）穿肄，因?yàn)閳D片的事情也折騰好久。踩過(guò)來(lái)的坑际看，慢慢填上咸产。
近期搞版本迭代，開(kāi)發(fā)上線完成后再放出來(lái)~
IOS
1. 關(guān)于設(shè)計(jì)尺寸
我自己的話用sketch作圖仿村，這個(gè)軟件大家應(yīng)該都知道了锐朴。設(shè)計(jì)尺寸750*1334，不過(guò)一開(kāi)始的時(shí)候也要去問(wèn)一下開(kāi)發(fā)他的開(kāi)發(fā)尺寸蔼囊。太小屏幕的尺寸現(xiàn)在使用用戶數(shù)量也很少焚志，忽略不計(jì)。
另外畏鼓，設(shè)計(jì)尺寸最好為偶數(shù)倍酱酬，這樣縮放圖片適配的時(shí)候就不會(huì)出現(xiàn)半像素的虛邊。
① 640*960/1136（iphone4/5/5S云矫，引導(dǎo)頁(yè)切圖提供尺寸）
② 750*1334（iphone6膳沽，用這個(gè)尺寸作圖腔长，導(dǎo)出1x原圖大小腊满，命名為@2x）
③ 1080*1920（iphone6s，導(dǎo)出1.5x原圖大小顿痪，命名為@3x）
倍率：以750寬為基礎(chǔ)巡揍，1.5x(切圖倍率)=1080（其他屏寬）/750（設(shè)計(jì)稿寬）痛阻，這樣大致?lián)Q算一下就知道要導(dǎo)出多大倍率的圖了。
標(biāo)題欄導(dǎo)航欄尺寸如下
2. 給開(kāi)發(fā)提交的文件
① 設(shè)計(jì)稿html,當(dāng)然在用sketch的情況下腮敌，直接導(dǎo)出阱当；（要注意這里，有的開(kāi)發(fā)會(huì)一一點(diǎn)擊查看尺寸糜工，當(dāng)然也有看著圖不想點(diǎn)擊看元素屬性弊添，重要的地方還是需要標(biāo)注一下）
② JPG設(shè)計(jì)稿圖片；以及把所有頁(yè)面放在一張畫板上的總圖捌木，方便后面開(kāi)發(fā)完成后自行核對(duì)油坝。
③ Png/jpg/svg圖；
a.png/jpg;按照設(shè)計(jì)圖直接導(dǎo)出1x/1,5x,命名為xdpi/xxhdpi就是安卓使用的后綴名。
b.svg;
3.一次性導(dǎo)出@2x;@3x
選中icon/png/jpg后免钻，在sketch內(nèi)添加彼水，如下圖，直接導(dǎo)出即可极舔。用ps作圖的小伙伴可以用cutterman直接導(dǎo)出凤覆；
Android
1.關(guān)于設(shè)計(jì)尺寸
安卓的常用設(shè)計(jì)尺寸是720*1280，但是并不想在單獨(dú)調(diào)一套圖啊喂拆魏，這里就要跟安卓的開(kāi)發(fā)工程師友好的講一下了盯桦，工程師需要根據(jù)你的ios的750*1334的設(shè)計(jì)尺寸去開(kāi)發(fā)安卓。
開(kāi)發(fā)要求提供一份xxxhdpi的圖渤刃，他自行去縮放拥峦，但是這個(gè)要跟開(kāi)發(fā)商量好。
①. 720*1280（xhdpi卖子，這邊我直接把ios的設(shè)計(jì)尺寸圖導(dǎo)出1x略号，命名為xhapi）
②. 1080*1920(xxhdpi=xhdpi*1.5,由sketch直接導(dǎo)出也1.5x，命名為xxhapi)
③. 1440*2560（xxxhdpi＝xhdpi*2,略）
2.給開(kāi)發(fā)提交的文件
①.設(shè)計(jì)稿html,（我這里偷懶洋闽，直接給的ios設(shè)計(jì)稿）
②.JPG圖片玄柠；以及把所有頁(yè)面放在一張畫板上的總圖，方便后面開(kāi)發(fā)完成后自行核對(duì)诫舅。
③.Png/jpg/svg圖羽利；
a.png/jpg;按照設(shè)計(jì)圖直接導(dǎo)出1x/1,5x/2x,命名為xdpi/xxhdpi/xxxhdpi,就是安卓使用的后綴名。
b.svg;(簡(jiǎn)而言之刊懈，就是讓開(kāi)發(fā)把svg的icon圖上傳到iconmoon这弧，通過(guò)字體的格式把圖標(biāo)引進(jìn)來(lái)，即iconfont虚汛；iconfont學(xué)習(xí)地址: https://jingyan.baidu.com/article/14bd256e4bd36bbb6c26126e.html)
總之匾浪，沒(méi)看明白的小伙伴，我畫了個(gè)圖～安卓的直接把@2x命名為xhdpi,把@3x命名為xxhdpi~~偷懶啦～～～～
