Publishing Design

Iran-Iraq = Mesopotamian civilization
Egypt = Ancient Egyptian civilization
India-Pakistan-Afghanistan = Indus Valley civilization
China = Han Chinese civilization
Europe (Turkey & beyond ) = European civilization

Mesopotamian Civilization

(8000-7000 BC) Small little cap for the early form of pictographic writing on clay tablets.

Fig 1.1Clay tablets, Week 1 (24/09/25)

(3000 BC) Becomes more prominent, visible, with clear spacing.

Fig 1.2 Writting on clay tablets, Week 1 (24/09/25)

Indus Valley civilization

Has complex system. Cuneiform was one of the earliest system of writing. Records were written on soft clay tablets using shart pointed tools.

Fig 1.3 Cuneiform, Week 1 (24/09/25)

(800-900 BC) Writing on palm leaf manuscript. Stylus sharp instrument is used to carved in it.

Fig 1.4 Palm leaf format, Week 1 (24/09/25)

Egyptian civilization

Egyptian wrote on papyrus ( thick paper made of pith of papyrus plant). In addition to it, they write one tomb walls.

Fig 1.5 Papyrus, Week 1 (24/09/25)

Chinese civilization

Chinese character is written in vertical column, on a strip of bamboo. Line of threads were used to link each bamboos to form a book.

Fig 1.6 Bamboo book, Week 1 (24/09/25)

(Diamond Sutra 868 CE) Earliest book ever printed is Chinese with a scroll format.

Fig 1.7 Scroll format, Week 1 (24/09/25)

Turkey & The West

(197-159 BC) Parchment was invented in Turkey. It is made of animal skin.

(1400-1500 CE) Paper becomes widely available in Europe.

Fig 1.8 Parchment, Week 1 (24/09/25)

Summary

Wooden blocks sewn together - Parchment - Paper - Paper was sewn - Paper was bound and glued together

Lecture 02 : Printing (2)

China

(AD 175) Sheet of paper was laid on the engraved slabs and rub over it with charcoal/graphite and taking away text in white on black background.

(179-41BCE) Paper was invented in China.

Fig 2.1 Carved in stone, Week 1 (26/09/25)

Korea

(AD 750) Buddhists in east Asia was striking by the achievemnt of invention of printing. World's earliest known printed document, sutra printed on a sheet of paper in Korea.

Fig 2.2 Sutra printing, Week 1 (26/09/25)

Japan

Woodblock printing, first mass printed document, in small size, a lucky charm.

Fig 2.3 Lucky charm, Week 1 (26/09/25)

China

(AD 868) Earliest book ever printed is Chinese with a scroll format. Sheets of paper are glued together at the edges. Diamond Sutra is printing from woodblock.

Fig 2.4 Diamond Sutra, Week 1 (26/09/25)

(11th Century) Moveable type is made to separate characters and arrange in correct order before printing. (used clay and pettery)

Korea

(Foundry) Moveable type in bronze. Previously used Chinese scripts, they invented their own ashan'gul.

Gutenberg & Western printing

Gutenberg is the father of 150 press in Europe. The advancement of printing uses two colors.

Fig 2.5 Gutenberg, Week 1 (26/09/25)

Lecture 03 : Typography Redux

Typographic is the most crucial area in Graphic design

What is Typography?

Art of arranging and composing text
Medium for expression
For communication

Character in a typeface / Ligatures

Ligatures were made to prevent letters from having too much space from each other.
Ligatures apply on letters fi, fl and ae, it looks more elegant rather than the left one with clash.

Fig 3.1 Ligature, Week 1 (29/09/25)

Why lowercase numbers?
In historical books with many dates and numbers or mathematical books, it doesn’t look elegant if it’s the same height as uppercase letters.

Good typefaces have lots of fonts under them. It’s suitable for books and magazines as there is lots of competing information and the need to highlight certain information.

Legibility / open and well proportioned

How to make text legible?

Ensure typeface is easy to read.
Choose typeface that are open and well proportioned

