Google Web Designer

Google Web Designer 是谷歌推出的一款可视化网页与广告内容制作工具，把设计面板和代码编辑器整合在同一个工作环境中。用户可以在设计视图与代码视图之间自由切换，一边调整画面效果，一边查看生成的 HTML5 与 CSS3 代码。它主要面向需要制作互动广告、动画以及各类网页内容的设计师和开发人员。通过拖拽图片、文字、交互元素，就能快速搭建出适配不同屏幕尺寸的作品。

双视图与响应式布局

1、 设计视图与代码视图共存，用户可在两种模式间来回切换，便于随时对照和调整页面效果

2、 支持 HTML5、CSS3 等技术标准，响应式设计让同一份内容适配多种屏幕尺寸

3、 对制作广告素材的人来说，设计与代码编辑共用一个界面，日常修改和微调都更省事

4、 利用 CSS3 的特性可以创建和操作 3D 内容，沿任意轴旋转对象和 2D 设计

5、 创作过程中能够直观地看到 3D 变换和位移效果，不用凭空想象最终呈现

动画与素材创作

- 快速模式下把简单场景串联起来即可形成动画，高级模式则通过时间轴上的图层来编排

- 运动路径搭配自定义缓动效果，让制作者对动画节奏有完整的掌控力

- 用形状工具或钢笔工具可以绘制自己的设计，再添加文本、导入素材，并通过调整元素属性提升质感

- 内置一系列预设布局，既能当作灵感来源，也能作为快速起步的模板

- 模板的任何部分都能按需调整，制作好的自定义模板还能存档以备将来使用

广告制作与动态数据

- 简单模式提供精简界面，即使不掌握高级设计工具，也能用素材、文本和颜色快速定制出功能齐全的广告模板

- 媒体规则可以写入广告单元，用来自定义素材的样式和布局，让单个广告单元适应它所显示的任何屏幕尺寸

- 动态广告工作流支持根据受众定制广告内容，把元素连接到数据信号，并用示例数据预览创意效果

- 事件设置能让创意响应用户动作，包括移动设备上的触摸、旋转或摇晃等物理手势

- 可以使用预设事件，也可以用 JavaScript 从头自己的事件逻辑

- 把组件拖放到项目中，就能立刻加入图片库、视频播放器、地图等功能，每个组件还会自动报告指标，不需要编写代码

- 创建多个页面即可在项目中包含多个场景，让观众在观看同一创意作品时切换到不同的体验分支

与谷歌产品协作及发布

1、 在广告创作过程中可以充分利用其他谷歌产品，比如浏览 Google 字体

2、 能够从 Studio 资产库中提取素材，丰富创意内容

3、 创意制作完成后，可以直接发布到 Studio，也可以把文件共享到 Google 云端硬盘

运行环境与偏好设置

- 软件会依据显示器分辨率自动检测合适的缩放级别；若自动缩放在你的显示器上不起作用，可在高级偏好设置中手动更改

- 手动改完缩放比例后，需要重新启动 Web Designer 才会生效

- 部分用户报告的问题无法复现，官方为此设置了详细日志记录选项来协助诊断，日志中不包含任何用户数据

- 在偏好设置中启用详细日志记录后，同样要重新启动 Google Web Designer，日志功能才会开始工作

- 日志文件位于 C:\Users\你的用户名\AppData\Local\Google\Google Web Designer\logs

- 系统要求：Windows 10 或更高版本；处理器为 Intel Pentium 4 或更高型号；内存至少 2 GB，建议使用 4 GB