SlideShare a Scribd company logo
V
Visual Communication
CDG 204
School of graphic design 2014
Lecturer: Miss. Hafiza Wahida Abd Kadir
16
contents
Scared
of seeing Story
telling
work
strategy
message
s
influence
s
creativity
Typo
graphytext
images
design
paper
colour
profiles
sound
interplay
SCARED OF SEEING
 Based on how we feels by emotions;
 Sadness, emptiness, scared to be alone, cause of
death, happiness and more.
 some scared of seeing it can be from;
 Personal experience, friends experience, story by
mouth to mouth.
 How it effects based on ‘mind over body’ for each
person who takes it.
Picture 1: visual scared of seeing
Does this kind of visual affects our heart
feeling?
OR
Does this kind of visual makes us think
about our health?
Picture 2: visual scared of seeing
Put our self in her shoes;
How do we feel?
?
ICE BREAKING;
Can we think or imagine some of
NEW ADS by using SCARED OF
SEEING CONCEPT?
STORYTELLING
 Dramaturgy;
 The art of telling story ;
 The audience have to follow the story right to the end.
 2 levels dramaturgy;
 What happens
 usually it comes to word..to be continue - tv series
 Series of teaser – advertising campaign
 How it happens
 The process of.
Picture 3: visual storytelling; how it happens.
Cont…
 3 TECHNIQUES:
 The dramatic;
 Involving the persecutor, the victim and the rescuer ;
 Often seen in plays, films, journalism and advertising.
 The non-dramatic;
 Based on a more open and gentler dialogue with the audience.
 The interactive;
 Kind of middle ground between the two techniques.
 A website gives the visitor complete freedom, but of course only
within the limitations of interactivity.
Picture 4: visual storytelling;
dramatic techniques.
ICE BREAKING;
Can we put some HEADLINE to this
visual?
AND
Whose or which ORGANIZATION
involved in this visual?
IF
We make this visual into an ADS.
Picture 5: visual storytelling;
dramatic techniques.
ICE BREAKING;
Can we put some HEADLINE to this
visual?
AND
Whose or which ORGANIZATION
involved in this visual?
IF
We make this visual into an ADS.
Picture 6: visual storytelling; non-dramatic techniques.
ICE BREAKING;
A debate in the media can ensure community and authorities take responsibility.
Picture 7: visual storytelling; non-dramatic techniques.
ICE BREAKING;
A debate in the media can ensure community and authorities take responsibility.
Picture 8: visual storytelling; non-dramatic techniques.
ICE BREAKING;
A debate in the media can ensure community and authorities take responsibility.
WE’LL TAKE THIS PLACE NEXT
ICE BREAKING;
By using the text above;
CAN WE IMAGINE WHAT KIND OF VISUAL SUITABLE TO SUPPORT THE TEXT.
WORK
 MESSENGERS
 The messenger;
 A subeditor, designer, art director, filmmaker, web designer HELPS
the sender or client to reach the receiver.
 They works on a newspaper, TV channel, an advertising agency, design
company or at a web agency.
 SUPPLIERS
 Photographers, cameraman and illustrators provide newspapers, TV
channels and advertising agencies with editorial and commercial
material.
 CLIENTS
 Often work on a newspaper or for a TV channel or in company’s
marketing, advertising or PR department.
Picture 9: visual work
ICE BREAKING;
Embark a few QUESTION in our
mind:
• BRAND of this ads?
• TECHNIQUE of this ads?
Picture 10: visual work
ICE BREAKING;
Embark a few QUESTION in our
mind:
• BRAND of this ads?
• TECHNIQUE of this ads?
Picture 11: visual work
ICE BREAKING;
Embark a few QUESTION in our
mind:
• BRAND of this ads?
• TECHNIQUE of this ads?
Picture 12: visual work
ICE BREAKING;
Embark a few QUESTION in our
mind:
• BRAND of this ads?
• TECHNIQUE of this ads?
Picture 13: visual work
ICE BREAKING;
Embark a few QUESTION in our
mind:
• BRAND of this ads?
• TECHNIQUE of this ads?
CONCLUSION
...A GREAT IMAGINATION comes from a GREAT MINDS…”
… get INSPIRED from what you SEEING…”
…LESS is MORE in our LIFE…”
OUTCOME 1 (10%)
1. By using 3 topics;
• SCARED OF SEEING
• STORY TELLING
• WORK
i. Find any issues
(pollutions, abuse, creativity, etc)
and visualize it. (COMPUTERIZE)
ii. Size: A3
(it can be portrait or landscape).
DATE LINE OF WORK WILL BE ON:
20 of FEBRUARY 2014 (THURSDAY – 9.00 AM)

