Class 7 Powerpoint

1. Layout Styles of layouts , Grids , Layout standards and templates , Production issues

2. Layout Production Layout Phase Questions 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.

3. Layout Production How 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.

4. Styles of Layouts A 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

5. Styles of Layouts Aspects to consider when developing a layout include: The intended message The audience The function of the piece, such as a newsletter, poster, or advertisement

6. Styles of Layouts Asymmetrical or symmetrical What are the definitions of these? How are they different?

7. Symmetrical Is 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?

8. Symmetrical Is 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?

9. Asymmetrical Is 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?

10. Asymmetrical Is 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?

11. Using Grids A 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

12. Using Grids A designer can also break the grid to add interest and create a dynamic element in the design

13. Breaking the Grid Used to add visual interest and variety Keeping with grid style, change a few elements to be outside the grid Further: change style or color of some elements to be different than established style

14. Breaking the Grid

15. Breaking the Grid

16. Grids Help 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

17. Grids

18. Grids

19. Grids

20. Grids

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

22. Group Assignment 3 groups All 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.

23. Group Assignment Discussion Which 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

24. Layout standards and templates Consistency 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

25. Layout standards and templates Master Pages These are used in large publications. Especially when different grid systems are used. Example of master pages: page numbers and footers This is done in InDesign. Name master page specifically to make them easy and fast to use

26. Layout standards and templates Master Pages These are used in large publications. Especially when different grid systems are used. Example of master pages: page numbers and footers This is done in InDesign. Name master page specifically to make them easy and fast to use

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

28. Grid Assignment

29. Reading Graphic 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

30. Writing Design Article Analysis Pass out handout

31. Due next class Writing Assignment Project 3 Any late labs and papers

32. Graded Assignments Pass back graded assignments Reminder: grades class 9 Collect back virtual library assignments

33. Next class Design Tools

34. LAB7 Layout lab