Magazinelayout

BY: CHELDY SYGACO ELUMBA-PABLEO, MPA;LLB
MAGAZINE
Layout

WHAT IS LAYOUT?
It is the arrangement of the elements of a design
in relation to the space that they occupy and in
accordance with an overall aesthetic scheme.
It is often the use of grid, structure, hierarchy,
specific measurements and relationship used in
design. It controls the order of information and
the used of creativity
It is also called “management of form and
space.”
CHELDY SYGACO ELUMBA-PABLEO,MPA;LLB

PRIMARY OBJECTIVE:
Is to present those visual and textual elements that
are to be communicated in a manner that enables the
reader to receive them with the minimum of effort .
Good lay outing makes a reader navigate through
quite complex information both in print and electronic
media.
Layout addresses the practical and aesthetic
considerations of the job in hand, such as how the
content is viewed regardless of whether the final
format is magazine, website, television graphic or
piece of packaging design.

IMPOSITION
Describes the arrangement
(sequence and position) of pages
as they will appear when printed,
before being cut, folded and
trimmed. Knowledge of how
publication is physically put
together is important before
beginning page layout

WORKING ON PAGES
What is the purpose of layout for a page?
A page is a space in which to present images and text.
To do this effectively one must consider the purpose of
a publication and its intended audience. Format
characteristics (such as printing method) and print
finishing specifications (such as binding) are key
considerations.
EXAMPLE:
The publication intended to lie flat. Is the reader read
up close? Is it a reference work or a novel?
All this have effects in layout. Layout is guided with
series of invisible lines, most layouts only become
“visible” or noticeable over a sequence of pages

THE GOLDEN SECTION
Before we can create a grid, we need a page to place it
on. In the field of graphic arts, the golden section forms
the basis for paper sizes and its principles can be used as
a means of achieving balanced designs.
It was thought by the ancients to represent infallibly
beautiful proportions

THE GRID
It means the positioning and containing of the
elements of a design in order to facilitate and ease
decision making. Using a grid result in a more
considered approach allows greater accuracy in the
placement of page elements, either in terms of
physical measurements of proportional space.
Grid have varying degrees of complexities and so can
provide for a vast number of design and positioning
possibilities. By providing a coherency to a design, a
grid allows a designer to use their time efficiently and
concentrate on achieving a successful design.

THE SYMMETRICAL GRID
In symmetrical grid, the verso
page will be a true mirror image
of the recto page. This gives two
equal inner and outer margins.
To accommodate marginalia the
outer margins are proportionally
larger.

SYMMETRICAL VARIATIONS
Aims to organise information
and provide a sense of
balance across a double-
page spread. The structure
of a recto page is reflected
on the verso page in terms
of column placements and
width.

ASYMMETRICAL GRIDS
Provides a spread in which both pages use the
same layout. They may have one column that
is narrower than the other columns in order to
in bias towards one side of the page (usually
the left). This provides an opportunity for the
creative treatment of certain elements whilst
retaining overall design consistency. The
smaller column may be used for captions,
notes, icons, or other elements, as the example
opposite shows. In this way, it can be treated
as a wide space for outsized marginalia.

DEVELOPING THE GRID
So far we have looked at
column-or module-based grids
as a key design tool. It is also
common for designers to use
both simultaneously, producing
a grid that is flexible enough to
hold text columns and different
image configurations.

THE BASELINE GRID
It is the graphic foundation
upon which a design is
constructed. It serves a similar
supporting role as the
scaffolding used in building
construction.

CROSS-ALIGNMENT
Allows type of different sizes to
adhere to the same baseline grid,
aligning for example body copy,
captions and headlines.

WORKING WITHOUT A GRID
A grid provides a structure and constraints within which a
design is to be arranged. At times the use of a grid is not
appropriate, perhaps due to the nature of the material to
be presented, or the visual effect that the designer wants
to produce.
Abandoning the grid allows a greater freedom and
creativity to be unleashed, although the designer still
needs to control this in order to avoid a somewhat
dysfunctional result.
If working without a grid the designer may still be guided
by an underlying principle or theme of the work to assist
the decision-making process. In this way structure is still
provided but it is dictated by a grid.

