Visual Design Essentials
0 likes62 views
This document discusses essential principles of visual design for instructional materials. It covers topics like alignment, contrast, repetition, proximity, emphasis, unity, typography, color, whitespace, layout, visuals, simplicity. The key principles it emphasizes are: - Using alignment, contrast, repetition and proximity to organize elements visually and create coherence - Employing emphasis, unity and simplicity to focus attention on important information - Optimizing typography, color, whitespace, layout and visuals like images to effectively convey messages and engage learners.
Visual Design Essentials
- 1. Instructional Technologies EDUC 203 SECTION 3 D r H i l a l S e d a Y I L D I Z h i l a l . y i l d i z @ te d u . e d u . t r
- 2. Essentials of Multimedia Design Work in groups: CANVA WEEK 5: HANDS-ON ACTIVITIES 24.03.2021
- 3. Why we need to learn essentials of visual design? 24.03.2021 Its important to be mindful of graphic design We learn in different ways Utilizing graphic design in learning is a powerful tool for creating the right message visual learning activates the brain more fully and helps students see connections and patterns
- 4. Basic Principles of Visual Design Alignment Contrast Repetition Proximity 24.03.2021
- 5. Alignment Alignment is a design principle that refers lining up text or graphics on a page. 24.03.2021
- 6. 24.03.2021
- 7. Contrast A difference between two or more elements in a composition. 24.03.2021
- 8. 24.03.2021
- 9. Emphasis 24.03.2021 Emphasis mainly serves as the focal point or main highlight of any artwork.
- 11. Unity 24.03.2021 Emphasis mainly serves as the focal point or main highlight of any artwork.
- 13. What about learning environments? 1. Not Considering the Impact of the Visual Design 2. Lack of Unity 3. Graphics Dont Match 4. Confusing Use of Contrast 5. Misuse of Fonts 24.03.2021
- 15. Typography The font style, color, size, and the spacing makes a lot of difference in your design. 14 to 16 pixels for the body copy. a limited font palette that is clean and fuss-free 24.03.2021
- 16. Color no more than three colors Stick to the 60-30-10 rule Be consistent with the font Never use any background color that makes it difficult to read the font Smart color combinations 24.03.2021
- 17. Whitespace Use more bullet lists and shorter paragraphs to increase the white space Emphasize the important elements on the screen by surrounding it with white space The body of a text should occupy 25-40% of the screen. 24.03.2021
- 18. Layout easy to scan in order to retain the learners tools such as size, color, alignment, contrast positioning techniques like proximity and grouping significant information in the beginning or in the end 24.03.2021
- 19. Visuals clear and prominent relate to the content very high quality image should have a purpose Rule of Thirds 24.03.2021
- 20. Simplicity relevant to the theme and design few colors, shapes, and fonts as possible Limit animations to certain slides no more than 3-4 sentences within 2-3 lines 24.03.2021
- 21. Any questions? Dr Hilal Seda YILDIZ e-Mail: hilal.yildiz@tedu.tr Office Hours: Zoom hours for advising can be set by e-mail *This syllabus is subject to change. Changes, if any, will be announced in class. Students will be held responsible for all the changes. 24.03.2021