Google Web Designer是一款用于创建HTML5和CSS3广告的工具，类似于Adobe Flash，但仅限于广告横幅的制作。它提供入门模板、动画模式（快速和高级）以及元素添加功能，支持自定义元素属性。此工具主要针对广告商，虽然目前处于Beta阶段，但已具备创建网络动画的能力。
如果您密切关注Google的发展，您可能知道这一点，但如果您不了解，那么这家巨大的搜索引擎公司最近就推出了一个名为Google Web Designer的新工具。 简而言之–这是Google的Adobe Flash版本。 仅输出是在HTML5和CSS3中 ，并且目前仅限于创建广告横幅。
如前所述由Sean Kranzberg，谷歌工程经理， 在公告的工具 ：
Google Web Designer适用于Mac和Windows。 让我们看看Google最新产品的Beta版本提供什么。
入门
我们可以为HTML，CSS，JavaScript，XML和Google Ads创建一个新的空白文件，它们提供了一组预定义的广告尺寸，这也是Google AdSense广告格式的标准。 创建新文件需要我们指定文档标题，名称，保存位置。
动画模式
这是我们在其他网页创建者应用程序- 动画模式中可能找不到的东西。
“动画模式”中有两个选项：“ 快速” ，它为我们提供了用于创建基本动画的简化工具栏；“ 高级” ，它为我们提供了用于安排更复杂动画的高级工具栏。 创建文件后，我们还可以在这些模式之间进行选择。
添加新元素
Google Web Designer提供了一套易于使用的标准用户界面。 左侧工具栏使您可以选择工具来添加新元素。s生成的默认元素将是div元素。 但是，您可以更改它。
- 选择标记工具 。
- 转到顶部的工具栏，然后选择“自定义元素”。
- 指定要添加的元素。
在右侧的工具栏上，您可以修改元素的属性，例如填充，边距，尺寸，边框，以及查看应用于该元素的所有CSS规则。
此外，Google在以下视频中创建了UI的概述。 观看它以获得进一步的见解。
动画
这是我们使用HTML5和CSS3构建动画的地方。 通过现场演示可以更好地解释此功能，而Google对此有一个演示，因此比起它要容易得多。 请享用：
结论
尽管有其名称，但Google Web Designer 的目标受众是广告商，而不是一般的Web设计师 。
实际上，正式公告已发布在Adwords代理博客上。 但是，尽管有名称和Beta状态，Google Web Designer还是可以用于创建网络动画的功能
我绝对期待下一版中的改进。
更多：
- Google Web Designer入门 – Google支持
- Google Web Designer频道 – Youtube
- Google Web Designer官方Google+专页
扫一扫
256
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
