Basic layout principles

62,688 views

Published on

Basic layout principles

  1. 1. Basic Layout Principlesusing Adobe InDesign By Sherwin B. Manual Information and Advocacy Specialist Mindanao Rural Development Program
  2. 2. Objectives• Objective: At the end of this exercise, trainees would be able to: – Identify the types of layout techniques; – Apply the principles of layouting as discussed; – Use the basic tools of InDesign in desktop publishing ; – Layout a two-page newsletter.
  3. 3. Outline• Definition• Types of Layout• Principles and Guidelines• Introduction of the software• Basic tools and application• Layout Exercise
  4. 4. Limitations and Expectations
  5. 5. What is layout?Layout is the process of planning andarranging in detail something such asa page or book to be reproduced.
  6. 6. Types of Layout– Balanced make up • composition or placement of elements of design, as figures, forms, or colors, in such a manner as to produce an aesthetically pleasing or harmoniously integrated whole. • Two main types: Symmetrical and Asymmetrical
  7. 7. Types of Layout• Symmetrical Balance (formal) balance has elements of equal weight on either side of an imaginary horizontal or vertical line. It is often considered a safe solution, but boring layout to use.• Asymmetrical (or informal) balance may be unequal in position and intensity. To create asymmetrical balance, there must be an increase in intensity to compensate for the change in position. Intensity can be increased by changing size, shape, or tone.
  8. 8. – Balanced make up • Symmetrical
  9. 9. Balanced make up: Asymmetrical • Contrast and Balance
  10. 10. Type of Layout– Right Brace– Left Brace
  11. 11. Principles• Alignment of elements in the design is important, whether it be text or images.• Text/type: Legible. Use simple font face. left-justified, right justified or centered
  12. 12. Principles• Images: Big enough. High resolution. Applies photo rules.• Captioning: Caption all photos possible. Add credits. First note on the “VIP”, locate. As possible in action.
  13. 13. CASHING IN ON CASSAVA. Marciano Balmes shows off thequality of tubers of his four-month old cassava due for harvestin the next few months.
  14. 14. Principles• Proximity the property of being close together a Gestalt principle of organization holding that (other things being equal) objects or events that are near to one another (in space or time) are perceived as belonging together as a unit.
  15. 15. Principles• Repetition (Consistency) – Repeat action, performance, production, or presentation creates identity. – For web design, often a layout element or the navigation is repeated for each page, so the user know they are within the same site.
  16. 16. Principles• Contrast creates interest by providing variety in the design. – Size – Weight – Position – Shape – Color
  17. 17. Principles• Harmony – not competing, no clutter, there should be one dominant point of interest.
  18. 18. PrinciplesEmphasis – usually the focal point in a page. Itcould be done by varying the size, the color,shapes or background.Emphasis is the quality that draws your attentionto a certain part of a design or layout.
  19. 19. Movement – flow ofthe text and pictureshould be in theproper orientation ofthe eyes.
  20. 20. Some Guidelines• Avoid tombstoning.• Know the relative value of each part of the front page. The order follows an “S” format.• Build from top down
  21. 21. Some Guidelines• Distribute stories. Put front page the most important news.• Have plenty breathing space.• Use photos.• Be simple.
  22. 22. Principles Eliminate unnecessary details and use simple background.“In manner, fashion and style, simplicity defines elegance.”
  23. 23. The Software• Adobe InDesign – Is a powerful design and production tool that offers precision, control and seamless integration with other Adobe professional graphics software.
  24. 24. InDesign

×