Avocode是一款功能強(qiáng)大且專業(yè)的切圖軟件，這款軟件比起Photoshop要輕便的多，而且切圖效率也非常高，可以讓你告別繁瑣的切圖工作。軟件以圖片形式導(dǎo)出設(shè)計(jì)圖層，將文字圖層導(dǎo)出為純文本、圖形或html代碼，同時(shí)還支持自定義代碼輸出自定義變量，本軟件安裝過(guò)程相當(dāng)簡(jiǎn)單，啟動(dòng)程序后便會(huì)自行安裝，稍等片刻即可完成安裝，感興趣的朋友快來(lái)下載使用吧。

軟件功能

　　1、直接打開(kāi).psd和.sketch文件而不啟動(dòng)Photoshop和Sketch

　　Avocode能自行渲染Photoshop和Sketch設(shè)計(jì)。因此，您可以在任何操作系統(tǒng)上打開(kāi)與檢查您上傳到Avocode的所有設(shè)計(jì)，無(wú)需其他設(shè)計(jì)工具。

　　2、導(dǎo)出適用于網(wǎng)頁(yè)、IOS或Android程序的代碼

　　生成包含圖層和字體樣式的簡(jiǎn)潔代碼(CSS，Less，Sass，Less，SCSS，Stylus，React Native，CSS，JS，Swift和Android)，單位為px，pt，dp或rem，顏色為HEX, HEX8, HSLA，RGBA或UIColor。

　　3、將圖像導(dǎo)出為@4x或xxxhdpi分辨率

　　每個(gè)圖層都完全渲染，您可以將任何文件導(dǎo)出為PNG，JPEG，SVG或WEBP圖片格式，無(wú)需預(yù)先設(shè)定可導(dǎo)出文件或重命名圖層。插值矢量形狀，添加更多的分辨率變量以適應(yīng)任何桌面、IOS或Android屏幕。

　　4、測(cè)量，不要目測(cè)

　　即刻獲知任何圖層的大小或圖層之間的距離。選擇多個(gè)圖層并測(cè)量它們與其他圖層之間的距離。查看設(shè)計(jì)指南，或創(chuàng)建自己的指南來(lái)檢查對(duì)齊，或查看不同對(duì)象之間的距離。

　　5、從每個(gè)像素中手動(dòng)選取 #BADA55顏色

　　手動(dòng)復(fù)制顏色并轉(zhuǎn)換……這真是上個(gè)世紀(jì)的做法了。只需選擇一種顏色，顏色代碼將會(huì)立即添加到剪貼板，讓您可以復(fù)制粘貼到任何需要的位置。

　　6、將文字圖層導(dǎo)出為純文本、圖像或HTML代碼

　　當(dāng)您選中文字圖層時(shí)，可以將它導(dǎo)出為圖像，復(fù)制純文本或復(fù)制帶HTML標(biāo)簽的文本。“樣式(STYLES)”面板將顯示所有的圖層信息，例如字體家族，字體粗細(xì)和字體大小等。

　　7、自定義代碼輸出并定義變量

　　隱藏屬性并重新調(diào)整代碼行。創(chuàng)建替換規(guī)則并將任何值(顏色，字體，漸變，大小，距離)定義為變量都將自動(dòng)顯示在導(dǎo)出的代碼中。

軟件特色

　　分享設(shè)計(jì)，邀請(qǐng)團(tuán)隊(duì)成員

　　讓其他開(kāi)發(fā)人員在Avocode中自行提取所有設(shè)計(jì)規(guī)定。您可以邀請(qǐng)需要查看、評(píng)論和上傳新設(shè)計(jì)的團(tuán)隊(duì)成員，或者與只需要評(píng)論的人分享公開(kāi)鏈接。

　　評(píng)論、注釋與討論視覺(jué)更改

　　討論所有事情，解釋您的想法，在設(shè)計(jì)的上方為同僚留下反饋意見(jiàn)。突出顯示任何位置，實(shí)時(shí)回復(fù)或解決團(tuán)隊(duì)成員或客戶的意見(jiàn)。

　　通過(guò)Slack或郵件來(lái)接收改動(dòng)提醒

　　當(dāng)有人上傳新設(shè)計(jì)、新版本或發(fā)表新評(píng)論時(shí)，您將收到Slack或郵件通知。您甚至可以將個(gè)人項(xiàng)目連接至專用的Slack #頻道。

