Publishing Design / Task 1 Exercises

 GCD61404 / Publishing Design Exercises

-

Low Xin Er / 0374596 / Bachelor of Design in Creative Media

Publishing Design / Exercises

Lecturer / Miss VITIYAA SELVATHURAI

---

MODULE INFORMATION

Lecture Notes

Week 1 / Topic: Formats

1. What is Publishing Design?

Publishing Design is the combination of:

• Typography
• Layout Design
• Visual Design
• Experimentation in form and book making

The focus of this module is Book Design, because books are one of the oldest and most influential forms of publishing. Pasted text.txtTXT

2. Purpose of a Book

A book is more than a collection of pages.It is a medium used to:

• Document ideas
• Preserve knowledge
• Record history
• Communicate information

Designing a book requires:

• Strong typography
• Good layout
• Understanding of space
• Attention to detail
• Proper publishing software (Adobe InDesign)

Books should be designed in InDesign, not Illustrator. Illustrator creates unnecessarily large files and is not intended for long publications. 

3. Determines the Format of a Book

A book's format depends on its audience and content.

Factors include:

• Target users (e.g. children vs adults)
• Book size
• Paper type
• Binding method
• Amount of content
• Types of content (text, diagrams, maps, images)

The format should always support usability and readability. 

4. Publishing Evolves with Technology

A key idea from today's lecture:Innovation usually follows new technology. As new technologies appear, publishing methods also evolve.

Examples include:

• Digital typography
• User interface fonts
• Printing technology
• Digital publishing

Designers should stay updated with technology because it creates opportunities for new forms of publishing. 

5. Evolution of Publishing Formats

Publishing formats changed according to available materials and technology.

Civilization	Main Publishing Material / Format
Mesopotamia	Clay tablets
Indus Valley	Clay tablets → Palm leaf manuscripts
Egypt	Papyrus
China	Bamboo strips → Paper → Scrolls → Printing
Korea	Metal movable type
Turkey / Europe	Parchment → Bound books → Modern book format

Different civilizations developed different publishing solutions based on available materials and cultural needs.

6. The Development of the Modern Book

The modern book did not appear suddenly. It evolved through many stages:

• Clay tablets
• Palm leaves
• Papyrus
• Bamboo strips
• Scrolls
• Parchment
• Bound books
• Printed books

Advances in paper making, printing and binding gradually shaped the book format we still use today. 

Key Takeaways

• Publishing Design combines typography, layout and visual communication.
• Books exist to communicate knowledge effectively.
• Good book design depends on the audience, content and usability.
• InDesign is the standard software for publication design.
• Publishing formats evolve alongside technology.
• Understanding the history of books helps designers make better publishing decisions today

Week 2 / Topic: History of Print

1. Why is the History of Printing Important?

Printing technology has continuously evolved throughout history. Understanding its development helps designers appreciate how advances in materials and technology have shaped modern publishing.

2. Early Printing in China

The earliest large-scale printing methods began in China. Confucian texts were carved into stone, and scholars reproduced the writings by placing paper over the engravings and rubbing charcoal or graphite across the surface. This technique became one of the earliest forms of mass reproduction. 

3. Woodblock Printing in Korea and Japan

Printing technology continued to develop in East Asia through woodblock printing.Korea produced the earliest known printed document, the Dharani Sutra. Japan later created large quantities of printed Buddhist prayers, making one of the earliest examples of mass printing and distribution.

4. The Diamond Sutra

The Diamond Sutra is one of the most significant works in printing history. It is recognised as one of the earliest surviving printed books and includes both printed text and woodblock illustrations presented in a scroll format. 

5. The Development of Movable Type

• Woodblock printing required carving an entire page, making the process slow and labour-intensive.
• Movable type introduced reusable individual characters, allowing text to be rearranged for different publications.
• China first experimented with movable type.
• Korea later improved the system by casting durable bronze movable type and eventually developing the Hangul alphabet, making printing more practical. 

6. Printing in Europe

Printing technology reached Europe around the 15th century.
Johannes Gutenberg developed an efficient movable-type printing system by combining:Metal type casting

• Printing press technology
• Precision engineering

His innovations greatly increased printing efficiency and helped spread knowledge across Europe. 

