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