　　管理項(xiàng)目許可

　　邀請(qǐng)團(tuán)隊(duì)成員、自由職業(yè)者和合同工，管理他們?cè)谀鷪F(tuán)隊(duì)特定項(xiàng)目中的權(quán)限。通過(guò)公開(kāi)鏈接向第三方(例如客戶)分享設(shè)計(jì)預(yù)覽，并讓他們?cè)u(píng)論。

　　將您的所有設(shè)計(jì)都集中在一個(gè)地方

　　把設(shè)計(jì)上傳到Avocade云，與團(tuán)隊(duì)一起同步版本與版本設(shè)置(項(xiàng)目平臺(tái)，設(shè)計(jì)尺寸與單元)。同時(shí)進(jìn)行無(wú)限量的項(xiàng)目。給團(tuán)隊(duì)成員隨時(shí)訪問(wèn)最新版本的權(quán)限。

　　同步所有的設(shè)計(jì)版本以了解哪個(gè)是最終版

　　Avocode能發(fā)揮一個(gè)最新存儲(chǔ)庫(kù)的作用，讓你可以恢復(fù)原先設(shè)置。您只需將Photoshop設(shè)計(jì)版本拖放到彼此頂部，或者同步同名Sketch畫(huà)板，Avocode就能將它們識(shí)別為新版本。

　　在任意操作系統(tǒng)上離線訪問(wèn)

　　用Windows打開(kāi)Sketch，或用Linux打開(kāi)PSD僅僅是Avocode的基礎(chǔ)功能之一。您打開(kāi)的每一個(gè)設(shè)計(jì)，都將被渲染出完美的像素效果并進(jìn)行下載，讓您在沒(méi)有連接網(wǎng)絡(luò)的情況下也可以訪問(wèn)。

軟件安裝教程

　　1、在腳本之家下載這款軟件，解壓后，雙擊exe文件啟動(dòng)，提示您將軟件安裝到電腦

　　2、這里是安裝的提示界面，顯示install的界面，等待安裝結(jié)束

　　3、如圖所示，您已經(jīng)進(jìn)入到軟件的界面，可以開(kāi)始啟動(dòng)

軟件使用教程

　　1、注冊(cè)登錄之后。當(dāng)前需要?jiǎng)?chuàng)建一個(gè)文件夾。創(chuàng)建文件夾可以選擇你需要的切圖的類型，有IOS,ANDROID,WEB三種類型。我們這里選擇的WEB.

　　2、進(jìn)入之后可以選擇上傳按鈕上傳我們的PSD文件，這里有一個(gè)問(wèn)題，就是這是國(guó)外的軟件，服務(wù)器在國(guó)外，如果沒(méi)有科學(xué)上網(wǎng)的話，上傳的速度會(huì)讓你痛不欲生，因此作為一個(gè)程序員科學(xué)上網(wǎng)是非常重要的。

　　這里上傳了一個(gè)示例的簡(jiǎn)歷psd

　　3、打開(kāi)這個(gè)psd之后，可以看到很多工具欄。在界面中的左邊，有四個(gè)按鈕圖層、活動(dòng)信息、版本記錄、psd的多種相關(guān)信息。上邊的工具欄是對(duì)psd進(jìn)行具體的切圖工作。右邊的工具欄顯示的是具體選中或者進(jìn)行操作的獲得的圖層信息。

常見(jiàn)問(wèn)題

　　如何將Avocode連接至Slack?

　　1、注冊(cè)Slack或者登錄您的賬號(hào)以開(kāi)始使用。

　　2、Visit our 幫助中心 for instractions on how to authenticate your account.

　　3、如果您想在特定的#頻道內(nèi)收到項(xiàng)目相關(guān)通知，請(qǐng)?jiān)贏vocode內(nèi)打開(kāi)項(xiàng)目，點(diǎn)擊“添加至Slack”。

　　4、如果您想在一個(gè)頻道內(nèi)接受團(tuán)隊(duì)內(nèi)的消息，請(qǐng)選擇“團(tuán)隊(duì)設(shè)置/集成”，然后點(diǎn)擊“添加至Slack”。

　　5、每當(dāng)您收到Slack的設(shè)計(jì)或評(píng)論通知時(shí)，您可以點(diǎn)擊評(píng)論，并在Avocode網(wǎng)頁(yè)版中打開(kāi)相應(yīng)的設(shè)計(jì)。