Roboto — Typeface Spread

Learning About Roboto

  • Clean
  • Modern
  • Elegant
  • Normal
  • Sans serif
  • Spaced
  • Statement

This was my narrative for Roboto.

Testing with Layout

Different fonts
Different column sizes and type size

Composition Layout

Drawing layouts of the spread
Creating layouts digitally
Experimenting with color and image

Focusing on two spreads

The two spread layouts I decided on

Too Textbook-like

Big R design
Keep old designs and increasing contrast
Adding an image into the R
More images and colors

Edits After Critique

Peer Feedback
  • What purpose does the R serve in the background? Is there a reason for it to do symmetrical?
  • The orange and light blue version of the poster was more eye catching
  • The subtitles could have tighter tracking to look more impactful. Paragraphs could be smaller for more readability.
  • The placement of some fo the graphics seemed out of place, like they were not connected to the text.
Experimenting with different images

More Feedback

Focusing on the type layout
  • evening out the rag, width of text
  • counter balance blue in the opposite corner/side of the R
  • Tweaking the colors to be brighter and more saturated
  • Alignment of the text in correspondance to the environment
Final so far

Coming back to the typeface spread after the video

Final Spread

--

--

--

Industrial/Experience Designer, Human Computer Interactions and Physical Computing at Carnegie Mellon University

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Exploring Syntax hints

The PatternPast visual logo. It reads “PatternFly vintage blog, established 2015.”

Business Model Canvas and Writing: from Copy to UX

Design For Well-being

How to help tech startups to engage their employees

cover

Update on Dunblane Streetscape — Stirling Council deems Petition to be invalid

Which When2meet alternative is good for your business?

Dataroom by Flinco

The best websites that helped me learn German

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Patricia Yu

Patricia Yu

Industrial/Experience Designer, Human Computer Interactions and Physical Computing at Carnegie Mellon University

More from Medium

New Features & UI/UX Improvements on the Major Apps

Design Sprint Journey.

Use unity and variety in mockups

Progress? Or what?