Serif : Garamond, Bodoni, Bembo, Minion Pro, Baskerville, Jenson, Caslom
Sans-Serif : Franklin Gothic, Frutiger, Gill Sans, Helvetica, Myriad Pro, etc.

The top line of x-height is the mean line. The bottom line of x-height is baseline.

Ascender line is the height of lowercase letter stokers that overshot the height of uppercase letter.

Fig 3.2 Type anatomy, Week 1 (29/09/25)

Legibility / special styles

As now software are accessible, people without knowledge are able to design a book. As a result, the type setting of the text looks so basic and reflects lack of understanding in typography. Which will then be the expense of reader.

Underline : should be lowered, so it doesn’t touch the character (the descender) to ease readability.

Small Caps & All Caps :

Small caps are good for subheads/first line of paragraph.
All caps should not be used for short headlines/subheads.
All caps should never be used for long sentence (if not, it creates difficult reading rhythm and looks painful).

Fig 3.3 Caps, Week 1 (29/09/25)

Special Purpose : For footnotes, citation, math formulas, etc.
Examples: Superscript, subscript, Baseline shift, Negative & Positive Skew, Strike and Double Strike-Through.

Fig 3.4 Special Purpos, Week 1 (29/09/25)

Text scalling : Vertically squeezing/stretching a font. It is not a good thing, should not do it while learning typography.

Fig 3.5 Text Scalling, Week 1 (29/09/25)

Outline & Shadow :

Thick outline of a text disturb the readability, destructing the pattern of the shape/text.
If want to use outline, should not exceed 1 point strokes width.
Shadows should not go away too far from main text as to ease reading.

Fig 3.6 Outline & Shadow, Week 1 (29/09/25)

Legibility / type size, line length & line spacing

Good text has harmonious relationship of type size, line length, and spaces between lines of type (leading).
A column of type usually has 50 characters, not exceeding 65.
Books type size 8-12 points. Distance of line length is determined by type size.
Leading are the space between lines of type. Leading are 2.5 to 3 points larger than point size.
Longer line require more leading for readability.
Overly long or short lines of type destroy reading rhythm.

Legibility / character & word space

Font, size, and line spacing is enough but sometimes need extra attention to avoid widows and orphans.

Wordspacing includes typeface chosen, size and weight.

How to overcome?

Adjusting column of text using kerning and letter spacing.
Kerning: Individual character spacing.
Tracking is when you kern and letter spacing in a sentence. (File-edit-preferences-units&increments 20, but 5 for book)

Fig 3.7 Tracking, Week 1 (29/09/25)

Italics are best to used to create emphasis within ext rather than for the whole text.

Legibility / Allignment

Text can be alligned in 5 different ways :

Flush left
Ragged right Flush right
Ragged left Centered
Justified (left, centre, right)

Large amount of text are not suggested to use Flush right as starting point (left) is not fixed.

Reverse are large amount of space in the middle of the text caused by justification of paragraph. (should do tracking or force line break if want to use justify).

Legibility / paragraph spacing (pilcrow)

It can apply space either above or below paragraph. Just use either one. Value is the same as leading value.

Fig 3.8 Paragraph spacing, Week 1 (29/09/25)

Legibility / paragraph indent (Same as font size)

Widow : Single sentence/word at the end of paragraph

Orphans : Single sentence/word from earlier paragraph followed by paragraph spacing to the next text.

Special Formatting

Hyphens used to divide or break words words/numbers.
En-Dashes : Longer than a hyphen, used to replace the word ‘to’.
Em-Dashes : Used when there is a sentence within a sentence.After quotation, em-dash followed by author’s name.

Fig 3.9 Hyphens and dash, Week 1 (29/09/25)

Line break (shift - return) : follows leading.
Paragraph spacing follows paragraph space value.
Drop caps should not exceed 3 lines.

Quotation : The correct one is left side, right side is for measurements, feet and inches.

Fig 3.10 Quotation, Week 1 (29/09/25)

Sidebar : Leading in sidebar should be the same as leading in body text to have cross alignment.

