1 / 16

236: II'nMI

236: II'nMI. Visual Design: Layout. Using Pixels to Communicate. EBU Emphasis Focal point (where to look first) Hierarchy of interest Balance Equilibrium of elements Unity Harmony among all elements Working together as a whole. Emphasis.

kenda
Download Presentation

236: II'nMI

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 236: II'nMI • Visual Design: Layout

  2. Using Pixels to Communicate EBU Emphasis Focal point (where to look first)Hierarchy of interest Balance • Equilibrium of elements Unity Harmony among all elementsWorking together as a whole

  3. 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 context • Center (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

  4. Unite (1971,Barbara Jones-Hogu)

  5. No emphasis?No differentiation.All dull flat texture.

  6. Emphasis Mini-Brainstorming: Other ways to emphasize visual elements ... ? Besides: placement, direction, cognitive relevance.

  7. Balance • Use symmetry sparingly! • It can work for or against you: • It can weaken the dynamic motion in an image • Being compellinglyoff-balance keeps viewers engaged • It can formalize the image, add power to it • Think: 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. • Grid • Result

  8. Balance equations

  9. Unity • Unity is one of the primary goals in visual design • It's the U of EBU (Emphasis, Balance, Unity) • A visual design exhibits unity when: • All its various elements feel like they belongthere. • 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) • Continuity • Simplicity, restraint, minimalism • Emphasis, balance, and dominance • Following your beloved Gestalt principles

  10. emphasis?

More Related