236: II'nMI
description
Transcript of 236: II'nMI
![Page 1: 236: II'nMI](https://reader036.fdocuments.us/reader036/viewer/2022062315/56816656550346895dd9d59a/html5/thumbnails/1.jpg)
236: II'nMI
Visual Design: Layout
![Page 2: 236: II'nMI](https://reader036.fdocuments.us/reader036/viewer/2022062315/56816656550346895dd9d59a/html5/thumbnails/2.jpg)
Using Pixels to Communicate
EBU
EmphasisFocal point (where to look first)Hierarchy of interest
Balance Equilibrium of elements
Unity Harmony among all elementsWorking together as a whole
![Page 3: 236: II'nMI](https://reader036.fdocuments.us/reader036/viewer/2022062315/56816656550346895dd9d59a/html5/thumbnails/3.jpg)
Emphasis
Yeah, sure, emphasize by contrasting hue, size, value, shape, proximity/isolation etc. But what about ...
Emphasis by Placement?Hot spots in visual compositions:
Top left for western readers in a textish contextCenter (can have stasis/balance issues)Rule of Thirds
Emphasis by Direction?Use the Gestalt Continuance principle
Emphasis by Cognitive Relevance?Face (esp. eyes), your name, current preoccupation
![Page 4: 236: II'nMI](https://reader036.fdocuments.us/reader036/viewer/2022062315/56816656550346895dd9d59a/html5/thumbnails/4.jpg)
Unite (1971, Barbara Jones-Hogu)
![Page 5: 236: II'nMI](https://reader036.fdocuments.us/reader036/viewer/2022062315/56816656550346895dd9d59a/html5/thumbnails/5.jpg)
![Page 6: 236: II'nMI](https://reader036.fdocuments.us/reader036/viewer/2022062315/56816656550346895dd9d59a/html5/thumbnails/6.jpg)
No emphasis?No differentiation.All dull flat texture.
![Page 7: 236: II'nMI](https://reader036.fdocuments.us/reader036/viewer/2022062315/56816656550346895dd9d59a/html5/thumbnails/7.jpg)
Emphasis
Mini-Brainstorming: Other ways to emphasize visual elements ... ?
Besides: placement, direction, cognitive relevance.
![Page 8: 236: II'nMI](https://reader036.fdocuments.us/reader036/viewer/2022062315/56816656550346895dd9d59a/html5/thumbnails/8.jpg)
Balance
Use symmetry sparingly!It can work for or against you:
It can weaken the dynamic motion in an imageBeing compellingly off-balance keeps viewers engaged
It can formalize the image, add power to itThink: Stanley Kubrick, Tibetan sand mandalas, wedding invitations
Use grids liberally!They can help lots with alignment/continuance, as well as proportion, all key for achieving balance.
GridResult
![Page 9: 236: II'nMI](https://reader036.fdocuments.us/reader036/viewer/2022062315/56816656550346895dd9d59a/html5/thumbnails/9.jpg)
Balance equations
![Page 13: 236: II'nMI](https://reader036.fdocuments.us/reader036/viewer/2022062315/56816656550346895dd9d59a/html5/thumbnails/13.jpg)
Unity
Unity is one of the primary goals in visual designIt's the U of EBU (Emphasis, Balance, Unity)
A visual design exhibits unity when:All its various elements feel like they belong there.
To paraphrase Jonathan Ive: When the design seems so perfectly apt that it seems inevitable. Why would anyone design it any other way?
Things that help infuse a design with unity:Consistency (visual and conceptual)ContinuitySimplicity, restraint, minimalismEmphasis, balance, and dominanceFollowing your beloved Gestalt principles