切圖ios開發(fā) ios切圖命名規(guī)范

iOS開發(fā)中,Sketch是什么?

1、sketch是一款用來制作矢量繪圖的軟件。sketch矢量繪圖應(yīng)用軟件，一款適用于所有設(shè)計師的矢量繪圖應(yīng)用。矢量繪圖也是進行網(wǎng)頁，圖標以及界面設(shè)計的最好方式。

創(chuàng)新互聯(lián)公司服務(wù)項目包括源匯網(wǎng)站建設(shè)、源匯網(wǎng)站制作、源匯網(wǎng)頁制作以及源匯網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，源匯網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到源匯省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

2、Sketch是專門為Mac的ios開發(fā)的一款矢量圖形繪制軟件，容易理解、上手簡單，矢量繪圖也是進行網(wǎng)頁，圖標以及界面設(shè)計的最好方式。

3、Sketch 是一款UI設(shè)計界非常流行的工具。它針對矢量圖形編輯，專業(yè)用于用戶界面與用戶體驗設(shè)計制作。

4、Sketch是什么 Sketch是一款適用于所有設(shè)計師的矢量繪圖應(yīng)用。矢量繪圖也是目前進行網(wǎng)頁，圖標以及界面設(shè)計的最好方式。但除了矢量我的功能之外，Sketch同樣添加了一些基本的位圖工具，比如模糊和色彩校正。

5、是正版。ketch是專門為MAC的ios開發(fā)的一款矢量圖形繪制正品軟件，容易理解、上手簡單，矢量繪圖也是在進行網(wǎng)頁、圖標以及界面的最好方式。

6、這張圖就是2倍圖。同理，iPhone 11 Pro Max的分辨率是414*896，你需要做1242*2688像素的圖，這張圖就是3倍圖。Sketch是一款矢量圖形處理軟件，可以用來創(chuàng)作出色的設(shè)計圖。

【iOS】iOS開發(fā)之使用Mac自動操作制作@1x@2x@3x圖片(切圖)

蘋果IOS程序開發(fā)不同分辨率的設(shè)備統(tǒng)一為一個尺寸而標記的。@3X就是@1X分辨率的3倍。iPad2 是768 x 1024，iPad Retina 是1536 x 2048，開發(fā)時都按 768 * 1024 操作。但實際上兩者有一倍差異。

蘋果guan 網(wǎng)的設(shè)計規(guī)范 圖片和圖標尺寸相關(guān) 從guan 網(wǎng)的資料我們可以看出，@1X@2X@3X是蘋果ios開發(fā)不同分辨率的設(shè)備統(tǒng)一為一個尺寸而標記的，數(shù)字3表示分辨率的倍數(shù)。

就會看到工程xcassets中一張圖片有3張尺寸：@1x @2x @3x 當工程中使用名字為example的圖片時候，會根據(jù) 屏幕模式 自動選擇對應(yīng)的圖片。

@1x @2x @3x是開發(fā)工具Xcode軟件需要的UI資源，命好名稱后，IOS設(shè)備會自動的選取合適尺寸。 ③共用資源的圖片，輸出一張就可以 類似這種重復(fù)的按鈕之類的，只要提供一張共用的資源就可以了；上面的文字是技術(shù)寫上去的。

可能要問問蘋果了...)依此類推，得出換算公式一：若有小數(shù)，四舍五入即可。在 iOS 開發(fā)中，目前只需要 @2x 和 @3x 兩種切圖，所以導(dǎo)出 2 倍和 3 倍的 png 圖片即可。

第三步，開發(fā)工程師拿到750px標注圖和@3x切圖資源，完成iPhone 6（375pt）的界面開發(fā)。此階段不能用固定寬度的方式開發(fā)界面，得用自動布局（auto layout），方便后續(xù)適配到其它尺寸。

如何高效地輸出iOS和Android標注和切圖

IOS和Android開發(fā)需要的設(shè)計交付物至少要有：高保真UI圖，標注，切圖。高保真UI圖所起到的作用是，開發(fā)會參照其畫頁面，僅僅是獲知頁面樣子的一個手段，并非什么高精度的事情。

我們會發(fā)現(xiàn)xhdpi模式和hdpi模式的換算比例也是75%。也就是說xhdpi模式下切圖尺寸跟iOS下是一樣的。所以iOS的切圖可以直接適用于Android的xhdpi模式。至于除hdpi和xhdpi之外的其他模式，如果需要適配，就需要單獨處理圖片了。

使用摹客切圖，可快速切換平臺(iOS、Android、Web)和選擇倍率，支持自定切圖尺寸和切圖壓縮，非常方便。

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

var pngDoc = open(bigicon， OpenDocumentType.PNG)；//調(diào)用[Folder]的[selectDialog]命令，彈出文件夾選擇窗口，提示用戶選擇輸出iOS圖標的文件夾。//并將文件夾存儲在變量[destFolder]中。

文章名稱：切圖ios開發(fā) ios切圖命名規(guī)范
標題鏈接：http://muchs.cn/article2/diidcic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、外貿(mào)建站、網(wǎng)站導(dǎo)航、、品牌網(wǎng)站建設(shè)、用戶體驗

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)