balance k1066bi – graphical design teppo räisänen [email protected]

32
Balance K1066BI – Graphical Design Teppo Räisänen [email protected]

Upload: marjory-green

Post on 13-Jan-2016

222 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

BalanceK1066BI – Graphical DesignTeppo Räisä[email protected]

Page 2: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

•Balance is generally seen as equal visual weight

Page 3: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

•The easiest way to achieve balance is using symmetrical balance▫We have a central axis dividing composition

in the middle - horizontally or vertically - with the same design on both sides

▫Mirror reflection

Page 4: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 5: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 6: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 7: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

•Another examples are ▫Radial balance▫Crystallographic balance

Page 8: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

•Radial balance▫Has a central focal point in a generally

square compositional format E.g. target, traffic signs

▫Used in many culture’s artistic works

Page 9: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 10: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 11: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 12: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

•Crystallographic balance▫”All over” balance▫Usually done with grid-like composition,

certain variation is introduced to direct the eye throughout the design, with many focal points E.g. Quilt design, game of checkers

Page 13: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 14: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 15: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

•Asymmetrical balance is when there is no clear pattern▫There seems to be no balance▫Mismatched number of disparate elements▫Asymmetrical balance presents us with

more possibilities for arranging design elements

▫Is more dynamic than symmetrical design

Page 16: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 17: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Guiding eye with design

•Being able to guide our audience makes our design more effective and less stressfull to navigate

Page 18: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Guiding eye with design

•Contrast of color and size will guide users eyes

Page 19: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 20: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 21: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 22: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 23: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Balance

Page 24: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi
Page 25: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Guiding eye with design

•Another key aspect is the use of focal points▫Focal point is a central point of attention or

interest▫They are the driving force to where your

eyes will move to, land, and then move to again

▫They are different than the central point of design

Page 26: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Focal point

Page 27: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

Guiding eye with design

•Negative space▫Negative space is the white (or empty)

space around design elements▫Positive space is all the elements

Page 28: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi
Page 29: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi
Page 30: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi
Page 31: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi
Page 32: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi