Publishing Design - Task 2

30/08/2022 Week 1
Publishing Design
Task 2 / Content Generation

Loh Shu Huan / 0349621
Bachelor of Design in Creative Media



LECTURES

Lecture 4 - The Grid

Raster Systeme

Using a grid in an ordering system is expressing a certain mental attitude of a designer. The designer's work should have clear intelligible, objective, functional, and aesthetic qualities of mathematical thinking. (Brockmann, 2010)


The grid divides a 2D plane into smaller fields or 3D space into smaller compartments. The compartments' fields may be the same or in different sizes.


Purpose of The Grid

The grid is used by typographers, graphic designers, photographers, exhibition designers, and others to solve 2D or 3D visual difficulties. It is scientifically shown that the contents must be arranged methodically and consistently so that when the pages are flipped, the body text and the subtext points from the blurbs and pull quotes, etc., can be distinguished, understood, and retained in the memory. Consequently, it is considerably simpler to do so and achieve with the grid system.


Modular

The grid is modular in nature but also allows flexibility. However, there should be a limit when using a book to maintain a certain amount of continuity or coherence in the outlook or navigation. A healthy amount of variation is suggested, but too much variation will cause confusion and inconsistency for the reader. Having too less variations may create predictability and the reader may get bored.


Readability & Legibility

It is important to make it easy to read and understand the reader, and the grid helps to do so. The experience of the reader when turning the pages and being pleasantly surprised at what they are confronted with creates more engagement, retention, and understanding.  A well-executed design allows the work on the pages to do the talking clearly, and logically with elegance and beauty.


"The Grid is like the hidden framework behind a beautifully constructed architecture - you don't see it, but it's there."


Lecture 5 - Publishing Design Elements

3 Fundamental Elements of Publications: 

  1. Textual Elements
  2. Visual Elements (graphic elements)
  3. Colour
Variation

  • Try to incorporate a vacation into the layout even while maintaining consistency across the book.

  • Use thumbnail sketches to plan ahead using the grid structure you have created to lessen stress.

  • Select a typeface family with a good variety of faces after that. It's acceptable to introduce a second typeface afterwards.

  • Note: Chances are, if you selected a good type family, the type family already contains a nice heading.

  • Using just one typeface family throughout the entire book demonstrates uniformity.
  • The order or several formulas that operate in a modular manner within the grid system you have designed, depending on the number of pages in the book, might produce variance that is beneficial.

  • In book design, colour can serve as a focal point or a subtly supportive neutral shape to add variation when there is a lot of content. The parts are positioned logically and in an appealing composition using a modular approach to the grid.

  • The process of accommodating the information and creating a layout that suits the desired direction sometimes involves changing the grid structure.

  • The book's pages must be divisible by 4. (as showcased in the exercised we have gone through)
  • The book's main body should be evenly divided between text and images. The design of the book heavily relies on the images.
  • While retaining continuity throughout the book, vary the arrangement to keep it fresh and surprise the audience with each page turn. It keeps the reader interested and involved in the book.



INSTRUCTIONS



PROGRESSIONS

Task 2: Content Genenration
Week 2
For this task, we were required to write or search for a short story of about 3000 words. Due to my English level so I decided to search the story online. I wanted to have a story about life, so I start searching and following this direction.

Summary

Fate is a goddess who oversees a human’s lifespan, but what if one day something went wrong and turned a person’s world upside down? This is a wondrous story about a girl who wakes up in another realm, in pursuit of her untethered life thread, a mistake by Fate’s hand.


Fig 2.1 It Was Fate by Sofia Ramirez, 5/9/22


The original story has a prologue, an epilogue, and three chapters. But after Mr.Vinod remind us that we need to make sure each chapter has a sufficient word count. So I combined the epilogue with the first chapter and name chapter 1 "The Day They Meet". I also combined the last chapter with the epilogue but I keep the original chapter name "The Everlight".


Fig 2.2 Final Text Fomatting: It Was Fate, 5/9/22

Week 3

My first idea for the visuals is some kind of hand-drawing (Fig 3.1), but I worried that the overall will looks a bit loose or messy, so I kept looking for inspiration. After that, I was inspired by tarot cards which I think the overall concept is quite related to my story. However, generally, the tarot cards are more towards darkness and something like black magic, and this is not the feeling that I want to present in my book. So gave another attempt based on my first attempt.



Fig 3.1 Visual Reference, 12/9/22

Fig 3.1 First Attempt - Visuals, 12/9/22
I keep the hand-drawing and the cloudy and dreamy background and add some card elements to it. As Mr.Vinod told us not to limit our visuals to a specific size, so just to remind it here that the border can be taken away.


Fig 3.2 Second Attempt, 12/9/22

Week 4
After the consultation, the illustration style is fine, but need to consider the time spent on the rest. Hence, I decided to design the visual with a different art style.

Design: Attempt 3

Fig 4.1 Selected Colour Palette, 12/9/22

After selecting the colour palette, I started designing a more simplified art style. All the visual designs are done on iPad (software: Procreate).

Fig 4.2 Third Attempt, 19/9/22

Final Submission
Introduction
Fate means that everything happens for a reason - but what happens when Fate makes a mistake?

Fig 5.1 Visual #1, 26/9/22

Chapter 1: The day they meet
She wrapped it around her finger to get a better grip and pulled hard and fast to tear the knot. 

Fig 5.2 Visual #2, 26/9/22

Charlotte stood up slowly as she untangled herself and began looking around.

