Class 7 Layout

LayoutStyles of layouts , Grids , Layout standards and templates , Production issues

Layout ProductionLayout PhaseQuestions to ask yourself:What will be the final size of the layout? Will colors end at a margin or the edge of the page as bleeds? How many pages will the finished file have? For a standard book format, page count needs to be divisible by four.

Layout ProductionHow many columns should be included? How wide will the margins and gutters to be? Is this task a print or Web project? The answers to these questions will help the designer determine the file setup and color usage.

Styles of LayoutsA variety of layout styles can be used to communicate a message. For instance, the selection of a typeface can convey a mood or tone. A particular layout style can also affect the intended message

Styles of LayoutsAspects to consider when developing a layout include: The intended messageThe audience The function of the piece, such as a newsletter, poster, or advertisement

Styles of LayoutsAsymmetrical or symmetricalWhat are the definitions of these? How are they different?

SymmetricalIs there a sense of hierarchy, rhythm, balance, or any other design principles? How does the layout influence the mood or tone? What is the mood of each piece?

AsymmetricalIs there a sense of hierarchy, rhythm, balance, or any other design principles? How does the layout influence the mood or tone? What is the mood of each piece?

Using GridsA grid is the underlying visual structure on which a design is based. A grid is similar to the frame of a house: after the main structure or underlying frame is developed, elements are layered on top in a consistent and harmonious manner

Using GridsA designer can also break the grid to add interest and create a dynamic element in the design

Breaking the GridUsed to add visual interest and varietyKeeping with grid style, change a few elements to be outside the gridFurther: change style or color of some elements to be different than established style

GridsHelp organize information in a clear and easy-to-follow layout Help create a balanced and proportional layout Help align the page elements Are used as markers for placing elements Are used as markers for creating proportionate elements to break the grid

GridsWhat did you notice about these grids?How would this effect your audience?How can you influence your viewer by using a grid?

Group Assignment3 groupsAll groups will create rough sketches for a corporate newsletter. Using a grid system, Group A should take a conservative approach and Group B should take a fun, whimsical approach. Group C need not use a grid.

Group AssignmentDiscussionWhich grids work and why? Which grids are not working? Why? Which approach is the most realistic for a corporate newsletter? include any grid samples they admire in their idea-and-image scrapbook

Layout standards and templatesConsistency is an important element of good layouts.Develop the grid at the beginning so the same grid can be applied throughout the design document creating consistency In a multipage document, often more than one grid system is used for different pages in the same publication

Layout standards and templatesMaster PagesThese are used in large publications. Especially when different grid systems are used. Example of master pages: page numbers and footersThis is done in InDesign. Name master page specifically to make them easy and fast to use

Grid AssignmentTake out a sheet of paper. Draw a grid onto this.Imagine how this would be used for a 1 page adKeep margins in mindGrids can comprise any number of columns. No more than four columns both vertically and horizontally for this ad, otherwise confusing

ReadingGraphic Design School: The Principles and Practices of Graphic Design Unit 5, “Tools and Technologies,” pp.104–125 Unit 7, “Web Design Basics,” pp. 148–163 Teach Yourself Visually Adobe Photoshop CS3 Chapter 5, “ManipulateSelections,” pp. 78–95

WritingDesign Article Analysis Pass out handout

Due next classWriting AssignmentProject 3Any late labs and papers

Graded AssignmentsPass back graded assignmentsReminder: grades class 9Collect back virtual library assignments

Class 7 Layout

More Related Content

Similar to Class 7 Layout

More from rschaff1

Class 7 Layout