EITC/WD/GWD Google Web Designer

Google Web Designer is a program for Windows, Mac and Linux from Google for creating interactive HTML5 ads and other HTML5 content. It offers a GUI with common design tools, such as a Text tool that integrates with Google Web Fonts, a Shapes tool, a Pen tool, and 3D tools. The advertising feature set includes components to add Google Maps, YouTube videos and more, as well as automatically including the tracking code events for DoubleClick and AdMob.

Google Web Designer’s Code view lets the user create CSS, JavaScript, and XML files, and uses syntax highlighting and code autocompletion that makes the code easier to write with fewer errors. Google Web Designer is free to download and use.

With Google Web Designer you can create engaging, interactive HTML5-based designs and motion graphics that can run on any device.

The framework features:

• Events – set up events to make your creative react to the user’s actions, even physical gestures like touch, rotation, or shaking on mobile devices. Use preset events, or build your own from scratch with JavaScript.
• Components – drag and drop components into your project to instantly add functionality such as image galleries, video players, maps, and more. Plus, each component automatically reports metrics no coding required.
• Pages – create multiple pages to include multiple scenes within a project. Let your audience switch to a different experience while still viewing the same creative.
• Dynamic Workflow – tailor your ad to your audience with the dynamic ad workflow. Connect elements to data signals and preview how your creative looks with sample feed data.
• Animation Modes – animate by stringing together simple scenes in Quick mode or by using layers on a timeline in Advanced mode. Motion paths and custom easing give you full control of your animation.
• 3D – create and manipulate 3D content using the power of CSS3. Rotate objects and 2D designs along any axis, visualizing 3D transformations and translations as you author.
• Google Integrations – take advantage of other Google products throughout your ad creation process. Browse Google Fonts and pull assets from the Studio Asset Library. Once you finalize your creative, publish it directly to Studio or share the files on Google Drive.
• Content Creation Tools – create your own designs using the Shape or Pen tools, then easily add text and import assets. Add some polish by fine-tuning element properties.

What you can do with Google Web Designer:

• Design online ads – Google Web Designer is an advanced web application that 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 and events on a timeline.
• Develop code – Google Web Designer’s Code view lets you create CSS, JavaScript, and XML files, and uses syntax highlighting and code autocompletion that makes your code easier to write with fewer errors.
• Advanced workflows – Once you’re done creating your content, Web Designer provides the tools you need to make your layout responsive across different screen sizes, or add dynamic bindings so you can personalize your ads for your audience.
• Add media and interactivity – Google Web Designer also provides a set of components that let you add image galleries, videos, maps, and other functionality to your websites and advertisements.
• All for free – Google Web Designer is free to download, and free to use.

Google Web Designer supports a wide range of display and video ad formats across its advertising platforms. Find the tools you need whether you’re a designer or a developer: a full design suite and the ability to edit HTML, CSS, and JavaScript directly. Switch between Design view and Code view to see how your changes render.