Fig 3.11 Sidebar, Week 1 (29/09/25)

Lecture 04 : THE GRID

The grid is the most practical systems to design a book.

Raster Systeme
When you use grid to order information, is the expression of a mental attitude. Where attitude are predicated from believes, values, and principles.

The grid
The grid divides 2D or 3D spaces into smaller compartments.

Margin area is crucial to design as it shows how beautiful the layout spaces of a design.

Spaces in between column is called gutter.

Lines that cut a column is called hang line.

Fig 4.1 The grid, Week 2 (01/10/25)

Purpose of Grid
To solve visual problems in 2D or 3D artworks. Arrange information in a coherent and functional manner. Suggest orderlines in design and better understanding of content. Having a systematic manner so, able to recognize and differentiate body text from subtext.

Fig 4.2 Variants of grid, Week 2 (01/10/25)

Modular

Grid is modular in nature.
Grid is not constraint, it does allow flexibility.
Variations is good but should have limit to maintain coherence.

Key to design a book is tyring to communicate a set of information to reader. The more clear the communication is the better reading experience for reader.

Readability & Legibility
The grid is important, it’s like a hidden framework behind a beautiful constructed architecture - you don’t see it, but it’s there How easy it’s for reader to understand the information visually, and deliver it with beauty and nature of design.

Lecture 05 : ELEMENTS

Format (type of binding, book size, paper type)

Elements that made up a book:

Textual (body text, subtext, pull quotes)
Visual (graphical, illustrative, and pictorial elements)
Colour

All these 3 together is the format and grid

Pull quotes : extract the sentence within a larger body text, then enlarge it.

Variants

Do not be predictable, make variations but maintain consistency.
Keeing the same hangline, typeface, color, image and style.
Create variations & combinations of elements and how it’s arrange.
Variations and consistency within a grid system and formatting using these elements.

Fig 5.1 Layout variations, Week 2 (03/10/25)

Text - Visual element (same size)
Large visual element - caption
Text - Text
Visual that covers the entire page - body text within grid system.

The variations depends on content of the book (page number).
(e.g. 32 pages need 6-7 variations)

Good to print in a manner of 16 16 16 pages, divisible by 4. As 1 spread has 4 sides.

Create variations within layout, at the same time having consistency within a grid system and formatting using the elements text, visual and color.

“A good book takes its reader on a journey without the reader even knowing it.”

INSTRUCTIONS

Module Information Booklet

TASK 1 / EXERCISES

We'll be assigned to complete a series of exercises to build both theoretical and practical knowledge in book design that will inform later tasks in the module.

Exercise 1 - Mock-up making

I prepared A3 size paper, fold it half to get A4 size. With that I drew A5 box size. Within the A5 and A4 size, we were required to draw 3 different sizes for our book size reference later on. I decided to go with size 230mm x 165mm.

Fig 6.1 Book size reference, Week 2 (01/10/25)

Exercise 2 - Signature Folding System (8+8=16)

I prepared A3 paper. I folded it 3 times to get 16 pages. Below are the page number placement.

Fig 7.1 Open number placement, Week 2 (01/10/25)

Below is the format when folded, it becomes a book with one signature (16 pages)

Fig 7.2 Folded format, Week 2 (01/10/25)

Exercise 3 - Classical Grid Structure

Next exercise, I followed Mr.Vinod tutorial on the youtube. The exercise enable me to draw Van De Graff grid.

Fig 8.1 Van De Graff grid, Week 2 (01/10/25)

Exercise 3A - Classical Grid Structure digitized (Week 3: 08/10/25)

This exercise allow us to make the Van De Graff grid digitally in InDesign. For this exercise I use the custom page size of 230mm x165mm. A good amount of characters for one line is 40-60.

Font size : 8
Leading : 10
Parapgraph spacing : 10pt

Fig 8.2 Van De Graff grid (digital), Week 2 (01/10/25)

Fig 8.3 Added dummy text, Week 2 (01/10/25)

Fig 8.4 Final look, Week 2 (01/10/25)

