Mockups with Google Drawings

I use Google Drawing quite frequently in the beginning stages of projects, since it’s free, intuitive, and based on vectors; but I know that many people think it’s pretty useless. I created this infographic to change their minds.

Throughout the document, I’m trying to convince the audience to use Google Drawings as part of their designing process. I’m targeting visual designers, especially students, who are pretty much guaranteed to use the Google Docs suite regularly. When I asked my roommate how she would describe Drawings, she said, “terrible.” I’d like to challenge that belief.

I implemented CRAP (contrast, repetition, alignment, and placement) principals and rhetorical appeals while creating this artifact. Google Drawings actually snaps items into alignment, but I had to make sure that everything was properly placed to be readable in the order I wanted it to be. I used a palette all of purple, but I used shades that were distinguishable, and had a nice contrast. I also made sure to use the same colors for everything in the same class, like texts, banners, and the different sections. I used the same ribbon border for the header and on the left of each tip. To differentiate the last section, which was a demonstration of how to put all the tips together, I put the ribbon on the other side. That last section was intended to be a logical appeal to draw the rest of the tips together, and convince readers that Google Drawings is a useful program for creating mockups. I used applicable examples for each tip and in the “TRY” sections, so that the usefulness of my tips could be easily understood.

By creating this document, I wanted to show my understanding of design principles, my ability to use a design program, and to promote a program that everyone can use. Although my focus is editing, I still think it’s important to be able to use software to help design all kinds of documents. Making mockups in Google Drawings is a valuable step for me.

Leave a Reply