1 / 60

0 3

0 3. IAT 102 Graphic Design. Reminders: Draft 1 of project two – bring with you to Lab next week (see WebCT for requirements) If you do not have a team for project 2 let TA know at the beginning of Lab. Quiz #2 will be in your Lab week 7 (next week) Topics covered are: 1) Colour theory

rahn
Download Presentation

0 3

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 03 IAT 102 Graphic Design

  2. Reminders: • Draft 1 of project two – bring with you to Lab next week (see WebCT for requirements) • If you do not have a team for project 2 let TA know at the beginning of Lab. • Quiz #2 will be in your Lab week 7 (next week) • Topics covered are: • 1) Colour theory • 2) textbook 46 - 82. • Quiz #3 in week 10. • Quiz # 4 in week 12.

  3. 03 Design Basics

  4. Design Tools

  5. Fundamental Questions:

  6. How do you lead users through information by visual means?

  7. What is the most important information? What should you see first? Second? hierarchy

  8. Style-Hints (or elements for good design): • Hierarchy • Contrast – dark / light, colour, text, scale, white space • Movement • Balance – asymmetrical & symmetrical • Consistency / Repetition • Proximity • Alignment

  9. Hierarchy: look first, second, third…. Scale: relative size Contrast: colour, value, texture….. Example: A designer might design a full-page magazine ad using a single small image in the middle of the page with lots of white space. The contrast between the scale of the page and the scale of the content (image) draws attention to the image (it has greater Mass or visual weight). This can create a specific mood (depending on other elements) such as conservative, elegant, lonely, or open.http://desktoppub.about.com/od/gestalt/Gestalt.htm

  10. Where do you look first, second third? Why? What leads you through information? What creates balance?

  11. Contrast Value: light to dark area Color: colour harmonies Example: A designer might design a full-page magazine ad using a single dominant colour and then highlight an area through use of a different colour based on a specific colour pallet. Colour can also be used to lead the eye through the work.

  12. Emphasis through isolation

  13. Balance White space should not be considered merely 'blank' space — it is an important element of design which enables the objects in it to exist at all, the balance between positive (or non-white) and the use of negative spaces is key to aesthetic composition. - wikipedia

  14. Balance: Informal / asymmetry / visual weight

  15. Balance: Informal / symmetry

  16. balance – symmetry or asymmetry

  17. White space White space should not be considered merely 'blank' space — it is an important element of design which enables the objects in it to exist at all, the balance between positive (or non-white) and the use of negative spaces is key to aesthetic composition. - wikipedia

  18. Repetition The concept of repetition says that you repeat design elements throughout the entire piece. The element can be a font style, graphic, line, icons, colors, the list is endless.

  19. Most amateur designers think of a square as just a more convenient rectangle. You will quickly find that there are more interesting proportions than a square… hint: just multiple base number by 1.6 (1 to 1.6) Or 1.6180339887 golden section

  20. Rule of thirds – about placement rather then proportion

  21. Visual Center and Balance Placing important elements or the focal point of the design within the visual center of a piece is another design trick. The visual center is slightly to the right of and above the actual center of a page

  22. Proximity The concept of proximity says that related items should be grouped together. Likewise, items that are not related should not be close to each other. The process of grouping related information creates visual cues, which accomplishes Jakob's principle of facilitating scanning. An example of proximity is the relationship between subheading for my paragraphs (such as Proximity above), and the Paragraphs below them. Williams also suggests never having the same amount of white space between elements that aren't a part of a list

  23. proximity

  24. proximity

  25. Alignment The concept of alignment says that everything on a page should be visually connected to something else on the page. Nothing should be placed arbitrarily. When elements are aligned they are connected to each other, even if they are separated on the page. You may have noticed that the alignment of the subheading "Alignment" was centered. As it is said, "Good design is transparent." The lack of alignment between the subhead and the related paragraph made your eye have to travel across the page, and it was probably enough for you to notice

More Related