/
Composition & Layout Composition & Layout

Composition & Layout - PowerPoint Presentation

trish-goza
trish-goza . @trish-goza
Follow
395 views
Uploaded On 2017-06-16

Composition & Layout - PPT Presentation

1 László MoholyNagy Composition 19 1921 Composition is the arrangement of all the elements to make the piece work as a whole László MoholyNagy Composition 19 1921 Unity is created by using consistent style amp treating elements similarly ID: 559834

unity elements grid composition elements unity composition grid similar html work consistent important design 1995 images layout amp arrangement arranging requires www

Share:

Link:

Embed:

Download Presentation from below link

Download Presentation The PPT/PDF document "Composition & Layout" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.


Presentation Transcript

Slide1

Composition & Layout

1

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

Composition

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

László Moholy-Nagy,

Composition #19, 1921Slide3

Unity

is created by using consistent style & treating elements similarly

3

Henri Matisse, La danse

(1909)Slide4

Creating Unity

1. Color of armor does not match the helmet

2. Details of the armor’s surface area differSlide5

New media design requires unity because it requires many images in one screen or across many pages or screens

Bill Viola, Hall of Whispers, 1995Slide6

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

6Slide7

Mariko Mori

Birth of a Star

, 1995

Miko No Inori,  1996

Pure Land

, 1996-98Slide8

Layout

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

8Slide9

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

9Slide10

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

10Slide11

Raphael. 

The School of Athens.

1509. Fresco. Vaticano, Stanza della Segnatura, RomeSlide12

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 similarly4. Layout

involves arranging all of the elements or images of a design to work together