Google Web Designer是 Google 发布的一款免费的 Web 网页设计工具,主要用于创建基于 HTML5 和 CSS3 的网页、交互式广告、动画等作品,设计出的网页动画无需 Flash 支持,能适应任何平台与设备,不用考虑兼容性问题。
Google Web Designer 提供了一个完整的、所见即所得的集成式创作界面,支持设计视图和代码视图,对设计做的任何修改,都可以在两种视图中实时呈现。
对于网页动画设计,Web Designer 有两种动画模式:快速时间轴模式和高级动画模式。快速模式类似于逐帧的幻灯动画;高级模式则基于动画图层,能精确控制每一个元素的动作、位置等。
高级 Google 广告设计工具
Google Web Designer主要是一个方便的Google 广告设计工具,可创作各类 Google 广告,软件内置了标准的 Adsense 或 AdMob 广告制作流程,通过可视化创建 HTML 元素标签,无需任何代码基础,就可以轻松制作出各种高级交互式广告,包括横幅广告、AMPHTML 横幅广告、展开式广告、插页式广告等类型。
设计的广告可直接应用于 Google AdMob、Google Ads、Display & Video 360 等平台。
通过模板创建文件
Google Web Designer 提供了一个组件和模板库,模板会自动下载与更新,可以直接利用这些组件库为您的网站和广告添加图库、视频、地图和其他功能。
Google Web Designer 设计视图
通过 Google Web Designer 的设计视图,您不仅可以利用绘图工具、文字和 3D 对象创建内容,还可以为时间轴上的对象和事件添加动画效果。
Google Web Designer 代码视图
通过 Google Web Designer 的代码视图,您可以创建 CSS、JavaScript 和 XML 文件。此外,该视图还采用了语法高亮和代码自动填充功能,可让代码编写变得更简单,且错误更少。
Google Web Designer 发布作品
创建好内容后,您可以利用 Google Web Designer 的自适应布局工具针对多种屏幕尺寸设置内容的样式,然后以清晰明了的 HTML5、CSS3 和 JavaScript 发布您的最终文档。
制作与使用说明
下载解压后直接运行webdesigner.exe即可,默认显示简体中文界面,
如需彻底删除绿色版,请关闭程序后再运行 [Uninstall].bat 脚本,然后直接删除绿色版所在文件夹即可。
Google Web Designer 与之前介绍的Adobe Edge Animate、TopStyle应该属于同类工具,有兴趣的可以对比看看。
更新日志
修正了以下问题:3D 模型的初始亮度过亮。
图片效果组件现在支持版本较低的浏览器。
修正了以下问题:“图片效果”对话框的“属性”面板中缺少“图片效果”标题。
修正了雪碧图组件中的运行时错误。
现在,在不同文档之间复制和粘贴过渡效果图库组件时,会一并正确地复制相应图片。
导入 MP3、OGG 和 WAV 音频文件。
“资源库”面板现在会列出音频素材资源。
特别说明
提示:该资源为网盘资源,请提前安装好百度网盘电脑版