Basic layout principles

1. Basic Layout Principles
using Adobe InDesign
By Sherwin B. Manual
Information and Advocacy Specialist
Mindanao Rural Development Program

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. Outline
• Definition
• Types of Layout
• Principles and Guidelines
• Introduction of the software
• Basic tools and application
• Layout Exercise

4. Limitations and Expectations

5. What is layout?
Layout is the process of planning and
arranging in detail something such as
a page or book to be reproduced.

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. • 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.
Types of Layout

8. – Balanced make up
• Symmetrical

9. Balanced make up: Asymmetrical
• Contrast and Balance

10. Type of Layout
– Right Brace
– Left Brace

14. 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

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

17. CASHING IN ON CASSAVA. Marciano Balmes shows off the
quality of tubers of his four-month old cassava due for harvest
in the next few months.

18. 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.

20. 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.

21. Principles
• Contrast creates interest by providing variety
in the design.
– Size
– Weight
– Position
– Shape
– Color

23. Principles
• Harmony – not competing, no clutter, there
should be one dominant point of interest.

24. Principles
Emphasis – usually the focal point in a page. It
could be done by varying the size, the color,
shapes or background.
Emphasis is the quality that draws your attention
to a certain part of a design or layout.

26. Movement – flow of
the text and picture
should be in the
proper orientation of
the eyes.

27. 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

28. Some Guidelines
• Distribute stories. Put front page the most
important news.
• Have plenty breathing space.
• Use photos.
• Be simple.

29. Principles
Eliminate
unnecessary
details and use
simple
background.
“In manner, fashion and style, simplicity defines elegance.”

30. The Software
• Adobe InDesign
– Is a powerful design and production tool that
offers precision, control and seamless integration
with other Adobe professional graphics software.

33. InDesign