Google Web Designer v15.2.1.0306

Google Web Designer是一款专业的网页设计工具，专为创建互动和动画内容而开发，支持HTML5、CSS3和JavaScript，使用户能够轻松制作响应式网页广告和网站布局。其直观的界面和强大的功能，让设计师无需编程经验也能实现创意。

Google Web Designer使用帮助

1、时间轴

在Google Web Designer中，您可以使用“快速”和“高级”这两种模式制作时间轴动画。

在“快速”模式中，您可按照场景制作动画：首先添加整个页面的全新视图，然后更改要为之添加动画效果的元素，最后还可根据需要修改转换时间及缓和效果。

要制作更为复杂的动画，您可以使用“高级”模式，单独为每个元素添加动画效果，并根据需要修改转换时间及缓和效果。在“高级”模式下，系统还会显示各层，以便您更改每个元素在元素叠中的位置。

您可以随时点击播放控件旁边的模式切换按钮，在各模式之间切换。

通过时间轴，您可以使用关键帧制作动画。在“快速”模式下，您可以按场景制作动画;在“高级”模式下，您可以单独为每个元素添加动画效果。

2、更改3D视图

如果要处理3D对象，改变您对要处理元素的视角往往会对您有所帮助。要重新确定项目3D视图的方向，请点击3D场景旋转工具，然后使用鼠标更改视图。您可以通过点击并拖动任何位置(经过颜色编码的旋转柄除外)来自由旋转对象。不过，如果您每次仅沿一个轴旋转对象，则可以更好地掌控该对象。例如，拖动红色环会使场景视图沿全局X轴旋转

选择“视图”菜单中的前视图、俯视图或侧视图可径直沿Z、Y或X轴查看场景。双击“3D场景旋转”工具可恢复至您已选择的视图。

选择“视图”菜单中的“显示3D网格”后，3D视图会在与您的视野最平行的平面中显示网格。网格的颜色就是3D罗盘的颜色。

3、修改SVG图片

您可以使用Google Web Designer对导入的SVG图片进行特定类型的修改。您可以更改形状的填充属性(包括颜色和透明度)和描边属性(包括颜色、粗细、连接和虚线)。

SVG文件导入后就可以进行修改，它的修改方式与组的修改方式大致相同。要修改图片，请双击相应图片以进入修改模式。随后，您就可以单独选择各个元素。

修改SVG时无法进行3D转换和平移。

4、使用组件

组件是用来为广告添加特定功能的预建模块。

组件仅可作为广告的一部分使用。要创建能够利用组件的HTML文件，请创建一个非页内广告，然后在新文件对话框中的“环境”下拉列表中选择“常规”。

要向项目中添加组件，请打开“组件”面板，然后将组件拖动到场景中，并将其放置到相应位置(与其他元素一样)。每个组件都有自己的专有属性，您可以通过“事件”对话框中的事件对组件进行控制。

Google Web Designer使用教程

1、在本站下载并解压压缩包，双击googlewebdesigner_win.exe为电脑安装程序

2、安装程序并打开，等待程序之后，我们来到下方界面，可以看到目前程序界面为英语，我们将程序改为简体中文，首先我们点击窗口右上角的“X”关闭当前窗口

3、来到程序主界面后依次点击上方工具栏的help-Set language-简体中文，然后关闭并重新启动程序

4、之后就可以看到程序已变成中文界面

Google Web Designer功能

1、动画模式：

在网页设计过程中，Google Web Designer具有两种不同针对性的动画模式，

一个是快速时间轴模式：类似于逐帧的幻灯动画;

二是高级模式：基于动画图层，能精确控制每一个元素的动作、位置等。

HTML5被普遍视为每个人在网络上都应该使用的标准。谷歌对其的描述是“开发可运行在桌面、智能手机和平板电脑上的漂亮、吸引人内容的通用语言”。谷歌希望其网页设计软件能有助于使整个广告行业的人使用HTML5，让Web开发者更接近“一次开发，随处运行”的目标。

2、广告设计工具：

此外GoogleWebDesigner也是一个方便的Google广告设计工具，GoogleWebDesigner内置了标准的Adsense和AdMob广告制作流程，通过可视化创建HTML元素标签，无需任何代码基础，即可轻松制作出动画或交互式广告，例如：横幅广告、展开式广告、非页内广告等类型。

此工具用于制作“专业设计品质”HTML5广告和从设计师到业余爱好者都可使用的广告活动。

Google Web Designer亮点

1、Google Web Designer提供了一个完整的、所见即所得的全3D设计环境，支持设计视图和代码视图，对设计做的任何修改，都可以在两种视图中实时呈现。

2、对于网页动画设计，软件有两种动画模式：快速时间轴模式和高级动画模式。

3、快速模式类似于逐帧的幻灯动画。

4、高级模式则基于动画图层，能精确控制每一个元素的动作、位置等。

5、是一个方便的Google广告设计工具。

6、软件内置了标准的Adsense或AdMob广告制作流程。

7、通过可视化创建HTML元素标签。

8、无需任何代码基础，就可以轻松制作出动画或交互式广告。

9、能够设计横幅广告、展开式广告、非页内广告等类型。

Google Web Designer小编点评

凭借丰富的模板和灵活的编辑选项，帮助用户打造出色的网站界面，欢迎下载!