網友評分:
5分
Avocode 是一款專業強勢的圖像處理軟件,它擁有良好的用戶界面,且占用內存小,此外還可以生成包含圖層和字體樣式的簡潔代碼,兼容.psd和.sketch等格式的文件,同時還擁有自定義代碼輸出的功能。
1、直接打開.psd和.sketch文件而不啟動Photoshop和Sketch:Avocode能自行渲染Photoshop和Sketch設計。因此,您可以在任何操作系統上打開與檢查您上傳到Avocode的所有設計,無需其他設計工具。
2、導出適用于網頁、IOS或Android程序的代碼:生成包含圖層和字體樣式的簡潔代碼(CSS,Less,Sass,Less,SCSS,Stylus,React Native,CSS,JS,Swift和Android),單位為px,pt,dp或rem,顏色為HEX, HEX8, HSLA,RGBA或UIColor。
3、將圖像導出為@4x或xxxhdpi分辨率:每個圖層都完全渲染,您可以將任何文件導出為PNG,JPEG,SVG或WEBP圖片格式,無需預先設定可導出文件或重命名圖層。插值矢量形狀,添加更多的分辨率變量以適應任何桌面、IOS或Android屏幕。
4、測量,不要目測:即刻獲知任何圖層的大小或圖層之間的距離。選擇多個圖層并測量它們與其他圖層之間的距離。查看設計指南,或創建自己的指南來檢查對齊,或查看不同對象之間的距離。
5、從每個像素中手動選取 #BADA55顏色:手動復制顏色并轉換……這真是上個世紀的做法了。只需選擇一種顏色,顏色代碼將會立即添加到剪貼板,讓您可以復制粘貼到任何需要的位置。
6、將文字圖層導出為純文本、圖像或HTML代碼:當您選中文字圖層時,可以將它導出為圖像,復制純文本或復制帶HTML標簽的文本。“樣式(STYLES)”面板將顯示所有的圖層信息,例如字體家族,字體粗細和字體大小等。
7、自定義代碼輸出并定義變量:隱藏屬性并重新調整代碼行。創建替換規則并將任何值(顏色,字體,漸變,大小,距離)定義為變量都將自動顯示在導出的代碼中。
1、注冊登錄之后。當前需要創建一個文件夾。創建文件夾可以選擇你需要的切圖的類型,有IOS,ANDROID,WEB三種類型。我們這里選擇的WEB.
2、進入之后可以選擇上傳按鈕上傳我們的PSD文件,這里有一個問題,就是這是國外的軟件,服務器在國外,如果沒有科學上網的話,上傳的速度會讓你痛不欲生,因此作為一個程序員科學上網是非常重要的。
3、打開這個psd之后,可以看到很多工具欄。在界面中的左邊,有四個按鈕圖層、活動信息、版本記錄、psd的多種相關信息。上邊的工具欄是對psd進行具體的切圖工作。右邊的工具欄顯示的是具體選中或者進行操作的獲得的圖層信息。
如何將Avocode連接至Slack?
1、注冊Slack或者登錄您的賬號以開始使用。
2、Visit our 幫助中心 for instractions on how to authenticate your account.
3、如果您想在特定的#頻道內收到項目相關通知,請在Avocode內打開項目,點擊“添加至Slack”。
4、如果您想在一個頻道內接受團隊內的消息,請選擇“團隊設置/集成”,然后點擊“添加至Slack”。
5、每當您收到Slack的設計或評論通知時,您可以點擊評論,并在Avocode網頁版中打開相應的設計。
Adobe Dreamweaver CS3 官方簡體中文精簡版 49M | 簡體中文 | 7.2
詳情Adobe Dreamweaver CS5 中文綠色破解版 407M | 簡體中文 | 3.2
詳情美圖秀秀照片處理軟件 V7.1.1.5 官方最新版 185.41M | 簡體中文 | 9.5
詳情藍湖PS插件 V2.67.0 官方版 15.29M | 簡體中文 | 9.4
詳情Layer Exporter(AI切圖插件) V2.1.0 免費中文版 62K | 簡體中文 | 10
詳情切圖工具 V1.0 綠色免費版 8K | 簡體中文 | 10
詳情