More Related Content

PPTX
Visual Communication
PPTX
Mass media advertisement ppt
PPTX
Visual Communication
PPT
Visual Communication
PDF
Introduction to advertising
PDF
Copywriting - Art of Advertising Writing
PDF
What is visual communication design? keynote
PPTX
Advertisement - Classifications and Evolution
Visual Communication
Mass media advertisement ppt
Visual Communication
Visual Communication
Introduction to advertising
Copywriting - Art of Advertising Writing
What is visual communication design? keynote
Advertisement - Classifications and Evolution

What's hot (20)

PPT
Advertising campaign
PDF
History of indian advertising
PPT
Types of advertisement
PPTX
Different forms of television advertising 1
DOCX
Advertising
PPTX
Evolution of ads
PPT
Advertising Theory
PPTX
Media planning in advertising
PPTX
Visual communication
PPTX
History of advertising
PPT
El Brief
PDF
Visual communication and Visual cues part two
PPTX
Advertising Theories
PPTX
visual communication
PPT
Media Planning
PPTX
Walter lippmann and_public_opinion_in_early_20th
PPTX
1 visual comunication pptx
PPTX
PPTX
Ethics in advertising
PDF
La estrategia publicitaria
Advertising campaign
History of indian advertising
Types of advertisement
Different forms of television advertising 1
Advertising
Evolution of ads
Advertising Theory
Media planning in advertising
Visual communication
History of advertising
El Brief
Visual communication and Visual cues part two
Advertising Theories
visual communication
Media Planning
Walter lippmann and_public_opinion_in_early_20th
1 visual comunication pptx
Ethics in advertising
La estrategia publicitaria
Ad

Viewers also liked (20)

PPT
Visual communication tutorial 4
PPT
Visual communication tutorial 5
PPTX
Visual communication tutorial 2
PPTX
Visual communication tutorial 3
PDF
Effective visual communication for GUI
PPT
Visual communication tutorial 7
PPT
Visual communication tutorial 6
PDF
Retail Design Institute’s 2016 Trendcast 
PDF
UXPA BOSTON 2013 - Visual Communication in UX research and design
PDF
Branding & Marketing Firm Brand Book
PDF
Visual Communication through Infographics
PPT
Walt Disney BIO
PPTX
walt disney strategy management
PPTX
Presentation on Walt Disney
PPT
Walt Disney Company
PPTX
Disney World Powerpoint Template - SlideWorld
PPTX
The walt disney company
PDF
Service Design Thinking in UX Projects - Service Design Global Conference 201...
PPTX
Walt Disney - An analysis of the strategic challenges
PDF
Visual Communication Design Process
Visual communication tutorial 4
Visual communication tutorial 5
Visual communication tutorial 2
Visual communication tutorial 3
Effective visual communication for GUI
Visual communication tutorial 7
Visual communication tutorial 6
Retail Design Institute’s 2016 Trendcast 
UXPA BOSTON 2013 - Visual Communication in UX research and design
Branding & Marketing Firm Brand Book
Visual Communication through Infographics
Walt Disney BIO
walt disney strategy management
Presentation on Walt Disney
Walt Disney Company
Disney World Powerpoint Template - SlideWorld
The walt disney company
Service Design Thinking in UX Projects - Service Design Global Conference 201...
Walt Disney - An analysis of the strategic challenges
Visual Communication Design Process
Ad

Similar to Visual communication tutorial 1 (20)

