click below
click below
Normal Size Small Size show me how
MAWD Lesson 1.01
Understanding typography
| Term | Definition |
|---|---|
| Typography | The style, arrangement, or appearance of text |
| Typeface | the basic design of a character |
| Serif | A typeface that has strokes at the tips of letters |
| Sans Serif | A typeface without serifs |
| Ornamental | A typeface that was designed to strictly catch the eye; used for decoration |
| Script | A typeface that appears to be written by hand |
| Symbol | A typeface that uses various pictures and icons; just for fun |
| Font | The style, weight, and specific size applied to a typeface |
| Monospaced | A typeface spacing that makes each character take up the same amount of horizontal space |
| Proportional | A typeface spacing where the horizontal space of each character varies |
| Visual Hierarchy | The order of how a user processes information on a page |
| Text Size | The vertical height of a character |
| Text Style | A resource that alters text attributes, such as: bold, italic, fill color, stroke color, shadow, small caps |
| Leading | Vertical spacing between lines of text |
| Kerning | Horizontal spacing between pairs of letters |
| Tracking | Horizontal spacing between all the characters in a large block of text |
| Lines | A narrow mark that can be any size, shape, texture, pattern, or direction |
| Positive Space | The length, width, and depth of objects |
| Negative Space | The distance between objects |
| Shapes | 2-Dimensional space that enhances a publication |
| Geometric | polygons such as triangles, squares, and circles |
| Organic | Natural or man-made shapes such as leaves, flowers, and cars |
| Form | A 3-dimensional space added to objects by the addition of shadows, tone, or color transitions |
| Mass | The size or amount of space taken up by an element; used for emphasis |
| Texture | Used to convey a sense of touch or feel |
| Color | What the eyes see when light bounces off of an object |
| Calming Colors | Cool colors that evoke the mood of calmness and serenity. etc: blue, green, violet |
| Exciting Colors | Warm colors that evoke excitement etc: red, orange, yellow |
| Neutral Colors | Colors that unify a design. etc: beige, black, white |
| Color Harmony | Creates harmony by having pleasing color palettes from a color palette |
| Color Palette | A finite set of colors |
| Complementary Color Scheme | Any two colors directly across from each other on the color wheel |
| Analogous Color Scheme | Three colors side-by-side on the color wheel |
| Monochromatic Scheme | Uses variations of brightness and saturation of a single color |
| Hue | A color |
| Value | The brightness of a color |
| Tint | A hue plus white |
| Shade | A hue plus black |
| Saturation | The amount of the hue used; a color's intensity |
| Balance | The arrangement of elements |
| Symmetrical | Elements are centered or evenly divided both vertically and horizontally |
| Asymmetrical | Off-center alignment created with an odd or mismatched number of elements |
| Radial | The elements radiate from or swirl in a circular or spiral path |
| Contrast | Emphasizing the difference between elements |
| Unity/Harmony | All of the design elements are consistent with each other in shape, style, and color and consistent with the overall message |
| Scale/Proportion | The relationships between the sizes of various elements |
| Dominance/Emphasis | The first element the eye sees; the focal point |
| Grids | The use of columns/rows in design |
| Rule of thirds | Splitting an image or design into thirds so you end up 9 equal sections |
| Optical Center | The spot the eye first sees when it encounters a page |
| Z-pattern | The pattern the eye follows when scanning a page |