如何高效地輸出iOS和Android標(biāo)注和切圖

1、iOS啟動(dòng)圖：圖標(biāo)按照最大1024x1024來設(shè)計(jì)，之后按照比例縮小到每個(gè)尺寸。提交沒有高光和陰影的直角方形圖即可。

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、婁煩網(wǎng)絡(luò)推廣、微信小程序開發(fā)、婁煩網(wǎng)絡(luò)營(yíng)銷、婁煩企業(yè)策劃、婁煩品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供婁煩建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：aaarwkj.com

2、也就是說xhdpi模式下切圖尺寸跟iOS下是一樣的。所以iOS的切圖可以直接適用于Android的xhdpi模式。至于除hdpi和xhdpi之外的其他模式，如果需要適配，就需要單獨(dú)處理圖片了。

3、一鍵九宮格快捷指令ios方法是打開蘋果瀏覽器，找到快捷指令庫(kù)，搜索九宮格切圖快捷指令。然后點(diǎn)擊獲取捷徑，選擇添加快捷指令 。添加后，找到想切割的圖片，選擇分享圖標(biāo)，點(diǎn)擊九宮格切圖即可使用。

4、點(diǎn)擊插件的上傳按鈕，開發(fā)工程師就可以在摹客平臺(tái)自主下載不同尺寸和平臺(tái)的切圖了。

5、iOS 上寫 Desktop icon 檔案命名使用 -，如果切圖只給 iOS 使用，可以和 iOS 采用相同的命名方式。請(qǐng)注意 Android 不支援 - 的命名方式，如果圖檔要運(yùn)用在 Android 上，請(qǐng)把所有的 - 改成 _ 底線。

6、這里以UI設(shè)計(jì)、交互設(shè)計(jì)、IOS開發(fā)組、Android開發(fā)組、后臺(tái)開發(fā)組都具備的情況下為例進(jìn)行輸出產(chǎn)品需求文檔。

APP切圖詳細(xì)規(guī)范終極指南2020

分辨率以iPhone 6 設(shè)計(jì)為主：750*1334px （字體 Helvetica/華文細(xì)黑，實(shí)際中運(yùn)用黑體簡(jiǎn)或者Hiti-sc 最接近系統(tǒng)中所帶字體）工具欄height：88px 如搜索、選擇、刪除、回復(fù)等。

切圖資源尺寸必須為雙數(shù) 切圖資源尺寸必須為雙數(shù)，這是是為了保證切圖資源在工程師開發(fā)時(shí)是高清顯示。

png的方案 3x規(guī)格png實(shí)施起來會(huì)簡(jiǎn)單很多，設(shè)計(jì)師可以以iPhone6s plus為設(shè)計(jì)稿，導(dǎo)出稿中相同大小的圖片，以6s為設(shè)計(jì)稿的話輸出圖片時(shí)寬高均乘以5。開發(fā)拿到切圖后，iOS對(duì)應(yīng)放入3x，Andrpid對(duì)應(yīng)放入xxhdpi，搞定。

如何用一套效果圖適配ios&android全系列

一個(gè)基本思路是： 選擇一種尺寸作為設(shè)計(jì)和開發(fā)基準(zhǔn)； 定義一套適配規(guī)則，自動(dòng)適配剩下兩種尺寸； 特殊適配效果給出設(shè)計(jì)效果。 手機(jī)淘寶的iPhone 6/iPhone 6 Plus適配版本即將提交App store審核。

最后，注意縮放后的圖標(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方面的問題。

方案一 根據(jù)屏幕分辨率的不同，使用不同的圖片。2 方案二 熟悉IOS開發(fā)的人都知道，每一個(gè)ios項(xiàng)目中，都有一個(gè)Assets.xcassets文件夾，用來管理項(xiàng)目中所有的圖片（AppIcon、LaunchImage、其他業(yè)務(wù)圖片）。

最后注意縮放的圖標(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方面的問題。

PS： 也可以直接使用實(shí)際的device-width：如 device-width ： 375px 在原有頁面的基礎(chǔ)上，再針對(duì)相應(yīng)的屏幕大小單獨(dú)寫樣式做適配。

啟動(dòng)App 對(duì)于一些老項(xiàng)目，在啟動(dòng)圖上，可能沒有采用xib或者SB進(jìn)行適配的，所以可能會(huì)出現(xiàn)如圖一，這樣導(dǎo)致整個(gè)項(xiàng)目運(yùn)行就會(huì)不能完全貼合。

網(wǎng)站欄目：ios開發(fā)使用一套切圖 ios切圖命名規(guī)范
URL標(biāo)題：http://aaarwkj.com/article31/dgjecpd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、、手機(jī)網(wǎng)站建設(shè)、域名注冊(cè)、服務(wù)器托管、網(wǎng)站建設(shè)

廣告

聲明：本網(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)