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

The 7 pillars of design (and how they apply to our lives) [EN] - Raffaella Isidori

The 7 pillars of design (and how they apply to our lives) [EN] - Raffaella Isidori

WordCamp Thessaloniki 2018

Οι βασικές αρχές του γραφικού σχεδιασμού ισχύουν πολύ περισσότερο από το σχεδιασμό: σε αυτή την ομιλία η Rafaella θα μας βοηθήσει να διερευνήσουμε πώς αυτές οι θεμελιώδεις έννοιες μπορούν να επεκταθούν σε όλες τις πτυχές της ζωής σας, προσωπικές και επαγγελματικές. Απ’ το Διάστημα στο Gestalt, από την Ενότητα έως την Κυριαρχία, ως την Ισορροπία, οι αρχές που διέπουν το σχεδιασμό (θα πρέπει) να κυβερνούν και τις ζωές μας, καθώς -όπως ένα προϊόν- με τον ίδιο τρόπο μπορεί να σχεδιαστεί μια καλή, σκόπιμη και αντάξια ζωή.

The basic principles of graphic design are applicable to a lot more than design: in this talk, we’ll explore with Rafaella, how these fundamental concepts can extend into all aspects of your life, personal and professional. From Space to Gestalt, from Unity to Dominance, to Balance the principles that govern design (should) govern our lives as well, as – just like a product – a good, purposeful and worthy life can be designed.

WordPress Greek Community

December 15, 2018
Tweet

More Decks by WordPress Greek Community

Other Decks in Technology

