Publishing Design
21/09/2025 - 31/12/2025(Week 1 - Week 14 )
WangJiheng/0378904
Publishing Design / Bachelor of Design (Honours) in Creative Media / Taylor's University
1. Lectures
2. Instructions
3.Task 1
4.Task2
4. Feedback
5. Reflections
6. Further Reading
1. Lectures
Mesopotamian Civilization:
It was the first to record information on "clay tablets". Initially, this method was only used for accounting (to meet practical needs), and later gradually developed a more recognizable writing system (the content format evolved with the expansion of usage scenarios).
Indus Valley Civilization:
It had two key forms of recording — first, it used "clay slabs" to write hieroglyphs (similar to clay tablets, relying on hard materials), and later switched to using "palm leaf manuscripts" for writing.
Limitation of palm leaf manuscripts:
The biggest problem was that the material was "easily degradable", which resulted in the loss of many historical records and created a gap in the documentation of this civilization.
It introduces its unique recording medium—papyrus. Papyrus is made from the papyrus plant and is easy to roll up.
In addition to papyrus, the Egyptians also inscribed hieroglyphs on walls. The video also shows the evolution of hieroglyphs, from complex graphics to the more fluid hieratic script, which is considered an early form of Arabic script. These records cover content such as medicine, trauma, and surgery, demonstrating the advancement of ancient Egypt in the field of medicine.
It delves into the ways of writing and recording in China during the Han Dynasty. In the early period, slender bamboo slips were used and strung together with cords to form documents, a form that also influenced the evolution of the character "书" (book).
Later, Cai Lun reported the invention of paper in 105 AD, marking a significant leap in writing materials. The video also showcases the scroll of the Diamond Sutra discovered in the Dunhuang Grottoes, one of the earliest known printed books, demonstrating the early printing technology that combined woodblock prints with text.
Properties and influences of parchment: Made from animal hides, it was too thick to be used for making scrolls, directly promoting the birth of the "book" paperback format.
Limitations of parchment: The complicated production process and high cost meant that early books were exclusive to the wealthy; the video shows a Quran manuscript made from it.
Subsequent evolution of book carriers: Paper originated in China, spread to Europe via Persia, the Arab Empire, and the Ottoman Empire, and was widely used in the 15th century; wood pulp paper became popular in the 19th century, eventually forming the current book binding form.
It discusses how China, around 175 AD, achieved large-scale text reproduction by engraving Confucian classics on stone steles and using paper to make ink rubbings, which is regarded as a precedent for early large-scale printing.
The demand for these texts among Confucian scholars drove the application of this technology.
It introduces the achievements of Korea and Japan in woodblock printing around 750 AD. Korea's Dharani Sutra is regarded as the earliest surviving printed document in the world.
Later, Emperor Shomu of Japan commissioned the printing of a million pagoda dharani sutras in 768 AD, which was the first large-scale printing experiment and demonstrated the great potential of woodblock printing.
The Diamond Sutra, discovered in Dunhuang in 868 AD, is the world's earliest complete printed book, containing not only text but also exquisite woodcut illustrations.
Europe introduced woodblock printing technology in the early 15th century, and subsequently, Gutenberg invented a more advanced printing press between 1439 and 1457.
With his excellent metalworking skills, Gutenberg perfected movable type casting, typesetting, and the mechanism of the printing press. Despite his difficult fate, his technology laid the foundation for modern Western printing and greatly promoted the dissemination of knowledge.
The oldest extant example of a printed book is the Diamond Sutra, a Chinese Buddhist text dating back to AD 868 during the Tang Dynasty. This historical treasure was rediscovered in 1899 within the Dunhuang caves. Produced via woodblock printing, the sutra seamlessly integrates textual content with intricate illustrations. Its inclusion of a specific production date and dedication makes it one of the most meticulously documented artifacts in early printing history, offering a profound glimpse into the era's cultural and spiritual landscape.
Structurally, the Diamond Sutra is a 16-foot-long scroll constructed from individual paper sheets joined edge to edge. A defining feature is its frontispiece, which holds the distinction of being the world’s earliest dated printed illustration. It depicts the Buddha enthroned among his followers, representing a pivotal moment in visual communication where art and literature were first unified through a mechanical printing process.
Part 1: The Golden Age of Chinese Printing (10th – 11th Century)
Between the 10th and 11th centuries, Chinese printing reached a new pinnacle following the perfection of woodblock techniques. Mass production became possible, leading to the publication of the complete Confucian classics, over 5,000 Buddhist and Daoist scrolls, and the Standard Histories dating back to Sima Qian’s era.
While revolutionary, the technique was incredibly demanding, as craftsmen had to painstakingly carve every individual character in mirror image onto wooden slabs. This labor-heavy process remained the primary mode of production until the birth of movable type.
Part 2: The Evolution of Movable Type (11th – 14th Century)
The concept of movable type originated in 11th-century China with Bi Sheng, who engineered individual characters out of fired clay. Despite its brilliance, the sheer volume of the Chinese character set and the delicate nature of clay limited its widespread use.
Innovation shifted to Korea in the late 1300s, where printers developed bronze movable type, offering significantly higher durability. Furthermore, the 1443 introduction of Hangul—a phonetic alphabet—greatly simplified the printing process compared to complex Hanzi. During the same decade, Gutenberg was refining his own system in Europe. The Western advantage lay in the Latin alphabet’s limited character count (A–Z), which made mechanical printing far more efficient and commercially viable.
Part 3: European Woodblocks: Saints and Socializing (AD 1400)
By the turn of the 15th century, the woodblock technology pioneered in Asia had traveled to Europe. Initially, these prints served two main markets: religious iconography sold to pilgrims and playing cards for leisure.
Mirroring the Asian method, European artisans carved reliefs into wood to transfer ink onto paper. By the late 1400s, particularly in Germany, these technical refinements laid the groundwork for a printing industry that would eventually spark a massive intellectual shift across the West.
Part 4: The Gutenberg Revolution (AD 1439–1457)
Historical evidence from 1439 suggests that Johannes Gutenberg was already testing printing prototypes in Strasbourg. By 1450, he had established himself in Mainz, securing a loan from Johann Fust by using his press as security.
This partnership paved the way for the 1455 release of the Gutenberg Bible, the first major European volume printed with movable type. This achievement didn't just produce a book; it fundamentally altered the way humanity shared information, democratizing education and culture forever.
Part 5: The Monumental Stone Book of Myanmar
The title for the world's most massive book belongs to the stone inscriptions at the Kuthodaw Pagoda in Myanmar. Known as "Royal Merit," this site preserves the Tipitaka (Buddhist scriptures) in a way unlike any paper volume.
The "book" consists of 729 white stupas, each sheltering a single marble slab engraved with sacred text. These shrines are organized around a central golden pagoda, creating a literal landscape of stone and scripture—a breathtaking fusion of architecture, faith, and knowledge.
Lecture 3 : Typo Redux
Option 1: Design-Focused (Professional & Sophisticated)
Typography: The Breath of Graphic Design
For any graphic designer, typography is as vital as the air we breathe. Mastering design requires an absolute command of type, as it transcends mere aesthetic decoration. Instead, it is the strategic arrangement and composition of text to convey concepts with precision. At its core, typography is the perfect synergy between artistic expression and functional communication.
The Anatomy of a Typeface
A comprehensive typeface consists of various essential elements:
- Standard Lowercase and Uppercase letters
- Small Caps (for subtle emphasis)
- Punctuation marks and Symbols
- Old-style (non-aligned) figures with varying heights
- Fractions and Ligatures (connected characters for better flow)
Option 2: Clean & Modern (Direct & Concise)
Mastering Typography
Typography serves as the backbone of graphic design. To excel in this field, one must understand that type is far more than an ornamental choice; it is the art of organizing text to ensure ideas are communicated effectively. It sits at the intersection of creative art and clear information exchange.
Core Components of Type
A standard typeface is built from a diverse set of characters, including:
- Alphabetic: Capitals, small capitals, and lowercase letters.
- Numeric: Fractions and old-style non-aligned numbers.
- Graphic: Symbols, punctuation, and ligatures (special character pairings).
Numerical Variations
- Lining Figures (Uppercase Numbers): These modern numerals maintain a uniform height, aligning perfectly with the capital letters. They gained significant popularity during the mid-20th century, particularly in the 1940s.
- Old-Style Figures (Lowercase Numbers): In contrast, these numerals feature varying heights and descenders, mirroring the visual rhythm of lowercase typography.
The Importance of Type Families
A versatile typeface should offer a broad range of weights (extending from Light and Regular to Bold). Having an expansive type family is essential for editorial design, as it provides the necessary contrast and hierarchy required for long-form reading, such as in book publishing.
Legibility
To ensure effortless reading, we should stick to the fundamentals — opt for fonts that are clear and well-proportioned.
If we intend to experiment creatively, we still need to understand the basic rules first.
Legibility refers to the quality of text that is easy to discern and comfortable to read.
New term: Overshoot → A typographic adjustment where curved or pointed letters extend slightly beyond the x-height or baseline to achieve an optically even appearance.
Small Caps and All Caps
Uppercase letters shine when deployed for brief headings. A deluge of capitalized text, however, quickly becomes a barrier to smooth reading. It’s important to keep in mind that uppercase characters were originally crafted to signal the start of sentences—not to be stretched across full, lengthy paragraphs.
Special Typographic Features
Within design software, the following typographic tools are available:
Text scaling – The function to stretch or compress font characters.
Outline & shadow effects – These need to be applied judiciously; overuse will significantly compromise text readability.
A cohesive and comfortable text flow hinges on the harmonious coordination of three core elements: type size, line length, and line spacing (also referred to as leading).
Line length: For body text, the optimal range is approximately 50–65 characters per line.
Text size: The standard setting is 8–12 pt, though adjustments should be made for visually impaired readers.
Leading: As a general rule, it should be 2.5–3 pt greater than the text size. In addition, longer line lengths require increased leading to maintain readability.
Kerning, Tracking & Alignment
Kerning – The adjustment of spacing between two individual letters.
Tracking – The adjustment of spacing across all characters in a word or block of text.
Both techniques serve to eliminate awkward gaps, refine visual harmony, and prevent typographic issues like widows and orphans in paragraphs.
Alignment Options:
- Flush Left: Creates a natural, reader-friendly rhythm with a clean left edge and a softly ragged right margin.
- Flush Right: Runs counter to standard reading direction, making it ill-suited for lengthy passages of text.
- Centered: Features ragged edges on both sides; careful adjustment is required to ensure a balanced, visually even appearance.
- Justified: Produces crisp, straight edges on both sides but may generate uneven gaps between words—manual adjustments are often needed to fix this.
Paragraph Indent: Typically set to match the text size. This technique is most useful for justified text and is generally unnecessary for flush-left layouts.
Hyphens, En-dashes, Em-dashes
- Hyphens (-): The shortest of the three, used to connect compound words (e.g., mother-in-law) or separate numbers in sequences (e.g., 800-555-1234).
- En-dashes (–): Slightly longer than a hyphen, it denotes ranges of dates, numbers, or values (e.g., Oct. 10–15, 30–50 people) and functions as a replacement for the words “to” or “through”.
- Em-dashes (—): The longest dash, used to interrupt a sentence, set off a parenthetical thought, or add emphasis. Overuse can disrupt readability, so restraint is advised.
Line Breaks
For headlines and short text blocks, avoid using a standard Enter key press—it can disrupt spacing and create uneven line breaks. Instead, use the soft line break function (typically Shift + Return) to control line breaks without adding extra paragraph spacing.
Drop Caps
A decorative typographic element placed at the start of a chapter or section to draw attention. In software like InDesign, you can customize its size, the number of lines it spans, and its font. Avoid using drop caps if your design software lacks automatic formatting capabilities, as manual adjustments may look unpolished.
Quotes and Marks
- Use curly quotes (typographer’s quotes) for a polished look: single quotes (‘ ’) and double quotes (“ ”)—avoid the straight, generic typewriter quotes (' ").
- For measurements, use proper unit marks: 12″ (inches) and 1′ (feet) instead of generic straight quotes.
Sidebar
A supplementary text block positioned alongside the main body copy, often used for notes, tips, or additional context. Sidebar text is usually set in a smaller font size than the main text, but it should retain the same leading (line spacing) to maintain visual consistency with the primary content.
Lecture 4: The Grid System
The grid system is the backbone of book design. It is not only a tool for dividing pages but also a logical framework for establishing a sense of order and rhythm. Using grids helps us organically organize images and text, making the layout both unified and varied. This reflects the designer's logical thinking and professional qualities—seeking freedom within constraints and creating beauty within structure.
Lecture 5: Elements of a Book
Good typesetting needs to strike a balance between "unity" and "diversity". If every page is identical, readers will feel bored; if every page is completely unrelated, the book will appear chaotic. Our goal is to establish a set of rules (such as fixed fonts and margins), and then flexibly change the combination of text and images on this basis, so that each time the reader turns a page, there is a sense of freshness without losing the overall feel.
Instructions
Publishing Design — Mock Up: Book Size_Ex1
Paper size holds vital importance in design and layout. Various dimensions
don’t just impact the overall visual balance—they also shape how content is
organized and how readers engage with it.
Today, I experimented with several distinct paper sizes:
• 270 × 170 mm
• 240 × 180.5 mm
• 220 × 155 mm
• 210 × 148 mm (a size close to
A5)
To compare them directly, I sketched all these dimensions on a single sheet
of paper. This straightforward exercise helped me develop a clear grasp of
proportions, margin space, and the hierarchical relationship between the
different formats.
This turns out to be a helpful technique to explore before launching any
design project—especially when working on materials like flyers, booklets,
notebooks, or packaging. By visualizing the sizes ahead of time, I’m able to
make more thoughtful choices that balance both functionality and
aesthetics.
Publishing Design: Signatures_Ex2
In today’s class, we explored the notion of signatures in book design. A signature is produced by folding a large sheet of paper, which typically holds 16 pages. During the book design process, the total page count must be a multiple of four to prevent paper wastage. Page numbering follows a particular set of guidelines to guarantee the correct reading sequence after printing and folding. Ultimately, multiple signatures are assembled to construct the full structure of a book.
Publishing Design: Van De Graff_Ex3
Notes:
The video illustrates the geometric construction of a Van de Graaf grid, highlighting the significance of balanced layouts in typography. Through drawing diagonal and vertical lines, the text regions and margins are delineated. It also showcases how ancient scribes utilized geometric principles to craft page designs that are both harmonious and legible.
Publishing Design – Digi Van De Graff Ex3A
Fig 3-1 lassical Grid Structure PDF Ex3A
Classical Grid Structure Setup
- Page Size: 180 mm (W) × 243 mm (H)
- Columns: 2; Column Gutter: 5 mm
- Margins (Classical Proportions): Top 27 mm, Bottom 54 mm, Inside (Spine) 20 mm, Outside (Fore-edge) 40 mm
Publishing Design: Form and Movement Ex4Summary
This video teaches how to digitize the Van de Graaff Grid in Adobe InDesign. It walks through page setup, margin/column adjustments, and grid building with diagonals/vertical lines. Key text formatting tips (paragraph spacing, font size, readability) are covered, plus proper PDF and JPEG export methods.
Highlights
- Page Setup: 180×243 mm, 2 columns.
- Grid Construction: Draw diagonals/vertical lines for precise central alignment.
- Text Formatting: Body text 8–12 pt, paragraph spacing 2–3 pt.
- Readability: 40–55 characters per line for comfort.
Exercise 4 - Form & Movement
One Colour
Two Colour
Two Colours + Image
Two Colours + Image + Text
TASK 2 / CONTENT GENERATION
26 / 09 / 2025 — 10 / 11 / 2025 (Week 01 — Week 07)
Content Generation
Fig 5-1 Content Generatio
TASK 3A / BOOK PRINTING
14 / 11 / 2025 — 8 / 12 / 2025 (Week 08 — Week 11)
1. Complete Thumbnail Layout (PDF & JPEG)
Fig 6-3 Thumbnail Layout (PDF) Week 11
2. Final Book Printout
4. Complete final spreads
Task 3B - E-Book
25 / 11 / 2024 — 22 / 12 / 2024 (Week 11 — Week 13)
1. Complete Thumbnail Layout
Fig 7-6 Complete Thumbnail Layout (PDF), Week 13
Final Brand Guideline (InDesign Viewer & PDF)
InDesign Viewer:https://indd.adobe.com/view/87593a12-e46d-4c9a-b085-1f6d86026355
Fig 7-7 Final Brand Guideline (PDF) Week 13
Feedback
Week 01: Introduction & History
In the first week, Ms. Vitiya introduced the module structure and provided an overview of the historical development of publishing. We explored early forms of recording information, including Mesopotamian clay tablets, Egyptian papyrus, and Chinese bamboo slips. This introduction clarified that book design is shaped by material, function, and readability, rather than visual style alone.
Week 02–03: Paper and Book Structure
These weeks focused on the physical construction of books. We examined paper sizes, formats, and how structural decisions influence the reading experience. Learning about signatures and folding methods was particularly valuable, as it highlighted the technical requirement that page counts must be multiples of four to reduce paper waste. This helped me understand the practical constraints involved in publishing design.
Week 04: Grid Systems
This week introduced the Van de Graaff Grid. By constructing the grid manually, I gained insight into traditional margin systems and their role in achieving visual balance. We then applied this system digitally in InDesign, learning how to set margins and columns accurately. This exercise established a strong foundation for subsequent layout work.
Week 05–07: Task 2 – Content Development
During this stage, I began developing my photo book, Changchun Through the Lens. The focus was on content selection and narrative structure, using photography to document seasonal changes in my hometown. With Ms. Vitiya’s guidance, I organised high-resolution images and refined the accompanying text to ensure consistency between visual and written elements.
Week 08–11: Task 3A – Layout and Printing
These weeks focused on layout development and print production. I created thumbnail layouts to plan page flow and adjusted typographic hierarchy to ensure clarity in print. Attention to image resolution and print preparation was essential. Completing the printed book, including the imprint and barcode, gave me practical experience of the full publishing process.
Week 12: Digital Publishing
In Week 12, we explored digital publishing formats. I converted my printed book into an interactive flipbook using FlipHTML5 and considered how digital viewing differs from physical reading. I also produced a flip-through video to document the printed outcome.
Week 13: Task 3B – Brand E-Book
For the final task, I designed a corporate identity E-book for Bloomtail Florist. This project required a more systematic approach, using a consistent grid across more than 25 pages. I focused on presenting brand elements—such as the logo, colour palette, and applications—clearly, while ensuring the interactive PDF was suitable for digital use.
Reflections
Understanding Structure: History and Grids
I started the semester with the knowledge of layout as merely a visual arrangement of text and images on a page. Studying the history of publishing from the pre-paper period clay tablets to the evolution of paper, I have learned that the design of publishing is dependent on material conditions as well as readability. Working with the Van de Graaff Grid, which is tedious to make by hand, was one of the most valuable lessons in layout. Using the grid in InDesign taught me to think of the margins and proportions of space that direct the reader’s eyes as well as create clarity. I no longer rely on intuition, but rather more on design thinking for layout.
Comments
Post a Comment