Typographic Hierarchy (part 5)

 

 

This is the final version of the poster, post-critique. I decided to alter the color, the scale of the titles, and the placement of some of the text. The overall goal was to minimize clutter, and increase the variation between what used to be similarly-styled elements.

The positive critique comments indicated that the layout was interesting and effective.

Negative comments picked out colors that matched too closely (since eliminated) and too subtle variation in text weights/size. This has been adjusted aswell.

The final result is clean, and holds onto the strong aspects of the old design. The change in color was meant to better match the modernity of ‘computational’ work, and is reminiscent of computer interfaces, while the golden color was not.

Typographic Hierarchy (part 4)


The first composition is the most conservative of the three. Just a splash of color on the School of Design. The contrast between the gold and the white is low enough compared to the white background that the words don’t draw too much attention, but the glint of color makes the composition a bit more lively.

The gold bars at the top and bottom of this competition are meant to encapsulate the important text. The effect being strived for here is that the bar is in fact continuous across the entire page.The third layout brings the title outside the bounds of the page, increasing its effective size. The “School of Design 2011 Lecture Series” text is rotated and lightened to abstract the words and diminish literal meaning. The text indicating the location of the events is minimized to indicate lowest level of hierarchy.

These compositions make use a simple color palette throughout. The golden color is indicative of the fall, and the blacks and grays provide high contrast on the page.

Typographic Hierarchy (part 3)

Size change & stroke weights

In the first  layout and last layout, conservative changes were made to invoke a sense of hierarchy due to size and weight. In the second layout, more liberty was taken with the letters. Purposeful line interactions were created, most notable in the title. The blocks of events were made up of various scales to create perfectly rectangular shapes. In the third layout, variations in scale made it possible to completely fill the page with text. Although some parts are hard to make out, and even eligible, the impact is strong.

Graphic elements: rules (lines)

In the first layout, delicate horizontal rules were placed under important dates. The rules extend from flush left of the text to the right margin, growing the space occupied by that section of the poster. In the second layout, bold rules were added to accentuate the flow of information. The lines here match the slope of the middle blocks of text. In the third layout the rules are placed to draw the viewers attention to important pieces of information. Without varying the weight or scale of the text, rules stress certain elements, in this case ‘School of Design’ and ‘Admission Free’. In the final design, rules are put in place to support a river; the left edges of the large rules align with the left edge of the primary block of text. The right edge of the rule extend to the limits of the longest line to suggest a more linear right side.

Critique comments: (On the third scale-modulated layout and the first rule-modulated layout).

Scale: Despite the high complexity and busyness of the composition, the meaning eventually comes out. Critics claim that even upon close inspection some elements are truly illegible. However, this illegibility invokes a strong interest.

Rules: The commentary on this composition indicated that the rules were effective in increasing the strength of their corresponding text. The rules could have had a different length to better build a rectangle around the dated block of text.

Typographic Hierarchy (part 2)

Horizontal shift & linespacing: Line spacing is used in conjunction with horizontally shifting the text to create blocks of information. The margins provide levels of importance in some cases, but merely separation in others.

Horizontal shift & stroke weights: Without a linespace, any grouping had to be accomplished with horizontal shifts. By increasing the letter weight in conjunction with shifting the text allowed for a freedom in layout. One such example is the white rectangle intruding on the text in the first design. Another element is the imaginary line splitting the dates and times from the rest of the content in the last design with these constraints.

Linespacing & stroke weights: Linespacing allows the blocking of information. Increasing the stroke of the type provides readability at a distance. At a higher level, each block has some level of pattern or repetition or symmetry.

Critiquing follows:

Critique of single stroke weight/horizontal shift layout
Critique of single line spacing/stroke weight layout
Critique of single line spacing/horizontal shift layout

Critiques given by Deepa; comments are candid and pointed.

Typographic Hierarchy (part 1)

Stroke Weights: The variation in weight provides places for the viewers eyes to jump. The weight also provides emphasis.

Line Spacing: By adding space between the various segments, the content is broken into blocks. By allowing a single line to stand on its own, it recieves extra attention.

Horizontal shift: two flush-left margins: Indents enable the blocking of text. The two layers give separation.

Horizontal shift: three flush-left margins: With three margins it’s possible to get the viewers eyes dancing around the page. The layouts with three levels of indentation provide three means of differentiation.