Thanks to everyone who is interested in my blog. It will be documenting my process in Design school at KU. I hope everyone enjoys it, and feel free to comment on anything you see.

Monday, August 29, 2011

More Typography Definitions


WEIGHT is the relative darkness of the characters of a type font resulting from the relative thickness of the strokes, expressed aslight, bold, extrabold, etc.

WIDTH is the distance from one side of a character to the other. In typography, width can also be measured in "ems", which defines the proportion of a given letter's width and height with respect to the point size of a given font.

STYLE is A distinctive appearance, typically determined by the principles according to which something is designed.

FONT is a set of type of one particular face and size.

TYPEFACE is the artistic representation or interpretation of characters; it is the way the type looks.

X-HEIGHT is the height of a lowercase “x” in a typeface.  

CAP HEIGHT is the height of a capital letter above the baseline for a particular typeface.

LEADING is the vertical spacing between baselines.

LETTERSPACING is the spacing between letters in a line of text.

How is type measured in inches, mm, points or picas?
Type is measured in points and picas which measure type size, line spacing, and column width.


POINT is a unit of measurement for type sizes and spacing, which in the US and UK is one twelfth of a pica, or 0.013835 inch (0.351 mm), and in Europe is 0.015 inch (0.376 mm)

PICA is a size of letter in typewriting, containing 10 characters to one inch 

How many points in an inch?
72 points in 1 inch

If a letter is set in 36 pts about how many inches tall is it?
0.4999 inches= ½ inch

How many picas in an inch?
1 inch = 6 picas

How many points in a pica?
1 Pica = 12 points

Tuesday, August 23, 2011

Basics of a Grid

Grida basic system of reference lines for a region,consisting of straight lines intersecting at right angles.


This article is specifically about using grids when creating web designs, but it was really insightful and I think it can be applied to design in general. http://www.lilo.co.uk/about-lilo/articles/grid.aspx


Designers use grids in order to make sense of a group of things; give them a hierarchy, create reference points, and overall organize parts of a whole. 


A modular grid is composed of multiple columns and rows, creating a pattern of squares or rectangles across a given medium. Each module can be filled singularly or multiple can be combined and used together, providing endless variations and possibilities in the design. 


*Margins- the space around the printed or written matter on a page.


*Columns- a vertical arrangement on a page of horizontal lines of type,usually typographically justified


*Grid Modules- An independent self-contained unit of a space


*Flowline- The connecting line or arrow between symbols on a flow chart or block diagram.


*Gutter- the space between two columns of type




















*Hierarchy- any system of persons or things ranked one above another.
      -can be achieved by placing certain objects in more desirable or more greatly viewed locations, or by simply increasing the size or color intensity based on the importance. 


*Typographic Color- The optical "grayness" of text type, particularly visible while squinting when viewing a block of text. The overall typographic color of a block of type is effected by the weight or boldness of the typeface, as well as the x-height and the contrast of the typeface used


*White Space- area deliberately not used in a design. It can bring flow and balance to the layout. 


*Contrast- opposition or juxtaposition of different forms, lines, orcolors in a work of art to intensify each element's properties and produce a more dynamic expressiveness