Composition & Layout

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

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

3. Unityis created by using consistent style & treating elements similarly • Henri Matisse, La danse (1909)

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

5. 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

6. 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, 1995

7. Mariko Mori • Miko No Inori,  1996 • Birth of a Star, 1995 • Pure Land, 1996-98

8. Layoutis the arrangement of all the elements of a design in a way so that they work together

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

10. Working with the Grid Grid: A series of intersecting lines to align placement of elements on page. See http://www.gdbasics.com/html/grid/grid.html )www.gdbasics.com/)html/grid/grid.html

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

12. 1. 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 Summary