Typeface Project, Dio Brando

Getting Intimate With Typography: Hand Lettering

Words to Live by

Grahic Design Notes: 3.10.2015

3.10.2015

Design

Typography

Fonts are the clothing that our ideas wear.

Legibility

• Choose classical time-tested typefaces: Baskerville, Frutiger, Garamond, Gill Sans, Helvetica, Times New Roman, Palatino.
• Serif: “flourish,” the lines at the end of letters, for smaller text.
• Sans: without the lines at the end of the letters, good for bigger text.

Serif vs Sans Serif

• Serif reads better at smaller sizes, can be complementary.

Font Variance

• Too many confuse the reader.

Definition

• Fonts that are too similar cause ambiguity.

Readability

• Use upper and lower case letters for optimum clarity.

Alignment

• Left alignment reads easiest, consider eye flow as it moves down the page.

Emphasis

• Use these tools with discretion and without disturbing eye flow.
• Italics, Bold, Size, Color, Type Style Change

Integrity

• Avoid stretching or distorting type.

Weight

• Strive for a sense of balance.

Kerning

• Adjusting the spacing between each letter individually.

Tracking

• Spacing between letters in the text.

Large Text Blocks

• Rags: Ragged edges in text blocks.

Sugar Skull Fix

Sugar Skull Design

Design Notes 3.3.2015

3.3.2015

Design

The Principles and Elements

“People ignore design that ignores people.” -Frank Chimero

What is Design?

• Design elements are the basic units of a visual image.
• The principles of design governs the relationships of the elements used and organize the composition as a whole.
• All imagery, art, design and photography alike, are comprised of elements that can be broken down and analyzed. This goes for web design as well.

Design Elements

• Space
• Line
• Color
• Shape
• Texture
• Value

Space

• Space can exist in two or three dimensions.
• It can refer to positive space or a negative one.
• It can also refer to foreground mid or background elements.

Line

• Line width, Depth.
• Determines the bones of a picture.

Color

• Color palettes, shades.
• Can invoke mood, time and place.

Shape

• Simple to complex.

Texture

• Can be implied, actually just using 2D elements.

Value

• Generally referring to shading.
• Helps determine shape, dimension, and depth.

Design Principles

• Unity
• Variety
• Repetition
• Harmony
• Proximity
• Proportion
• Functionality

Unity

• Unity creates a sense of order, a consistency in size and shape.
• Proximity can create a sense of unity, it can also show a lack of unity

Variety

• Ability to adapt to different designs and styles is very important.

Repetition

• Using a similar image but different, can be repetitive.
• Using elements that repeat can create a sense of design cohesion.

Harmony

• The idea that everything has its place and everything is in its place.
• Consistency, showing a pattern.

Proximity

• Element of white space, giving the design breathing room, the organizational hierarchy.

Proportion

• Determines size and relativity.

Functionality

• Determines style and reflects goal, Form over Function.