Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design principles and fundamentals

Design principles and fundamentals

By Broc Sears

More Decks by Texas Center for Community Journalism

Other Decks in Design

Transcript

  1. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS

    View Slide

  2. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS

    View Slide

  3. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Purpose

    View Slide

  4. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Purpose
    Principles
    Elements
    Fundamentals

    View Slide

  5. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design

    View Slide

  6. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Contrast
    Size
    Weight
    Color
    Posture
    Space
    Character

    View Slide

  7. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Contrast
    Size
    Weight
    Color
    Posture
    Space
    Character
    AAAAAAAAAA
    AAAA
    AAAAAA
    AAAAAAAAAA

    View Slide

  8. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Contrast
    Size
    Weight
    Color
    Posture
    Space
    Character
    AAAAAAAAAA
    AAAAAAAAAA
    AAAAAAAAAA

    View Slide

  9. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Contrast
    Size
    Weight
    Color
    Posture
    Space
    Character
    AAAAAAAAAA
    AAAAAAAAAA
    AAAAAAAAAA

    View Slide

  10. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Contrast
    Size
    Weight
    Color
    Posture
    Space
    Character
    AAAAAAAAAA
    AAAAAAAAAA
    AAAAAAAAAA

    View Slide

  11. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Contrast
    Size
    Weight
    Color
    Posture
    Space
    Character
    AAAAAAAAAA
    AAA AA AAA
    A AAAAAAA
    AAAAAAA A

    View Slide

  12. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Contrast
    Size
    Weight
    Color
    Posture
    Space
    Character
    AAAAAAAAAA
    AAAAAAAAAA
    A A A AAA A A A A
    aaaAAAAaaa

    View Slide

  13. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Contrast
    Size
    Weight
    Color
    Posture
    Space
    Character

    View Slide

  14. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Repetition
    Characteristics
    Style and Rules
    Art
    Text

    View Slide

  15. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Repetition
    Characteristics
    Style and Rules
    Art
    Text
    Develop a sense of hierarchy
    Headline
    Subhead
    Text
    Contact Info

    View Slide

  16. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Repetition
    Characteristics
    Style and Rules
    Art
    Text
    Develop a sense of hierarchy
    Headline
    Subhead
    Text
    Contact Info

    View Slide

  17. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Repetition
    Characteristics
    Style and Rules
    Art and SpaceT-
    ext
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Vestibulum eget sapien sit amet lacus hendrerit pellentesque
    lobortis quis sapien.
    Donec id purus et massa interdum elementum. Proin adipi-
    scing placerat consequat. Nunc malesuada metus at nunc mat-
    tis vel consectetur dolor.
    Praesent in nibh at enim euismod dictum. Vestibulum ante
    ipsum primis in faucibus orci luctus et ultrices posuere cubilia
    Curae; Etiam vel est nulla. Mauris in est at justo hendrerit
    Cras massa augue, iaculis ac gravida at, malesuada sit amet
    purus. Fusce at rhoncus purus.

    View Slide

  18. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Repetition
    Characteristics
    Style and Rules
    Art and SpaceT-
    ext
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Vestibulum eget sapien sit amet lacus hendrerit pellentesque
    lobortis quis sapien.
    Donec id purus et massa interdum elementum. Proin adipi-
    scing placerat consequat. Nunc malesuada metus at nunc mat-
    tis vel consectetur dolor.
    Praesent in nibh at enim euismod dictum. Vestibulum ante
    ipsum primis in faucibus orci luctus et ultrices posuere cubilia
    Curae; Etiam vel est nulla. Mauris in est at justo hendrerit
    Cras massa augue, iaculis ac gravida at, malesuada sit amet
    purus. Fusce at rhoncus purus.

    View Slide

  19. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Repetition
    Characteristics
    Style and Rules
    Art and Space
    Text
    HELMET 1 - $14.99
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Vestibulum eget sapien sit amet lacus hendrerit pellentesque
    lobortis quis sapien.
    HELMET 2 - $14.99
    Donec id purus et massa interdum elementum. Proin adipi-
    scing placerat consequat. Nunc malesuada metus at nunc mat-
    tis vel consectetur dolor.
    HELMET 3 - $14.99
    Praesent in nibh at enim euismod dictum. Vestibulum ante
    ipsum primis in faucibus orci luctus et ultrices posuere cubilia
    Curae; Etiam vel est nulla. Mauris in est at justo hendrerit
    HELMET 4 - $19.99
    Cras massa augue, iaculis ac gravida at, malesuada sit amet
    purus. Fusce at rhoncus purus.

    View Slide

  20. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Repetition
    Characteristics
    Style and Rules
    Art and Space
    Text
    Have you made a decision on that new car or truck yet?
    Have you scoured the used car websites, magazines and traders?
    Have you found the vehicles you want but can’t afford them?
    Have you made a decision on that new car or truck yet?
    Have you decided it’s time to throw in the towel?
    Or is it time to visit Southwest Kia Hyundai Toyota?

    View Slide

  21. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Alignment
    Left
    Right
    Centered
    Justified

    View Slide

  22. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Lorem ipsum dolor sit amet, consectetur
    adipiscing elit. Vestibulum eget sapien sit
    amet lacus hendrerit pellentesque lobortis
    quis sapien. Donec id purus et massa
    interdum elementum. Proin adipiscing
    placerat consequat. Nunc malesuada
    metus at nunc mattis vel consectetur dolor
    facilisis. Praesent in nibh at enim euismod
    dictum. Vestibulum ante ipsum primis in
    faucibus orci luctus et ultrices.
    Most readable Friendly Dependable
    Four principles of design
    Alignment
    Left
    Right
    Centered
    Justified

    View Slide

  23. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Lorem ipsum dolor sit amet, consectetur
    adipiscing elit. Vestibulum eget sapien sit
    amet lacus hendrerit pellentesque lobortis
    quis sapien. Donec id purus et massa
    interdum elementum. Proin adipiscing
    placerat consequat. Nunc malesuada
    metus at nunc mattis vel consectetur dolor
    facilisis. Praesent in nibh at enim euismod
    dictum. Vestibulum ante ipsum primis in
    faucibus orci luctus et ultrices.
    Least readable Radical Distracting
    Four principles of design
    Alignment
    Left
    Right
    Centered
    Justified

    View Slide

  24. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Lorem ipsum dolor sit amet, consectetur
    adipiscing elit. Vestibulum eget sapien sit
    amet lacus hendrerit pellentesque lobortis
    quis sapien. Donec id purus et massa
    interdum elementum. Proin adipiscing
    placerat consequat. Nunc malesuada
    metus at nunc mattis vel consectetur dolor
    facilisis. Praesent in nibh at enim euismod
    dictum. Vestibulum ante ipsum primis in
    faucibus orci luctus et ultrices.
    Uncomfortable Casual Distracting
    Four principles of design
    Alignment
    Left
    Right
    Centered
    Justified

    View Slide

  25. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Lorem ipsum dolor sit amet, consectetur
    adipiscing elit. Vestibulum eget sapien sit
    amet lacus hendrerit pellentesque lobor-
    tis quis sapien. Donec id purus et massa
    interdum elementum. Proin adipiscing
    placerat consequat. Nunc malesuada
    metus at nunc mattis vel consectetur
    dolor facilisis. Praesent in nibh at enim
    euismod dictum. Vestibulum ante ipsum
    primis in faucibus orci luctus et ultrices.
    Traditional Informative Authoritative
    Four principles of design
    Alignment
    Left
    Right
    Centered
    Justified

    View Slide

  26. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Proximity

    View Slide

  27. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Proximity
    HELMET 1 - $14.99
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Vestibulum eget sapien sit amet lacus hendrerit pellentesque
    lobortis quis sapien.
    HELMET 2 - $14.99
    Donec id purus et massa interdum elementum. Proin adipi-
    scing placerat consequat. Nunc malesuada metus at nunc mat-
    tis vel consectetur dolor.
    HELMET 3 - $14.99
    Praesent in nibh at enim euismod dictum. Vestibulum ante
    ipsum primis in faucibus orci luctus et ultrices posuere cubilia
    Curae; Etiam vel est nulla. Mauris in est at justo hendrerit
    HELMET 4 - $19.99
    Cras massa augue, iaculis ac gravida at, malesuada sit amet
    purus. Fusce at rhoncus purus.

    View Slide

  28. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Proximity
    HELMET 1 - $14.99
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Vestibulum eget sapien sit amet lacus hendrerit pellentesque
    lobortis quis sapien.
    HELMET 2 - $14.99
    Donec id purus et massa interdum elementum. Proin adipi-
    scing placerat consequat. Nunc malesuada metus at nunc mat-
    tis vel consectetur dolor.
    HELMET 3 - $14.99
    Praesent in nibh at enim euismod dictum. Vestibulum ante
    ipsum primis in faucibus orci luctus et ultrices posuere cubilia
    Curae; Etiam vel est nulla. Mauris in est at justo hendrerit
    HELMET 4 - $19.99
    Cras massa augue, iaculis ac gravida at, malesuada sit amet
    purus. Fusce at rhoncus purus.

    View Slide

  29. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Proximity
    HELMET 1 - $14.99
    Lorem ipsum dolor sit amet, consectetur adipi-
    scing elit. Vestibulum eget sapien sit amet lacus
    hendrerit pellentesque lobortis quis sapien.
    HELMET 2 - $14.99
    Donec id purus et massa interdum elementum.
    Proin adipiscing placerat consequat. Nunc
    malesuada metus at nunc mattis vel consectetur
    dolor.
    HELMET 3 - $14.99
    Praesent in nibh at enim euismod dictum.
    Vestibulum ante ipsum primis in faucibus orci
    luctus et ultrices posuere cubilia Curae; Etiam
    vel est nulla. Mauris in est at justo hendrerit
    HELMET 4 - $19.99
    Cras massa augue, iaculis ac gravida at, male-
    suada sit amet purus. Fusce at rhoncus purus.

    View Slide

  30. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Proximity
    HIS
    n
    HER
    SALE!
    $330
    EACH
    or
    $600
    BOTH!
    Hi Point 191122TGT Chiappa
    The Chiappa Model 1911-22 features similar
    weight and handling characteristics of the
    original 1911 with a redesigned action utiliz-
    ing a fixed barrel design yielding very high
    accuracy at an affordable price. Constructed
    from Chiappalloy & steel components featur-
    ing wooden two piece grips.
    Smith Wesson 223400 Sd Ve 40
    Model SD9 VE and SD40 VE comes with SDT
    (Self Defense Trigger for optimal, consis-
    tent pull first round to last. White dot sights.
    Standard, picatinny style rail. Slim ergonomic,
    textured grip. Textured finger locator. Aggres-
    sive front and back strap texturing. Front and
    rear serrations.
    WEST TEXAS GUNS & AMMO SIDEARM
    SALE
    WEST TEXAS GUNS & AMMO
    3300 Firedale, Whistlestop, Texas 79401 806.123.4567

    View Slide

  31. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Proximity
    HIS
    n
    HER
    SALE!
    $330
    EACH
    or
    $600
    BOTH!
    Hi Point 191122TGT Chiappa
    The Chiappa Model 1911-22 features similar
    weight and handling characteristics of the
    original 1911 with a redesigned action utiliz-
    ing a fixed barrel design yielding very high
    accuracy at an affordable price. Constructed
    from Chiappalloy & steel components featur-
    ing wooden two piece grips.
    Smith Wesson 223400 Sd Ve 40
    Model SD9 VE and SD40 VE comes with SDT
    (Self Defense Trigger for optimal, consis-
    tent pull first round to last. White dot sights.
    Standard, picatinny style rail. Slim ergonomic,
    textured grip. Textured finger locator. Aggres-
    sive front and back strap texturing. Front and
    rear serrations.
    WEST TEXAS GUNS & AMMO SIDEARM
    SALE
    WEST TEXAS GUNS & AMMO
    3300 Firedale, Whistlestop, Texas 79401 806.123.4567

    View Slide

  32. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Proximity
    SIDARM
    SALE!
    His & Her
    Special
    $330
    EACH or
    $600
    BOTH!
    Hi Point 1912TGT Chiappa
    The Chiappa Model 1911-22 features
    similar weight and handling characteristics
    of the original 1911 with a redesigned ac-
    tion utilizing a fixed barrel design yielding
    very high accuracy at an affordable price.
    Constructed from Chiappalloy & steel com-
    ponents featuring wooden two piece grips.
    Smith Wesson 220 Sd Ve 40
    Model SD9 VE and SD40 VE comes with
    SDT (Self Defense Trigger for optimal,
    consistent pull first round to last. White dot
    sights. Standard, picatinny style rail. Slim
    ergonomic, textured grip. Textured finger
    locator. Aggressive front and back strap
    texturing. Front and rear serrations.
    WEST TEXAS GUNS & AMMO
    WEST TEXAS GUNS & AMMO
    3300 Firedale Whistlestop, Texas 79401 806.123.4567

    View Slide

  33. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Contrast
    Repetition
    Alignment
    Proximity

    View Slide

  34. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Four principles of design
    Contrast
    Repetition
    Alignment
    Proximity

    View Slide

  35. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Simplicity

    View Slide

  36. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Simplicity

    View Slide

  37. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Simplicity

    View Slide

  38. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Balance

    View Slide

  39. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Balance

    View Slide

  40. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Balance

    View Slide

  41. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Balance

    View Slide

  42. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Balance

    View Slide

  43. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Balance

    View Slide

  44. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Balance

    View Slide

  45. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Balance

    View Slide

  46. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Space. Shape. Position.

    View Slide

  47. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Space. Shape. Position.

    View Slide

  48. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Space. Shape. Position.

    View Slide

  49. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Fundamentals of design
    Space. Shape. Position.

    View Slide

  50. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Color
    Art
    Typography

    View Slide

  51. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Color

    View Slide

  52. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Color

    View Slide

  53. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Color
    Warmer colors...
    ADVANCE
    Cooler colors...
    RECEDE
    Black, white and gray...
    are colors!

    View Slide

  54. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Color
    Colors imply emotion...

    View Slide

  55. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Color
    Never hesitate to get help, or a second opnion...

    View Slide

  56. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Art

    View Slide

  57. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Art
    Quality in... Quality out.

    View Slide

  58. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Art

    View Slide

  59. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Art

    View Slide

  60. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Typography

    View Slide

  61. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Typography
    There tens of thousands of typefaces
    and fonts in the world...

    View Slide

  62. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Elements of design
    Typography
    Tens of thousands of typefaces
    and fonts in the world...
    and I still can’t find the right one!

    View Slide

  63. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    NEXT
    9 Welcome and introductions
    9:20 What the heck is visual communication?
    9:40 Principles and fundamentals
    10:40 Break
    10:50 Typography
    11:40 The creative process
    12:30 Lunch
    1 10 things you can do to improve advertising
    1:50 Break
    2 10 things you can do to improve editorial
    2:50 Break
    3 10 things you can do to improve other stuff
    4 Close

    View Slide

  64. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    THEN
    9 Welcome and introductions
    9:20 What the heck is visual communication?
    9:40 Principles and fundamentals
    10:40 Break
    10:50 Typography
    11:40 The creative process
    12:30 Lunch
    1 10 things you can do to improve advertising
    1:50 Break
    2 10 things you can do to improve editorial
    2:50 Break
    3 10 things you can do to improve other stuff
    4 Close

    View Slide

  65. DESIGN BASIC TRAINING
    DESIGN PRINCIPLES AND FUNDAMENTALS
    Questions?

    View Slide