7. The Evolution of Printing Technology

Printing continued to improve through different technological revolutions:

• Industrial Revolution → Precision printing machinery
• Desktop Publishing Revolution → Digital page layout and publishing
• Internet Revolution → Instant publishing and global information sharing 

8. The World's Largest Book

One unique example of publishing history is the World's Largest Book in Mandalay, Myanmar.
The Buddhist scriptures are carved onto 729 stone tablets, each protected by its own small stupa, creating a monumental stone "book." 

Key Takeaways

• Printing evolved from stone rubbings to woodblock printing, movable type and modern digital publishing.
• China, Korea and Japan played major roles in the early development of printing technology.
• Gutenberg's movable-type printing system transformed the spread of knowledge in Europe.
• Technological innovation continues to shape the future of publishing and communication.

Week 3 / Topic: Typo Redux

1. Importance of Typography

Typography is one of the most important elements in graphic design. It is the art of arranging text for communication, readability and visual expression. Good typography improves the overall quality of publication design.

2. Typeface Families & Glyphs

A type family contains multiple typefaces and additional glyphs that can improve typography.

Common glyphs include:

• Small Capitals
• Ligatures
• Numerals
• Fractions
• Mathematical Symbols
• Punctuation
• Swashes
• Copyright & Trademark Symbols

InDesign and Illustrator provide a Glyphs Panel to access these special characters.

3. Small Capitals & Ligatures

Small Capitals

• Same height as the lowercase x-height.
• Suitable for abbreviations and acronyms.
• Creates a more balanced appearance than full capital letters.

Ligatures

• Combine letters such as fi, fl, ff, ffi, etc.
• Improve spacing and avoid awkward gaps between characters.
• Commonly applied automatically in InDesign.

4. Choosing Type Families

Books and magazines often require multiple text styles.

A good type family should include:

• Regular
• Italic
• Bold
• Bold Italic
• Light
• Condensed
• Extended

Using one comprehensive type family helps maintain visual consistency throughout a publication.

5. Legibility

Readable typography is essential in publication design.

Recommended book typefaces include:

Serif

• Garamond
• Baskerville
• Caslon
• Bodoni
• Minion

Sans Serif

• Helvetica
• Frutiger
• Univers
• Myriad Pro

Always choose fonts designed for long-form reading rather than decorative display fonts. 

6. Basic Typography Anatomy

Important typography terms include:

• Baseline
• X-height
• Mean Line
• Cap Height
• Ascender
• Descender

Understanding these structures helps designers make better decisions about spacing and readability. 

7. Typography Conventions

Follow common typography rules to improve readability:

• Avoid underlines touching letterforms.
• Use ALL CAPS only for short headings.
• Avoid stretching or compressing fonts.
• Avoid heavy outlines and excessive shadows.
• Use built-in superscript and subscript functions instead of manual adjustments. 

8. Type Size, Leading & Line Length

Good body text depends on balancing three factors:

• Type Size
• Line Length
• Leading (Line Spacing)

General guidelines:

• Body text: 8–12 pt
• Leading: approximately 2.5–3 pt larger than the font size
• Ideal line length: around 50 characters, maximum 65 characters per line. 

9. Kerning, Tracking & Letter Spacing

Proper spacing improves readability.

• Kerning adjusts space between two characters.
• Tracking adjusts spacing across a group of letters.
• Avoid widows and orphans by making small spacing adjustments rather than changing font size. 

10. Text Alignment

Five common text alignments:

• Flush Left
• Flush Right
• Center
• Justified
• Asymmetrical Layouts

For body text:

• Flush Left is generally preferred.
• Avoid long passages in Center or Flush Right alignment.
• Justified text requires careful kerning and tracking to prevent rivers. 

11. Paragraph Formatting

Recommended practices:

• Use Paragraph Spacing, not multiple Enter keys.
• Indentation should generally match the body text size.
• Keep sidebar leading consistent with the main body text.
• Avoid widows and orphans whenever possible. 

12. Additional Typography Guidelines

Other useful practices include:

• Use proper quotation marks instead of typewriter quotes.
• Apply hyphens, en dashes and em dashes correctly.
• Use forced line breaks (Shift + Enter) when necessary.
• Keep drop caps simple (2–3 lines maximum).
• Refer to professional style guides such as the Chicago Manual of Style for complex publications.

