方案一
IOS與Android共用一套設(shè)計(jì)效果圖 1242*2208
IOS與Android常用的尺寸中，最大尺寸為6p的尺寸，即1242*2208px
IOS常用尺寸：1242*2208? ? 750*1334? ? 640*1136? ? 640*960，其中750*1334? ? 640*1136? ? 640*960 同為@2x? ? 1242*2208為@3x，所以750*1334? ? 640*1136? ? 640*960只做一套640*1136就好。
Android常用尺寸：1080*1920 ? ?720*1080 ? ?480*800，他們之間相鄰是可以整除1.5的，也就是1080除以1.5等于720,720除以1.5等于480，即這三個(gè)尺寸可以等比縮放大小，只做一套1080*1920就可以。
那么問題來了。
IOS要做兩套尺寸，1242*2208與640*1136
Android要做一套尺寸，1080*1920
這樣不就是三套設(shè)計(jì)圖了嗎？設(shè)計(jì)師們會被氣死的？
其實(shí)，6p的尺寸1242*2208整除1.15就剛好就等于1080*1920，也就是說，1242*2208與1080*1920是可以等比縮放的。
現(xiàn)在就剩下IOS的640*1136。
那么就有人問，那IOS的1242*2208可以直接等比縮放成640*1136。答案是不可以的，因?yàn)樗麄冎g不能整除的，但是我們把1242*2208的設(shè)計(jì)圖直接在Photoshop里面直接等不縮放到寬度為640的尺寸，我們會發(fā)現(xiàn)原本的2208變成了1138，也就是說比1136多了2個(gè)像素，2個(gè)像素的誤差對于沒有有強(qiáng)迫證的也就無所謂了，2個(gè)像素的誤差我們會將1138硬改成1136，現(xiàn)在你會發(fā)現(xiàn)，里面的圖標(biāo)，1136跟1138大小其實(shí)是一樣。
為什么提到圖標(biāo)呢？因?yàn)槲覀兘桓兜奈镏恍枰惶仔Ч麍D與五套切圖就好了。即
一套效果圖 ? 1242*2208
五套切圖 ?1242*2208 ? 640*1136 ? 1080*1920 ? 720*1080 ? 480*800
最后注意縮放的圖標(biāo)要細(xì)調(diào)一下，由于轉(zhuǎn)換有誤差，共用一套效果圖是有一定風(fēng)險(xiǎn)的，例如UI細(xì)節(jié)上的風(fēng)險(xiǎn)。開發(fā)前，設(shè)計(jì)師與開發(fā)人員要先共同確認(rèn)此適配方案，要全程溝通，及時(shí)改正UI方面的問題。
方案二
IOS與Android共用一套設(shè)計(jì)效果圖 750*1334
上面提到過，750*1334? ? 640*1136? ? 640*960 同為@2x，所以750跟640用同一套圖標(biāo)，同一套字體，至于其他尺寸大小，只要跟著尺寸延伸就沒問題啦。尺寸750*1334應(yīng)用1242*2208，則需要把@2x導(dǎo)出成@3x，也就是把字體放大1.5倍，其余的直接放到1242就可以啦。
至于Android版本，我個(gè)人的做法是把750*1334直接換算成1080*1920，因?yàn)橹挥?PX像素只差，直接忽略。換算出1080*1920，Android的其他尺寸就按他們之間的規(guī)律處理就可以啦。
因?yàn)槲覀兘桓兜奈镏恍枰惶仔Ч麍D與五套切圖就好了。即
一套效果圖 ? 750*1334
五套切圖 ?1242*2208 ? 640*1136 ? 1080*1920 ? 720*1080 ? 480*800
方案三
IOS與Android各做兩套設(shè)計(jì)效果圖?
原理跟方案一、二差不多，但為了追求細(xì)節(jié)上的完美，可以多做一套設(shè)計(jì)圖，即兩套設(shè)計(jì)圖：1242*2208和640*1136.
1242*2208適配6P、Android三種尺寸。
1242*2208整除1.5等于1080*1920：
1080*1920整除1.5等于720*1280：
720*1280整除1.5等于480*800：
640*1136適配6 5 5S等尺寸。
?方案四
如果追求完美，那就需要三套圖。即:
1242*2208 ? ? ? 640*1136 ? ? ? 1080*1920?
還可以加上一套640*960,總之分開做越多套，出來的效果圖就會越精細(xì)，反之，你懂得，不過這也取決設(shè)計(jì)師本人和公司領(lǐng)導(dǎo)的決策，會不會給那么多時(shí)間。不說廢話了，希望能幫到各位！
