• Design
  • Shotty
  • Blog
  • Reading
  • Photos
Menu

Jacob Ruiz

Product Designer
  • Design
  • Shotty
  • Blog
  • Reading
  • Photos
jacob-ruiz-design-blog-google-docs-1

Design Technique: Design in Google Docs to Clarify Your Thinking and Focus on Content

June 14, 2017

Designers need to constantly fight the urge to get caught up in visual design, and instead focus on content and structure. One technique I'd recommend trying in order to focus on content is designing in Google Docs. It might sound boring and pedestrian, but it's extremely effective in focusing your thinking on the content and structure of a page, without getting bogged down in pixels. 

blog-google-docs-typography

Use the predefined text settings as an analog for text styles in Sketch. 

Get all your content in the page without overthinking things, and then start editing and restructuring for maximum clarity.

You'll quickly arrive at a content structure that makes sense, since you can iterate quickly in Google Docs.

Now you have a refined content structure that you can reproduce in Sketch, this time you can feel free to focus on applying your visual style in a way that enhances the already clear content.

← This is the best app for planning client communication across timezonesTutorial: How To Make a Squircle Shape In Sketch (Not a Rounded Rectangle) →
shotty-skinny2x.jpg

Shotty - Faster Access To Your Screenshots on Mac

Shotty is an award-winning Mac app I created to give you instant access to all your recent screenshots, right from the menu bar. You can even add annotations on-the-fly. Stop wasting time digging through Finder for your screenshots. I promise it’ll change your workflow forever (just read the App Store reviews!).



Most popular

information-architecture

Information Architecture: The Most Important Part of Design You're Probably Overlooking

Follow @JacobRuizDesign