Create engaging, interactive HTML5-based designs and motion graphics that can run on any device. It doesn’t matter how brilliant your work is if people can’t see it. Now everything you create is accessible on any screen – desktop, tablet or mobile – without compatibility issues. 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 Video Introduction
#Focus on design
Let us handle the HTML5 and CSS3 so you’re free to focus on what you love to do: creating gorgeous visual experiences. A full design suite lets you easily bring any vision to life.
#Amplify with code
If you’re feeling more hands-on, all the code behind your designs is hand-editable, so you’re never locked out of your own work. Your ideas are now amplified by code – not restricted by it.
Google Web Designer Features
Google Web Designer gives you the power to create beautiful, engaging HTML5 content. Use animation and interactive elements to bring your creative vision to life, and enjoy seamless integration with other Google products, like Google Drive, DoubleClick Studio, and AdWords.
Give projects added functionality using pre-programmed Web Components. Default components include iFrame, maps, tap area, image gallery, and YouTube. Plus, each component automatically reports metrics—no coding required.
Use Events to connect your actions to physical gestures and make your creative react to touch, tilting, rotating, or shaking on smart devices. Use preset events, or build your own from scratch.
Organize multiple states of a project using Pages and create as many Pages as your project requires. Use navigation between Pages to give your audience control of what they want to see or do next.
Animate by stringing together simple scenes in Quick mode or by using layers on a timeline in Advanced mode. You can even toggle between modes while animating.
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.
Content Creation Tools
Create your own designs using the Shape or Pen tools or Google Web Designer’s unique Tag Tool. Use the new Gradient Editing tool to give your project some extra polish.
Seamless Google Integrations
Streamline workflow by pushing files directly to Google Drive so you can share, edit, and collaborate remotely. Once you finalize an ad, get it out the door quickly by publishing to DoubleClick Studio or AdMob with a single click.