Key Takeaways

• Typography directly affects readability and user experience.
• Select professional type families designed for long-form reading.
• Maintain proper hierarchy, spacing and alignment throughout the publication.
• Small typographic details such as kerning, leading and paragraph spacing greatly improve the quality of book design.

Week 4 / Topic: The Grid

1. What is a Grid System?

A grid system is one of the most practical methods for organising page layouts. It divides a page into structured sections, helping designers arrange text and images in a clear and consistent way.

Although grids are widely used, they are only one of many layout systems and can be combined with other design approaches.

2. The Development of Grid Systems

Modern grid systems were influenced by designers such as:

• El Lissitzky
• Jan Tschichold
• László Moholy-Nagy
• Josef Müller-Brockmann

Their experiments and publications established many of the principles used in contemporary editorial and publication design. The lecture also emphasises the importance of documenting and sharing design knowledge with others. 

3. Why Use a Grid?

A grid reflects a designer's systematic and logical way of thinking.

Benefits include:

• Better organisation
• Clear hierarchy
• Consistent layouts
• Improved readability
• More effective communication

Grids help present information in a structured and visually balanced manner.

4. Basic Components of a Grid

Important grid elements include:

• Margins
• Columns
• Rows
• Gutters (space between columns)
• Text Fields
• Guidelines
• Hang Line

These components create a flexible framework for arranging content while maintaining consistency across pages.

5. Importance of Margins

Margins are not empty spaces; they are an essential part of page design.

Well-balanced margins:

• Improve readability
• Create visual balance
• Make layouts feel more comfortable to read
• Enhance the overall appearance of the publication

6. Using Grids in Publication Design

Grids help organise various content types, including:

• Titles
• Body Text
• Subheadings
• Images
• Diagrams
• Captions
• Pull Quotes

A consistent grid system allows readers to recognise information quickly and navigate the publication more easily. 

7. Flexibility of Grid Systems

A grid should not be viewed as a restriction.

Instead, it provides a structured framework that allows designers to create different layout variations while maintaining consistency throughout the publication.

The goal is to balance visual variety with a clear reading experience.

8. Grid and User Experience

The purpose of a grid is to improve the reader's experience.

A successful publication should:

• Communicate information clearly.
• Guide readers naturally through the content.
• Create a logical reading flow.
• Maintain visual consistency.
• Keep readers engaged from page to page. 

Key Takeaways

• A grid system provides structure, consistency and organisation for publication design.
• Margins, columns and gutters are equally important parts of a layout.
• Grids improve readability while allowing creative flexibility.
• Good publication design balances clear communication with engaging visual presentation.
• The grid acts as an invisible framework that supports both content and user experience.

Week 5 / Topic: Elements of Publishing Design

1. Fundamental Elements of Book Design

Book design consists of three fundamental elements:

• Text: Body text, headings, subheadings, captions and pull quotes.
• Visuals: Photographs, illustrations and graphical elements.
• Colour: Used to attract attention, create visual interest and support the overall design.

Format and Grid provide the framework that holds these elements together. Format includes the book's size, paper type and binding method.

2. Consistency and Variation

A successful book needs a balance between consistency and variation.

• Consistency: Maintain a consistent grid, typeface, colour palette, image style and alignment.
• Variation: Change the arrangement of text and visuals to prevent repetitive layouts.

Too much consistency can make a book monotonous, while too much variation can make it confusing and inconsistent. 

3. Layout Formulas

Designers can create different layout combinations using the same grid system.

Examples include:

• Body text paired with a graphical element.
• A large image with a caption or pull quote.
• Two columns of body text.
• A full-page image alongside body text.

These layouts can be reused and rearranged throughout the book to create visual variety while maintaining a consistent style.

4. Using Pull Quotes and Subtext

Different text elements help create visual hierarchy and break up large blocks of body text.

• Body Text: The main content of the book.
• Subtext: Supporting text, such as captions or secondary information.
• Pull Quote: An important sentence extracted from the main text and displayed in a larger size to attract attention.

These elements can be combined with images and colour to create more engaging page layouts.

