4_2_composition - graphic design 2 COMPOSITION& GRIDS...

Info iconThis preview shows page 1. Sign up to view the full content.

View Full Document Right Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: graphic design 2 COMPOSITION & GRIDS COMPOSITION & GRIDS Composition – Arrangement of all the elements in a design Balance – Equal distribution of visual weight • Symmetry • Assymetry COMPOSITION & GRIDS Proper use of balance & composition can lead to aesthetically pleasing designs Designs will feel unified, harmonious when balanced properly Grid Systems Grid systems in Graphic Design – Grids are a series of intersecting axes that create horizontal and vertical divisions of space on a page – Grids allow the placement and interaction of visual elements creating movement across a layout – Grids can be simple, complex- all depending on the content – Grids are not meant to be restrictive, they can be modified to fit content – Layout Workbook, pages 54-55 Electronic Publishing 4 Grid Systems Functions of a grid – – – – – – – – – – – – – Control Organization Rhythm Harmony Unity Dynamism Readibility Movement Balance Direction Contrast Interaction Order »Layout Workbook, pages 54-55 Electronic Publishing 5 Grid Systems Elements of a Grid – Columns – Gutter widths (Column Intervals) – Flowlines (Rows) – Grid Modules – Margins – Layout Workbook, page 56 Electronic Publishing 6 Elements of a Grid Margins – Define the active area of a page and direct the viewer toward the visual elements – Margins may vary in size depending on format as well as content – Folios and footers may be placed in the margins – Margins are not intended to trap content, they are instead used to activate the positive spaces in a layout – For layouts with large amounts of text (books), large margins are ideal as they provide breathing space – Layout Workbook, page 56 Electronic Publishing 7 Elements of a Grid Columns – Vertical divisions of space used to align visual elements • Single, multiple columns can be used or interchanged • The quantity and complexity of information determines columns » Layout Workbook, page 58 Electronic Publishing 8 Elements of a Grid Gutter Width (Column intervals) – Also known as Column Intervals, negative spaces that separate one column from the next and prevent text and images from clashing – Layout Workbook, page 58 Electronic Publishing 9 Elements of a Grid Flowlines (Rows) – Support for vertical columns by dividing the page into horizontal intervals to provide additional alignment points across a grid. Wonderful tools to achieve consistency in a layout – Dictate the horizontal positions of a visual elements and how they rise or fall along columns – Layout Workbook, page 59 Electronic Publishing 10 Elements of a Grid Grid Modules – Spaces created by columns, rows, and margins that support text and visuals. Content will determine the amount of active modules. – Modules can be used for consistency – It is OK to leave modules empty, as negative space, to balance designs – Layout Workbook, page 59 Electronic Publishing 11 Elements of a Grid Electronic Publishing 12 Types of Grids Single Column Grid – Basic structural system. Great for presenting large amounts of text (books) – Margins are the one consideration of a single column grid – Layout Workbook, page 63 Electronic Publishing 13 Types of Grids Single Column Grid Electronic Publishing 14 Types of Grids Multiple Column Grids – Contain multiple spatial intervals – Very flexible grids allowing for a range of visual elements – Great for complex projects like magazines, newspapers, and publications with diverse content – Rhythm, movement, and tension can be developed through the interaction of visual elements in multiple column grids – Layout Workbook, page 64 Electronic Publishing 15 Types of Grids Multiple Column Grids Types of Grids Modular Grids – An extension of multiple-column grids with the addition of horizontal rows (flowlines) – Modules are the active areas of a page that accommodate visual elements – Great for complex publications like catalogs, magazines, etc – Layout Workbook, page 66 Electronic Publishing 17 Types of Grids Modular Grids Electronic Publishing 18 Types of Grids Alternative Grids – Loose and organic – Rely heavily on “intuitive” placement – Most alternative grids rely on a dominant visual element, focal point, to help align other elements – Develop spatial relationships through the Push and Pull technique – Layout Workbook, page 68 Electronic Publishing 19 Types of Grids Alternative Grids Types of Grids Breaking the Grid – Grids are meant to be a guide, not meant to be an absolute unbreakable rule – Grids are meant as a starting point, a foundation that is to be built upon – To provide emphasis, break monotony, designers are urged to break the grid wherever needed – Layout Workbook, page 68 CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds Golden Ratio Allover compositions – Push & pull CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds – Division of a design format into horizontal and vertical thirds whereby points of emphasis are positioned in the intersections of said thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds The rule of thirds was developed as a compositional technique for landscape painters in the 18th century. It became prevalent with landscape photographers, such as Anselm Adams. CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Rule of Thirds CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio – An aesthetically pleasing ratio of proportion used in the arts – Ratio is approximately 1:1.618 • Golden Mean • Golden Rectangle • Divine proportion – Ratio has been used in the construction of the Parthenon, compositions of Renaissance paintings, page layouts of Bibles, and modern buildings (Le Corbusier) CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio The Golden Ratio dates back to antiquity, ancient Greece, and was reintroduced in the Renaissance through the work of Leonardo da Vinci and other artists. CLASSIC COMPOSITIONAL TECHNIQUES Golden Rectangle CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Golden Ratio CLASSIC COMPOSITIONAL TECHNIQUES Allover compositions – Post-modern technique that grew out of modern art movements (cubism, abstract expressionist art) – Chaotic compositions that fill the page with elements – Utilize a push & pull approach to lead the eye throughout the composition – There is no set grid, designer uses intuition to layout page CLASSIC COMPOSITIONAL TECHNIQUES Allover compositions Jackson Pollock introduced allover compositions CLASSIC COMPOSITIONAL TECHNIQUES Allover compositions CLASSIC COMPOSITIONAL TECHNIQUES Allover compositions CLASSIC COMPOSITIONAL TECHNIQUES Allover compositions CLASSIC COMPOSITIONAL TECHNIQUES Allover compositions CLASSIC COMPOSITIONAL TECHNIQUES Allover compositions SYMBOLS Graphic Design Solutions– Chapter 5 Layout Workbook – By Rockport Publishing Vignelli Canon – http://www.vignelli.com/canon.pdf Next class: – Open Lab! NO SKIPPING. – Work on sketches, roughs. ...
View Full Document

This note was uploaded on 12/14/2011 for the course GRA 113c taught by Professor Lopez during the Fall '11 term at Miami Dade College, Miami.

Ask a homework question - tutors are online