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;
92 Cards in this Set
- Front
- Back
|
5 functions of type |
to attract, be reader friendly, prioritize and emphasize information, establish and maintain harmony, create and maintain recognition |
|
|
Type Guidelines |
Don't use italics, avoid blocks of texts, avoid caps, limit to two fonts, make fonts complementary |
|
|
Point |
type size measurement; 72 pts = inch |
|
|
Pica |
12 points, (6 pts= inch) |
|
|
Em s |
same width as the point size of the type |
|
|
Tracking |
Overall spacing of letters & words |
|
|
Kerning |
Adjusting spacing between letters |
|
|
Leading |
Distance from baseline to baseline |
|
|
4 Main types of typeface |
Serif, Sans Serif, Script, Displace/Decorative |
|
|
Serifs |
stroke flourishes in letterforms |
|
|
Glyphs |
entire set of fonts and character
|
|
|
Small Caps |
fonts that are all capital letters but lower case letters are slightly smaller |
|
|
Who perfected the printing press? |
Guttenberg |
|
|
Renaissance Typography |
1450-1600 |
|
|
Modern Typography |
Bodoni standardized forms and shapes in his designs |
|
|
Who developed the standard point? |
Francois Didot Family |
|
|
Art Nouveau Typography |
Known for flowing, organic, and natural forms. |
|
|
Art Deco Typography |
Geometric shapes and angles |
|
|
Bauhaus Style |
similar to art deco |
|
|
What is composition? |
organization and arrangement of elements in any communication |
|
|
Effective composition |
keep eye moving, interesting, organized such that is enhances |
|
|
Principles of Composition |
Contrast, Repetition, Alignment, Proximity |
|
|
Contrast |
making similar elements different more eye catching |
|
|
Repetition |
repeat elements for organization and unity |
|
|
Alignment |
Every item should have a visual connection |
|
|
Proximity |
use grouping whenever possible for ogranization and clarity |
|
|
Groups to consider |
Audience, hierarchy, central idea |
|
|
Sketches |
visual form of brainstorming |
|
|
Line |
directs the eyes, creates movement |
|
|
Shape |
area defined by edges
|
|
|
Form |
3d length, width, depth |
|
|
Texture |
surface qualities |
|
|
Space |
both positive and negative |
|
|
Alignment |
grids, every element looks like it is apart of a whole |
|
|
Symmetry |
balanced,identical when split down the page |
|
|
Asymmetry |
unbalanced |
|
|
Graphic movements |
repetition, rotation |
|
|
Color |
carries physiological, culture, personal, emotional and expressive implications |
|
|
Effects of color |
universal, cultural, regiional, temporal |
|
|
Universal colors |
red, green, pink |
|
|
Mourning |
black, indigo, red, white |
|
|
Temporal |
gold, avocado, pumpkin, pastels |
|
|
Additive Color |
RGB, web |
|
|
Subtractive Color |
CMYK, print |
|
|
Spot colors |
premixed colors used in printing |
|
|
Hue |
color in its purest form |
|
|
Value |
lightness and darkenss of color |
|
|
Tints & shades |
add white/add black |
|
|
Colorspace |
two formats used to define color, RGB or CMYK |
|
|
Color Relationships |
Triadic, primary, secondary, tertiar |
|
|
Triadic |
group of three colors |
|
|
Primary |
cyan, magenta, yellow |
|
|
Secondary |
orange, purple, green |
|
|
Tertiary |
blue-green, rev-violet |
|
|
Complementary |
colors that are opposite each other |
|
|
split complementary |
colors next to the opposite of a color
|
|
|
analogous |
colors next to each other on the color weel |
|
|
Monochromatic |
one hue |
|
|
Color temperature |
expressed in kelvins |
|
|
Uses of posters |
advertising, affirmation, educational, entertainment, travel and transport, political |
|
|
Leonetto Cappiello |
Father of Modern Design |
|
|
Roger Broders |
french illustrator , known for simple lines |
|
|
Teaster |
promostes stories inside |
|
|
Flag |
publications name/logo |
|
|
Gutter |
vertical white spaces between columns |
|
|
Rule |
Line that is used to separate different stories |
|
|
Refer |
reference to a related story found inside |
|
|
Display head |
special font for feature headlines |
|
|
deck |
smaller headline |
|
|
byline |
writers name |
|
|
jump |
line telling where story continues |
|
|
index |
section or page directory |
|
|
Reverse Type |
white or light-color words |
|
|
Sidebar |
related article inside |
|
|
standing head |
term for regularly used graphics, columns or headlines |
|
|
Photo credit |
photgraphers name |
|
|
bastard measure |
column set at different width |
|
|
drop cap |
large letter |
|
|
cutline |
info about photo |
|
|
justified type |
forcing text to fill the column |
|
|
Tabloid size |
11" x 17" |
|
|
Isotype movement |
international system of typographic picture, repeated elements |
|
|
Internet |
physical network of computers |
|
|
Tim berners-lee |
created World Wide Web |
|
|
Web browsers |
Firefox, internet explorer, safari, opera, chrome |
|
|
3 Layers of website design |
behavior, presentation, content |
|
|
Behavior |
javascript |
|
|
presenation |
css |
|
|
content |
html |
|
|
Challenges for web design |
Platforms, browsers, monitor color, screen solutions, connection speeds, alt encironment |
|
|
Different Disciplines in Web Design |
Frontend, backend |
|
|
Basic Site Structure |
css, html template, html page |