5. Using Colour and Visuals

Visuals play an important role in creating an engaging book.

• Use images and graphical elements to complement the written content.
• Use colour to highlight important information or introduce subtle variation.
• Avoid predictable layouts by experimenting with different image sizes and positions.
• Ensure visual elements support the content rather than reduce readability.

The visual direction should suit the book's subject and intended mood. 

6. Grid System and Layout Flexibility

A grid provides a consistent structure for arranging content, but it should not restrict creativity.

Designers can develop several layout formulas within the same grid and reuse them throughout the book.

The grid may also be adjusted when the original structure does not work well with the content. The goal is to create layouts that are both visually attractive and easy to read. 

7. Book Page Count and Signatures

Book pages must be divisible by four because each printed spread contains four page surfaces across its front and back.

A standard signature commonly contains 16 pages. Therefore, books with page counts in multiples of 16 can help reduce paper waste during printing.

If the content requires additional pages, the total may increase by four-page increments, such as 32, 36 or 40 pages. However, additional pages may result in paper wastage. 

8. Visual Research and Design Direction

Before designing the book, conduct visual and layout research to establish a suitable design direction.

• Collect references that match the book's topic and intended mood.
• Explore different editorial layouts and image treatments.
• Identify suitable typography, colours and visual styles.
• Use references as inspiration rather than copying them directly.

Research helps designers make informed decisions and avoid common layout problems.

9. Designing an Engaging Book

A good book should guide readers through its content while maintaining their interest.

To achieve this:

• Balance text and visuals.
• Create variation between spreads.
• Maintain a consistent visual identity.
• Use the grid to organise information logically.
• Make important visuals distinctive and memorable.

Not every spread needs to be different. Reusing and rotating established layout formulas helps maintain continuity while keeping the book engaging.

Key Takeaways

• Book design combines text, visuals and colour, supported by format and grid.
• Balance consistency with variation to avoid monotonous or chaotic layouts.
• Develop reusable layout formulas within a grid system.
• Use visual research to establish an appropriate design direction.
• Keep the total page count divisible by four, preferably in multiples of 16, to reduce printing waste.
• Prioritise readability and reader engagement throughout the book. 

---

Exercises Overview

Objective：
Develop the fundamental skills required for publication design before producing the final book project.

Exercises

• Exercise 1 – Book Format Exploration
• Exercise 2 – Signature Folding
• Exercise 3 – Van de Graaf Grid
• Exercise 3A – Digital Van de Graaf Grid
• Exercise 4 – Form & Movement

Materials

• A4 Paper
• Pencil & Eraser
• Ruler & Steel Ruler
• Cutter & Cutting Mat
• Stapler
• Cellophane Tape
• Adobe InDesign

Deliverables

• Book Format Mock-up
• Signature Model
• Van de Graaf Grid (Manual)
• Van de Graaf Grid (Digital)
• Form & Movement Layout

---

Progress & Challenges

Exercise 1 / Mock-up: Book size

Determine an appropriate book size that is smaller than A4 and larger than A5 before starting the publication design.

Exercise Summary

• Created an A3 spread by joining two A4 sheets.
• Marked the A5 boundary as the minimum reference size.
• Developed three different book size options.
• Compared the three formats and selected the most suitable size.
• Produced a full-size paper mock-up to evaluate the chosen format.
• The selected format will be used for the final 32-page book.

Final Output

1. 170mm x 225mm
2. 180mm x 250mm
3. 185mm x 210mm (selected)

Fig.Three sizes explore

Fig. Final size: 185mm x 210mm

Exercise 2 / Signatures

Understand how a signature is constructed and how pages are arranged for book printing.

Exercise Summary

Introduction to Signatures

• A signature is a large sheet of paper folded into multiple pages.
• One signature normally contains 16 pages.
• Book pages should always be divisible by 4, ideally by 16, to minimise paper wastage.

Understanding Page Arrangement

• Fold one sheet three times to simulate a 16-page signature.
• Number pages from 1 to 16.
• Open the folded sheet to observe how page numbers are arranged.
• Learn that pages are positioned according to a printing formula rather than sequential order.

Creating a Signature Mock-up

