click below
click below
Normal Size Small Size show me how
MaWD Lesson 1.01
Design Principles and Elements
Term | Definition |
---|---|
Typography | the style, arrangement, and appearance of text |
Typeface | the basic design of a character |
Serif | have strokes at the tips of letters |
Sans Serif | do not have strokes at the tips of letters |
Ornamental | designed to catch the eye and are used only for decoration |
Script | text that appears to have been written by hand |
Symbol | text that is just symbols, used purely just for fun |
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 space a 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 | text features like 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 character in a large block of text |
Lines | Can be any size, shape, texture, pattern or direction |
Positive Space | length, width, and depth of objects |
Negative Space | the distance between objects |
Shapes | 2-dimensional space |
Geometric | triangles, squared, circles |
Organic | natural or man-made shapes like leaves or 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 |
Texture | used to convey a sense of feeling |
Color | sets the tone or mood of a picture, can also be used to create movement |
Calming colors | blue, green, violet |
Exciting colors | red, orange, yellow |
Neutral colors | beige, ivory, taupe, black, gray, white |
Color Harmony | pleasing color combination |
Color palette | a wide selection of colors |
Complementary color scheme | any 2 colors directly opposite each other on the color wheel |
Analogous color scheme | any three color which are side by side on a 12 part color wheel |
Monochromatic scheme | uses variations in lightness 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 hue used |
Balance | the arrangements 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 | when all of the design elements are correctly used and consistent with each shape, style, and color |
Scale/Proportion | the relationships between the sizes of various elements |
Dominance/Emphasis | the first element the eyes sees |
Grids | the use of columns and rows in design |
Rule of Thirds | Splitting an image or design into thirds, so you end up with 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 |