谷歌也出品了“Web设计神器”为HTML5和CS3新技术而生!Google Web Designer V1.2.1.0121 网页设计软件 Web工具 HTML5软件 CSS3开发工具  ruanjian jiaocheng

什么是 Google Web Designer?

Google Web Designer是一款高级网络应用,您可以使用该应用的集成型直观代码界面来设计和制作HTML5广告和其他网络内容。通过Google Web Designer的“设计”视图,您可以使用绘制工具、文本和3D对象来制作内容,并且可以在时间轴上为对象和事件添加动画效果。当您制作完内容后,Google Web Designer便会输出简洁、可读的HTML5、CSS3和JavaScript。
Google Web Designer还提供了一个组件库,您可以使用该组件库将图库、视频、地图和其他功能添加到您的网站和广告中。

通过 Google Web Designer 的“代码”视图,您可以创建 CSS、JavaScript 和 XML 文件。此外,该视图还具有语法突出显示和代码自动填充功能,可让代码编写变得更简单,且错误更少。

谷歌也出品了“Web设计神器”为HTML5和CS3新技术而生!Google Web Designer V1.2.1.0121 网页设计软件 Web工具 HTML5软件 CSS3开发工具  ruanjian jiaocheng

功能展示:

Google Web Designer有一个较大的中心区,可供您制作项目和修改代码。在该中心区的周围,分别为工具栏、工具选项栏、时间轴以及一组可让您执行诸如修改元素、添加组件和事件之类操作的面板。

Google Web Designer特色功能

时间轴

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

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

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

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

谷歌也出品了“Web设计神器”为HTML5和CS3新技术而生!Google Web Designer V1.2.1.0121 网页设计软件 Web工具 HTML5软件 CSS3开发工具  ruanjian jiaocheng

快速模式

谷歌也出品了“Web设计神器”为HTML5和CS3新技术而生!Google Web Designer V1.2.1.0121 网页设计软件 Web工具 HTML5软件 CSS3开发工具  ruanjian jiaocheng

高级模式

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

更改3D视图

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

谷歌也出品了“Web设计神器”为HTML5和CS3新技术而生!Google Web Designer V1.2.1.0121 网页设计软件 Web工具 HTML5软件 CSS3开发工具  ruanjian jiaocheng

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

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

修改 SVG 图片

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

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

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

使用组件

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

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

谷歌也出品了“Web设计神器”为HTML5和CS3新技术而生!Google Web Designer V1.2.1.0121 网页设计软件 Web工具 HTML5软件 CSS3开发工具  ruanjian jiaocheng

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

您无法在 Google Web Designer 界面内预览组件。要查看工作中的组件,请在您偏好的浏览器中预览广告。

暂时支持的组件

“点按区域”组件
“手势”组件
“点按通话”组件
可滑动浏览的图集组件
图库导航组件
轮换展示图集组件
360° 图库组件
“视频”组件
YouTube组件
音频组件
地图组件
“iFrame”组件

支持快速Web广告制作技术

谷歌也出品了“Web设计神器”为HTML5和CS3新技术而生!Google Web Designer V1.2.1.0121 网页设计软件 Web工具 HTML5软件 CSS3开发工具  ruanjian jiaocheng

这个有点类似于阿里妈妈广告牌的东西,不过不同的是谷歌提供的功能更加多,且自由化程度也比较高。这样导致了在入门上没有阿里妈妈的好,新手用户使用阿里巴巴比较的好,因为阿里妈妈广告牌有现成的样式。你可以自由的替换掉自己所需要的内容。当然这样导致了死板、模式固定的通病。

支持多国语言:

谷歌也出品了“Web设计神器”为HTML5和CS3新技术而生!Google Web Designer V1.2.1.0121 网页设计软件 Web工具 HTML5软件 CSS3开发工具  ruanjian jiaocheng

提供多平台支持:

支持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出品的软件能一样的好用与稳定。

最新版下载地址:

http://www.google.com/webdesigner/

如果无法打开!无法下载!!也可以直接点击下面的下载按钮或者留言告诉我。。。。。。

本站下载的提供的是windows 版本!!!!需要其他版本请去官网下载

请点击上面的按钮进行下载,本站所有素材为压缩包文件格式(.7z或者.zip或者.rar),请先解压文件才能得到素材!





属性标签: , , ,

3 条评论

欢迎留言