Fig 5.3 Visual #3, 26/9/22

You are dead.

Fig 5.4 Visual #4, 26/9/22

Fate glanced towards her shawl, lying in a heap on her chaise

Fig 5.5 Visual #5, 26/9/22

Chapter 2: Who are you?
Fate was sitting again on the chaise underneath the window, her eyes closed against the gentle golden light filtering through the flimsy window coverings.

Fig 5.6 Visual #6, 26/9/22

Charlotte scrambled to her feet.

Fig 5.7 Visual #7, 26/9/22

The thread beside you on the table was your life thread.

Fig 5.8 Visual #8, 26/9/22

Your thread was torn from here.

Fig 5.9 Visual #9, 26/9/22

"Please," Charlotte pleaded, voice raspy with desperation.


Fig 5.10 Visual #10, 26/9/22

This comes at a price.

Fig 5.11 Visual #11, 26/9/22

Chapter 3: The Everlight
Do you see the candle over there?

Fig 5.12 Visual #12, 26/9/22

I do not know how much time will be taken, or how you will come to meet your death.

Fig 5.13 Visual #13, 26/9/22

She saw bursts of colour and faces flashing through her mind's eyes.


Fig 5.14 Visual #14, 26/9/22

She could hear the waves lapping and feel the constant sea breeze against her cheeks.


Fig 5.15 Visual #15, 26/9/22

carrying Charlotte's thread and the torn cloth to the candle.

Fig 5.16 Visual #16, 26/9/22

Fig 5.17 Final Visuals - PDF, 26/9/22

Fig 5.18 Final Visuals - Thumbnail, 26/9/22

Fig 5.19 Final Visuals - Thumbnail, 26/9/22

Fig 5.19 Final Visuals - Thumbnail PDF, 26/9/22



FEEDBACKS

Week 2

General Feedback: 

- if the introduction is too short then we need to combine them with the next chapter

- Visuals are the most important part of a book as they are the first thing that came into readers' eye.

- take visual references

- have at least 2 or 3 visuals attempts

- don't fix the visuals into a certain shape, as we may need to crop it


Specific Feedback: 

- remember to highlight the sentences for visuals

- need to credit the first publish and mention this republish is student project not for commercial use


Week 3

General Feedback: 

- Remember to include text formatting in both Task 1 and Task2 blogs.

- The size of the illustration must be at least 2 times bigger than our actual book.

- Have at least 4-5 visuals next week.

- Update eportfolio tasks 1&2


Specific Feedback: 

- For my grid system, I can be more creative, the pullquote can be outside the edges. The readability of the pullquote is not super important.

- The use of typeface for both headline and pullquote must be consistent.


Week 4

General Feedback: 

- Form & Movement: Don't put too many forms in one spread. The form must be transit smoothly and don't move too many steps in one spread.


Specific Feedback: 

- Form & Movement -1st Attempt: No connection between the first and second pages. Suggested to move the first page to the second, and move the smaller box to the edge to link with the third page. The rest looks better and workable.

- Visuals: The illustration style is fine, but all look too centralised, it would be better to present from a different angle. Don't present the visuals in a too direct way.


Week 5

General Feedback: 

- Book Layout: Emphasises the book title and follows the author's name, the publisher should not be too close to the first two.- Word "Imprint" don't need to appear on the page.- All the headings (Content, Introduction, Chapters) should be in the same size, same font, and same position.- When designing the layout, don't need to be too detailed first. Always check the overall flows in thumbnail size.


Specific Feedback: 

- Book Layout: (Introduction page) There is too much space in the spread, needs to be reconsidered. Too much or too little white space is not a good thing.

- The first page of chapter 1 can be reconsidered.

- The second page looks good, but don't fall in love with the layout, it will limit our creativity.

- The third page looks good too, the small picture on the top is not necessarily.



REFLECTIONS

Experience

To be honest, I enjoy doing this task, but it was difficult for me at the beginning of the task. I found that the toughest part of this task is deciding a suitable style for the book. I’m not good at drawing, but the first attempt with a more detailed style took me quite a long time. So I decided to change it immediately. And luckily, it was still got time and I can make it and complete it on time. I’m quite satisfied with the simpler version of the visuals. It gives a minimalist, hopeful, and slightly abstract feeling.


Observation
While doing this task, I did refer to some seniors’ works. I observed that a more abstract style will give the reader more space to imagine, instead of showing them what it should look like. Besides, I also observed that the colour scheme of the books also matters. I wanted my book gives a feeling that represents “you’re in the abyss, but there is a hopeful light above your head”. Hence, I choose dark blue, coral, and yellow.

Findings

I found that the most difficult part was determining the style of the book and visuals. Deciding a suitable style for the book takes time to try out. Because while doing the visual research, it’s quite difficult to find a style or look that I want, so the best way to find a style is too give it a try.



FURTHER READING

Scribe Guide to Designing Your Book Layout

Fig 6.1 Scribe Guide to Designing Your Book Layout, (Max, n.d.)

When designing a book, there are so many things that need to be considered and decided. Trim size, colour vs black and white, other physical considerations, font selection, page margins, artistic direction and design elements, visuals elements.

Many new authors are avoiding the task and simply publishing in ebook format due to how difficult it is to do a good print book and how shamefully ugly it can be when done incorrectly. This has begun to serve as a dividing line in many circles between works that ought to be taken seriously and those that shouldn't.

Comments

Popular posts from this blog

Major Project

Professional Development Week

Advanced Interactive Design - Final Project