任何操作之前您需要创建一个帐户

doreamon999

该应用程序可在网站上免费试用两周。 （查看大图） Avocode 包含两部分：基于 eb 的管理器和桌面应用程序。它基于项目工作，您需要创建一个项目才能开始。提供了一个示例 eb 项目（登录页面），以帮助首次使用的用户了解可用的功能。 （查看大图） 上传设计  创建项目后，您需要上传您的设计。您可以使用 Dropbox 或从本地系统手动拖放文件。 （查看大图） （查看大图） 用户界面概述  创建项目并上传设计后，您需要安装桌面应用程序来检查它们。该网络应用程序仅具有预览和评论功能，不允许您详细检查设计。 （查看大图） 那么，让我们深入了解桌面应用程序的详细信息！Avocode 感。

觉像是一个功能强大且专业的应用程序。用户界面看起来与 Photoshop 非常相似——相同的配色方案和字体。类似于 Photoshop 的深色界面使 Avocode 的外观和感觉都非常流畅。如果您是 Photoshop 或 Illustrator 的中级用户，那么学习曲线几乎为零。 您大部分 Whatsapp 号码列表 时间关注和使用的主要选项卡是“项目设计”。它以缩略图、标题和活动指示器的形式显示您的每个项目。 （查看大图） 如果双击缩略图，您将立即看到一个包含组和图层的完整列表的屏幕，就像 Photoshop 一样。底部是一组 Avocode 工具。我们将使用的第一个工具是选择工具。使用它，您可以选择单个图层或多个图层，并在右侧查看其属性。您会注意到检查器的内容根据选择的项目而。



变化。 下面，选择了号召性用语按钮的图层。当您在 PSD 中选择某个项目时，侧边栏会显示该项目的 CSS。作为奖励，Avocode 还为您提供复制 LESS 或 Sass 代码的选项： （查看大图） 您可以选择图像并查看其尺寸。Avocode 中的图像导出选项也非常好。您可以设置不同的规则，允许您以任意数量的配置导出所有图像，包括 JPG、PNG 和 SVG 格式，以及正确的比例（“1x”表示原始大小）。 （查看大图） 信息面板包含有关设计的所有重要信息。您甚至可以获得公共链接来与任何人分享设计。最好的是，该面板列出了所有使用的字体，以及 Typekit 和 Google eb Fonts 的链接，以便您可以在项目中轻松使用它们。 使用 Avocode，您可以轻松。