chap 10- visual media

Upload: ahmed-ali-dhaku

Post on 03-Apr-2018

218 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/28/2019 Chap 10- Visual Media

    1/49

    Design andProductionChapter 10

  • 7/28/2019 Chap 10- Visual Media

    2/49

    93% of communication is non-verbal

    Albert

    Mehrabian (Psychologist)

    Humans decipher images 60000 times faster

    than text

    Image items are deciphered simultaneouslywhile language is decoded in a linear

    sequential manner, taking more time toprocess

    14 - 2

  • 7/28/2019 Chap 10- Visual Media

    3/49

    Unless our words,concepts and ideas

    are hooked onto animage, they will goin one ear and sailout through the the

    ear

    Words are stored in

    our short termmemory whileimages are stored inour long termmemory

    14 - 3

  • 7/28/2019 Chap 10- Visual Media

    4/49

    Verbal Information Retained

    Studies show that people remember 10% of what

    they hear and 20% of what they read, but about 80

    percent of what they see and do.

    14 - 4

  • 7/28/2019 Chap 10- Visual Media

    5/49

    14 - 5

  • 7/28/2019 Chap 10- Visual Media

    6/49

    14 - 6

  • 7/28/2019 Chap 10- Visual Media

    7/49

    14 - 7

  • 7/28/2019 Chap 10- Visual Media

    8/49

    Visual Communication

    Six key reasons for the effective use of visualsin advertising

    1. Grab attention

    2. Stick in memory

    3. Cement belief

    4. Tell interesting stories

    5. Communicate quickly

    6. Anchor associations

    14 - 8

  • 7/28/2019 Chap 10- Visual Media

    9/49

    Selecting the focus of

    advertising visuals

    Package containing the product

    The product alone

    The product in use

    How to use the product

    Product features

    14 - 9

  • 7/28/2019 Chap 10- Visual Media

    10/49

    14 - 10

  • 7/28/2019 Chap 10- Visual Media

    11/49

    Comparison of products

    Humor

    Testimonial

    Negative Appeal

    Color

    14 - 11

  • 7/28/2019 Chap 10- Visual Media

    12/49

    14 - 12

  • 7/28/2019 Chap 10- Visual Media

    13/49

    14 - 13

  • 7/28/2019 Chap 10- Visual Media

    14/49

    14 - 14

  • 7/28/2019 Chap 10- Visual Media

    15/49

    Visual Communication

    14 - 15

    Visual impact

    A picture in a printad captures more

    than twice as manyreaders as aheadline does

    Initial attention is

    more likely to turninto sustainedinterest

    The art director

    In charge of thevisual look of the

    message

    Most difficultchallenge is

    transforming aconcept into wordsand pictures

  • 7/28/2019 Chap 10- Visual Media

    16/49

    Print Art Direction

    14 - 16

    Illustrations and Photos

    Photos

    The authenticity ofphotography makesit powerful

    Illustrations

    Illustrations eliminatemany details of aphoto

    Color

    Attracts attention

    Provides realism

    Establishes moods

    Builds brand identity

    Spot color

  • 7/28/2019 Chap 10- Visual Media

    17/49

    14 - 17

  • 7/28/2019 Chap 10- Visual Media

    18/49

    Typography

    14 - 18

    The appearance ofthe ads printedmatter in terms ofthe style and size oftypefaces

    Fonts

    Basic set of letters in

    a particulartypeface

    Serif

    Sans serif

    Justification

    Justified type

    Flush right

    Flush left

    Unjustified type

    Ragged right

    Ragged left

  • 7/28/2019 Chap 10- Visual Media

    19/49

    14 - 19

  • 7/28/2019 Chap 10- Visual Media

    20/49

    14 - 20

  • 7/28/2019 Chap 10- Visual Media

    21/49

    14 - 21

  • 7/28/2019 Chap 10- Visual Media

    22/49

    14 - 22

  • 7/28/2019 Chap 10- Visual Media

    23/49

    Typography

    14 - 23

    Type Measurement

    Points

    Smallest system ofmeasurement units

    Picas

    Bigger unit ofmeasurement

    Legibility

    How easy it is to

    perceive the letters

    Reverse type, allcapitals, and

    surprinting allhinder the readingprocess

  • 7/28/2019 Chap 10- Visual Media

    24/49

    Layout and Design

    14 - 24

    Layout

    A plan that

    imposes order and

    creates an

    arrangement that

    is aestheticallypleasing

    Common Ad Layouts

    Picture window

    All art

    Panel or gridDominant type or all

    copy

    Circus

    Nonlinear

  • 7/28/2019 Chap 10- Visual Media

    25/49

    Mondrian Layout

    14 - 25

  • 7/28/2019 Chap 10- Visual Media

    26/49

    Picture Layout

    14 - 26

  • 7/28/2019 Chap 10- Visual Media

    27/49

    Big Type

    14 - 27

  • 7/28/2019 Chap 10- Visual Media

    28/49

    Circus

    14 - 28

  • 7/28/2019 Chap 10- Visual Media

    29/49

    Silhouette

    14 - 29

  • 7/28/2019 Chap 10- Visual Media

    30/49

    Rebus

    14 - 30

  • 7/28/2019 Chap 10- Visual Media

    31/49

    Axial

    14 - 31

  • 7/28/2019 Chap 10- Visual Media

    32/49

    Design Principles

    14 - 32

    Design has bothfunctional andaesthetic needs

    Makes themessage easy toperceive

    Makes it attractiveand pleasing tothe eye

    Common Principles

    Direction

    Dominance

    Unity

    White space

    Contrast

    Balance

    Proportion

    Simplify, simplify,simplify

  • 7/28/2019 Chap 10- Visual Media

    33/49

    Layout Stages Thumbnail sketches

    Rough layouts

    Semicomps and comprehensives

    Mechanicals

    14 - 33

  • 7/28/2019 Chap 10- Visual Media

    34/49

    Print Production

    14 - 34

    Different media havedifferent demandson design andproduction

    Newsprint not agood surface forreproducing finedetails

    Excellentphotographic andcolor reproduction

    differentiatemagazines fromnewspapers

    Tips for DesignersGraphics

    Size

    Colors

    Figure/ground Typography

    Product identification

    Extensions

    ShapeMotion

  • 7/28/2019 Chap 10- Visual Media

    35/49

    14 - 35

  • 7/28/2019 Chap 10- Visual Media

    36/49

    14 - 36

  • 7/28/2019 Chap 10- Visual Media

    37/49

    14 - 37

  • 7/28/2019 Chap 10- Visual Media

    38/49

    14 - 38

  • 7/28/2019 Chap 10- Visual Media

    39/49

    Art Reproduction

    14 - 39

    Line art

    Image is solid on a

    white page

    A drawing orillustration

    Halftone

    Have a range of

    grey tonesbetween the black

    and white

    Photographs

    Color Reproduction

    Process colors

    Four-color printing

    Color separation

  • 7/28/2019 Chap 10- Visual Media

    40/49

    Printing Processes Letterpress

    Offset Lithography

    Rotogravure

    Flexography

    Silkscreen

    14 - 40

  • 7/28/2019 Chap 10- Visual Media

    41/49

    Printing Processes

    14 - 41

    Digitization

    Uses computer

    technology to break

    images into tiny

    grids, coded

    electronically for

    tone and color

    How computers

    handle the color

    reproduction process

    Binding and Finishing

    Special printingeffects used toenhance ads andother printedmaterials

  • 7/28/2019 Chap 10- Visual Media

    42/49

    Broadcast Production The producer oversees the production on

    behalf of the agency and client and isresponsible for the budget, among other

    things

    The director takes the art directorsstoryboard and makes it come to life on

    film

    14 - 42

  • 7/28/2019 Chap 10- Visual Media

    43/49

    14 - 43

    14 44

  • 7/28/2019 Chap 10- Visual Media

    44/49

    Broadcast Production

    14 - 44

    ProducingCommercials

    Animation

    Stop motion

    Music and action

    TV ProductionProcess

    Preproduction

    The shoot

    Postproduction

    14 45

  • 7/28/2019 Chap 10- Visual Media

    45/49

    Effective Web Design

    14 - 45

    Web pages shouldfollow the samelayout rules as

    posters

    Web pages cancombine elements

    and design stylesfrom many differentmedia

    Action and Interaction

    Web advertisers are

    continuing to find ways

    to make the imagery

    more engaging

    Sites should have clear

    navigation

    Regular site visitors

    should be able to

    customize the site

  • 7/28/2019 Chap 10- Visual Media

    46/49

    14 47

  • 7/28/2019 Chap 10- Visual Media

    47/49

    Vintage ads

    14 - 47

    14 48

  • 7/28/2019 Chap 10- Visual Media

    48/49

    14 - 48

  • 7/28/2019 Chap 10- Visual Media

    49/49