Page 1

PORTFOLIO:

DESIGN/TYPE/COLOR AL TOMPKINS|04.2014

1


portfolio

wang

FIRST POSTER DRAFTS

FINAL POSTER

2

This poster promoted the 2014 First Amendment celebration by the Gateway Journalism Review. The design makes the point that free speech, free press and the other three freedoms that live in the First Amendment are as central to Americans as the flag.

My original design set the flag inside a series of frames but the design became too busy and square. The design also began to feel like two posters smashed into one so the final design used only the flag. The US flag has specific RGB values that I adopted. I used Adobe InDesign to produce the project. 3


portfolio

I tried one other concept incorporating a crosshair target on letters in the design, signaling that the press is under fire around the globe.

The main lessons that I learned in the poster project is that a simple concept can have far greater visual impact that complex shapes that compete with the message.

The streak of red added urgency and tension to the design. In this design I attempted to use all three tools, design, type and color to build a message.

I was impressed by the power of a heavy black serif font on a white background with a streak of color that adds emotion to the words.

Ultimately, the design was too busy, and had too many messages. I either had to lose the flag or lose the headline font with the red streak. I thought the flag made the boldest statement so that is what I kept.

SECOND POSTER CONCEPT 4

wang

I also learned the power of kerning letters together to add a flow to their shapes. And I recognized that too many fonts confuses the design.

LESSONS LEARNED 5


portfolio

wang

FINAL TEXT LAYOUT PROJECT

6

For the text design project I chose to produce a handout that teaches photojournalists the basics of motion, sequencing, sound, light and setting. The project, put together in InDesign, included original text and photographs that I captured while teaching my video students at The Poynter Institute. I wanted the power of the images to compliment the text and I incor

7


portfolio

8

wang

9


portfolio

wang

The text design project was my first attempt to use a three-column design. I found it challenging to fit photos into the same three column grid as the text. In some cases, the design determined the photos I used. I had several pictures that were horizontal but would not fit into the vertical design. I learned that as a photographer, I should capture the same image in both vertical and horizontal layouts in case the design requires one or the other. In early versions of this design I attempted to use too many “pull quotes� to break up the heavy text columns. I wanted to keep dense text from sitting next to other large text blocks, so I used elements such as quotes to break up the text.

LESSONS LEARNED

10

11


portfolio

wang

LAYERS PROJECT

12

The first assignment in this class was, for me, by far, the most difficult. With no background for having used Photoshop layers, I had to learn how to place a photo inside a Kindle window and then add text and shadows.

LAYERS ELEMENTS

The first drafts of this design contained far too much text and not nearly enough space between the image and the text. I also quickly realized my main photo was too complex.

13


portfolio

wang

COLOR PROJECT

14

In this project I learned about color values, contrasting and complementary colors. In this design, I used Photoshop to identify the blue from the sky and designed it into the logo and the underline in the position line. The position line color comes from the building tile. The outer border comes from deep green hues of the shrubs.

COLOR PROJECT ELEMENTS AND DRAFTS 15

Portfolio1 al tompkins  

These are the projects I produced for MMC6936.604S14

Advertisement