Publishing Design - Task 1: Exercises

SHIMANLIN,（0375858)

Publishing Design / Bachelor of Design (Hons) in Creative Media

Publishing Design - Task 1: Exercises

---

TABLE OF CONTENTS

1. Lectures

2. Instructions

3. Exercise

4. Feedback

5. Reflections

---

LECTURES

Lecture 1: Formats

Publishing design uses typography, layout, and visuals to communicate information and preserve knowledge. Published materials are made for a mass audience, so design must be clear and effective.

This module focuses on book format because books are the oldest and most influential form of publishing. Books are used to record ideas, stories, and knowledge.

To design a book, we need:

• Good typography skills
• Good layout and spacing
• Attention to detail
• Knowledge of publishing software

Factors that determine book format:

• Content and genre
• Target audience
• Purpose and use

Historical Book Formats

Mesopotamia – Early pictographic writing on clay tablets.

Egypt – Hieroglyphics written on papyrus and tomb walls.

Indus Valley – Complex writing system for trade, religion, and records.

China – Characters written vertically on bamboo strips, later scrolls and woodblocks.

Europe – Parchment made from animal skin was used for books.

Fig. 1.1 Week 1,  Lecture 1

Lecture 2: History of Print

Printing history developed through different civilizations and greatly changed the way knowledge was shared.

Early Printing Development

2nd – 8th Century AD (China)
The Chinese emperor ordered the six main Confucian texts to be carved into stone. Paper was placed on the engraved stone and rubbed with charcoal, creating white letters on a black background.

Korea & Japan (750–768 AD)
The earliest known printed document was a Buddhist sutra printed on a single sheet in Korea. Japan had the earliest recorded use of woodblock printing.

First Printed Book (868 AD)
The earliest printed book was from China during the Tang Dynasty. It was the Diamond Sutra, printed as a long scroll about 16 feet in length.

Europe (Around 1400 AD)
Woodblock printing techniques were introduced to Europe. Early printed materials included religious images and playing cards.

Gutenberg & Western Printing (1439–1457 AD)
Johannes Gutenberg introduced the printing press in Europe. His knowledge of metalwork and ink helped improve printing technology.

Fig. 1.2 Week 2,  Lecture 2

Lecture 3: Typo Redux

Typography is one of the most important parts of graphic design. It is the art of arranging text clearly and attractively for communication.

Characters in a Typeface

A typeface includes:

• Small caps
• Numerals
• Fractions
• Ligatures
• Punctuation
• Mathematical signs
• Symbols

Legibility

To make text easy to read, choose clear and balanced typefaces.

Serif fonts: Garamond, Baskerville, Bodoni
Sans-serif fonts: Helvetica, Gill Sans, Frutiger

Important Rules

• Underline should not touch letters.
• Small caps are good for subheadings.
• All caps only for short titles, not long sentences.
• Do not stretch or squeeze fonts.
• Avoid too much outline or shadow effects.

Type Size & Spacing

Good readability depends on:

• Type size
• Line length
• Line spacing (leading)

A text column should be around 50 characters, maximum 65 characters per line.

Longer lines need more spacing. Larger text also needs more spacing.

Alignment

• Flush left – easiest to read
• Flush right – harder to read
• Centered – formal, use minimally
• Justified – neat if spacing is controlled

Paragraphs

• Use paragraph spacing instead of double returns.
• First-line indent only if no paragraph spacing is used.

Widow & Orphan

• Widow – single line at top of next page
• Orphan – single line at bottom of page

Other Formatting

• Hyphen, en-dash, em-dash have different uses.
• Drop caps are used at the start of chapters.
• Sidebar text gives extra related information.

Fig. 1.3 Week 3,  Lecture 3

Lecture 4: The Grid

The grid (Raster system) is a design structure that divides a 2D space into smaller sections or modules. These sections can be equal or different in size.

The grid is an important tool in publishing design because it creates order, clarity, and consistency in layouts. It works as a hidden framework that helps designers organise content effectively.

Purpose of the Grid

The grid is used to:

• Arrange text, images, and diagrams in a clear structure
• Improve organisation and visual balance
• Help information appear logical and easy to follow
• Make content easier to read, understand, and remember

A grid also reflects the designer’s thinking and approach to structure and communication.

Function in Design

The grid improves:

• Readability
• Legibility
• User experience

It allows the content to guide the viewer naturally across the page. Good grid systems make layouts look clean, structured, and professional.

Key Idea

The grid is a modular system, meaning it is built from repeated units that can be adjusted and combined in different ways.

