Join John McWade for an in-depth discussion in this video Maki poster, part 2, part of Graphic Design Tips & Tricks Weekly.
- Last episode I talked about how experienced designers tend to make bold moves and big differences on the page where beginners tend to even things out and make them more alike. And to show what I mean by bold moves I redesigned this concert poster, which is pretty bland. Sticking to these typefaces, I came up with this. Black page, big picture, bolder type, higher contrast between type weights and sizes and so on.
The makeover has the energy you'd want in a concert poster and it looks designed. In this episode I'll take it further. Better type, bolder page proportions. Standard page proportions, these are letter proportions, are pretty blah. One edge is somewhat shorter than the other, more definite would be a square where all four sides are alike, or double that, a two to one ratio.
These are ratios you can feel. Your monitor is probably 16 by nine, which is less than two to one, but definitely bolder than letter size, so I'll start there in a landscape format. I'll also do a vertical version. Divide the page roughly into thirds and put the picture in there. Pretty tightly cropped, also to the rule of thirds. You can adjust this as you go. In the upper left corner I set her name in the typeface Druk.
Druk is spelled D-R-U-K. It's from Commercial Type. Druk is ultra condensed. Others are similar and it comes in several widths. I'll be using two. I have Jakira in double extra condensed and Maki in extra condensed, which puts the emphasis on it. No space between. Then her second picture, bleed to the top. Then again in double extra condensed the word live. Then color the type from the picture like this.
And this is a cool thing. Ultra condensed type is powerful on a bunch of levels. I love it for the blocks it makes. It's intentional, there's nothing vague about it. You're forcing a lot of communication into a compressed space, so there's an intensity to it. It towers like a skyscraper, so there's this bigger than life feel to it. Date and time, also in double extra condensed run together, separated only by gray value.
I love the rectangles. Now a change of face to Miller Display italic. It's a beautifully proportions textured serif, set the venue and what a lovely contrast. This is another asset of Druk. Because it's visually neutral you can put stylish faces against it and they don't interact. Each stands on its own. So it goes with almost anything. Then I drew an axis here and set a Kent & Moore production in tiny Helvetica Light caps.
Caps to keep it block-like, aligned right. This is bold stuff. Tight picture cropping, bleeds, intense typefaces on the edges, high contrast of style and size, and sharp alignment. Last step, add the text in Miller sized to hit the baseline, set the sponsors below that, and we're done. Looks pretty easy. It was surprisingly easy.
I experimented a bit with type widths and sizes. Here's a version with her first name wider. But the basic configuration worked from the start and that's because of the rectangles. So this is an easy style to work in. Here's the same design in all black. I love this. Strong photo in free space, then the type, imagery, everything in a narrow band across the top. It moves your eye, it has texture, contrast, all that.
There are no foreign elements, like curves for example. It's pure. The other cool thing about this type is it can run vertically too. Super big photo, even more tightly cropped, same rule of thirds. Again, you can fudge a bit depending on your image. And now we'll just stack the type this way. First name, second name, live, tuck the second photo in there, our tiny type.
Yates Pavilion, date and time in Druk. Note the tight line spacing. And finally, the Miller text, aligned right like everything else. And it just carries your eye down the page. It's classy, it doesn't look contrived. One other way to do it unique to this type is to create a built block.
Jakira Maki, this time the same width, so Jakira is bigger, then live, then bring the date and time and the photo into the block. Add back Yates Pavilion, our tiny type aligned here, and then the text, which can now be aligned left, which is easier to read, and we're done.
I like this a lot. It's an incredible format. It's radical, it's bold, it's classy, and it's surprisingly easy to do. So that's what I mean by making bold moves. High contrast, tall, wide, near the edges, all that, that's what design looks like. And that's your design for today, see you next time.
Author
Updated
11/1/2019Released
6/2/2015Skill Level Intermediate
Duration
Views
Q: Why can't I earn a Certificate of Completion for this course?
A: We publish a new tutorial or tutorials for this course on a regular basis. We are unable to offer a Certificate of Completion because it is an ever-evolving course that is not designed to be completed. Check back often for new movies.
Related Courses
-
Graphic Design Foundations: Typography
with Ina Saltz2h 23m Beginner -
Learning Graphic Design: Techniques
with John McWade1h 7m Intermediate
-
New This Week
-
Introduction
-
Welcome53s
-
-
The Best Practices of Graphic Design
-
Logo design: Think simple3m 40s
-
Chart your data with images2m 26s
-
Angles4m 52s
-
Soften the edge2m 49s
-
Shape it: Part one6m 52s
-
A logo makeover: Part two5m 22s
-
Grid collage3m 8s
-
People in a group on a grid5m 24s
-
Magazine cover redesign4m 33s
-
Redesigning a business card7m 48s
-
The color wheel6m 36s
-
Layout decision points5m 3s
-
Designing a tiny brochure3m 53s
-
Panoramic spacing3m 23s
-
Foreground focal point2m 58s
-
Stop, look, observe3m 50s
-
Go with the flow9m 52s
-
Learning by doing11m 43s
-
For the love of design!4m 7s
-
Bold moves5m 6s
-
Simply beautiful4m 51s
-
Common but versatile looks5m 37s
-
Audacious philanthropy5m 50s
-
Simple slides12m 48s
-
Every face has a place5m 8s
-
Those little extras1m 53s
-
Seeing sight lines13m 34s
-
Swiss style grids, part 15m 26s
-
Swiss style grids, part 26m 54s
-
Poetic type5m 20s
-
Visual continuity4m 53s
-
Find your balance5m 25s
-
Looking around: Why it works4m 17s
-
Don't fake it2m 3s
-
Find the focal point6m 5s
-
Tooth and texture8m 35s
-
Small and simple5m 37s
-
Design challenge: Dino Water3m 36s
-
Experimenting with borders5m 20s
-
Product ad comparison4m 5s
-
Rewind: Simply beautiful4m 59s
-
Rewind: Seeing sight lines13m 33s
-
Maki poster, part 15m 40s
-
Maki poster, part 26m 35s
-
A type of luxury2m 32s
-
Quick look: Nick's Cove1m 1s
-
Less is more: Book covers5m 22s
-
Less is more: Notices5m 25s
-
Less is more: Posters4m 44s
-
Movement in design4m 16s
-
The British Academy: Logo4m 36s
-
The British Academy: Type3m 48s
-
The British Academy: Grid4m 45s
-
Ask John: Authentic advice2m 33s
-
Paper flyer redesign4m 6s
-
Set a headline with Gossamer3m 54s
-
Ask John: New business logo1m 52s
-
A new type: Helvetica Now5m 48s
-
Typographic silence6m 46s
-
Rebranded: Uber4m 6s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Maki poster, part 2