Publishing Design
CONTENT LIST
- Instructions & Brief
- Lecture notes
- Task 1
- Exercise 1 - Book size mockup
- Exercise 2 - Signature Folding Systems (8+8=16)
- Exercise 3 - Van de Graff
- Exercise 4 - Form & Movement grids
- Task 2 - Content Generation
- Task 3
- Final Book
- Promotional Poster
- Feedback
- Overall Reflection
- Further Reading
Module Brief:
Lecture Notes:
- Publishing design entails the use of typography layout design & visuals.
- Publishing is for communicating to others and preserve it.
- Always keep in mind that whenever you publish, you are publishing for a mass audience.
- The focus in this module is solely on book format, because it is the oldest formate of publishing and most important and influential formats.
- The book is a medium to document and transmit ideas, knowledge, records and more.
- To design a book, we must have a good understanding of typography, good sense of space, eye for details and understanding of publishing softwares.
- Content & Genre
- Target Audience, eg: kids, adults
- Purpose & Use
- Iran-Iraq = Mesopotamian civilization
- Early forms of pictographic writing on clay tablets.
- Egypt = Ancient Egyptian Civilization
- Wrote Hieroglyphics
- Wrote on a special paper called "Papyrus". They wrote on the tomb walls too.
- India-Pakisatan-Afghan = Indus Valley civilization
- Not much about record keeping but they had compex writing system.
- Wrote records of government, religion & trade.
- Cuneiform was written on soft clay tablets with sharp pointed tools.
- China = Han Chinese Civilization
- Characters were written in vertical columns = thin strip of bamboo for a single column.
- For longer document = two lines of thread link bamboo strips together.
- They then moved on with wood blocks & scrolls.
- Europe = European Civilization
- Parchment was invented in Turkey 197-159 BC, which then spread to Europe.
- Parchment is made from animal hide. >> Parchment books was then made.
- 2nd - 8th century AD
- Chinese emperor commands the 6 main Confucianism carved in stone
- Simply layed sheets of paper on engraved slabs and rub it over with charcoal, taking away a text in white letters on black ground.
- Korea & Japan: 750-768 AD
- Earliest known printed document is sutra printed on a single sheet of paper in Korea.
- Earliest recorded use of woodblock printing was in japan.
- The first printed book: 868 AD
- Earliest printed book is Chinese at the end of Tang dynasty.
- It was a scroll, 16 feet.
- Saints & playing cards: AD c. 1400
- Technique of woodblock printing introduced to Europe.
- Playing cards were an early part of the western trade.
- Gutenberg & western printing: AD 1439 - 1457
- Introduced printing press concept.
- Gutenberg has skills with metal and ink.
- Typography is the most important graphic design area to master. It's the art of arranging and composing text, very important for communication.
- Small Caps
- Numerals
- Fractions
- Ligatures
- Punctuations
- Mathematical signs
- Symbols
- Non aligning figures
- First thing in making type legible is to choose text typefaces that are open and well proportioned eg:
- classic serif: Garamond, Bodoni, Bembo, Minion Pro, Baskerville, Jenson, Caslon
- sans-serif: Frutiger, Gill Sans, Helvetica, Myriad Pro, etc..
- Text which flows naturally when read is achieved when there harmonious relationship between 3 of the elements.
- A column of text is usually about 50 characters across, NOT MORE than 65 characters.
- If the type is too small it will cram too many letters per line and hard to read.
- Type that is hard to read may NOT be read at all.
- Font size determines line length >> determine line spacing.
- Leading/line spacing factors and rules:
- The font used - some fonts need more line spacings as we need to keep the ascenders & descenders from touching.
- Line length - longer lines need more leading for easier reading
- Type size - the larger the type = more line spacing needed.
- Headlines which are normally larger may be set tighter line spacing.
- Line length:
- Overly long or short lines of type tire the reader and destroy reading rhythm.
- Larger type sizes need adjustments to the space between characters and paragraphs need to be adjusted to eliminate widows & orphans.
- Kerning - Inter-character spacing create more pleasing look to the whole text. Some need manual adjustments.
- Word spacing - consistent word spacing provides even typographic "colour", referring to overall lightness and darkness of the text.
- Italics - best suited to create emphasis within text rather to function as text.
- Capitals - consumes more space. Capital letters lacks visual variety, meanwhile lowercase imbue text with visual cues created by many different letter shapes.
- Flush left - gives even letter & word spacing. Readers easily locate each new lines.
- Flush right - difficult to find each new line. Not suitable for large amount of text.
- Centered - very formal look and ok if used minimally. Dont use centered for large amount of text.
- Justified - can be very readable if we makesure the spacing between words are consistent and gaps called rivers do not interrupt the flow of the text.
- Paragraph spacing is a more elegant way to space out paragraphs than simply double spacing returns.
- First-line paragraph indents only should be used if there is no paragraphs space because the indents & the paragraph space exist to inform the reader when a paragraph stops and a new one begins. Using both the indent & paragraph space is overkill.
- Standard amount of indent = type size.
- Widow - single line of text at top of a new page separated from its paragraph.
- Orphan - single line of text at bottom of a page separated from its paragraph on the next page.
- Drop caps - used to start off new chapters & special sections of a report. Can set this using Character style.
- Sidebar - text that accompanies the main body. It's usually an added description that is abit related to the main narrative but isn't important enough to be part of it. It is sometimes used to highlight alternate facts or describe an image used in the main body text.
- RASTER SYSTEMS - The grid dividing 2d plane into smaller fields or 3d space into smaller boxes. The fields of compartments maybe the same of different size.
- The grid is a practical and historical tool in publishing design, essential for creating order, coherence, and clarity in visual communication. It functions as a modular, constructive framework that reflects the designer’s mental attitude, beliefs, and values.
- Purpose of the grid - to place and arrange texts, photos and diagrams in a coherent and functional manner. Gives compact planning and clarity. Also so that information is presented clearly and logically set out titles, subtitles, texts, illustrations so it can be read quickly and easily and better understood and remembered in our memory.
- Readability & Legibility - The Grid helps make the user experience seamless. It allows the work on the pages do the talking clearly, logically with elegance.
- The grid is a hidden framework.
- "The grid is modular in nature."
- 3 MAJOR ELEMENTS OF ALL PUBLICATIONS:
- Type
- Colour
- Image
- Variation - when using all these 3 elements in a grid system, we must make variation within the layout but also maintain consistency across the whole book.
- End result would be a sequence of layouts that gives a surprise to readers at every turn of page. Re-use or rotate formulas in the book.
- Design principles stress balancing variation and consistency: variation keeps layouts engaging, while consistency ensures cohesiveness. The grid system organizes elements logically and attractively, allowing modular layouts that can be rotated for surprise without losing harmony. Variations may include large images with captions, side-by-side text and visuals, or full-page visuals with text.
Week 1: Task 1 - Exercises
Deadline: Week 08
- Text formatting
- Mock-up making
- Signature folding systems (8 + 8 = 16)
- Classical Grid structure
- Determining Grids
- Form & Movement (Thumbnail)
- Colour applications:
- 1 Colour
- 2 Colours
- 2 Colours + Image
- Colour + Image + Text
Learning Goals:
- Develop knowledge/skill in book formats, binding, and formatting.
- Enhance design sense in use of space.
Assessment Criteria (20%)
- All exercises completed comprehensively.
- Mastery of:
- Space usage
- Colour + space + image + text
- Neat/clean mock-ups
- Proper formatting (¬ & ¶)
- Flexible use of grids
- Technical execution (folding, grid, layout, paper creaseless)
- Well-crafted, clean, neat outcomes.
Task 1 Progress:
- Spine size is determined by 2 things: Number of pages and Thickness of paper inside/outside.
- Cover page is thicker than inside pages
- The order of making a book is:
- Content writing
- Content page
- Opening page
- Cover (last part)
- Spine design
The third exercise was introducing us to this methods by drawing a line graph of Van de Graff using one A3 paper and a long ruler and pencil. This chart helps us with our grid system in our design layouts. The primary purpose is to achieve visual harmony and balance in book design, ensuring that the text area and page dimensions relate pleasingly to each other. This can help guide us when designing a book or publications.
2.) 1 Colour Grids:
- After doing these set of exercises, I learned to apply the Van de Graaf grid in InDesign to create proper and consistent layouts. Working with the grid gave me a clearer structure to follow, especially when placing text and images. The form and movement exercise, where we used block shapes to visualise layout flow, helped me experiment more freely before committing to final designs to makesure there's consistency. Folding an A4 sheet into a 16-page booklet was surprisingly fun, it made me understand how physical pagination works and how each page connects when printed and folded. Overall, the exercises strengthened both my technical and hands-on design skills.
- I observed how much easier layout decisions become when a solid grid system is in place. The Van de Graaf grid helped maintain balance, margins, and consistency, which made every page feel more intentional. While doing the form and movement layout with blocks, I noticed that simple shapes can guide the rhythm of a publication even before adding real content. This made me more aware of visual weight, pacing, and how the reader’s eye travels across a page.
- I found that good layout design depends heavily on structure. The Van de Graaf grid taught me that even creative pages need an underlying system to feel coherent. The form and movement activity showed me that planning visual weight early helps avoid clutter and imbalance later. The boovklet-folding exercise helped me understand the physical reality of a book. Putting all these together, I realised that strong publication design is a combination of technical precision, visual logic, and practical thinking. These exercises prepared me well for creating my actual poetry book layout later on.
Task 2 Content Generation Writing:
- Yourself
- Your family
- Someone who inspires you
- Your hometown
- A meaningful experience, belief, or idea
Structure Requirements:
- At least 3 chapters
- 3 to 5 subtexts (sidebars or supporting content)
- 1 caption per chapter
My Photographs For The Book:
- Working on the content generation for the poem was both challenging and rewarding. I personally am a person who likes writing poetry. Writing 3000 words of my own poetry pushed me to tap deeper into my emotions and personal memories than I expected. At the same time, selecting and capturing photographs to support the poems became a creative journey on its own. I learned to be patient with my writing process, revisiting drafts, rearranging lines, and trusting my instincts. Bringing together writing and photography made the project feel like building a world that represents my voice as a designer and storyteller.
- I noticed how text and visuals naturally influence each other. Some poems changed after I reviewed the photographs, while certain images inspired stronger or clearer writing. I also observed how different moods, colours, and compositions in my photos affected the emotional tone of the poetry when placed side by side. Another important observation was how much planning is needed in publishing, from pacing the content to deciding the visual flow of the printed book. Every creative choice plays a role in guiding the reader’s experience.
- I discovered that poetry and photography strengthen each other when thoughtfully combined. I found that my writing becomes more expressive when supported by visuals that carry the same message or feeling. I also learned that publishing a book is not only about creating content but curating it with intention. The process taught me to think like both an artist and a designer, consiidering meaning, aesthetics, layout, and storytelling all at once.
Task 3: Book Design & Layout
Feedback & Check on Contact Sheet:
Flip HTML Final E-Book:
Physical Printed Book (1st Print):
Final Physical Printed Book (2nd Print):
Promotional Poster:
Promotional Poster Mockup:
Presentation Slides:
Feedbacks:
Final Reflection
- My journey through this whole Publishing Design module has been both challenging and eye-opening. However, Ms Vitiyaa guided me so well from the beginning, so I thank her for all the advice and help. From the very beginning, we were tasked with producing a fully printed, perfect-bind book using our own written content and photographs. This meant taking full responsibility for everything from concept development to final print production. Learning Adobe InDesign was central to this process. I spent a significant amount of time understanding layout structures, grids, paragraph styles, and how to maintain consistency across more than a hundred pages. Apart from that though, I enjoyed writing the poem for my book as a person who loves writing poems.
- Another major part of my experience was learning how to prepare images correctly for print production. I learned how to batch-process photographs from RGB to CMYK TIFFs using Photoshop which Ms taught us, which helped speed up what would have been a very time-consuming task. Despite these new skills, the printing stage brought many unexpected challenges. I experienced multiple reprints due to margin issues, alignment mistakes, and realising too late that the inner margin needed to be increased to accommodate the spine. I also learned alot about bleeds settings.
- Ms. Vitiyaa also required us to print our entire page sequence as an A3 contact sheet layout. It felt like extra work, but it ended up being one of the most helpful parts of the process. Seeing all the pages side-by-side on a single sheet gave me a clearer understanding of which spreads felt unbalanced, which images didn’t sit well together, and where inconsistencies appeared. It made me more aware of the flow of my book as a whole rather than judging each page in isolation. Printing the final book was another learning curve. I encountered issues at the printing shop, the workflow there was disorganised, and at times the staff were messy with handling prints and making the cover and spine. This caused delays and misprints, which were frustrating but ultimately taught me to double-check everything and remain patient. It also made me appreciate the importance of giving clear instructions and verifying print quality on the spot.
- Throughout the module, I observed how much difference the details make in publishing design. Small decisions relating to typography, spacing, alignment, margins, and type hierarchy completely changed the feel of each spread. The consistency of grids became crucial, because even a slightly misaligned element stood out immediately when printed. Another important observation was the difference between on-screen design and printed design. The colours on screen were always more vibrant, while printed colours appeared more muted. Font sizes also looked different physically. This reinforced the idea that print tests are not optional, they are necessary. The A3 contact sheet layout proved to be one of the most effective tools for evaluating the overall book. Viewing all pages simultaneously made it much easier to identify which spreads felt too heavy, too empty, or visually disconnected from the rest. It taught me that editorial design must be viewed holistically, not page by page. The printing shop experience also revealed something important: even if my design work is ok, external factors like printing staff, production environment, or lack of organisation can affect the final outcome. Observing how careless handling or disorganisation can lead to errors reminded me that being present at the printing stage is crucial.
- After finishing the module, I realised that publishing design requires both artistic and technical precision. I found that producing a printed book demands patience, because one mistake can lead to a chain reaction of problems. I also discovered that understanding print requirements, from CMYK conversion to bleed settings, inner margins, paper weight, and binding, is as important as the creative process.
A major finding was how valuable it is to review layouts physically. Digital mock-ups are helpful, but holding printed pages, comparing them side-by-side, and analyzing them in contact sheet format revealed issues I could not see on screen. Another key finding was the importance of choosing the right materials; paper quality, weight, texture, and cover finish significantly change how the reader perceives the book’s quality.
Overall, this module has deepened my respect for publication design. It taught me technical skills, strengthened my eye for layout and consistency, and made me appreciate the craftsmanship behind every printed book. The journey, though filled with challenges, has made me more confident in handling real-world editorial and print design projects.
Further Reading
- Firstly layout is as important as content. This website said that "a strong book layout does more than make your book “pretty.” A professional layout makes the text more readable and helps maintain the reader’s focus.
- We need to start with the right structural decisions: like trim size (the final book dimensions), margins (wider inner margin for bound books), and typography matter a lot. These affect readability, how images fit, how text flows, and how the book feels in the hands.
- Consistency throughout the book matters: Use only a few fonts (e.g. 2–3)
- Keep paragraphing, spacing, line breaks, headers/footers, and other layout elements uniform from page to page.
- A book usually needs structured “front matter” (title page, copyright page, table of contents, dedications, etc.)
- Image and text layout needs careful planning.

































.png)
.png)




















Comments
Post a Comment