SlideShare a Scribd company logo
Visual Communication
 CDG 204
School of graphic design 2014
Lecturer: Miss. Hafiza Wahida Abd Kadir
Chapter 11
DESIGN - 'You only get one chance.'
A&O
• The main task of the design is to pave the
way for the message by Attracting and
Orienting.
example of advertisements
FORMAT
• The choice of format
for articles, adverts
and banners depends
on function,
message, cost and
distribution.
example of advertisements
BASIC FORMS
• The most common are symmetrical and
asymmetrical.
example of advertisements
GESTALT PSYCHOLOGY
• The gestalt laws are three (3) useful tools
for good design.
– The Law of Proximity
• The texts and images placed close to each other
are perceived as belonging together.
– The Law of Similarity
• Visual arrangements that demonstrate similarity
are perceived as belonging together.
– The Law of Closedness
• Text and images enclosed together within a frame,
for example, belong together.
4 DESIGN PRINCIPLES
• Contrast
– which creates a dynamic and exciting form
and a way into visual arrangements.
• Balance
– prevents the design capsizing.
• Alignment and Grids
– place columns and images according to a
uniform templates.
• Rhythm
– takes the receiver fowards by switching
between stronger and weaker elements.
VISUAL FOWARD MOMENTUM
• Telling an appealing story demands foward
momentum, which draws the receiver
further into the article, the advert or the
website.
• The reinforcement schedules, derived
from the psychology of learning, are
important instruments and should be
varied and suprising.

More Related Content

PPTX
Local job creation - Summary of findings and recommendations for Australia
PPT
Visual communication tutorial 4
PPTX
Visual communication tutorial 2
PPTX
Visual communication tutorial 1
PPTX
Visual communication tutorial 3
PDF
Effective visual communication for GUI
PPT
Visual communication tutorial 7
PPT
Visual communication tutorial 6
Local job creation - Summary of findings and recommendations for Australia
Visual communication tutorial 4
Visual communication tutorial 2
Visual communication tutorial 1
Visual communication tutorial 3
Effective visual communication for GUI
Visual communication tutorial 7
Visual communication tutorial 6

Viewers also liked (18)

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
PDF
What is visual communication design? keynote
PPTX
walt disney strategy management
PPTX
Presentation on Walt Disney
PPT
Walt Disney Company
PPT
Visual Communication
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
PPTX
Walt disney ppt
PDF
UX, ethnography and possibilities: for Libraries, Museums and Archives
PDF
Visual Design with Data
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
What is visual communication design? keynote
walt disney strategy management
Presentation on Walt Disney
Walt Disney Company
Visual Communication
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
Walt disney ppt
UX, ethnography and possibilities: for Libraries, Museums and Archives
Visual Design with Data
Ad

Similar to Visual communication tutorial 5 (20)

PPT
Visual Perception
PDF
VDIS10015 Visual Communication Skills - Lecture 1
PDF
Design presentation INT
PPTX
visual perception ppt2.pptx
PDF
Topic 4 Multimedia Development Process
PPTX
The Principles and Techniques of Design using Online Creation Tools, Platform...
PDF
Eng 313 ADA Project 2 Slidedoc 2
PPTX
E-TECH- W6.pptx-Empowerment technology refers to using technology like comput...
PPT
Gestalt Laws and Design
PPTX
Theories and Relevant Practitioners
PDF
Graphic Design 2011
PDF
Why Visual Communication Design is the Future of Storytelling in the Digital ...
PDF
Design Principles for All the Designers
PDF
A Complete Guide to Understanding Graphic Design Principles for Non-Designers
PDF
Web design standard document final
PPTX
Unit -3.pptx
PPT
Principles Of Design 1
PPT
Gestalt Theory: Screen Design
PPTX
visual perception ppt2.pptx
PPTX
UI Design That Converts Visitors to Buyers.
Visual Perception
VDIS10015 Visual Communication Skills - Lecture 1
Design presentation INT
visual perception ppt2.pptx
Topic 4 Multimedia Development Process
The Principles and Techniques of Design using Online Creation Tools, Platform...
Eng 313 ADA Project 2 Slidedoc 2
E-TECH- W6.pptx-Empowerment technology refers to using technology like comput...
Gestalt Laws and Design
Theories and Relevant Practitioners
Graphic Design 2011
Why Visual Communication Design is the Future of Storytelling in the Digital ...
Design Principles for All the Designers
A Complete Guide to Understanding Graphic Design Principles for Non-Designers
Web design standard document final
Unit -3.pptx
Principles Of Design 1
Gestalt Theory: Screen Design
visual perception ppt2.pptx
UI Design That Converts Visitors to Buyers.
Ad

