click below
click below
Normal Size Small Size show me how
MaWD Lesson 1.01 Voc
Term | Definition |
---|---|
Typography | The style, arrangement, and appearance of text |
Typeface | The basic design of character |
Serif | Have strokes at the tips of letters (Times New Roman) |
Sans Serif | Doesn’t have strokes at the tips of letters (Arial) |
Ornamental | Designed strictly to catch the eye, used for decoration |
Script | Appear to have been written by hand, never to be typed in all caps |
Symbol | Used for fun (Emojis) |
Font | The style, weight, and specific size applied to a typeface |
Monospaced | Each character takes up the same amount of horizontal space |
Proportional | The amount of horizontal space each character takes up varies |
Visual Hierarchy | An arrangement of text in a graduated series to help readers scan and know where to enter and exit the text |
Text Size | The vertical height of a character |
Text Style | Bold, italic, fill color, stroke color, shadow, and small caps |
Leading | Vertical spacing between the lines of text |
Kerning | Horizontal spacing between pairs of letters |
Tracking | Horizontal spacing between all the characters in a large block of text |
Lines | Can be any size, shape, texture, pattern or direction, straight or curved |
Positive Space | Length, width, and depth of objects |
Negative Space | “white space” the distance between objects, necessary to avoid clutter; gives a design breathing room |
Shapes | 2-dimensional space enhances a publication |
Geometric | Triangles, squares, circles |
Organic | Natural or man-made shapes (leaves, flowers, cars |
Form | 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 | Evokes emotion, can add or detract, can create movement and lead the eye |
Calming Colors | Pale pink, lavender, beige, pale gray, aqua, etc. |
Exciting Colors | Red, orange, yellow, blue, green |
Neutral Colors | Beige, ivory, taupe, black, gray, white |
Color Harmony | Create harmony by choosing pleasing color combinations from a color palette |
Color Palette | Full range of colors that can be displayed on a device screen or other interface |
Complementary Color Scheme | Any 2 colors directly opposite each other on the color wheel |
Analogous Color Scheme | Any 3 colors which are side by side on a 12-part color wheel |
Monochromatic Scheme | Uses variations in lightness and saturation if 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 hue used; 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, creates interest and excitement (red and white, squares and circles, rough and smooth textures) |
Unity/Harmony | All 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 size of various elements |
Dominance/Emphasis | The first element the eye sees; the focal point |
Grids | The use of column/row design used frequently in print and web design |
Rule of Thirds | Splitting an image or design into thirds, so you end with 9 equal sections, place the focal point along a line or where the lines intersect |
Optical Center | The spot the eye first sees when it encounters a page |
Z-pattern | The pattern the eye follows when scanning a page |