Dq
B

分类导航

Avocode(切图软件) v3.9.1 免费版

大小:99.5MB更新:2019-08-02
类别:图像处理系统:XP/Win7/Win8/Win10

软件介绍

Avocode最新版是一款非常优秀的图像处理软件,它拥有良好的用户界面,且占用内存小,此外还可以生成包含图层和字体样式的简洁代码,因此有需要的用户欢迎下载!

Avocode(切图软件)

软件功能

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、自定义代码输出并定义变量

隐藏属性并重新调整代码行。创建替换规则并将任何值(颜色,字体,渐变,大小,距离)定义为变量都将自动显示在导出的代码中。

Avocode安装教程

1、在9553下载这款软件,解压后,双击exe文件启动,提示您将软件安装到电脑

Avocode(切图软件)

2、这里是安装的提示界面,显示install的界面,等待安装结束

Avocode(切图软件)

3、如图所示,您已经进入到软件的界面,可以开始启动

Avocode(切图软件)

Avocode使用教程

1、注册登录之后。当前需要创建一个文件夹。创建文件夹可以选择你需要的切图的类型,有IOS,ANDROID,WEB三种类型。我们这里选择的WEB.

Avocode(切图软件)

2、进入之后可以选择上传按钮上传我们的PSD文件,这里有一个问题,就是这是国外的软件,服务器在国外,如果没有科学上网的话,上传的速度会让你痛不欲生,因此作为一个程序员科学上网是非常重要的。

这里上传了一个示例的简历psd

Avocode(切图软件)

3、打开这个psd之后,可以看到很多工具栏。在界面中的左边,有四个按钮图层、活动信息、版本记录、psd的多种相关信息。上边的工具栏是对psd进行具体的切图工作。右边的工具栏显示的是具体选中或者进行操作的获得的图层信息。

Avocode(切图软件)

Avocode常见问题

如何将Avocode连接至Slack?

1、注册Slack或者登录您的账号以开始使用。

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

3、如果您想在特定的#频道内收到项目相关通知,请在Avocode内打开项目,点击“添加至Slack”。

4、如果您想在一个频道内接受团队内的消息,请选择“团队设置/集成”,然后点击“添加至Slack”。

5、每当您收到Slack的设计或评论通知时,您可以点击评论,并在Avocode网页版中打开相应的设计。

更新日志

1、修复bug

2、优化部分功能

相关专题

  • 图像处理软件
  • 切图软件

相关推荐