Google Web Designer —— HTML5+CSS3网页可视化设计器

Google在10月1日发布了Web Designer的测试版本, 这是一款面向创意设计人员的HTML5网页设计器, 使用它可以轻松的制作带有CSS3动画效果的网页. 目前发布的测试版内置多种Google广告的模板.

现在访问官网即可下载Google Web Designer, 支持Windows和Mac操作系统.

Google Web Designer是一个可视化设计器, 说实话我刚打开软件, 有一种它其实是外包给Adobe公司开发的错觉. 并且令人惊奇的是, Google Web Designer支持中文语言.

主界面

主界面怎么看都觉得像Adobe Photoshop CS6, Google采用这种布局应该是为了减少设计人员的学习成本, 连基本不用可视化工具的博主都觉得用起来很容易.

创建新文件

目前Google Web Designer支持创建Google广告和空白文件, 动画模式有快速和高级两种供用户选择.

可视化设计器

可视化设计器方面, 与传统的拖控件设计类似, 不需要了解具体的代码实现原理.

修改链接

Google Web Designer还内置了一些基本的HTML编辑功能.

3D旋转

Google Web Design支持创建3D动画, 通过可视化设计器, 这一切都变得很容易.

时间轴

类似于传统的动画设计工具, Google Web Designer提供了时间轴, 图中是”快速”动画下的效果, 在”高级”动画中你可以修改动画中的细节并使用图层.

代码编辑

除了可视化编辑部分, Google Web Designer内置代码编辑器, 支持对代码进行细节上的修改.

发布

最后, 使用发布功能可以把设计好的网页发布出去.

点击这里查看DEMO

Google发布Web Designer无疑会给Adobe带来一定的压力, 也再一次证明了HTML5和CSS3将是Web未来的发展方向. 开发人员和设计人员应该追上时代的步伐, 学习新的技术和设计方式.