Fig 8.5 PDF without grid, Week 2 (01/10/25)

Exercise 4 - Form and Movement

Here we were taught about using form/shape/graphics in a variative way. It is to make a flow, transformation and direction throughout the pages.

Fig 7.1 Grid formattion, Week 3 (08/10/25)

Fig 7.2 Form and movement, Week 3 (08/10/25)

Fig 7.3 Form and movement, Week 3 (08/10/25)

Fig 7.4 PDF, Week 3 (08/10/25)

Afterward, I also tested some forms for my book layout and below is the finalized one for each chapter. I decided to make it consistent with every first page of the chapter, the whole page occupy by image and the every last page of the chapter, the image occupy 3 columns.

Fig 7.5 Final Form & Movement, Week 10 (26/11/25)

Fig 7.6 Final Form & Movement PDF, Week 10 (26/11/25)

Fig 7.7 Final Form & Movement With Text PDF, Week 10 (26/11/25)

Exercise 5 - Text Formatting

In this exercise, we were also instructed to format the texts of 3000-word write-ups of content generation.

Fig 8.1 Text Formatting, Week 5 (22/10/25)

Exercise 6 - Determining Grids (Week 7: 07/11/25)

Along with the form and movement, I also folow the grid rules. I used modular with 4 by 4 boxes. I used 12mm margin for all sides and 5mm gutter.

Fig 9.1 Text Formatting, Week 8 (12/11/25)

TASK 2 / CONTENT GENERATION

Book Design Project Brief:
You will design and create a 32-page book that is smaller than A4 but larger than A5.

1.Writing
Write 3000 words in English or Malay on a topic you are familiar with. (Original Writing)
Choose any of the following topics or something similar:

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

2. Visualisation
Identify 16 areas in your text for visual interpretation
Use any medium that suits your topic:

Illustration
Photography
Mixed media
Other creative approaches

1. Writing

I decided to write content about myself and my experience. To be more specific, the content focuses on the things that made me grateful.

Fig 10.1 Content, Week 5 (22/10/25)

While writing, I also look for photographs along from my gallery. I decided to make my story into 5 category/chapters with 5 different aspects that made me grateful.

So the story begin with Chapter 1 - Opening A New Page.

I talked about how I very attached to my family, my very first time being apart from them for quite a long time to study in Malaysia where everhting was new to me. I was struggling at first, however I later am able manage my time thanks to the surroundings that Taylor’s offers.

Moving on to Chapter 2 - Flavours of Connection

Here I emphasized that I always find joy in my daily life, such as eating good food. During the weekends, my friends and I like treating ourselves after a whole week of hard work. Actually what matters is about having small conversations in between the meals and every place holds different stories, and becomes a memory.

Moving on to Chapter 3, Little Things, Big Meaning

These chapter talks about my experience of each little moments such as exploring places, wandering bookstores, spiritual rountine has bring comfort and meaning into my life.

Moving on to Chapter 4, The Sunset

This chapter talks about my love for sunset and how it taught me to let go, be patient and that every ending is a new beginning.

Moving on to Chapter 5, A Moment Before Tomorrow

This chapter talks about how I love the light during the night and that I find serenity in bettween the crowd and fast changing world. Where it allows me hope exists and reminding me to cherish a moment before tomorrow.

2. Visualisation

For visualisation, I used all photograph and it's all taken by me with Iphone camera. Below are the images. The first photo compilation is for Chapter 1 Opening A New Page.

Fig 10.2 First Chapter Photographs, Week 6 (29/10/25)

The second photo compilation is for Chapter 2 Flavours of Connection.

Fig 10.3 Second Chapter Photographs, Week 6 (29/10/25)

The third photo compilation is for Chapter 3 Little Things, Big Meaning.

Fig 10.4 Third Chapter Photographs, Week 6 (29/10/25)

The fourth photo compilation is for Chapter 4 The Sunset.

Fig 10.5 Fourth Chapter Photographs, Week 6 (29/10/25)

The fifth photo compilation is for Chapter 5 A Moment Before Tomorrow

Fig 10.6 Fifth Chapter Photographs, Week 6 (29/10/25)

TASK 3A / BOOK

Task Description: After developing your text and visuals, the next stage is to design your 32-page book by focusing on format, layout, typography, and colour.

What You Need to Do:

1. Book Format & Binding

Size: Smaller than A4, bigger than A5
Binding: Staple binding (saddle stitch) is required

2. Layout Design in InDesign

Choose and adapt a suitable grid system
Select an appropriate font or font pairing
Create a balanced, clear, and attractive layout

3. Use of Colour

Colour should complement your visuals
Avoid overusing colour – keep it simple but dynamic where needed

4. Paper Selection

Decide on paper type for: Cover and Inside pages
You are advised to visit: Hiap Moh or Conqueror or a local print shop

5. Final Output

Create a full-size mock-up of your book
Ensure clean finishing and professional presentation

Task 3(A): Book Design & Layout

For task 3A, we were assigned to create a book of the content and images from the previous Task 2. We first need to layout the content in Indesign. To recap, below is the book size that I have decided back in Task 1.

Fig 11.1 Book size, Week 2 (01/10/25)

Moving on, I set the document size in Indesign as 230mmx165mm. I applied 3x3 modular grid as I think this style has clean and tidy design which suit my content.

(Week 7: 05/11/25)

After having the content and collecting images, I begin to lay it out in Indesign. I tried to use 3 by 4 grids. As I will apply images, Ms.Vitiyaa reminded me to add 5mm bleed to prevent the images on the side of the book cut when printed.

Fig 11.2 Indesign Layout, Week 7 (03/11/25)

(Week 7: 05/11/25)

Next, I begin to make the placement for the text and images. I uses box first to represent the images. This was made for the first chapter.

Font:Adobe Caslon Pro

Heading: Bold,18pt size, 21 pt leading
Body Copy: Regular, 11pt size, 13.5pt leading
Sidetext: Italic, 10.5pt size with 13.5pt leading
Quote: Bold, 14pt size, 18 pt leading

Fig 11.3 Indesign Layout, Week 7 (03/11/25)

After visualizing the form, I will start to export the images into indesign. But before that, I did edit the color for some images as it seems to dull and some were very contrasting. I tried to make all to be consistent and edited in photoshop.

Fig 11.4 Edit image, Week 7 (04/11/25)

Ms.Vitiyaa said we need to convert the image from JPEG into CMYK and save it as TIFF so the resolution of the picture will be good when printed later. Ms.Vitiyaa also showed us the toturial of converting all the images at once and I directly convert my images during the class.

Fig 11.5 Convert to CMYK, Week 7 (05/11/25)

After converting the images into TIFF, I compile them all in a folder for easy organization.

Fig 11.6 Save as Tiff, Week 7 (05/11/25)

I started lay out all the images in Indesign and see how it works. Below is my first draft.

Fig 11.7 Layout First Draft, Week 8 (11/11/25)

Ms.Vitiyya said that my body copy was too large, at the mean time I am using 12pt. SHe suggested to go with 10,5 to 11,5. My headings were too big too. Ms also said that my layout could be enhanced better by the guidance of golden ratio with the different placement. For chapter 2, ms also said some unesscessary picture occupied to much space. Ms sugegsted me to use modular grid of 4 by 4. Ms also mentioned some of my kernings were bad and I should do more refinement. Below are the suggestion from Ms.Vitiyaa.

Fig 11.7 Feedback from Ms.Vitiyaa, Week 8 (12/11/25)

After the feedback, I do as suggested and change to uses modular grids 4 by 4 box with 12mm margin and 5mm gutter.

Fig 11.8 New Layout, Week 8 (12/11/25)

I begin to start again, with the new grid. Below is the result of second draft.

Fig 11.9 Layout Second Draft, Week 8 (16/11/25)

Ms.Vitiyaa also told us to test print the layout layout of 16 by 16 in A3 paper to see the allignment and over visual of the book.

