Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
53 Cards in this Set
- Front
- Back
Design Principles:
Balance (2 kinds) |
Symmetrical
Asymmetrical Creates a designed look, equilibrium |
|
Symmetrical
|
FormalBalance
Stable Precise Often liquor ads |
|
Asymmetrical
|
Informal Balance
Active Modern |
|
Design Principles:
Contrast |
can be in color, size, type, shape
stresses differences attracts attention accents defines and clarifies Controlled contrast creates dominance or CVI (Center of visual interest) |
|
Design Principles:
Harmony/Unity |
Accentuates shared characteristics
Consistent Spacing Controls Contrast Creates Association Promotes order Creates Theme Too much can be boring |
|
Design Principles:
Movement |
Guides the viewer
Controls eye movement rhythm repetition Z shape |
|
Design Principles:
Modules |
Makes a story
Being able to draw a box around headline, story and photo Organize and separate What goes with what |
|
Challenges facing news paper industry
|
No young readers
television is more instant news print cost dropping profit margins dropping ad sales |
|
____% of people under 35 don't read news paper
|
30%
|
|
Visual prize you can win in news paper
|
Pulitzer Prize
|
|
Colonial or Book format newspapers
|
1st kind
blank pages for blogging no headline wide columns |
|
Traditional format for newspapers
|
long vertical columns
rules in gutters (lines) display headlines "decks" |
|
Evolution of traditional format of newspapers
|
bigger headlines
fewer decks deparmentualized photos lots of stories |
|
Tabloids
|
Half size 11" by 17"
photos, art sensationalized |
|
Mid 1900's in newspaper
|
type chaos
design mess visual |
|
Current newspapers
|
very visual
illustrations art younger audience |
|
Info graphics
|
help clarify
Include: headline explanatory text (chatter) body- image and data text credit to artist and info source |
|
Types of info graphics:
Tables |
Good for measuring high to low
numerical data |
|
Types of info graphics:
Column/bar |
make comparisons
numerical data |
|
Types of info graphics:
Fever |
Trends over time, line graph
numerical data |
|
Types of info graphics:
pie charts |
comparison as a whole
numerical data |
|
Types of info graphics:
Data Maps |
Choroplethic
Isoplethic |
|
Choroplethic maps
|
apply legend (color) to a boundary or administrative area
ex: state map geodemography, apply data set to area important to use the same color hue |
|
Isoplethic map
|
apply color lines to natural boundaries
ex: weather map |
|
Types of info graphics:
Diagram |
how something happens/works
Involved research Art skills Can turn news into a diagram |
|
Types of info graphics:
Other types |
time lines
chronologies rankings fact boxes checklists |
|
What is the one principle for ad design?
|
Does it work?
|
|
What is a key factor in advertising
|
Repetition
one shot vs. multiple exposure |
|
Ad Agency structure (4)
|
Creatives- art director, copy writer, designer
Liason- Account execs Buying Research |
|
Creative strategy of creating ad design (4)
|
consider target audience
come up with concept, one big idea benefits rational as to why it will work |
|
Ad Layout:
Picture Window |
most common
large picture occupying top headline and copy below picture |
|
Ad Layout:
Silhouette |
Outline of something
Headline Upscale design |
|
Ad Layout:
Grid |
Shows a lot of functions of one item
4 boxes at top copy and headline below |
|
Ad Layout:
Modrian |
More interesting than grid
Series of squares and rectangles |
|
Ad Layout:
Circus |
Collage, montage, random
|
|
Ad Layout:
Color field |
type over picture
|
|
Ad Layout:
Type attack |
Just a large headline and caption
|
|
Paul Rand
|
Famous ad designer
did IBM |
|
What do logos do?
|
-Represent brand
-Flag and signature -Doesn't sell directly -Rarely a description of business -Derives meaning from quality of things it symbolizes -What it means is more important than what it looks like |
|
Paul Rand says effective logos depend on _____ (6)
|
Distinctiveness
Visibility (# of impressions) Usability (color and size) Memorability Universality (can be used anywhere) Durability (Timely/Timeless) |
|
Things to consider when designing a logo (7)
|
How will be displayed (media) tv?
Reproduced (color, budget) Publics it must reach Timeliness vs Timeless Can it be reproduced easy Colors work with backgrounds Embroidered |
|
Saul Bass
|
AT & T logo circle with lines through it
Paul Rand does this design too |
|
Logo Types:
Associative |
link to tangible thing
Ex: shell gas shell sign |
|
Logo Types:
Abstract |
use shape with no symbolic meaning
ex: nike swish |
|
Logo Types:
Allusive |
insinuate, not as obvious
ex: A in air italia looks like airplane wing Mercedes looks like propellers |
|
Logo Types:
Identify with Letters |
Abbreviation of text
ex: IBM |
|
Logo Types:
Signature |
Just the name of the company
ex: campbells soup |
|
Logo Types:
Monograms |
Type or shape in a circular field
|
|
Logo Types:
Ligatures |
characters joined together
ex: cnn |
|
Logo Types:
Wordmarks |
Type in a frame or field
ex: betty crocker kodack |
|
Logo design Process (5)
|
Research- color symbols, find similar for inspiration
Brainstorming- mind mapping Thumbnails- physically draw ideas Comps- things you show clients, have a bunch of concepts Final products to show client |
|
Web Design: CMS
|
Content Management System
A template created for your webpage where people can contribute and change content enables people to maintain webpage |
|
Web Design Principles (7)
|
Harmony- dominance, simple, clear
Unity- theme, consistent Contrast Direction- Hierarchy/movement Balance- symmetry/ proportion Style- timeless or timely Serendipity- fun & interactive/ surprise element |