PublicationPaginationGrid

© VTC 2012

Module Code: CDM4162

Publication Design

Publication for a place

2

Publication Design

legibility/ readability/ hierarchy/ grid system/ single-column grid/ column grid/ modular grid / multi-column grid/ pagination

Publication Design l Pagination • pagination is the system by which the information on a newspaper, bookpage, manuscript, or otherwise handwritten, printed or displayed document is laid out.

In a strict sense of the word, it can mean the consecutive numbering to indicate the proper order of the pages • pagination can also refer to the process of organizing information

Publication Design l Thumbnail Pencil Sketches

Publication Design l A typical publication pagination

Kenya Hara （原研哉）

Publication Design l Start drawing thumbnail plan…

Publication Design l Thumbnail Pencil Sketches

Publication Design l pagination

Publication Design l pagination

Publication Design l dummy

Publication Design l dummy

Publication Design l flow & variation

Publication Design l flow & variation

Grid system “A grid is truly successful only if, after all of the literal problems have been solved, the designer rises above the uniformity implied by its structure and uses it to create a dynamic visual narrative of parts that will sustain interest page after page.”

TIMOTHY SAMARA, Making and Breaking the Grid

Grid is a structure / method for organizing and clarifying text on a page to reinforce its meaning.

Components of grid: column & margin

Components of grid: gutter & field

Kinds of grid: 2-column grid & 3-column grid

Learn the Basic Structures

Assess your Material > Figure out your Grid

Boxed-in sidebar functions as separate information

Pagination and Grid

Every publication begins with a grid system

Margin

Vertical Column Space

Horizontal Column Space

Gutter

Text column

Crop Marks

Running Head (Book Title: Chapter Title)

Gutter

Running Feet (Book Title: Chapter Title)

Folio (Page number)

A grid plan starts with pencil sketch

The grid system remains when overlaid with the same grid tracing paper

Hierarchy of information

Headlines with text

Headlines with text

Putting together the sequence of subheads with hierarchy.

Indicating paragraphs

Indicating paragraphs

Highlighting text: Italic type & serif in Bold

Highlighting text: sans serifs in bold & colour

Extending text: indentation with bullet point

Level 1: Main title Level 2: Introduction or descriptive

Level 3: Sub title

Level 4: Caption Level 6 Folio, Running heads/feet Level 5: Body copy

Assignments 1) Each person pickup free samples of different types of publication 2) Each person start researching into textual contents of your topic 3) Base on your research content, each person to do pencil sketches on : • 2 sets of Pagination (e.g. Documentary, 5 senses…)

Publication| the end