Presentation slides from guest lecturing at the University of Makati in 2019.

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?

4. Visual Information
and Media
Unpacking

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

46. References
https://drive.google.com/file/d/0B869YF0KEHr7UXo3ZVl0a1M3aG8
/view
http://www.deped.gov.ph/wp-content/uploads/2019/01/SHS-Core_
Media-and-Information-Literacy-CG.pdf
https://www.demandgenreport.com/industry-topics/rich-media/2
906-the-power-of-visual-content-infographic
https://www.pentagram.com/about/paula-scher
https://dictionary.cambridge.org
https://unsplash.com