Fig. 1.4 Week 4,  Lecture 4

Lecture 5: Elements that make up a book

All publications are mainly made up of three key elements:

• Type
• Colour
• Image

Variation and Consistency

When using these three elements within a grid system, designers must balance variation and consistency.

• Variation keeps the layout interesting and engaging for readers.
• Consistency ensures the whole book feels unified and cohesive.

A good book layout creates a sequence of pages that feels consistent but still gives small surprises as the reader turns each page. Designers often reuse or rotate layout structures to achieve this effect.

Design Approach

The grid system helps organise elements in a clear and structured way while still allowing creativity. Different layout combinations can be used, such as:

• Large images with captions
• Text and images placed side by side
• Full-page images with minimal text

Fig. 1.5 Week 5,  Lecture 5

---

INSTRUCTIONS

---

EXERCISE

Exercise 01: Text Formatting

We were asked to write or gather 3000-3500 words of material for this book. Below is a draft of my content.

Fig. 2.1 Between Seasons

Exercise 02: Mock-up Making

I tried the following sizes:

• 180mm x 270mm
• 200mm x 260mm
• 170mm x 240mm

Final Book Size: 170mmx240mm

Figure 3.1 Book Size Exploration

I cut eight A3 sheets of paper to the size I wanted, resulting in 32 pages, and then stapled them together. I also made an extra cover for the book using pink paper.

Fig.3.2 Book Size Explorations + Closed Book Mockup

Fig.3.3 Open Book Mockup

Fig.3.4 Book Mockup cover

Fig.3.5 Book Mockup Video Showcase

Exercise 03: Signature Folding Systems

I cut an A3 sheet of paper in half to complete the task. First, I folded the paper in order, following Mr. Vindo's instructions. Then, I used the pages to write labels with numbers.

Fig.4.1 Folded System with Labels

Next, I stapled the middle together and then cut open the folded page.

Fig.4.2 Signature Folding System (Binded)

Exercise 04: Classical Grid Structure

In class, Mr. Vinod taught us how to do digital drawing in InDesign.

Fig.5.1 Van de Graff, JPEG

Fig.5.2 Van de Graff, JPEG

Fig.5.3 Van de Graff, JPEG

Fig.5.4 Van de Graff, JPEG

Fig.5.5 Van de Graff, PDF

I started experimenting with different layout styles.

Fig.5.6 Production process

Fig.5.7 Production process

Final Experimenting with different layout styles

Fig.5.8 Final , PDF

Final submission

Fig. 6.1 Between Seasons

Fig.6.2 Book Size Explorations + Closed Book Mockup

Fig.6.3 Open Book Mockup

Fig.6.4 Book Mockup cover

Fig.6.5 Book Mockup Video Showcase

Fig.6.6 Folded System with Labels

Fig.6.7 Signature Folding System (Binded)

Fig.6.8 Van de Graff, PDF

Fig.6.9 different layout styles, PDF

---

FEEDBACK

Week 1

• General Feedback: Mr. Vinod introduced the module structure and explained how the book design project will develop throughout the semester.

Week 2

• General Feedback: Mr. Vinod focused on how layout decisions influence clarity and how information should be organised visually on a page.

• Specific Feedback: Mr. Vinod guided us to start thinking about how content can be structured more effectively within a design layout.

Week 3

• General Feedback: Mr. Vinod reviewed our models and visual references. He reminded us to not only collect visual inspiration, but also look into layout references. We were also advised to start thinking about colour schemes and typography to develop a clearer visual direction for the book.

• Specific Feedback: After reviewing my visual and layout references, Mr. Vinod said my direction was good and encouraged me to continue developing it.

---

REFLECTIONS

Experience

This project gave me a better understanding of publication and book design. Before this, I had never really thought about the amount of work involved in creating a book layout or preparing pages for printing. Through this task, I was able to learn more about page arrangement, typography, and how different design elements work together to create a professional publication. It was a very meaningful and enjoyable learning experience for me.

Observations

Throughout this project, I explored many design references and experimented with different layout styles before deciding on the final design. I observed that grid systems, spacing, and typography play an important role in making pages look organized and visually appealing. I also noticed that even small design decisions can greatly affect the readability and overall presentation of a publication.

Findings

From these exercises, I learned that strong publication design requires both creativity and structure. A good layout is not only visually attractive but also guides the reader smoothly through the content. I also found that balance, movement, and consistency are important elements that help make a design feel more engaging and aesthetically pleasing.