Link

Design Process 2 (GMD 121) Blog Entries

Advertisements
Link

Typography for Two-Dimensional Design and Typography (GMD 103) Blog Entries

Christophe Blythe

2012/10/26

I created this blog as a class assignment, but I’m considering using it as my professional blog to document my journey to becoming a User Experience/Interaction Designer.

Type Specimens

This, I’d say, is very successful. It shows the letter and number glyphs of the Impact typeface while illustrating an impact between the typefaces name and its glyphs. It’s simple and simple is always good, when it gets the job done.

This is very successful, again. It’s so very… inoffensive. And well put-together. The subtle drop shadows and gradients are very nice touches. Even though the glyphs are faint, they’re still readable; they take a backseat in the design, but aren’t hidden.
My only issue is with the short paragraph describing Georgia. I like how “Est. 1993” hugs it, but I’d center them within the g’s loop… Their positioning offends me.

I don’t like this one at all. It feels too busy and I find my eyes darting all over. It’s very obvious what’s being done, but there’s just so much, and legibility suffers greatly. If this was a critique in person, I’d suggest making the blocks of text one readable font but, since they all say the same thing, that defeats the purpose of displaying the fonts; I just think it may help with the business. I find that, if you focus on one typeface at a time, it’s much easier to take in.
Layout aside, I like the use of the drop caps, especially for the script fonts.

Responsible Design: Postcard

PostcardFinals PostcardFinals2 PostcardFinals3

For this assignment, I made three sketches, but only digitized one design. Here, I created a man/woman who’s defeated, crying tears of blood, and weighed down by an oil derrick that’s extracting blood from his/her body. It represents how large Canadian corporations treat the citizens of smaller countries, taking everything from them — including their very lifeblood.

The pictogram was created using a combination of pen, shape, direct selection, and Pathfinder tools; the blood was created using the blob brush tool.

I chose red as the only actual colour because I wanted the Canadian maple leaf and the blood to be emphasized. For “Canada”, I chose Baskerville Regular because it’s very similar to the official Canada wordmark, which is a custom version of Baskerville. “Open for Justice or Open for Business” was made sans-serif for contrast and because it would be large enough to read without the need for serifs. Using Baskerville and the colour red for “Canada” and a sans-serif font for the rest allowed “Canada” to immediately stand out. There would be no mistaking that this is referring to the country of Canada. Where the typographic systems are concerned, my use of the bilateral system is my most favourite of the three because it illustrates the situation of these workers so well: Squeezed, crushed, stuck.

As a graphic designer, I can use my skills and talents to bring attention to the injustices suffered by others all over the world, by using simple, yet powerful graphics. If it’s something I’m particularly passionate about, I can make that passion shine through and infect others.

