Typography poster

Helvetica Project

Helvetica Project


1. Where does Helvetica originate from? What country?

Switzerland

2. What does the name Helvetica mean in English?

Swiss

3. What year was Helvetica created, who created it?

It was developed in 1957 by Max Miedinger

4. What is the design style that Helvetica brought to popularity worldwide?

The Swiss style 

5. Name 3 qualities of Helvetica.

Simple, Comprehensible, Clean 

6. List the names of 3 different design styles or design movements that are discussed in the film.

Modernism, Swiss Design, Post Modernism
7. Which screen fonts did Matthew Carter design?

Bell Centennial,Big Caslon, ITC Galliard, Mantinia, Miller, Verdana, Walker

8. What is the cloned version of Helvetica called?

Arial

9. Is David Carson a trained designer? How does it affect his approach?

No he is not a trained designer which gives him more freedom when creating typefaces  

10. What magazine did David Carson Design?

Ray Gun

11. Name 5 brands that use Helvetica.

Supreme, American Apparel, Microsoft, Apple, Intel


Examples of Helvetica:

Color Theory Project

Questions:

1.   Red, Blue, Yellow

2. You mix primary colors to get secondary colors EX. Blue + Yellow = Green

3. You mix a primary color with a secondary color to get tertiary colors EX.  Red + Orange = Red-Orange

4. Additive color models are light generated, Subtractive color models are created from pigments

5. It can influence the taste of food and certain colors attract our eyes and deliver certain moods

6.  Certain colors can highlight other colors causing them to be the main focal point

7.

     
8.



9.

Design and Typography

Design and Typograph

 Typography

- Legibility vs Readability
- Expressive fonts/type fore eye catching readability
- Clean serif/sans-serif fonts/type for smaller body copy
- Sans-serif fonts designed for screen viewing assist in readability

Legible Type faces: Baskerville, Frutiger, Futura, Garamond, Gill Sans, Helvetica, Palatino, Times New Roman

Serif: reads best at smaller sizes, can be complimentary
Font Variance: Too many fonts confuse the reader 
- use 2 fonts 

Definition: Fonts that are too similar cause ambiguity

Readability: Use upper and lower case letters for optimum clarity

Alignment: Left alignments reads easiest, consider eye flow as it moves down a page

Emphasis: Use these tools with discretion and without disturbing eye flow

Integrity: Avoid stretching or distorting type

Weight: Strive for a sense of balance

Kerning: Is the spaces in-between letters

Tracking: Is when your applying letter spacing, but in paragraph

Large Text Blocks: Rags

- Strive for consistent, rhythmic rags
- The purpose of effective rags is not only to achieve aesthetic beauty

Consistant Spacing 
-

Principles of Element and Design Project

Color Theory

Design Color Theory
- Primary-Secondary-Tertiary

Primaries
- Blue, Red, Yellow

ROYGBV
- red, orange, yellow, green, blue, violet
- Light travels in waves. Different colors have different wave lengths
- Pigment generated colors are delivered from the primary colors

Secondary: mixing primary colors creates other colors. Ex. RED+BLUE=PURPLE

Tertiary: a combination of primary and secondary colors

Subtractive Color: pigment generated

Additive Color: light generated

Color Modes:

Monochrome
- Tints, shades and tones of a single hue

Grey Scale
- Black and White only

Web Safe RGB
- Hexadecimal compatible

Color Modification

Tints: Add white to a pure hue
Shades: Add black to a pure hue
Tones: Add grey to a pure hue

Color Harmony

Complimentary: yellow+purple+orange+blue+green+red
- opposite to each other on the color wheel

Split Complimentary: across from and two to the right or left

Analogous: colors next to each other on the color wheel

Triad: triangle in the center of the color wheel each point being the color

Tetratec: Rectangle in the center of the color wheel each corner is chosen color

Quadrilateral: Square in the center of color wheel each corner is chosen color

Color Palettes: Different color palettes can invoke a mood, location, emotion

Color intensity: Color intensity changes in relation to its surrounding color

Color Allocations: These types of color associations are universal to all people

Cultural and psychological color association: these color associations are generated from cultural and contemporary sources  

Album Art

Principles of Elements of Design

What is Graphic Design

• design elements are the basic units of a visual image
• the principles of design govern 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
• balance

Space
- can exist in 2 to 3 dimensions
- can refer to positive and negative space
- can refer to foreground mid or background elements

Line
- is a basic element, it can vary in thickness, texture, direction

Color
- certain color palates can evoke emotion or concept

Shape
- can be geometric, organic, or hand made
- used to organize information
- geometric shapes can direct movement
- organic shapes compliment other shapes

Texture
- organic elements are great tool to create texture
- texture adds interest and conveys a mood

Value
- Light vs Dark to create dimension/depth
- can be used on graphics

Balance
- doesn't have to be symetrical
- focus on visual balance

Design Principles

• unity
• variety
• repetition
• harmony
• proximity
• proportionality
• functionality
• emphasis

Unity
- creates a sense of order, a consistency in size and shape
- proximity can create a sense if unity, it can show a lack of unity

Variety
- strive to change things up and do new things

Repetition
- the use of the same elements repeatedly

Harmony
- things work well together
- similar to unity

Proximity
- be aware of how much eye movement is required to scan for information
- to create information hierarchy

Proportionality
- rule of thirds
- fibonacci spiral is cool

Emphasis
- having a central focus point that the background points too
- color can make something become a focal point

Functionality
- functionality over stylization

Vector Art