If you want your web code to be at once current and future-proof, you need to be coding in HTML5. If you’re unfamiliar with coding by hand, you’ll want some kind of app that provides a WYSIWYG interface, allowing you to build your web component using similar tools to those found in DTP and image-editing packages.
Not only does the tool provide you with drawing tools, text and 3D objects, it allows you to animate objects on a timeline too. And to help you crack on with your advertising project, Google Web Designer provides a library of components that makes it easy to add image galleries, videos, ad network tools and more.
Everything’s laid out logically using an interface that will feel familiar to anyone with any experience of using third-party web design tools, with tools laid out on the left, the selected tool’s options in a toolbar to the top, a timeline below and panels to the right. You can easily switch between design and code view, preview your project in any web browser installed on your PC or Mac and finally publish your ad or video, ready for uploading.
Everything is slickly presented, and it won’t take long for anyone with experience of using design apps to create ads using the program. One of its strengths is that Google has coded it in such a way as to produce a single ad that will work across a variety of platforms – mobile and desktop – without having to be tweaked or recoded for each device.
Despite its clear focus on advertisers, the program may also garner a following among those keen to create small banner animations for other purposes, such as sharing content via social media.
What's new/fixed in v6 (see Release Notes for more info)?
- Code view improvements
- Events panel layout. The Events panel now displays information in resizable columns. You can reorder events by dragging them to a new position in the list.
- Focal points for responsive images. Set a focal point to keep a key part of your image always visible in case resizing the image may crop it.
- Interactive video. The Video component now lets you add hotspots that appear over your video. Set cue points to seek or trigger events at specific times during video playback.
- Keyframe rules editing in CSS panel. You can now see and directly edit CSS animation keyframe rules while in Design view.
A polished, smart tool mainly for producing web ads that work consistently across multiple platforms. Having said that, Google Web Designer may also appeal to social addicts looking for an easy way to generate polished banner animations too.