ios開發(fā)標(biāo)注圖 開源標(biāo)注工具
【轉(zhuǎn)】一套iOS平臺(tái)設(shè)計(jì)稿,搞定界面適配
1、第一步，視覺設(shè)計(jì)階段，設(shè)計(jì)師按寬度750px（iPhone 6）做設(shè)計(jì)稿，除圖片外所有設(shè)計(jì)元素用矢量路徑來做。設(shè)計(jì)定稿后在750px的設(shè)計(jì)稿上做標(biāo)注，輸出標(biāo)注圖。同時(shí)等比放大5倍生成寬度1125px的設(shè)計(jì)稿，在1125px的稿子里切圖。
成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),臨澧網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:臨澧等地區(qū)。臨澧做網(wǎng)站價(jià)格咨詢:13518219792
2、最后，注意縮放后的圖標(biāo)要細(xì)調(diào)一下。由于轉(zhuǎn)換有誤差，共用一套效果圖是有一定的風(fēng)險(xiǎn)的，例如UI細(xì)節(jié)上的風(fēng)險(xiǎn)。開發(fā)前，設(shè)計(jì)師與技術(shù)人員要先共同確認(rèn)此適配方案，全程溝通，及時(shí)改正UI方面的問題。
3、總體風(fēng)格 從iOS7開始，蘋果摒棄了嘗試在早期的iPhone中使用的擬物化（skeuomorphic）設(shè)計(jì)風(fēng)格，轉(zhuǎn)向扁平化設(shè)計(jì)。而谷歌的情況卻相反。谷歌新推出的MaterialDesign指南傾向于營造更接近真實(shí)世界的效果。
4、iOS建議設(shè)計(jì)師使用幻燈片和層疊效果，但其基本試圖則更為貼近扁平化設(shè)計(jì)風(fēng)格。Instagram的app全部采用了扁平化風(fēng)格的設(shè)計(jì)，雖然從總體結(jié)構(gòu)上講，它的每個(gè)帖子更應(yīng)該被看成是卡牌界面。
5、用Sketch設(shè)計(jì)一套稿可以適用 iOS 和 Android 兩個(gè)版本的app： 以屏幕渲染像素(Rendered Pixels)尺寸做， iOS iPhone 6，750x1334px 開始設(shè)計(jì)。
6、IOS與Android各做兩套設(shè)計(jì)效果圖原理跟方案二差不多，但為了追求細(xì)節(jié)上的完美，可以多做一套設(shè)計(jì)圖，即兩套設(shè)計(jì)圖：1242*2208和640*1131242*2208適配6P、Android三種尺寸。
如何高效地輸出iOS和Android標(biāo)注和切圖
1、也就是說xhdpi模式下切圖尺寸跟iOS下是一樣的。所以iOS的切圖可以直接適用于Android的xhdpi模式。至于除hdpi和xhdpi之外的其他模式，如果需要適配，就需要單獨(dú)處理圖片了。
2、iOS啟動(dòng)圖：圖標(biāo)按照最大1024x1024來設(shè)計(jì)，之后按照比例縮小到每個(gè)尺寸。提交沒有高光和陰影的直角方形圖即可。
3、點(diǎn)擊「查看項(xiàng)目」打開設(shè)計(jì)稿，在“開發(fā)”模式中，即可一鍵下載選中切圖或所有切圖。請(qǐng)點(diǎn)擊輸入圖片描述 使用摹客切圖，可快速切換平臺(tái)(iOS、Android、Web)和選擇倍率，支持自定切圖尺寸和切圖壓縮，非常方便。
4、這里以UI設(shè)計(jì)、交互設(shè)計(jì)、IOS開發(fā)組、Android開發(fā)組、后臺(tái)開發(fā)組都具備的情況下為例進(jìn)行輸出產(chǎn)品需求文檔。
IOS和Android標(biāo)注圖片的尺寸多少合適
1、IOS與Android 共用一套效果圖 750*1334 上面提到，750*1334 640*1136 640*960同為@2x，所以750跟640用同一套圖標(biāo)，同一套字體就可以了，至于其他的尺寸大小，只要跟著尺寸延伸就沒問題了。
2、Android界面尺寸：480*800、720*1280、1080*1920。由于安卓設(shè)備眾多，一個(gè)應(yīng)用程序圖標(biāo)需要設(shè)計(jì)幾種不同大小，如：LDPI(LowDensityScreen，120DPI)，其圖標(biāo)大小為36x36px。
3、很多團(tuán)隊(duì)的做法是先做一套iOS的UI+標(biāo)注+切圖，再在iOS的基礎(chǔ)上縮放一套Android的UI+標(biāo)注+切圖。事實(shí)上這樣的做法是低效，且無效的。 iOS設(shè)計(jì)的像素尺寸是640*960/1136，Android主流的hdpi模式下的像素尺寸是480*800。
本文名稱：ios開發(fā)標(biāo)注圖 開源標(biāo)注工具
本文網(wǎng)址：http://muchs.cn/article18/dgdcgdp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、手機(jī)網(wǎng)站建設(shè)、建站公司、網(wǎng)頁設(shè)計(jì)公司、靜態(tài)網(wǎng)站、域名注冊(cè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
