1 / 36

Visual Design

Visual Design. Visual Design. Process of __________, arranging, & ______________ visual elements of art to accomplish or address a particular purpose Elements of Visual Design ___________ ___________ ___________ ___________ ___________ ___________. Elements of Visual Design.

moke
Download Presentation

Visual Design

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. Visual Design

  2. Visual Design Process of __________, arranging, & ______________ visual elements of art to accomplish or address a particular purpose • Elements of Visual Design • ___________ • ___________ • ___________ • ___________ • ___________ • ___________

  3. Elements of Visual Design • Visual Elements should: • Add ____________ appeal • Improve clarity of multimedia projects • Which elements you use depends on: • _____________ • _____________ • _____________

  4. Elements of Visual Design • Line • Element of art that is a continuous ___________ made on some surface by a ____________ point, such a pen • Used to: • Guide the users _________ movement up, down, & across the page • Suggest _____________ • _______________ parts of project

  5. Elements of Visual Design • _____________ Lines • Outline Banner on web page • Suggests a relaxed, flowing movement • Create calm, natural tone • __________, Jagged Lines • More dynamic & aggressive • _______________ Lines • Convey tranquility & rest • _____________ Lines • Associated with power or Strength

  6. Elements of Visual Design • ______________ • 2-Dimensional object • 2 Categories • ________________ shapes (organizes information) • ___________ • ___________ • ___________ • _____________ or ________-________ Shapes (3-D) • ________________ • _________________

  7. Shapes

  8. Elements of Visual Design • Space • Refers to the real or implied __________ between, around, above, below, & within objects • When creating multimedia projects: • Leave enough room around objects so that elements are _______ too close together • _________ Space • Area w/o content where the eye can take a _________ as it scans a page • Helps draw ________________ to content

  9. Spacing

  10. Elements of Visual Design • Shadows & Shading • Creates the appearance of _________ • You can use: • _____________ • _____________ –shaded areas • _____________ • Depth • Created through the ______________ of objects or components

  11. Depth

  12. Elements of Visual Design • Depth Guidelines to follow: • Put most important elements in the foreground (_________) • Create a _______________ –element that you want to _________ attract attention of viewer • Place _____________ important elements in the background • Such as ______________ or _______________ • Supports the content w/o overpowering it • Middle ground (_____________) –area in b/w foreground & background • Includes most of the ____________

  13. Elements of Visual Design • Color • One of the most _________________ elements in art • Derived from _________ • 3 Distinct Properties • ________ –refers to the name of a color (red, blue, yellow) • ________ –refers to the lightness or darkness of a color • _________ –refers to the brightness or dullness or a color • RGB Color Model –Red, Green, Blue light • Designed specifically to display color _____-____________ • Computer _____________ & __________ emit color as RGB

  14. Color

  15. Elements of Visual Design • Color Schemes (color ____________) • The _____________ of colors you use throughout your multimedia project • Contain a combination of _______________ & _____________________ colors • Complementary Colors –________ in hue & intensity • Make content more consistent • Contrasting Colors –______________ from each other • Make information _______________to read • Keeps items from _______________together

  16. Complimentary Color Wheel

  17. Elements of Visual Design • Color Schemes (color palette) con’t • _____________ # of colors as much as possible • Many colors & color combinations have: • ________________ ________________ • ____________________ to certain audiences • Examples: • Red, white & blue –associated w/ 4th of July • Green –associated w/ St. Patrick’s Day

  18. Color Scheme

  19. Elements of Visual Design • Texture • Surface _____________________ or quality that you ___________ or ___________ • Common textures: • _____________ or Smooth • Dull or ____________ • _____________ or Sandy • Can imply: • ____________________ or rhythm • Add energy to a multimedia design

  20. Texture

  21. Principles of Visual Design

  22. Principles of Visual Design • Balance • __________________ of elements so that no one part of the work overpowers or having the elements _____________ properly over the entire project • ________________ (Formal Balance) • ____________ mirror reflection • __________________(Informal Balance) • Does not have symmetry • Objects are not perfectly mirrored on each side • Different ___________, _________, ___________, or _________

  23. Balance

  24. Principles of Visual Design • Variety, Harmony, & Emphasis • Variety–______________ art elements w/ slight changes to increase visual interest • Harmony –occurs when elements have ______________ • Use color, patterns or common shapes to create harmony • Emphasis –a point of __________ that the user sees first • Creates a focal point

  25. Principles of Visual Design • Proportion • The ________ relationships of certain elements to the whole & to each other • Decide how ___________or __________elements will be in relation to each other • Distort –make and image ____________ than its original proportion • Use exaggerated proportion to create a humorous effect

  26. Proportion

  27. Principles of Visual Design • Pattern, Movement & Rhythm • Pattern –2-D decorative effect achieved through the _________________ of colors, lines, shapes, or texture • Used to create consistency in visual design • Movement –combines elements to create the appearance of _____________ to guide a viewer’s eye through the project • Rhythm –regular ___________ of elements to indicate activity or create the feeling of movement or dynamic energy

  28. Pattern

  29. Movement

  30. Rhythm

  31. Principles of Visual Design

  32. Layout Guidelines of Visual Design • Layout–_____________ of text & graphics on each page or display screen • A good layout uses these elements to _____ the entire project together • Principles of a Good Layout • Content should be __________ to read • Text should ___________ _______ from graphics & other objects • Graphics should be both visually appealing & ______________ • Elements should not be ____________. Content should follow rules of proximity

  33. Proximity • Closeness of items to each other on a page • Works w/ ________________ & _______________

  34. Page Layout

  35. Multimedia Accessibility Making sure that all ____________of people can access & use its content • Disabilities that can affect multimedia usability: • ___________ impairment • Hearing impairment • Different ____________ styles • ______________ skills impairments

More Related