Fig 11.10 First Test Print Feedback, Week 9 (19/11/25)

Ms.Vitiyaa gave feedbacks and suggestion upon my layout, above image is some of the refinement needed. From kerning adjustment, placement of text box into consistentcy in content. Ms told me to add style to the sidetext and quote. Below is the compilation of changes I made.

1. Paragraph too loose

Ms.Vitiya mentioned this paragraph looks too tight so I did kernings to be more readable.

Fig 11.11 Refinement #1, Week 9 (19/11/25)

Ms.Vitiya mentioned this part in chapter 2, the second paragraph looks too loose so I did kernings to enhance the spacing of the text.

Fig 11.12 Refinement #2, Week 9 (19/11/25)

2. Allignment

Ms.Vitiya mentioned this 2 paragraph placement looks odd. It is suggested to place it folowing the line of the gutter, so it is consistent with the image beside.

Fig 11.13 Refinement #3, Week 9 (19/11/25)

3. Odd placement

Ms.Vitiya mentioned that the paragraph on the top left seems odd as suddenly the text is in 1 column. I said that is the sidecontent/sidetext so this placement is to make it look different. Ms suggested me to have consistentcy in the content such as sidetext to occupy 1 column, quote to occupy 2 column and body copy either 2 or 3 column. In addition, for the sidetext, I also made it in italics.

Fig 11.14 Refinement #4, Week 9 (21/11/25)

4. Quote Style

The quote indeed looks very simple. So I decided to make the open quotation in larger size and set a bigger leading for the quote and the author.

Fig 11.15 Refinement #5, Week 9 (21/11/25)

5. Chapter 4 & 5

Ms.Vitiyaa said that chapter 1-3 has lots of things and images to explore while going to chapter 4 and 5 it becomes empty. Therefore, I should arrange the layout to be more compact to be consistent as the previous chapters.

6. Cover

I proceed to work on the front cover page. Unfortunately, I didn't screenshot the progress on my laptop. But good thing I remembered I took a picture from my phone to she the variations. I chose to use the sunset picture as it's the chapter that I loved the most also the on that always made me grateful to look forward. After doing some variations, I decided to go with design 6. While for the back cover there is the the book's synopsis.

Fig 11.16 Cover, Week 9 (24/11/25)

After the refinement, I test print the layout layout of 16 by 16 in A3 paper again. Ms.Vitiyaa liked it and she just mentioned I should pay attention to the kerning of one of the paragraph in chapter 3 and that I can just remove the text 'Taylor's University' from the cover. Then I could proceed to print the book.

Fig 11.17 Second Test Print Feedback, Week 10 (26/11/25)

Task 3(A): Printing

Before proceed to printing, I look for paper and binding reference. I remembered I have one book at my room and I wish my book to look like that. The book is as below.

Fig 11.18 Paper Reference, Week 10 (26/11/25)

I went to Mummy Design Printing and asked for the specification of this book. Turns out it is using thick artcard for the cover with laminating matt finishing while using thinner artpaper for the content and the book is perfect bind. I love the book and I proceed with the same specification.

COVER
Size: 230x165mm close size
Color: 1 side color
Material: Artcard 260gsm + matt lamination
Quantity: 1 pcs

CONTENT
Size: 230x165mm close size
Color: 2 side color
Material: Artpaper157gsm
Quantity: 52 pages

Binding: Perfect bind
TOTAL: 99RM

Fig 11.19 First Printed Book, Week 10 (29/11/25)

Above is the first book printed. I was not satisfied as some of the images were very blury, and on of it were so pink. I also had typo in some parts of the paragraph. After showing Ms.Vitiyaa, there were also some feedbacks for the spacing of the title, size of copywriting should be smaller and size of page numbers were too big, she suggested me to chnage into 8 pt.

Ms.Vitiyaa mentioned the title is too packed, the leading between the second and third line can be larger.

Fig 11.20 Title, Week 11 (03/12/25)

