Composition & Layout

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

description

Composition & Layout. 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. - PowerPoint PPT Presentation

Transcript of Composition & Layout

Page 1: Composition & Layout

Composition & Layout

1

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

Page 2: Composition & Layout

Composition is the arrangement of all the elements to make the piece work as a whole

László Moholy-Nagy, Composition #19,

1921

Page 3: Composition & Layout

Unity is created by using consistent style & treating elements similarly

3Henri Matisse, La danse (1909)

Page 4: Composition & Layout

Creating Unity

1. Color of armor does not match the helmet2. Details of the armor’s surface area differ

Page 5: Composition & Layout

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

Page 6: Composition & Layout

Unity Tools1. 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, shadesMariko Mori, Birth of a Star,

1995

6

Page 7: Composition & Layout

Mariko Mori

Birth of a Star, 1995

Miko No Inori,  1996

Pure Land, 1996-98

Page 8: Composition & Layout

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

8

Page 9: Composition & Layout

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

Page 10: Composition & Layout

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

10

Page 11: Composition & Layout

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

Page 12: Composition & Layout

Summary

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