Class 7 Layout

1,489 views

Published on

Class 7 Powerpoint

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,489
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
94
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Class 7 Layout

  1. 1. Layout<br />Styles of layouts , Grids , Layout standards and templates , Production issues <br />
  2. 2. Layout Production<br />Layout Phase<br />Questions to ask yourself:<br />What will be the final size of the layout? <br />Will colors end at a margin or the edge of the page as bleeds? <br />How many pages will the finished file have? For a standard book format, page count needs to be divisible by four. <br />
  3. 3. Layout Production<br />How many columns should be included? <br />How wide will the margins and gutters to be? <br />Is this task a print or Web project? <br />The answers to these questions will help the designer determine the file setup and color usage. <br />
  4. 4. Styles of Layouts<br />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 <br />
  5. 5. Styles of Layouts<br />Aspects to consider when developing a layout include: <br />The intended message<br />The audience <br />The function of the piece, such as a newsletter, poster, or advertisement <br />
  6. 6. Styles of Layouts<br />Asymmetrical or symmetrical<br />What are the definitions of these? How are they different?<br />
  7. 7. Symmetrical<br />Is there a sense of hierarchy, rhythm, balance, or any other design principles? <br />How does the layout influence the mood or tone? <br />What is the mood of each piece? <br />
  8. 8. Symmetrical<br />Is there a sense of hierarchy, rhythm, balance, or any other design principles? <br />How does the layout influence the mood or tone? <br />What is the mood of each piece? <br />
  9. 9. Asymmetrical<br />Is there a sense of hierarchy, rhythm, balance, or any other design principles? <br />How does the layout influence the mood or tone? <br />What is the mood of each piece? <br />
  10. 10. Asymmetrical<br />Is there a sense of hierarchy, rhythm, balance, or any other design principles? <br />How does the layout influence the mood or tone? <br />What is the mood of each piece? <br />
  11. 11. Using Grids<br />A grid is the underlying visual structure on which a design is based. <br />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 <br />
  12. 12. Using Grids<br />A designer can also break the grid to add interest and create a dynamic element in the design <br />
  13. 13. Breaking the Grid<br />Used to add visual interest and variety<br />Keeping with grid style, change a few elements to be outside the grid<br />Further: change style or color of some elements to be different than established style<br />
  14. 14. Breaking the Grid<br />
  15. 15. Breaking the Grid<br />
  16. 16. Grids<br />Help organize information in a clear and easy-to-follow layout <br />Help create a balanced and proportional layout <br />Help align the page elements <br />Are used as markers for placing elements <br />Are used as markers for creating proportionate elements to break the grid <br />
  17. 17. Grids<br />
  18. 18. Grids<br />
  19. 19. Grids<br />
  20. 20. Grids<br />
  21. 21. Grids<br />What did you notice about these grids?<br />How would this effect your audience?<br />How can you influence your viewer by using a grid?<br />
  22. 22. Group Assignment<br />3 groups<br />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.<br />
  23. 23. Group Assignment<br />Discussion<br />Which grids work and why? <br />Which grids are not working? Why? <br />Which approach is the most realistic for a corporate newsletter? <br />include any grid samples they admire in their idea-and-image scrapbook <br />
  24. 24. Layout standards and templates<br />Consistency is an important element of good layouts.<br />Develop the grid at the beginning so the same grid can be applied throughout the design document creating consistency <br />In a multipage document, often more than one grid system is used for different pages in the same publication<br />
  25. 25. Layout standards and templates<br />Master Pages<br />These are used in large publications. Especially when different grid systems are used. Example of master pages: page numbers and footers<br />This is done in InDesign. Name master page specifically to make them easy and fast to use<br />
  26. 26. Layout standards and templates<br />Master Pages<br />These are used in large publications. Especially when different grid systems are used. Example of master pages: page numbers and footers<br />This is done in InDesign. Name master page specifically to make them easy and fast to use<br />
  27. 27. Grid Assignment<br />Take out a sheet of paper. Draw a grid onto this.<br />Imagine how this would be used for a 1 page ad<br />Keep margins in mind<br />Grids can comprise any number of columns. No more than four columns both vertically and horizontally for this ad, otherwise confusing <br />
  28. 28. Grid Assignment<br />
  29. 29. Reading<br />Graphic Design School: The Principles and Practices of Graphic Design <br />Unit 5, “Tools and Technologies,” pp.104–125 <br />Unit 7, “Web Design Basics,” pp. 148–163 <br />Teach Yourself Visually Adobe Photoshop CS3 <br />Chapter 5, “ManipulateSelections,” pp. 78–95 <br />
  30. 30. Writing<br />Design Article Analysis <br />Pass out handout<br />
  31. 31. Due next class<br />Writing Assignment<br />Project 3<br />Any late labs and papers<br />
  32. 32. Graded Assignments<br />Pass back graded assignments<br />Reminder: grades class 9<br />Collect back virtual library assignments<br />
  33. 33. Next class<br />Design Tools<br />
  34. 34. LAB7<br />Layout lab<br />

×