Recently uploaded (20)

PPTX
Lesson notes of climatology university.
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
Paper A Mock Exam 9_ Attempt review.pdf.
PDF
advance database management system book.pdf
PPTX
Orientation - ARALprogram of Deped to the Parents.pptx
PPTX
A powerpoint presentation on the Revised K-10 Science Shaping Paper
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PDF
Weekly quiz Compilation Jan -July 25.pdf
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
SOIL: Factor, Horizon, Process, Classification, Degradation, Conservation
PDF
1_English_Language_Set_2.pdf probationary
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
Radiologic_Anatomy_of_the_Brachial_plexus [final].pptx
PPTX
Cell Types and Its function , kingdom of life
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PPTX
Unit 4 Skeletal System.ppt.pptxopresentatiom
PDF
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
Empowerment Technology for Senior High School Guide
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
Lesson notes of climatology university.
Supply Chain Operations Speaking Notes -ICLT Program
Paper A Mock Exam 9_ Attempt review.pdf.
advance database management system book.pdf
Orientation - ARALprogram of Deped to the Parents.pptx
A powerpoint presentation on the Revised K-10 Science Shaping Paper
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
Weekly quiz Compilation Jan -July 25.pdf
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
SOIL: Factor, Horizon, Process, Classification, Degradation, Conservation
1_English_Language_Set_2.pdf probationary
Final Presentation General Medicine 03-08-2024.pptx
Radiologic_Anatomy_of_the_Brachial_plexus [final].pptx
Cell Types and Its function , kingdom of life
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
Unit 4 Skeletal System.ppt.pptxopresentatiom
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Empowerment Technology for Senior High School Guide
LDMMIA Reiki Yoga Finals Review Spring Summer

Visual communication tutorial 5

  • 1. Visual Communication  CDG 204 School of graphic design 2014 Lecturer: Miss. Hafiza Wahida Abd Kadir
  • 2. Chapter 11 DESIGN - 'You only get one chance.'
  • 3. A&O • The main task of the design is to pave the way for the message by Attracting and Orienting. example of advertisements
  • 4. FORMAT • The choice of format for articles, adverts and banners depends on function, message, cost and distribution. example of advertisements
  • 5. BASIC FORMS • The most common are symmetrical and asymmetrical. example of advertisements
  • 6. GESTALT PSYCHOLOGY • The gestalt laws are three (3) useful tools for good design. – The Law of Proximity • The texts and images placed close to each other are perceived as belonging together. – The Law of Similarity • Visual arrangements that demonstrate similarity are perceived as belonging together. – The Law of Closedness • Text and images enclosed together within a frame, for example, belong together.
  • 7. 4 DESIGN PRINCIPLES • Contrast – which creates a dynamic and exciting form and a way into visual arrangements. • Balance – prevents the design capsizing. • Alignment and Grids – place columns and images according to a uniform templates. • Rhythm – takes the receiver fowards by switching between stronger and weaker elements.
  • 8. VISUAL FOWARD MOMENTUM • Telling an appealing story demands foward momentum, which draws the receiver further into the article, the advert or the website. • The reinforcement schedules, derived from the psychology of learning, are important instruments and should be varied and suprising.