Skip to content
Oct 29 / Sabrine Ismail

Project 4 Process work

  1. Depreciation:


  • to cause (something) to have a lower price or value
  • to decrease in value
  • to describe (something) as having little value
  • connotations – lessen, lower, devalue, decrease, belittle, deflate, demote, defeat
  • origin & history – 1767, “a lowering of value” (originally of currency), noun of action from depreciate. Meaning “loss of value of a durable good by age orwear” is from 1900.

visual examples:

IMG_0763 IMG_0762 IMG_0760 dep1 IMG_0764
1 2 4 depreciation
  1. Unmannered:
  •  marked by a lack of good manners
  • characterized by an absence of artificiality
  • connotations – rude, unaffected, awkward, disrespectful, impertinent, impolite, uncivil, insolent, vulgar, presumptuous
  • origin & history – 1400-50; Late Middle English

visual examples:

unmannered B34FYY_2157828bmiley-cyrus-300x400



3 5 6 unnmannered



Examples of modular typefaces:

exampl modular type - braile



example modular - type emigre lo-res, Lo-Res

example modular type - underware - unibody proexample modular type - underware - unibody pro2, Unibody Pro



depreciation unmannered

Oct 23 / Sabrine Ismail

Process work Project 3

Adobe Garamond Pro:








Digitally combined forms:



Oct 21 / Sabrine Ismail

Images in Graphic Design, Typography, & Visual Culture

Graphic Design:

3 7 8 d k photo 2





Broad Visual Culture:

photo 1 photo 3 photo

Oct 13 / Sabrine Ismail

Alexander – Timeless Way

– “… pattern as something ‘in the world’ – a unitary pattern of activity and space, which repeats itself over and over again, in any given place, always appearing each time in a slightly different manifestation.”

– patterns and variations of patterns in the world are created by us. They are created by the similar patterns in our minds we imagine, conceive, create, build, and live pg 181

– patterns in our minds are mental images of patterns in the world (abstract representations)

– simplest kind of language is a system that contains: 1. a set of elements, or symbols. 2. a set of rules for combining these symbols

– natural language: words, rules of grammar and meaning which give connections, sentences

– pattern language: patterns, patterns which specify connections between patterns, building and places

– architects are responsible for no more than 5% of all buildings in the world – majorities of buildings, (streets, shops, freeways, bridges, etc.) come from different source

– your pattern language is the total of your knowledge on how to build

– it is only because a person has a pattern language in his mind, that he can be creative when he builds

– the rules of english make you creative because they save you from having to bother with meaningless combinations of words

– a pattern language is a precise way of describing someone’s experience of building

– man experienced in building houses – his language for houses is rich and complex

– number of meaningless combinations is larger than the number of combinations which make sense as buildings

– the patterns which repeat themselves come from the fact that all the people have a common language, and each one of them uses this common language when he makes a thing

– every part of the environment is governed by some portion of a pattern language

Oct 6 / Sabrine Ismail

Project 2: Font Mannerisms


Designer: John Baskerville

Year Released: 1757

Type Foundry: Deberny & Peignot

Descriptive words: Refined, Generous, Transitional, Sharp, Prevalent, Baroque, Uniform, Precise

part 2.1 part 2.2 part 2.22 part 2.23part 1.2

Oct 6 / Sabrine Ismail

More inspirational type

egg by Vivien Bertin



Infinity by Tarin Yuangtrakul

8dc87584a16830f041641cb6a18fb9a2 270e9fe6bb1c7af3a69fae14fedd022e


Canter by Christopher J. Lee

86dafd6209eebbdfb53fa57e0ef215f5-1 ba42ac50a6a2491c34ae103569b29094

Oct 6 / Sabrine Ismail

Dense Typeface

Dense, created by Charles Daoud

2d9882b1783b340927bc1a35da1e62e2 934cc52044470a6fbefbfe85e55bc054 29450505c37775f2bdee03868c028ed5 a9e6346afddef87fda0661d0bc52b50a cf60bccfeae333c752849e8190caf056


Free download of font:

Oct 6 / Sabrine Ismail

BARON (free type family)

Free type font, Baron, created by Frank Hemmekam




Free Download here:

Oct 6 / Sabrine Ismail

Ellen Lupton, Thinking with Type. pages 22–47

  • rise of industrialization in 19th century brought on more advertising. This leads type designers to create bigger and bolder typefaces
  • lead is too soft to hold it’s shape at larger sizes, so type cut from wood became more popular when it comes to printing on gigantic scales
  • De Stijl group in Netherlands rises and reduces alphabet to perpendicular elements and forms. Bauhuas movement responsible for constructing letters based on geometric forms (elements of universal language of vision)
  • Renner creates Futura in 1927, focusing on avant garde in a multipurpose, commercially available typeface. Tempered with geometry with variations of stroke, curve, and proportion
  • 1967 rise of communication leads to Wim Crouwel publishing a new alphabet constructed of straight lines. Letters designed for optimal display on video screen (curves and angles rendered with horizontal lines)
  • Early 1990s typographers begin to experiment with design. More interested in bending and un-clean shapes for letters. Emulate a style of chaos and decay.


  • ascender height: some elements may extend slightly above cap height
  • cap height – distance from baseline to top of capital letter determines the letter’s point size
  • descender height: length of a letter’s descender contributes to it’s overall style and attitude
  • x-height: the height of the main body of lowercase letter excluding it’s ascenders and descenders
  • baseline: where all the letters sit
  • overhang: curves at the bottom of letters hang slightly below the baseline


  • height: vertical measure
  • width: horizontal measure
  • scale: size of design elements in comparison to other elements in a layout as well to the physical context of the work. Scale is relative
  • humanist: closely connected to calligraphy and movement of the hand
  • transitional/modern: more abstract, less organic
Oct 6 / Sabrine Ismail

em dash, en dash, hyphen

  • em dash: (—) a pause in thought, a parenthetical statement, or — more casually — an afterthought. In type setting, width of lowercase “m”. Introduced in 18th century
  • en dash: (–) Denotes a range, especially of numbers. In typesetting, width of lowercase “n”.  Introduced in 18th century
  • hyphen: (-) Used for the hyphenation of words. A punctuation mark, NOT a dash. Over 1,000 years old