Contents

  1. Applied Arts

    AppliedArts0-sfwAppliedArts1-sfwAppliedArts2-sfwI think the contents are very well laid out. It’s easy to understand, with sections placed in all caps, sub-sections in smaller bold letters, and descriptions in regular. The page numbers have been highlighted with a colour that complements the composition well. Furthermore, articles of interest have been accompanied by pictures with their page numbers “knocked out” of said pictures.
    One would have to try really hard to be confused by this layout. The pages seem to be on a three-column grid, as evidenced by the layout of the table of contents relative to the other elements of the pages.

    I’d say the font usage is spot on for allowing easy readability. It still has a hint of creativity (as is appropriate for an Art/Design/Photography magazine), without going crazy.

    The layout is functional and it helps to communicate the content of the book. It states what’s inside simply, making section and sub-section heads easy to read without having them compete for attention, and descriptions/introductions/blurbs are included where necessary.

  2. The Times Atlas of the World

    Atlas0-sfw Atlas1-sfwThe organizational logic used here is simple to understand is actually quite traditional; there is a section head, sub-section head, and topics under those sub-sections (accompanied by their page ranges tabbed, right-aligned). The contents are on a two-column grid system, and hierarchy is easy to ascertain.

    A serifed font is used, which reinforces that the contents within is important and credible. Section and sub-section heads are all caps, with topics using small caps. Varying font sizes and colour are used to clearly show hierarchy. The measure of the section, sub-section, and topic heads are fairly short, so legibility does not suffer.

    Layout is consistent and purely functional; it tells you what you need to know in a no-frills manner.

  3. The Almanac of Canadian Politics

    CAPoli0-sfw CAPoli1-sfw

    The organizational logic used here is simple to understand and, like #2, is very traditional. The contents seem to be placed in one wide column, with titles left-aligned and their corresponding page numbers right-aligned.

    A serifed font is used, appropriate for a book about politics. All text is the same size and weight, but numbering and tabbing have been used to show hierarchy. Legibility suffers a little but, if one focuses on any part of the page, the tabbing helps to alleviate that.

    Layout is consistent and 100% functional; it tells you where to find what you want, and nothing more.

  4. Director 8 and Lingo Bible

    DirectorLingo0-sfw DirectorLingo1-sfw DirectorLingo2-sfw DirectorLingo4-sfw DirectorLingo3-sfw

    The organizational logic used here is simple to understand and is, again, traditional. The contents are in one column, with titles left-aligned and their corresponding page numbers right-aligned.

    There is a lot of information to display where topic titles are concerned, and the use of a serifed font helps with readability; the section and sub-section titles are sans-serif, which breaks monotony and follows standard procedure where larger, shorter blocks of text are concerned.The section and sub-section titles are bold while the topic titles are regular, which, on top of tabbing, easily illustrates hierarchy. Besides being bigger than the sub-section titles, the section titles are also white text on a dark background.

    Layout is consistent and 100% functional; it tells you where to find what you want, and nothing more.

Ad #12: World’s Toughest Job

Description: This is an ad paying homage to moms, having the world’s toughest job. It’s also a greeting card ad for Mothers Day.
Taken from: The ad is from YouTube.
Target audience: The curious. Users of the Internet. And children everywhere.
Efficacy: It was very effective. I almost teared up. The way they built up to the reveal, too, was extremely effective. Honestly, though, seeing the “visit cardstore.com” and “American Greetings” at the end kind of cheapened it… I think I also felt a little used.

Ad #11: Stop the Chase

IMG_20140319_124319-sfw IMG_20140326_142458-sfwDescription: At first glance, it appears to be a joint ad campaign between XTraining and the Responsible Gambling Council. However, when you go to xtraining.ca, it redirects you to StopTheChase.ca.
Taken from: The ad is from the subway.
Target audience: Gamblers. And people affected by gambling.
Efficacy: I’d say this ad campaign is very effective. It blew me away just how great it was. And, when I’d thought it was two separate, but relevant, entities working to bring this campaign to the public, it was all the more effective. I think that, if I was a gambler, I’d check this site out.

Ad #10: Windows of the World

IMG_20140406_185120-sfw IMG_20140406_185128-sfw

IMG_20140406_185135-sfw IMG_20140406_185145-sfw

 

Description: This is an ad illustrating the variety of cultures that can be found in Toronto. The first image describes the campaign and the others are samples.
Taken from: The ad is on the doors and windows of a building Downtown, just North of the Ripley’s Aquarium.
Target audience: Torontonians. And tourists visiting Toronto.
Efficacy: It’s very effective. As soon as I’d realized what it was about, I was in awe. I feel like these ads should be more prominent in the city, to help remind Torontonians of what makes Toronto so great.

Ad #9: Drive High, Get a DUI

Description: This is an ad campaign driven (get it? :D) by the government of Colorado to bring attention to the fact that marijuana use is now legal, but driving under its influence isn’t.
Taken from: The ad is from YouTube.
Target audience: Anyone who could be affected by marijuana use in Colorado, but primarily those who will now/can now smoke it.
Efficacy: I’d say it’s pretty effective; it gets the point across concisely and humourously. I think many will appreciate that the campaign isn’t as serious as many treat the subject of marijuana.