Ms.Vitiyaa mentioned the copywright text can be size smaller from body text, so I changed into 8pt. When printed out, I didn't like how the content page looks, so I decided to move it to the centre.

Fig 11.21 Font Size Adjustment, Week 11 (03/12/25)

The size of the page number were too big as mentioned by Ms.Vitiyaa. She suggested me to change into 8pt size.

Fig 11.22 Font Size Adjustment, Week 11 (03/12/25)

For the page below, I don't like hor the Taylor's text was cut in the middle of the page in the image so I decided to move it.

Fig 11.23 Text Cut, Week 11 (03/12/25)

The images here may not seem blur from here, however, when looking at the physical book, it's blur and for the pink sky, it looks so saturated.

Fig 11.24 Blur Images, Week 11 (03/12/25)

For the epilogue part, the kerning was quite bad when looking at the physical book, I decided to fix it.

Fig 11.25 Bad Kerning, Week 11 (03/12/25)

The epilogue part also has loose paragraph so I did kernings and decided to make combine it into one paragraph only.

Fig 11.26 Kerning Adjustment, Week 11 (03/12/25)

After fixing all needed, below is the final book layout.

FINAL BOOK LAYOUT

Fig 11.27 Final Book Layout PDF, Week 11 (03/12/25)

Fig 11.28 Final Book Layout Spread PDF, Week 11 (03/12/25)

Second time printing, still with the same specification.

COVER
Size: 230x165mm close size
Color: 1 side color
Material: Artcard 260gsm + matt lamination
Quantity: 1 pcs

CONTENT
Size: 230x165mm close size
Color: 2 side color
Material: Artpaper157gsm
Quantity: 52 pages

Binding: Perfect bind
TOTAL: 78RM

Thank God everyhing is good and ready for submission!

Fig 11.29 Final Printed Book, Week 11 (04/12/25)

TASK 3B / E-BOOK

In this final task, you will adapt your printed book into a digital format for on-screen reading.You will explore digital publication formats such as:

EPub (Fixed Layout)
Interactive PDF
HTML/Online Reading Experience

Key Focus Areas:

1. Device & Format Compatibility

Choose the most suitable format for the content and platform:
ePub/eBook
Interactive PDF
HTML or web-based

Example: “How to Create a Fixed Layout eBook with Adobe InDesign CC”

2. Navigation & User Interface

Design clear, intuitive navigation
Ensure smooth page-to-page reading
Focus on usability – the interface must not be a barrier

3. Interactivity & Engagement
Use digital features creatively to enhance the reading experience(e.g., clickable elements, animations, links, embedded media)

Task 3(B): E-BOOK

sFor the E-book, I decided to use FlipHTML5. I customized it to have sound when flipping the book and change the background color into blue and grey gradient.

Fig 12.1 FlipHTML5, Week 11 (05/12/25)

Click here for the link to E-book

Fig 12.2 E-book, Week 11 (05/12/25)

In addition to that, I also made a poster for the book launch of my book as below.

Fig 12.3 Poster, Week 11 (09/12/25)

Lastly, below is the final presentation slide.

Fig 12.4 Presentation Slide, Week 12 (10/12/25)

FEEDBACK

Week 1
General Feedback: Ms briefed us about what we're going to do and told us to watch the lectures video as a preparations to do the exercise.

Week 2
General Feedback: Ms briefed us about our first exercise and what to submit for Task 1. Ms also briefed a bit of task 2 about paper sizes.

Week 3
General Feedback: Ms briefed us about what is publicaation and key elements in it. She also told us the requirement for task 2.

Week 4
General Feedback: Lectures about grid and layout on how we want to apply it in our book later on.

Week 5
General Feedback: I conitnue progress on task 2, progress of writing content

Week 6
General Feedback: I conitnue progress on task 2, progress of collecting photographs

Week 7
General Feedback: Ms briefed us about task 3 and showed us sample types of paper. Ms. also reminded us to convert our image sinto CMYK color mode and save as TIFF
Specific Feedback : Ms showed us photoshop tutorial to convert the jpeg picture into TIFF. Ms showed us tutorial in indesign to do layout and page numebr.

