Google Web Designer(Web网页设计工具) v8.0.3 中文绿色免安装版

Google Web Designer 是 Google 最近发布的一个免费 Web 网页设计工具，该软件是中文绿色的，主要用于创建基于 HTML5 和 CSS3 的网页或交互式动画，设计出的网页动画无需 Flash 支持，能适应任何平台与设备，不用考虑兼容性问题。

Google Web Designer是一款非常好的广告网页设计制作软件，它能够轻松的帮助各位用户们完成相关的行业设计工作，改进用户们的工作效率，减少用户们的工作时间，软件可以支持用户们在Google网页中制作非常好用的交互式广告插入，或许有很多用户们在想这听起来好像就比较难操作啊，没有点专业知识估计都弄不了吧，对于这款软件来说这是不存在的，它的操作界面对于任何广大用户们来说都是非常的友好，功能选项一看便知道什么意思，根据需求选择就可以了，非常的方便。软件还支持设计和代码两种视图，再加上3D设计的制作环境可以让用户们的社交模样在视图中完美的呈现出来，软件还针对网页动画方面的设计提供了快速时间轴功能以及高级动画模式，帮助大家在这方面也能够有非常便利的帮助。今天小编就带来了Google Web Designer汉化版，支持简体中文能让用户们拥有更好的体验感，有兴趣的朋友们快来下载体验吧！

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

对于网页动画设计，Web Designer 有两种动画模式：快速时间轴模式和高级动画模式。快速模式类似于逐帧的幻灯动画；高级模式则基于动画图层，能精确控制每一个元素的动作、位置等。

Google Web Designer 还是一个方便的 Google 广告设计工具，软件内置了标准的 Adsense 或 AdMob 广告制作流程，通过可视化创建 HTML 元素标签，无需任何代码基础，就可以轻松制作出动画或交互式广告，包括横幅广告、展开式广告、非页内广告等类型。

软件功能

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

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

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

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

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

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

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

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

包括横幅广告、展开式广告、非页内广告等类型。

使用教程

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文件，请创建一个非页内广告，然后在新文件对话框中的“环境”下拉列表中选择“常规”。

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

软件亮点

1、将奇思妙想变成可在任意设备上展示的精彩作品

您可以创作能够在任意设备上投放且极具吸引力的互动式HTML5作品和动态图形。

2、让奇思妙想在任意设备上都可精彩呈现

无论您的作品多么精彩，如果用户无法欣赏，都是白费功夫。现在，您创作的所有内容都可以在任意设备（包括桌面设备、平板电脑和移动设备）上呈现，不会有兼容性问题。

3、专注于设计

您可以将HTML5和CSS3方面的事宜交给我们来搞定，从而专注于自己热衷的工作：打造绚丽的视觉体验。是一个功能齐全的设计套件，让您可以轻松地将任何奇思妙想变成精彩作品。

4、借助代码实现更好的效果

您作品的所有代码都是可以手动修改的，因此如果您认为有必要，可以随时手动修改自己的作品。您可以借助代码更好地呈现自己的奇思妙想，而不会受到代码的限制。

5、内容创作工具

您可以使用形状工具、钢笔工具或Google Web Designer特有的标记工具创作自己的作品，还可以使用新推出的渐变修改工具进一步完善自己的项目。

6、与Google产品无缝集成

您可以将文件直接推送到Google云端硬盘，以便进行远程共享、修改和协作，从而简化工作流程。广告制作好后，只需点击一下，即可快速将其发布到DoubleClick Studio、AdMob或AdWords。

软件测评

支持windows7、8版本

支持Mac OS X 10.7.x或更高版本

支持Ubuntu 12.04+、Debian 7++、OpenSuSE 12.2++、Fedora Linux 17

所以说你可以很容易的依赖上Googole Web Designer，它是免费的可供商业完全使用的一款软件！同时有强大的谷歌公司为软件提供更新和技术支持。保证了Googole Web Designer设计工具软件的质量与Adobe出品的软件能一样的好用与稳定。

使用说明：

已经做成绿色免安装版，直接运行 webdesigner.exe 即可，注意本软件仅支持 Windows 7 和 Windows 8 系统，Windows XP 下无法运行。

Google Web Designer 与之前介绍的 Adobe Edge Animate、TopStyle 应该属于同类工具，有兴趣的可以对比看看。

Google Web Designer is an advanced web application that's built with HTML5 which lets you design and build HTML5 advertisements and other web content using an integrated visual and code interface. Using Google Web Designer's design view you can create content using drawing tools, text, and 3D objects, and you can animate objects on a timeline.