Creating a cohesive typography system
PROJECT: In this project, we were given specific content to use, and over the course of 30 deliverables, we gradually integrated more design elements. I created an effective typographic system that focused on the relationship between composition and meaning. My final system integrated my own textured string background, captured on my iPhone and manipulated in Adobe Photoshop.
CHALLENGE: Create a typographic system; 2 weeks
TOOLS: Adobe Illustrator, Adobe Photoshop, iPhone, String
To get started on this project, I made 33 rough pencil sketches of possible poster designs. While sketching I focused on creating white space that would help guide the reader through the content. At this point in the process, I could only play with one typeface, one size and one style. Rules of hierarchy would come later on. After producing sketches and identifying my favorites, I created 8 solutions with different arrangement of text on tabloid-size posters. I used Helvetica 12 point font.
Here I started to add weight and type variants to the original posters. With these new variables, I was able to create more clear hierarchy within my content. After my posters had been updated, I received my first crit – a surprisingly liberating experience. I received valuable feedback from my professors and classmates and was forced to zoom into the details of space, readability and balance within the content and also zoom out to see the poster as a cohesive piece of communication.
Layering Color and Texture
Now, it was time to have a little fun! I am very attuned to colors and shapes in the natural world and I like to capture these details with my camera as much as I can. When thinking about how I wanted to develop my poster series, I began scrolling through my photos for inspiration. I started noticing my affinity towards shadows and light and created the mood board you see on the right. First, I used Adobe Illustrator to experiment with shadows and color. I wasn't satisfied with borrowing imagery from the internet, so I started to take notice of the textiles I had at home. It was here I found string and noticed how the light cast a beautiful shadow onto the table. I decided to use the string as a strong visual element that would bring texture to the posters and also guide the reader's eyes through the structured content.
Making a system
The final typography system consisted of a tabloid color poster (17x11"), a large color poster (18x24"), a flyer (5.5x8.5") with content for one lecture, and a static web graphic (728px x 90px) designed at actual resolution.