Week 8
General Feedback : Ms told us to do the layout of text and picture in indesign.
Specific Feedback: Body copy is too big. Suggested to go with 10,5 to 11,5. Headings were too big. Layout could be enhanced better by the guidance of golden ratio with the different placement. For chapter 2, ms also said some unesscessary picture occupied to much space. Ms sugegsted me to use modular grid of 4 by 4. Ms also mentioned some of my kernings were bad and I should do more refinement.

Week 9
General Feedback : Consultation for task 3. We need to test print our layout in A3 paper with 16 by 16 layout.
Specific Feedback: This is my first trial printing the layout in A3 paper. Ms said that some paragraph kerning is to loose, some is to thight, I need to fix it. Ms said that I need to have different style for the side content and quote. Ms also said that my chapter 4 & 5 have lack of picture, i need to refine the layout as the previous chapters has more images.

Week 10
General Feedback : Consultation for task 3. We need to test print our layout in A3 paper with 16 by 16 layout again.
Specific Feedback : This is the second time I print the layout in A3 paper. Ms said I did a great job and she liked it. Just one of the paragraphs kerning looks loose.

Week 11
General Feedback : Consultation for task 3 printed book.
Specific Feedback : Ms said it is good already, but some kerning need to be adjusted. Also some pictures are quite blur. The leading for title need to be adjusted too, it's too tight for the second and third row. The size of copywrite text also need to be smaller than the body text. The size of page number is suggested to be 8pt size. I decided to reprint.

Week 12
General Feedback : Final Presentation day. Submission for final physical, e-book and poster.

Week 13
General Feedback : Completeing e-portfolio

REFLECTION

Experience
This will be my very first time to publish my own book. I actually love to write, but there were not much chance and time, so I am very excited for this module which enable me to write a story. At the beginning, I was quite lost on what I would like to write as there are too much going in my mind. What I've thought the most to include in my book is scenery because I love to take photographs of little moment. From there, came the idea for me to create a book filled with memories and moments that made me grateful. Each process, from writing the content, sorting photographs, place it in the layout and print it out all I do thoroughly step by step. I really enjoy each moment and after finalizing it, I am indeed very grateful of the result.

Observation
During the process, I've observed that a lot of my peers are going for illustration while some used photographs too in their book. Each of us has our own style and uniqueness to express the story beneath. Before doing the book layout in Indesign, I've done many observations through the internet and library to look for references. I've seen that clean and consistent layout is very important to enhance the appeal of a book. It is very important to look for many references, gather as many examples as possible, learn the flow of the book see how each layout works. Other than that before printing, I've also look for many books to learn the type of paper which eventually I took one of the book I have as the paper type reference for my project. In addition, I've observed that printing draft on A3 paper is a good part of the process to see how the layout works.

Findings
Throughout the process, there are a lot that I have gained. First, it is very important to notice the size of the body text, as I am using the book size larger than A5 but smaller than A4, using 11pt size font is big enough already. Some people might think 11pt is so small, however when printed it is just the right size. Second, when including image in the book, especially expanded until the edge, bleed should be applied so whe printed, they won't cut off our images. Thirdly, a book that looks simple in the means of layout doesn't mean it is the real simple. I found that everything needs to be bounded by rules and grid to have a cohenrence and harmony for the entire book. Fourthly, kerning is very important to be paid attention, paragraph maynot be to loose or too tight to ease readability. In addition if for printing book, the images should be in CMYK color mode and save as TIFF to have a go resolution when printed. Lastly, I would say that feedbacks and guidance from Ms.Vitiyaa had guide me throught this long yet meanignful journey.

Cari Blog Ini

Felice Jolin (0373636)

Publishing Design

Komentar

Posting Komentar

Postingan populer dari blog ini

Advanced Typography / Task 3 Type Exploration and Application

Advanced Typography / Task 2 Key Artwork and Collateral

Advanced Typography / Task 1 Exercise : Typographic System & Type & play