Composition & Layout 1 László Moholy-Nagy, Composition #19, 1921

Composition is the arrangement of all the elements to make the piece work as a whole László Moholy-Nagy, Composition #19, 1921

Unity is created by using consistent style & treating elements similarly 3 Henri Matisse, La danse (1909)

Creating Unity 1. Color of armor does not match the helmet 2. Details of the armor’s surface area differ

New media design requires unity because it requires many images in one screen or across many pages or screens Bill Viola, Hall of Whispers, 1995

Unity Tools 1. Space --Grouping or arranging in a pattern 2. Line --Similar line quality, direction devices 3. Shape-- Groups of similar shapes 4. Value-- Similar values, consistent light source 5. Texture-- Similar textures 6. Color-- Similar hues, tints, shades Mariko Mori, Birth of a Star,

Mariko Mori Birth of a Star, 1995 Miko No Inori, 1996 Pure Land,

Layout is the arrangement of all the elements of a design in a way so that they work together 8

Content read left to right, top to bottom Important elements near top Most important elements are larger than rest Captions near images “Next” or “continue” near bottom 9

Working with the Grid Grid: A series of intersecting lines to align placement of elements on page. See ) 10

Raphael. The School of Athens Fresco. Vaticano, Stanza della Segnatura, Rome

Summary Composition is the arrangement of all the elements to make the piece work as a whole 2. Two important aspects of composition are unity and layout 3. Unity is created by using consistent style & treating elements similarly 4. Layout involves arranging all of the elements or images of a design to work together