COLUMNS AND GUTTERS
Are some of the most basic
elements used in placing text
and image in a layout.

IMAGES
Are the graphic elements that can bring a design to
life. Whether as the main focus of a page or as
subsidiary elements, images play an essential role in
communicating a message and are thus a vital factor
in establishing the visual identity of a piece of work.
Images can be incorporated into a design in many
ways, as shown in the examples throughout this
volume, from full-bleed and passes part out to
positioning using a variety of grid systems.
Basic layout principles help the designer to use
images in a consistent manner and in such a way
that they remain in harmony with the other elements
of the design.

ALIGNMENT
It refers to the position of type
within a text block, in both the
vertical and horizontal planes.

ARRANGEMENT
The different elements that will compromise a design,
predominantly the type and images, could be treated as
separate components that are to be arranged on the
page with clear distinctions between them.
Alternatively, they can be combined to form a seamless
presentation. This can be achieved in many different
ways as the examples that follow will show.
Combining images and text can be used as a method to
control the pace of a publication. Publications often have
clear and natural break points such as new chapters.
However, seemingly unrelated information can be
brought together in a cohesive manner through design.

ENTRY POINTS
Is a visual aid indicating where to
begin in reading. Newspapers, for
example, contain textual content
separated into discrete chunks—
without this separation, the content
would be too dense and too difficult to
navigate or read.

PACE
All written copy naturally has pace. Some passages
are quick to read, while others require more
contemplation.

FRONT PAGE LAYOUT

SELL LINES- The sell lines would draw
the audience in, keeping to the colour
scheme, and using different fonts. Will
show what the issue features
MASTHEAD- The masthead will be
simple, but effective. Situated in the
top left It will draw the audience
because of its simplicity and bold use
of colour, conventional for alternative
genre
Anchorage Title & sell line-
This would link to the main image
on the front cover , and would
also link to the double page
spread.
MAIN IMAGE- This would link to
what is also featured on the double
page spread and contents, it also
links to the anchorage title & its sell
line. Will conventionally overlap
masthead
Skyline
Masthead
Anchorage Title
Sell Line on Anchorage Text
Sell Line
Sell Line
Sell Line
Main Image
SKYLINE- Conventional for
alternative music magazines,
will feature a slogan or an offer
for readers

Masthead
Anchorage Title
Sell Line
Sell Line
Sell Line
Main Image
situated across the top centre. It will
draw the audience because of bold
use of colour, conventional for
alternative genre.
ANCHORAGE TITLE &
SELL LINE- This would link to
the main image on the front cover
, and would also link to the double
page spread. Will conventionally
overlap part of the main image.
masthead.

Skyline
Masthead
Anchorage Title
Sell Line Sell Line
Sell Line
Main Image
simple, but effective. Situated in the
top centre It will draw the audience
because of its bold use of colour and
situated behind the main image
conventional for alternative genre
ANCHORAGE TITLE &
SELL LINE- This would link to
the main image on the front cover
, and would also link to the double
page spread. Conventionally
overlapping the main image
masthead.
SKYLINE- Conventional for
alternative music magazines,
will feature a slogan or an offer
for readers

IN ANALYSIS:
Always consider:
1. Camera use
2. Font
3. Text color
4. Body language
5. Overall design/layout
6. Language to use

LAYOUTS
 The following shows a front page, double page spread and content page

THANK YOU FOR READING!
CHELDHAYE

Magazinelayout

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (15)

Similar to Magazinelayout

Similar to Magazinelayout (13)

More from Cheldy S, Elumba-Pableo

More from Cheldy S, Elumba-Pableo (20)

Recently uploaded

Recently uploaded (20)

Magazinelayout