Visual Information and Media (UMAK Lecture)
- 1. Hello, Nice to meet y’all! I’m Cedric, a user experience (UX) designer in Cambridge University Press, and a graduate student (Media Studies) in DLSU Manila.
- 2. Visual Information and Media This thing called
- 3. Objectives WHY should we care about visual information and the media? HOW do we create successful visual design? WHAT makes a visual design successful?
- 5. Visual Information and Media Unpacking Relating to seeing: something such as a picture, photograph, or piece of film used to give a particular effect or to explain something.
- 6. Visual Information and Media Unpacking A broad term that can cover data, knowledge derived from study, experience, or instruction, signals or symbols.
- 7. Visual Information and Media Unpacking Use of one or more of the various visual media with or without sound. Includes still photography, motion picture photography, video or audio recording, graphic arts, visual aids, models, display, visual presentation services, and the support processes.
- 8. Visual Information and Media Unpacking The combination of physical objects used to communicate or mass communication through physical objects such as radio, television, computers, or film, etc. It also refers to any physical object used to communicate media messages.
- 9. Visual Information and Media Unpacking Materials, programs, applications and the like that people use to formulate new information to aid learning through the use, analysis, evaluation and production of visual images.
- 10. Visual Information and Media Purpose Gain attention. Create meaning. Facilitate retention.
- 12. Child abuse victims’ transition home
- 13. Child abuse victims’ transition home after being rehabilitated by the graduating interior design class of UP.
- 14. Condoms that change color in contact with sexually transmitted disease (STD)
- 15. Design can... Foster effective communication. Improve lives. And more.
- 16. Visual Design Elements How do we create successful visual design?
- 17. Line Visual Design Element A shape or an outline.
- 18. Shape Visual Design Element A geometric area that stands out from the space next to or around it, or because of differences in value, color, or texture.
- 19. Value Visual Design Element Degree of light and dark.
- 20. Texture Visual Design Element The way a surface feels or is perceived to feel.
- 21. Color Visual Design Element Determined by its hue (name of color), intensity (purity of the hue), and value (lightness or darkness of hue).
- 22. Form Visual Design Element A figure having volume and thickness.
- 23. Visual Design Principles What makes a visual design successful?
- 24. Pattern or Repetition Visual Design Principle Elements being copied or mimicked numerous times.
- 25. Pattern or Repetition Visual Design Principle Elements being copied or mimicked numerous times.
- 26. Contrast Visual Design Principle Change in value, or the difference between shapes and other elements.
- 27. Contrast Visual Design Principle Change in value, or the difference between shapes and other elements.
- 28. Emphasis Visual Design Principle To distinguish between elements in a series of similar forms.
- 29. Emphasis Visual Design Principle To distinguish between elements in a series of similar forms.
- 30. Balance Visual Design Principle Equality in shape, form, value, color, etc. Can be symmetrical and evenly balanced, or asymmetrical and unevenly balanced.
- 31. Balance Visual Design Principle Equality in shape, form, value, color, etc. Can be symmetrical and evenly balanced, or asymmetrical and unevenly balanced.
- 32. Scale or Proportion Visual Design Principle Elements of different sizes in relationship with each other.
- 33. Scale or Proportion Visual Design Principle Elements of different sizes in relationship with each other.
- 34. Movement Visual Design Principle Visual flow through the composition. A suggestion of motion in a design.
- 35. Movement Visual Design Principle Visual flow through the composition. A suggestion of motion in a design.
- 36. Rhythm Visual Design Principle Movement in which some elements recur regularly.
- 37. Rhythm Visual Design Principle Movement in which some elements recur regularly.
- 38. Perspective Visual Design Principle The arrangement of objects in two-dimensional space to look like they appear in real life.
- 39. Perspective Visual Design Principle The arrangement of objects in two-dimensional space to look like they appear in real life.
- 40. Harmony or Unity Visual Design Principle Brings together a composition with similar units.
- 41. Visual Design Principle Brings together a composition with similar units. Harmony or Unity
- 42. Movie time!
- 43. Netflix’s Abstract Series One of the most influential graphic designers in the world. Scher straddles the line between pop culture and fine art in her work. Iconic, smart, and accessible, her images have entered into the American vernacular. Paula Scher
- 44. Questions?
- 45. Thanks! :) Have a great day. @ux_ced on Twitter and Instagram Presentation slide: https://tinyurl.com/vim-lecture