PDF
The Importance of Storytelling in Web Design, WordCamp Miami 2013
PPTX
Drawing Stories for Product Development - May 2015
PPTX
Sketching user experiences: Getting the design right and the right design
PPTX
Introduction to Storyboarding for User Experience Design
PPTX
Charts, Visuals, Infographics...Oh My!
PDF
Edward segel interactive_storytelling
PPTX
Storyboarding for Content Strategy and UX Design - U of W Continuing Ed. Nov....
PDF
The Rise of Experiential Design – What You Need to Succeed
PDF
Exhibitionist#13 Eddie Newquist
PPTX
Drawing Stories for User Experiences (UX) - April 2015
PDF
"Illustrating" Digital Learning Objects (DLOs) and Learning Resources
PPTX
Visual Information and Media presentation .pptx
PDF
VISUAL COMMUNICATION in architecture communication
PDF
Imagination Workshops folio with titles
PDF
Visual Design for Digital Storytelling
PDF
New Media Producing Syllabus Fall 2012 - Building Storyworlds the art, craft ...
PPTX
Vital visualizations 2016 10 05
PDF
Visual Communication (Advertising Management)
PDF
HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...
PDF
Show and Tell (with notes)
The Importance of Storytelling in Web Design, WordCamp Miami 2013
Drawing Stories for Product Development - May 2015
Sketching user experiences: Getting the design right and the right design
Introduction to Storyboarding for User Experience Design
Charts, Visuals, Infographics...Oh My!
Edward segel interactive_storytelling
Storyboarding for Content Strategy and UX Design - U of W Continuing Ed. Nov....
The Rise of Experiential Design – What You Need to Succeed
Exhibitionist#13 Eddie Newquist
Drawing Stories for User Experiences (UX) - April 2015
"Illustrating" Digital Learning Objects (DLOs) and Learning Resources
Visual Information and Media presentation .pptx
VISUAL COMMUNICATION in architecture communication
Imagination Workshops folio with titles
Visual Design for Digital Storytelling
New Media Producing Syllabus Fall 2012 - Building Storyworlds the art, craft ...
Vital visualizations 2016 10 05
Visual Communication (Advertising Management)
HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...
Show and Tell (with notes)

Recently uploaded (20)

PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
UNIT III MENTAL HEALTH NURSING ASSESSMENT
PPTX
Radiologic_Anatomy_of_the_Brachial_plexus [final].pptx
PDF
Practical Manual AGRO-233 Principles and Practices of Natural Farming
PDF
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
PDF
Classroom Observation Tools for Teachers
PDF
What if we spent less time fighting change, and more time building what’s rig...
PPTX
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
PDF
IGGE1 Understanding the Self1234567891011
PPTX
A powerpoint presentation on the Revised K-10 Science Shaping Paper
PDF
Weekly quiz Compilation Jan -July 25.pdf
PDF
advance database management system book.pdf
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
PPTX
History, Philosophy and sociology of education (1).pptx
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
Paper A Mock Exam 9_ Attempt review.pdf.
PDF
RMMM.pdf make it easy to upload and study
PDF
SOIL: Factor, Horizon, Process, Classification, Degradation, Conservation
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
UNIT III MENTAL HEALTH NURSING ASSESSMENT
Radiologic_Anatomy_of_the_Brachial_plexus [final].pptx
Practical Manual AGRO-233 Principles and Practices of Natural Farming
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
Classroom Observation Tools for Teachers
What if we spent less time fighting change, and more time building what’s rig...
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
IGGE1 Understanding the Self1234567891011
A powerpoint presentation on the Revised K-10 Science Shaping Paper
Weekly quiz Compilation Jan -July 25.pdf
advance database management system book.pdf
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
History, Philosophy and sociology of education (1).pptx
Supply Chain Operations Speaking Notes -ICLT Program
Paper A Mock Exam 9_ Attempt review.pdf.
RMMM.pdf make it easy to upload and study
SOIL: Factor, Horizon, Process, Classification, Degradation, Conservation

