Skip to content

Posts tagged ‘terms’

Visual Confections by Tufte ~ Notes

  • A story is a progression of noun-verb incidents.
  • A confection is an assembly of many visual events, brought together and juxtaposed. They tell us another story.
  • Structures that organize information should be transparent, straightforward, obvious, natural, ordinary, conventional – with no need for hesitation or questioning on the part of the reader. – Some ‘confections’ can just be way too complicated!
  • Visual confections tend to use compartments and imagined scenes to combine imagery into one piece.
  • Descriptions of confections seem to provoke the language of miracles, as familiar elements find renewed meaning in astonishing arrangements…
  • Confection-makers cut, paste, construct, and manage miniature theaters of information – a cognitive art that serves to illustrate an argument, make a point, explain a task… narrate a story.
Comments Off on Visual Confections by Tufte ~ Notes
8 Feb 2013

The Armature, the Grid, and Grid System ~ Notes

Grids are essentially.. “frameworks devised to assist hierarchy…”

  •  Armatures underly and bind elements … by “intuitively” divided space. Armatures employ principles of alignment, visual proportion, balance and harmony similar to… a satisfying drawing.
  • Grids also underlie and bind elements but with structural in addition to visual rules
    governing placement. Example: 
    Newspapers … utilized simple columns to accommodate changing content day to day… helped to order masses of text. Efficiency and accessibility in typography joined the points, lines and
    planes of abstract art. In the end the principles of abstraction proved elemental to grid
  • Grid systems put similar principles to work except within a calculated program. This
    mechanical plan for the placement of elements typically spans pages.  All areas comprising the sum total of any given space work under the grid’s close supervision.
  • Brockmann’s treatise signaled the consummate arrival of “systems thinking” for typographers. Modularity in typographic structure: interconnected small, equal and repeating parts that comprise a whole. “Working with the grid system means submitting to laws of universal validity”

Each whole is the sum total of its configuring parts.



Comments Off on The Armature, the Grid, and Grid System ~ Notes
4 Feb 2013

News Type

I really love this design because it’s reminiscent of a Newspaper yet also has strong Typographical Elements in it with the huge letterforms that take up the design. I would assume this might be information about the typeface because the large letters spell out ‘Times Roman’, and therefore I assume that that’s the font being used. It has a very clean, and professional look to it since the smaller type fill in the letterforms and negative space. It’s very broken up but your eye and brain put it together so it’s very dynamic and interesting. There is clear hierarchy with the type and it’s black and white simplicity adds to the news-like feel.

Comments Off on News Type
25 Oct 2012

Cool Ligature

This is a really cool ligature that I stumbled upon. The ear (?) of the lowercase ‘r’ becomes the top serif on the lowercase ‘s’, yet it looks believable even though the serif on the ‘s’ should look more like the serif on the bottom. I think this is a great example of a ligature and also helps me understand ligatures a little more because I never really knew what they were or what they were used for.

Comments Off on Cool Ligature
25 Oct 2012

Typographic Classifications

1. Old Style/ Humanist

  • developed 15th/16th centyry
  • Low contrast in stroke weight and angled serifs
  • Emulated classical caligraphy
  • *Examples – Garamond, Sabon, Jenson, Goudy, Palatino

2. Transitional

  • High contrast in thick and things
  • More vertical axis and sharper serifs than Humanist
  • More abstract & less organic
  • *Examples – Baskerville, Times New Roman, Bookman, Century, Utopia

3. Modern ( or Didone)

  • Late 18th/early 19th century
  • High contrast of stoke, straight serifs, totally vertical axis
  • More abstract & less organic
  • *Examples – Bodoni, Didot, Walbum
(these 3 groups correspond roughly to the Renaissance, Baroque, and Enlightenment periods)

4. Slab-Serif (Egyptian)

  • Heavy serifs & used for decorative purposes and headlines
  • The heavy serifs impeded legibility at small point sizes
  • *Examples – Clarendon, Serifia, Rockwell

5. Sans Serif (traditional sans)

  • More upright axis & a uniform stroke
  • *Examples – Helvetica, Univers, Franklin Gothic, Akzidenz, Grotesque

-Geomtric Sans

  • based on geometric forms
  • *Examples – Futura, Neutraface, Avant Garde, Gotham

– Humanist Sans

  • Modeled on old style typefaces, open strokes, and slightly higher contrast
  • *Examples – Meta, Myriad, Frutiger, Auto, Gill Sans
Comments Off on Typographic Classifications
5 Oct 2012