- 軟件大?。?9.5MB
- 軟件語言:簡體中文
- 軟件類型:國產(chǎn)軟件
- 軟件類別:圖像處理
- 更新時間:2019-08-02
- 軟件授權(quán):免費版
- 官方網(wǎng)站://48statesin48weeks.com
- 運行環(huán)境:XP/Win7/Win8/Win10
- 標簽:圖像處理 切圖軟件
Avocode最新版是一款非常優(yōu)秀的圖像處理軟件,它擁有良好的用戶界面,且占用內(nèi)存小,此外還可以生成包含圖層和字體樣式的簡潔代碼,因此有需要的用戶歡迎下載!
1、直接打開.psd和.sketch文件而不啟動Photoshop和Sketch
Avocode能自行渲染Photoshop和Sketch設(shè)計。因此,您可以在任何操作系統(tǒng)上打開與檢查您上傳到Avocode的所有設(shè)計,無需其他設(shè)計工具。
2、導(dǎo)出適用于網(wǎng)頁、IOS或Android程序的代碼
生成包含圖層和字體樣式的簡潔代碼(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分辨率
每個圖層都完全渲染,您可以將任何文件導(dǎo)出為PNG,JPEG,SVG或WEBP圖片格式,無需預(yù)先設(shè)定可導(dǎo)出文件或重命名圖層。插值矢量形狀,添加更多的分辨率變量以適應(yīng)任何桌面、IOS或Android屏幕。
4、測量,不要目測
即刻獲知任何圖層的大小或圖層之間的距離。選擇多個圖層并測量它們與其他圖層之間的距離。查看設(shè)計指南,或創(chuàng)建自己的指南來檢查對齊,或查看不同對象之間的距離。
5、從每個像素中手動選取 #BADA55顏色
手動復(fù)制顏色并轉(zhuǎn)換……這真是上個世紀的做法了。只需選擇一種顏色,顏色代碼將會立即添加到剪貼板,讓您可以復(fù)制粘貼到任何需要的位置。
6、將文字圖層導(dǎo)出為純文本、圖像或HTML代碼
當(dāng)您選中文字圖層時,可以將它導(dǎo)出為圖像,復(fù)制純文本或復(fù)制帶HTML標簽的文本。“樣式(STYLES)”面板將顯示所有的圖層信息,例如字體家族,字體粗細和字體大小等。
7、自定義代碼輸出并定義變量
隱藏屬性并重新調(diào)整代碼行。創(chuàng)建替換規(guī)則并將任何值(顏色,字體,漸變,大小,距離)定義為變量都將自動顯示在導(dǎo)出的代碼中。
1、在9553下載這款軟件,解壓后,雙擊exe文件啟動,提示您將軟件安裝到電腦
2、這里是安裝的提示界面,顯示install的界面,等待安裝結(jié)束
3、如圖所示,您已經(jīng)進入到軟件的界面,可以開始啟動
1、注冊登錄之后。當(dāng)前需要創(chuàng)建一個文件夾。創(chuàng)建文件夾可以選擇你需要的切圖的類型,有IOS,ANDROID,WEB三種類型。我們這里選擇的WEB.
2、進入之后可以選擇上傳按鈕上傳我們的PSD文件,這里有一個問題,就是這是國外的軟件,服務(wù)器在國外,如果沒有科學(xué)上網(wǎng)的話,上傳的速度會讓你痛不欲生,因此作為一個程序員科學(xué)上網(wǎng)是非常重要的。
這里上傳了一個示例的簡歷psd
3、打開這個psd之后,可以看到很多工具欄。在界面中的左邊,有四個按鈕圖層、活動信息、版本記錄、psd的多種相關(guān)信息。上邊的工具欄是對psd進行具體的切圖工作。右邊的工具欄顯示的是具體選中或者進行操作的獲得的圖層信息。
如何將Avocode連接至Slack?
1、注冊Slack或者登錄您的賬號以開始使用。
2、Visit our 幫助中心 for instractions on how to authenticate your account.
3、如果您想在特定的#頻道內(nèi)收到項目相關(guān)通知,請在Avocode內(nèi)打開項目,點擊“添加至Slack”。
4、如果您想在一個頻道內(nèi)接受團隊內(nèi)的消息,請選擇“團隊設(shè)置/集成”,然后點擊“添加至Slack”。
5、每當(dāng)您收到Slack的設(shè)計或評論通知時,您可以點擊評論,并在Avocode網(wǎng)頁版中打開相應(yīng)的設(shè)計。
1、修復(fù)bug
2、優(yōu)化部分功能