Visual communication tutorial 1

  • 1. V Visual Communication CDG 204 School of graphic design 2014 Lecturer: Miss. Hafiza Wahida Abd Kadir
  • 3. SCARED OF SEEING  Based on how we feels by emotions;  Sadness, emptiness, scared to be alone, cause of death, happiness and more.  some scared of seeing it can be from;  Personal experience, friends experience, story by mouth to mouth.  How it effects based on ‘mind over body’ for each person who takes it.
  • 4. Picture 1: visual scared of seeing Does this kind of visual affects our heart feeling? OR Does this kind of visual makes us think about our health?
  • 5. Picture 2: visual scared of seeing Put our self in her shoes; How do we feel?
  • 6. ? ICE BREAKING; Can we think or imagine some of NEW ADS by using SCARED OF SEEING CONCEPT?
  • 7. STORYTELLING  Dramaturgy;  The art of telling story ;  The audience have to follow the story right to the end.  2 levels dramaturgy;  What happens  usually it comes to word..to be continue - tv series  Series of teaser – advertising campaign  How it happens  The process of.
  • 8. Picture 3: visual storytelling; how it happens.
  • 9. Cont…  3 TECHNIQUES:  The dramatic;  Involving the persecutor, the victim and the rescuer ;  Often seen in plays, films, journalism and advertising.  The non-dramatic;  Based on a more open and gentler dialogue with the audience.  The interactive;  Kind of middle ground between the two techniques.  A website gives the visitor complete freedom, but of course only within the limitations of interactivity.
  • 10. Picture 4: visual storytelling; dramatic techniques. ICE BREAKING; Can we put some HEADLINE to this visual? AND Whose or which ORGANIZATION involved in this visual? IF We make this visual into an ADS.
  • 11. Picture 5: visual storytelling; dramatic techniques. ICE BREAKING; Can we put some HEADLINE to this visual? AND Whose or which ORGANIZATION involved in this visual? IF We make this visual into an ADS.
  • 12. Picture 6: visual storytelling; non-dramatic techniques. ICE BREAKING; A debate in the media can ensure community and authorities take responsibility.
  • 13. Picture 7: visual storytelling; non-dramatic techniques. ICE BREAKING; A debate in the media can ensure community and authorities take responsibility.
  • 14. Picture 8: visual storytelling; non-dramatic techniques. ICE BREAKING; A debate in the media can ensure community and authorities take responsibility.
  • 15. WE’LL TAKE THIS PLACE NEXT ICE BREAKING; By using the text above; CAN WE IMAGINE WHAT KIND OF VISUAL SUITABLE TO SUPPORT THE TEXT.
  • 16. WORK  MESSENGERS  The messenger;  A subeditor, designer, art director, filmmaker, web designer HELPS the sender or client to reach the receiver.  They works on a newspaper, TV channel, an advertising agency, design company or at a web agency.  SUPPLIERS  Photographers, cameraman and illustrators provide newspapers, TV channels and advertising agencies with editorial and commercial material.  CLIENTS  Often work on a newspaper or for a TV channel or in company’s marketing, advertising or PR department.
  • 17. Picture 9: visual work ICE BREAKING; Embark a few QUESTION in our mind: • BRAND of this ads? • TECHNIQUE of this ads?
  • 18. Picture 10: visual work ICE BREAKING; Embark a few QUESTION in our mind: • BRAND of this ads? • TECHNIQUE of this ads?
  • 19. Picture 11: visual work ICE BREAKING; Embark a few QUESTION in our mind: • BRAND of this ads? • TECHNIQUE of this ads?
  • 20. Picture 12: visual work ICE BREAKING; Embark a few QUESTION in our mind: • BRAND of this ads? • TECHNIQUE of this ads?
  • 21. Picture 13: visual work ICE BREAKING; Embark a few QUESTION in our mind: • BRAND of this ads? • TECHNIQUE of this ads?
  • 22. CONCLUSION ...A GREAT IMAGINATION comes from a GREAT MINDS…” … get INSPIRED from what you SEEING…” …LESS is MORE in our LIFE…”
  • 23. OUTCOME 1 (10%) 1. By using 3 topics; • SCARED OF SEEING • STORY TELLING • WORK i. Find any issues (pollutions, abuse, creativity, etc) and visualize it. (COMPUTERIZE) ii. Size: A3 (it can be portrait or landscape). DATE LINE OF WORK WILL BE ON: 20 of FEBRUARY 2014 (THURSDAY – 9.00 AM)