• Fold another sheet to form a signature.
• Staple the folded edge to simulate saddle stitching.
• Trim the outer edges using a cutter.
• Open the finished mock-up to reveal the correct page sequence (1–16).
• Understand that a complete book is formed by combining multiple signatures.

Final Output

Fig. folded sheet to simulate a 16-page signature

Fig. staple the folded edge to simulate saddle stitching

Fig. Trim and open the finished mock-up to reveal the correct page sequence (1–16)

Exercise 3 / Van De Graff

Understand how the Van de Graaf Grid is used to create balanced page margins and define the text area for book layout.

Exercise Summary

Constructing the Base Grid

• Draw diagonal lines across the book spread and individual pages.
• Identify the key intersection points used to construct the grid.

Building the Van de Graaf Grid

• Use the intersection points to draw perpendicular guide lines.
• Construct the Van de Graaf Grid on both pages of the spread.
• Generate a proportional text area and margin area.

Understanding the Grid System

• Learn that historical book designers used geometry to determine page proportions rather than placing text randomly.
• The Van de Graaf Grid creates balanced margins and improves readability.
• Margins provide space for notes, while the text area contains the main body content.
• The completed grid will later be recreated digitally in Adobe InDesign based on the selected book size.

Final Output

Fig. Van de Graaf Grid with final size

Exercise 3A / Digi Van De Graff

Digitize the Van de Graaf Grid in Adobe InDesign and use it to create a readable book layout based on the selected book size.

Exercise Summary

Setting Up the GridCreate a new InDesign document using the selected book size.

• Enable facing pages and arrange the pages as a spread.
• Recreate the Van de Graaf Grid digitally using diagonal and guide lines.
• Adjust the page margins until they match the grid intersections.

Testing TypographyInsert dummy text into the layout.

• Experiment with typeface, font size and leading.
• Check the number of characters per line for readability.
• Test whether the page works better with one column or two columns.
• Adjust paragraph spacing and remove unnecessary double spaces or formatting errors.

Refining the LayoutAim for approximately 40–55 characters per line for comfortable reading.

• Adjust gutter spacing if using multiple columns.
• Turn off automatic hyphenation when necessary to improve text appearance.
• Ensure the layout is balanced and easy to read.

Final Output

Create a two-page InDesign spread that includes:

• The completed digital Van de Graaf Grid
• Page margins aligned to the grid
• Dummy text placed inside the text area
• Appropriate typography settings for readability

Fig.Final Work PDF (Spread, with visible guides and grids)

Fig.Final Work JPEG (Spread)

Exercise 4 / Form and Movement

Explore how simple forms can create visual movement and establish a consistent flow across multiple book spreads using a grid system.

Exercise Summary

Preparing the Grid

• Create a grid on the Master Page in Adobe InDesign.
• Use the same page size selected for the final book.
• The grid serves as the structure for arranging visual elements.

Exploring Form

• Use only simple geometric shapes.
• At this stage, treat every element simply as a form, not as text or images.
• Focus on how forms occupy and interact with the grid.
• Exercise 1 should use only black and white to emphasise form and movement rather than colour. 

Creating Movement

• Develop a sequence of spreads by gradually transforming the shapes.
• Create smooth visual transitions from one spread to the next.
• Introduce new forms progressively while maintaining visual continuity.
• Avoid transitions that feel too predictable or repetitive.

Refining the Composition

• Keep the composition simple and clean.
• Avoid decorative or overly complex shapes.
• The emphasis is on visual rhythm, balance and progression across the spreads.
• Build a clear visual narrative from the opening spread to the ending spread.

Final Output

• Create a series of book spreads in Adobe InDesign that demonstrate:
• A consistent grid system
• Simple black and white geometric forms
• Smooth visual transitions from spread to spread
• A clear sense of movement and visual rhythm

Reflection

Through these exercises, I gained a better understanding of book construction, page proportions, grid systems, and layout composition. Creating physical book mock-ups helped me understand page sizes, signatures, and binding, while the Van de Graaf grid and InDesign exercises showed me how to establish a consistent layout structure. The form and movement exercise also encouraged me to explore visual flow and variation across spreads. Overall, these practical exercises helped me connect publishing design principles with the actual process of creating a book.