Transcript

  1. Γεια σας,
    Θεσσαλονίκη

    View full-size slide

  2. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  3. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    polymath, rulebreaker,
    loud-laughing champion of diversity,
    Mindfulness practitioner

    View full-size slide

  4. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    The 7 pillars of design

    View full-size slide

  5. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    The 7 pillars of design
    (and how they apply to your life)

    View full-size slide

  6. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    The 7 pillars of design
    (and how they apply to your life)
    Inspired by Alex White’s “The Elements of Graphic Design”

    View full-size slide

  7. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Design ≠ Aesthetics

    View full-size slide

  8. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Design is process

    View full-size slide

  9. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    "Design is a funny word. Some
    people think design means how it
    looks. But of course, if you dig
    deeper, it's really how it works."
    Steve Jobs

    View full-size slide

  10. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    + + +Design=

    View full-size slide

  11. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  12. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    the general principles
    that guide visual/graphic design
    can relate to many aspects of the
    design process. And of our lives

    View full-size slide

  13. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    think of these principles
    holistically

    View full-size slide

  14. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    being aware and mindful
    of them can help us design better

    View full-size slide

  15. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    being aware and mindful
    of them can help us design better
    better products, and better lives

    View full-size slide

  16. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In design – as in life – these
    principles should be treated as guides

    View full-size slide

  17. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In design – as in life – these
    principles should be treated as guides
    not as imprisoning rules

    View full-size slide

  18. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  19. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    design and lives

    View full-size slide

  20. 1st PRINCIPLE

    View full-size slide

  21. Space is the area within, around
    above or below an object, or objects

    View full-size slide

  22. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  23. Space is the area within, around
    above or below an object, or objects

    View full-size slide

  24. April Greiman

    View full-size slide

  25. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    It is also the area at our disposal
    for the task we are working on

    View full-size slide

  26. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    It is also the area at our disposal
    for the task we are working on

    View full-size slide

  27. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    It is also the area at our disposal
    for the task we are working on

    View full-size slide

  28. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    It is also the area at our disposal
    for the task we are working on

    View full-size slide

  29. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In life, space is what surrounds us
    physically, spiritually, mentally

    View full-size slide

  30. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In design, white space
    is especially important

    View full-size slide

  31. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    white space is the space
    “between” the elements, as well as
    the space “within” the elements

    View full-size slide

  32. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    white space is not “empty space”

    View full-size slide

  33. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Consider it like the silent
    pause that, when listening,
    allows understanding

    View full-size slide

  34. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Consider it like the silent
    pause that, when listening,
    allows understanding

    View full-size slide

  35. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Whitespaceisthemostimportant,subtle
    andinvisiblekindofpunctuationorpunct
    us:apoint,adivisionofmultiplicity,asom
    ethingoutofeverything

    View full-size slide

  36. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    white space is also,
    a powerful element of design

    View full-size slide

  37. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  38. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In life, white space is quiet,
    a time to rest and recharge

    View full-size slide

  39. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  40. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  41. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  42. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    White space can be mental

    View full-size slide

  43. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  44. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  45. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  46. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    We need white space in life
    to better see, feel and appreciate
    the “filled space”

    View full-size slide

  47. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    M. C. Escher, Day and Night (1938)

    View full-size slide

  48. Let’s give these concepts some white space. Let them sink through.

    View full-size slide

  49. 2nd PRINCIPLE

    View full-size slide

  50. UNITY
    HARMONY

    View full-size slide

  51. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    When all elements
    in a design are in harmony,
    no individual part is perceived
    as more important
    than the whole.

    View full-size slide

  52. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  53. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    achieving harmony
    is a main goal of good design

    View full-size slide

  54. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    When all elements in our lives
    are in harmony, our quality of life
    is superior and richer

    View full-size slide

  55. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    To avoid chaotic [or lifeless]
    design, we need a good balance
    between unity and variety

    View full-size slide

  56. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    and to avoid boredom or stress
    we need a good balance between
    the known and the new,
    the safe and the exciting

    View full-size slide

  57. We can achieve unity in 4 ways:

    View full-size slide

  58. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Proximity

    View full-size slide

  59. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Proximity
    elements that are physically close
    are seen as related.

    View full-size slide

  60. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  61. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  62. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Proximity, in life, is community

    View full-size slide

  63. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    It satisfies our need to belong
    And pacifies our fear of void

    View full-size slide

  64. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Similarity

    View full-size slide

  65. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Similarity
    elements that share similar position,
    size, color, shape,
    or texture are seen as related

    View full-size slide

  66. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  67. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  68. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Similarity, in our lives,
    makes us feel safe and belonging

    View full-size slide

  69. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Similarity, in our lives,
    makes us feel safe and belonging
    [like, here, now]

    View full-size slide

  70. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    The opposite of similarity
    is Diversity

    View full-size slide

  71. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  72. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Repetition and rhythm

    View full-size slide

  73. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Repetition and rhythm
    recurring position, size, color, or use
    of graphic elements creates unity

    View full-size slide

  74. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    repetition

    View full-size slide

  75. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    repetition rhythm

    View full-size slide

  76. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  77. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Having routines
    and breaking routines.
    Appreciating comfort, and
    breaking out of comfort

    View full-size slide

  78. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  79. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  80. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Variations on a theme

    View full-size slide

  81. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Variations on a theme
    provide continuity
    while retaining interest

    View full-size slide

  82. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  83. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  84. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  85. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    And in life?

    View full-size slide

  86. Let’s give these concepts some white space. Let them sink through.

    View full-size slide

  87. 3rd PRINCIPLE

    View full-size slide

  88. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    GESTALT

    View full-size slide

  89. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    something that is made of
    many parts and yet is somehow
    more than or different from the
    combination of its parts

    View full-size slide

  90. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    The fundamental principle
    of Gestalt perception
    is the law of Prägnanz

    View full-size slide

  91. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    It states that humans tend to
    order their experience in a manner
    that is regular, orderly,
    symmetrical, and simple

    View full-size slide

  92. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    And that minds perceive
    external stimuli as a whole
    rather than a sum of parts

    View full-size slide

  93. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  94. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In design, this means that
    all the elements that are part of
    a whole are affected by what
    surrounds them (each other)

    View full-size slide

  95. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Gestalt principles are key
    to well-applied web accessibility

    View full-size slide

  96. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In life, gestalt means that
    natural systems, and their properties,
    should be viewed as wholes,
    not as collections of parts

    View full-size slide

  97. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In fact, we
    perceive experiences holistically

    View full-size slide

  98. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In digital design, this is particularly
    important, and the reason why
    a good user experience is at the
    base of a successful product

    View full-size slide

  99. Gestalt psychologists argue that
    these principles exist because
    the mind has an innate disposition
    to perceive patterns in the stimulus
    based on certain rules

    View full-size slide

  100. These rules are organized into
    various principles, which include:
    Proximity, Similarity, Closure,
    Continuity, and Simplicity.

    View full-size slide

  101. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    We have already seen proximity
    and similarity as ways to achieve
    harmonious unity

    View full-size slide

  102. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Closure
    the mind tends to see a
    ”complete” figure even when it is
    shown only parts of it

    View full-size slide

  103. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  104. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In life, closure may lead us to
    jump to conclusions

    View full-size slide

  105. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Continuity
    minds perceive objects on a path
    as being grouped together

    View full-size slide

  106. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  107. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In life, this can lead us to
    prejudice

    View full-size slide

  108. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Simplicity
    elements of objects tend to be
    perceived as grouped
    if they form a pattern that is
    regular, simple, and orderly

    View full-size slide

  109. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  110. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  111. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In life, this may lead us to
    generalization and superficiality

    View full-size slide

  112. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Gestalt principles applied to life,
    should be reminders, that
    perception and reality may differ

    View full-size slide

  113. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    And that things may not
    be as simple - or as predictable -
    as we might think (or like)

    View full-size slide

  114. Let’s give the concepts of gestalt perception some white space. Let it sink through.

    View full-size slide

  115. Let’s give these concepts some white space. Let them sink through.

    View full-size slide

  116. 4th PRINCIPLE

    View full-size slide

  117. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    HIERARCHY

    View full-size slide

  118. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Is best expressed through
    proximity and it is necessary
    to express priority

    View full-size slide

  119. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In design, we can express
    hierarchy through:

    View full-size slide

  120. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Size
    Is an important concept in hierarchy

    View full-size slide

  121. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Position

    View full-size slide

  122. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Position

    View full-size slide

  123. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Position

    View full-size slide

  124. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Negative (or white) space

    View full-size slide

  125. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Negative (or white) space

    View full-size slide

  126. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  127. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    By manipulating the
    relationship between the parts,
    we can change the cumulative
    perception of the whole

    View full-size slide

  128. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Color

    View full-size slide

  129. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Contrast

    View full-size slide

  130. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Repetition

    View full-size slide

  131. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  132. • Banana
    • Grapefruit
    • Papaya
    • Orange
    • Lemon
    • ……..

    View full-size slide

  133. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Alignment

    View full-size slide

  134. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    cover for What Youth magazine

    View full-size slide

  135. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Toilette, Zoku Hotel, Amsterdam

    View full-size slide

  136. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In life, hierarchy can be
    determined – and can manifest –
    in many ways and can be
    applied to many things

    View full-size slide

  137. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Size is important,
    negatively or
    positively,
    depending upon the
    circumstances,
    but it is often key

    View full-size slide

  138. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Position?
    Especially in
    social (and work)
    relations can be
    a determinant
    factor

    View full-size slide

  139. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    What about color?

    View full-size slide

  140. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Constrast

    View full-size slide

  141. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Repetition

    View full-size slide

  142. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Hierarchy in life can be
    an asset, a goal, an imposition,
    a privilege, an opportunity
    or a penalty

    View full-size slide

  143. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    But it still boils down to priorities

    View full-size slide

  144. Let’s give these concepts some white space. Let them sink through.

    View full-size slide

  145. 5th PRINCIPLE

    View full-size slide

  146. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    CONTRAST
    DOMINANCE

    View full-size slide

  147. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    These concepts are closely related
    to each other, and to hierarchy

    View full-size slide

  148. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Lack of dominance in a group
    of equally-weighted elements
    forces competition amongst them

    View full-size slide

  149. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    And this is true in life as well

    View full-size slide

  150. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    In design, lack
    of contrast/dominance creates
    messages that are hard to
    decipher and offer unpleasant
    experiences

    View full-size slide

  151. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Contrast, in life, generally
    manifests a need for change,
    or for more balance

    View full-size slide

  152. Let’s give these concepts some white space. Let them sink through.

    View full-size slide

  153. 6th PRINCIPLE

    View full-size slide

  154. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    COLOR

    View full-size slide

  155. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Color is partly artistry
    but mostly science and
    common sense
    Alex W. White

    View full-size slide

  156. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Attract attention

    View full-size slide

  157. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  158. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Identify and group elements

    View full-size slide

  159. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  160. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Indicate meaning

    View full-size slide

  161. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Create hierarchy

    View full-size slide

  162. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  163. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Convey a mood

    View full-size slide

  164. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  165. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  166. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  167. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  168. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  169. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    And in life?

    View full-size slide

  170. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  171. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Color is found in more than
    chromatic expressions

    View full-size slide

  172. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    People, emotions, friends,
    lovers, family, pets, music, food,
    passions, and dislikes…

    View full-size slide

  173. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    This is color in our lives

    View full-size slide

  174. Let’s give these concepts some white space. Let them sink through.

    View full-size slide

  175. 7th PRINCIPLE

    View full-size slide

  176. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    BALANCE

    View full-size slide

  177. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    It may be the last,
    but not the least important,
    by any means

    View full-size slide

  178. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Balance can be defined as
    the state of equalized tension

    View full-size slide

  179. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Balance can be defined as
    the state of equalized tension
    though not necessarily a
    state of calm

    View full-size slide

  180. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    We define 3 types of balance

    View full-size slide

  181. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Symmetrical (or formal)

    View full-size slide

  182. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Static, Classic, Formal, Consistent

    View full-size slide

  183. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Asymmetrical (or informal)

    View full-size slide

  184. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Dynamic, Modern, Powerful, Vital

    View full-size slide

  185. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Overall balance (or mosaic)

    View full-size slide

  186. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Unfocused, Confusing, Noisy

    View full-size slide

  187. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Balance, in life, is harder
    to achieve than in design, but we
    should all strive for it

    View full-size slide

  188. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    A good mix of harmony, priorities,
    contrast and color

    View full-size slide

  189. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Combined with an holistic vision
    and a wise use of space

    View full-size slide

  190. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    Are the key ingredients
    to design a desirable, valuable,
    interesting, and worthy life

    View full-size slide

  191. Let’s give these concepts some white space. Let them sink through.

    View full-size slide

  192. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”

    View full-size slide

  193. @zetaraffix — WordCamp Thessaloniki – December 15 2018
    Raffaella Isidori “The 7 pillars of design. (And how they apply to life)”
    get in touch
    [email protected]
    @zetaraffix
    slides here http://thesign.it/WCThess/Thess2018.pdf

    View full-size slide