composition & layout
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 PresentationTRANSCRIPT
![Page 1: Composition & Layout](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/1.jpg)
Composition & Layout
1
László Moholy-Nagy, Composition #19, 1921
![Page 2: Composition & Layout](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/2.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/3.jpg)
Unity is created by using consistent style & treating elements similarly
3Henri Matisse, La danse (1909)
![Page 4: Composition & Layout](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/4.jpg)
Creating Unity
1. Color of armor does not match the helmet2. Details of the armor’s surface area differ
![Page 5: Composition & Layout](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/5.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/6.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/7.jpg)
Mariko Mori
Birth of a Star, 1995
Miko No Inori, 1996
Pure Land, 1996-98
![Page 8: Composition & Layout](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/8.jpg)
Layout is the arrangement of all the elements of a design in a way so that they work together
8
![Page 9: Composition & Layout](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/9.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/10.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/11.jpg)
Raphael. The School of Athens. 1509. Fresco. Vaticano, Stanza della Segnatura, Rome
![Page 12: Composition & Layout](https://reader036.vdocument.in/reader036/viewer/2022062517/568139d6550346895da18b57/html5/thumbnails/12.jpg)
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