Balance K1066BI – Graphical Design Teppo Räisänen [email protected].
-
Upload
marjory-green -
Category
Documents
-
view
223 -
download
0
Transcript of Balance K1066BI – Graphical Design Teppo Räisänen [email protected].
![Page 1: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/1.jpg)
BalanceK1066BI – Graphical DesignTeppo Räisä[email protected]
![Page 2: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/2.jpg)
Balance
•Balance is generally seen as equal visual weight
![Page 3: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/3.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/4.jpg)
Balance
![Page 5: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/5.jpg)
Balance
![Page 6: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/6.jpg)
Balance
![Page 7: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/7.jpg)
Balance
•Another examples are ▫Radial balance▫Crystallographic balance
![Page 8: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/8.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/9.jpg)
Balance
![Page 10: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/10.jpg)
Balance
![Page 11: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/11.jpg)
Balance
![Page 12: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/12.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/13.jpg)
Balance
![Page 14: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/14.jpg)
Balance
![Page 15: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/15.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/16.jpg)
Balance
![Page 17: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/17.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/18.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/19.jpg)
Balance
![Page 20: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/20.jpg)
Balance
![Page 21: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/21.jpg)
Balance
![Page 22: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/22.jpg)
Balance
![Page 23: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/23.jpg)
Balance
![Page 24: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/24.jpg)
![Page 25: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/25.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/26.jpg)
Focal point
![Page 27: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/27.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/28.jpg)
![Page 29: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/29.jpg)
![Page 30: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/30.jpg)
![Page 31: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/31.jpg)
![Page 32: Balance K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi.](https://reader036.fdocuments.in/reader036/viewer/2022062301/56649ed25503460f94be18bc/html5/thumbnails/32.jpg)