Tuesday, October 1, 2013

Tutorial Tuesday: Learn the Google Web Designer Interface

Tuesday, October 1, 2013 |

Yesterday we launched the public beta of Google Web Designer – a professional-quality design tool that makes it easy to design HTML5 creative, for free.

While we built the tool to be fairly intuitive, we want to make sure you have the resources you need to get started. So beginning today and continuing through the month of October, we’ll be posting “Tutorial Tuesday” blog posts to highlight important aspects of the tool.

This week, we’ll give you a general overview of the tool and show you how to add text and tags to your projects. Over the next few weeks, we’ll post on additional topics such as making your projects more interactive with motion, making them more beautiful with design elements, and transforming your work into rich media ad creative. 

Take a tour of Google Web Designer
When you first download Google Web Designer, you’ll want to get to know the interface. With Google Web Designer, you can: 
  • Start designing immediately with familiar menus and panels
  • Design the way you like by toggling between Design view and Code view
  • Test your work in a number of browsers with the Preview button
  • Get your work on the ad networks of your choice by publishing your projects
Take a full walk-through of the Google Web Designer interface in this video

Add text
With Google Web Designer, it’s easy to add text to your projects. You can transform text into headings, paragraph text, and links, and make your text stand out with hundreds of free, open source web fonts. Learn more.

Add tags
Google web designer has a Tag menu that helps you add div img, video, or custom HTML elements to your documents. You can change the color and the border radius of your tags in just a few clicks. Learn more.

Can’t wait until next Tuesday?
In our next Tutorial Tuesday post, we’ll talk about how to use Google Web Designer’s Timeline to add motion to your creative. If you can’t wait until next week, you can watch our two Timeline videos here and here, and you can watch all of our videos on the Google Web Designer YouTube Channel. You can also check out our getting started guide for more information. 

Join the conversation
We want to hear what you think of Google Web Designer, so feel free to send us feedback on our user forum or our Google+ page. We’re excited to have you help us shape the future of our new tool.

Posted by Jasmine Rogers, Program Manager, Google Web Designer