design principles - pasco county schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... ·...
TRANSCRIPT
![Page 1: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/1.jpg)
DESIGN PRINCIPLESDigital Design 1
![Page 2: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/2.jpg)
DIGITAL DESIGN PRINCIPLES
•Contrast•Repetition•Alignment•Proximity
![Page 3: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/3.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
• Items relating to each other should be grouped close together.
• When several items are in close proximity to each other, they become one visual unit rather than several separate units.
• This helps organize information and reduces clutter.
• Items that are not related to each other should not be in close proximity.
• The closeness or lack of closeness indicates the relationship.
• Elements that are intellectuallyconnected should be visuallyconnected.
![Page 4: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/4.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 5: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/5.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
What is wrong with these business cards?
![Page 6: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/6.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
Center Align & Proximal Information
![Page 7: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/7.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
• Nothing should be placed on the page arbitrarily.
• Every element should have some visual connection with another element on the page.
• This creates a clean, sophisticated look.
![Page 8: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/8.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
Right Aligned
![Page 9: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/9.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
Use Headings – Avoid Redundancy
![Page 10: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/10.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
Use Headings – Avoid Redundancy
![Page 11: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/11.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 12: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/12.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
Proximity
Alignment
Grouping like elements
Location of elements
![Page 13: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/13.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
Types of Contrast
![Page 14: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/14.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
• Avoid elements on the page that are merely similar.
• If the elements (type, color, size, line thickness, shape, space, etc.) are not the same, then make them very different.
Contrast is often the most important visual element on the page.
![Page 15: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/15.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
AVOID ALL CAPS
•ALL CAPS TAKES UP MORE SPACE, FORCING YOU TO USE A SMALLER FONT TO PUT THE SAME AMOUNT OF INFORMATION
• (If you don’t believe me, this sentence has just the same number of letters as the previous one.)
![Page 16: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/16.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
AVOID ALL CAPS
• ALL CAPS ARE HARD FOR PEOPLE TO READ B/C THERE’S NO SHAPE TO THEM
• Mixed-case sentences have redundant shape coding that make them easier to read.
![Page 17: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/17.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
AVOID ALL CAPS
![Page 18: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/18.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
Better Contrast, Larger Title, Mixed Case, Not all Caps
![Page 19: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/19.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
• Repeat visual elements of the design throughout the piece. You can repeat color, shape, texture, spatial relationships, line thicknesses, sizes, etc.
• This helps develop the organization and strengthens the unity.
![Page 20: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/20.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 21: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/21.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 22: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/22.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
TypicalResume
![Page 23: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/23.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
ImprovedResume
![Page 24: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/24.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
TypicalResume
ImprovedResume
![Page 25: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/25.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 26: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/26.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 27: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/27.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 28: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/28.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 29: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/29.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 30: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/30.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 31: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/31.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 32: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/32.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 33: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/33.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 34: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/34.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 35: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/35.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 36: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/36.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
![Page 37: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/37.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
TypicalReport
![Page 38: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/38.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
TypicalReport
![Page 39: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/39.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
TypicalReport
![Page 40: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/40.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
TypicalReport
![Page 41: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/41.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
TypicalReport
![Page 42: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/42.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
TypicalReport
![Page 43: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/43.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
TypicalReport
![Page 44: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/44.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
TypicalReport
![Page 45: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/45.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
Proximity
Alignment
Repetition
Contrast
Grouping like elements
Location of elements
Use and formatting of elements
The separation of elements
![Page 46: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/46.jpg)
DIGITAL DESIGN PRINCIPLES
Contrast | Repetition | Alignment | Proximity
Find four documents that show good use of C.R.A.P
- Print two page document- Write/Annotate on printout- Staple together and turn in
![Page 47: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/47.jpg)
•Movement•Balance•Unity•Emphasis
•Line•Color•Shape•Texture
![Page 48: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/48.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
•Line•Color•Shape•Texture
Building BlocksOf Graphics
![Page 49: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/49.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
• Lines can be straight or curved.• How are lines used in the
composition on this slide?
![Page 50: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/50.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
•Hue is another word for color.•Chroma is the intensity or purity of color.•Tint is a color mixed with white.•Tone is a color mixed with gray.•Shade is a color mixed with black.
![Page 51: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/51.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
•Hueis another word for color
![Page 52: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/52.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
•Chromais the intensity or purity of color
![Page 53: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/53.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
•Tint is a color mixed with white.•Shade is a color mixed with black.
![Page 54: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/54.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
•Toneis a color mixed with gray.
![Page 55: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/55.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
•Hue is another word for color.•Chroma is the intensity or purity of color.•Tint is a color mixed with white.•Tone is a color mixed with gray.•Shade is a color mixed with black.
![Page 56: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/56.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
Combining Colors•Analogous•Monochromatic•Triad•Complementary•Compound
![Page 57: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/57.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
Combining Colors
![Page 58: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/58.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
Combining Colors•Analogous
![Page 59: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/59.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
Combining Colors•Monochromatic
![Page 60: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/60.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
Combining Colors•Triad
![Page 61: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/61.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
Combining Colors•Complementary
![Page 62: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/62.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
Combining Colors•Compound
![Page 63: DESIGN PRINCIPLES - Pasco County Schoolsconnectplus.pasco.k12.fl.us/fwebster/wp-content/... · DIGITAL DESIGN PRINCIPLES Contrast | Repetition | Alignment | Proximity • Avoid elements](https://reader033.vdocuments.net/reader033/viewer/2022052802/5f1a2ab514992b0f1a63e36a/html5/thumbnails/63.jpg)
Movement | Balance | Unity | Emphasis | Line | Color | Shape | Texture
Combining Colors•Analogous•Monochromatic•Triad•Complementary•Compound http://kuler.adobe.com/
http://paletton.com