Publishing Design - Task 2

 

NAME: SARAH CHEONG YINSHI                                                                                                        I.D: 0354962
COURSE: BDCM

WEEK 1 - WEEK 6

03/04/2023 - 14/05/2023

GCD 61404 - PUBLISHING DESIGN

INSTRUCTIONS

TASK 2 : CONTENT GENERATION 

We are required to write a minimum of 3000 words essay based on a subject we're familiar with or find a 3000+ words short story online. The story should have at least 3 chapters and each chapter will need to have 2 subtext and 1 pull-quote.

Figure 2.1 - 3000 words pdf

MOODBOARD : 

After writing my short story, I briefly thought of what I could illustrate while highlighting the parts that I'll potentially be illustrating. Below are the visual references I've found that helps visualize my planned concept of this story:

Figure 2.2 - moodboard

PROGRESS : 17/04/2023

This week, we had to start illustrating at least 3-5 illustrations so that we will know our direction for the rest of the illustrations. Below are my attempt :

Figure 2.3 - visual progress

PROGRESS : 24/04/2023

Based on the feedback, I made amendments to my previous illustrations added more details and continued working on a few more. Below is the progression for the week:

Figure 2.4 - visual progress 2.0

PROGRESS : 01/05/2023

I continue working on my remaining visuals:

Figure 2.5 - visual progress 3.0

FINAL VERSION :

Figure 2.6 - visual 1: Outer world opens door, JPEG

invites readers to step into their world

Figure 2.7 - visual 2: Lips, JPEG

"You're worthless. Just end it all, nobody cares. Just die"

Figure 2.8 - visual 3: Standing near the window, JPEG

I looked out into the darkness, but I couldn't see anything

Figure 2.9 - visual 4: Falling down, JPEG

dragging me down into a deep, dark hole

Figure 2.10 - visual 5: Smiley red eyes with tears, JPEG

its eyes were glowing red

Figure 2.11 - visual 6: pain, JPEG

searing pain shoot through my body

Figure 2.12 - visual 7: An open door, JPEG

"Welcome"

Figure 2.13 - visual 8: Wrist with wound and healing, JPEG

I sliced open my wrist,

the skin closed up as if it had never been cut.

Figure 2.14 - visual 9: A room with flowing blood, JPEG

I cut deeper and deeper until the blood flowed freely.

Figure 2.15 - visual 10: Conversation, JPEG

"You're Worthless, You're never going to amount to anything, You might as well give up now."

Figure 2.16 - visual 11: Flying eyeball, JPEG

"I need to make them go away."

Figure 2.16 - visual 12: Outer space protecting ball, JPEG

disconnected from the world around me

Figure 2.17 - visual 13: Spiral, JPEG

delving into new chapter

Figure 2.18 - visual 14: Bright sun, positiveness, JPEG

Ending everything

Figure 2.19 - visual compilation PDF

Figure 2.20 - visual thumbnail

☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺ 

FEEDBACK

Week 6 Upload eport. 

Week 5 Looks ok. pay more attention to the details as some of it must be complex when some are simple. Good Job!

Week 3 Be careful on the styling, try to match with my visual references. My references has a lot of details in each frame, consistency to add details some of it might have more details, some might remain clean.

Week 2

Visual : Main color blue, go with the first 2 styling. the hand written text can be a part of visual. Unreality world

☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺ 

REFLECTION

Experience

Week 1 Story writing : Have not much experience on short story, but visually creating the content are familiar.

Week 2

I have done once of conceptual visual, but I am not familiar to create the flow of the visual for a short story.

Week 3

Illustration is something I've been doing for all the other subject, but it still requires a lot of thinking and drawing.

Week 4-6

The consistency of creating the visuals and detail of the work must be well managed to achieve the end results.

Observation

Week 1 I was struggling to set down on the type of story I wanted to go with.

Week 2

To settle down with the visuals that matches my story are a very important part before even start constructing the work.

Week 3

To keep the illustration style consistent, the use of basic and complicated elements should be well organised.

Week 4-6

Time management is very important to keep up on my work, creating the visual is not hard but thinking the idea for visuals took up a lot of time.

Findings

Week 1 There are a lot of information I could find up, all the articles and journals from Google.

Week 2-6

The main source I use for my visual references is Pinterest, It saved me a lot of time as it can easily create a file to my ideas in the app.

☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺ 

FURTHUR READING

Week 1 : https://www.interaction-design.org/literature/article/the-grid-system-building-a-solid-design-layout

Important - The grid system helps align page elements based on sequenced columns and rows. We use this column-based structure to place text, images, and functions in a consistent way throughout the design. Every element has its place that we can see instantly and reproduce elsewhere.

Week 2 : https://yesimadesigner.com/anatomy-of-a-magazine-layout/

Principles of Design-

1. Purpose: What’s the purpose of the magazine/layout you are working on? 
   Is it image-based, story-based, formal, funny? etc.
2. Balance: Make sure your content is evenly distributed over the page/spread. Don’t put too much in one part of the page/spread. Unbalanced layouts will feel uncomfortable and lose viewers interest.
3. Hierarchy: Do the right pieces of information stand out? Establish what is the most/least important information for a viewer and indicate the levels of priority visually.
4. Readability: Is the text easy to read? Watch out for your point size and the font you use. Colour choice is also crucial, making sure that there is enough contrast between the copy and the background.

Week 3 : https://www.greenbook.org/mr/market-research-news/the-fundamentals-of-layout-design/

Layout and composition are the foundations of good insight communication. 

The psychology for layout design - 

1. Similarity

   We group similar objects to make sense of the world around us. For example, this could be grouping things of similar color, shape, scale, typeface, or even types of information on a page.

2. Continuation

   The eye visually identifies information by following things. For example, we read text best in a line.

3. Closure

   Complete shapes or layouts are the simplest things to improve visual perceptions.

4. Proximity

   The composition of lots of objects manipulates the message of the whole image. If you have text boxes that all relate to each other or are the opposites of each other, the placement is crucial depending on what message you want to give.

5. Order
   There must be an order and hierarchy to your layout. Otherwise, there will be visual anarchy. Therefore, we group types of text into headlines, subheads, and body text. Also, if there are too many groups the audience will get visually lost and won’t be able to decode the meaning of the document.

Week 4 : https://www.creativebloq.com/web-design/grid-theory-41411345

Grid theory

-Grids establish a meter and rhythm

-Define and reflect proportion

-Work with the golden ratio

-provide solid foundation

-Work with other key design principle

Week 5 : https://www.capito.eu/en/how-does-text-design-influence-comprehensibility/

Text design is the field of activity surrounding the structuring and design of a text. The study was conducted by Sabina Sieghart. The design researcher investigated the question of how macrotypography influences the comprehensibility of a text.

Macrotypography is the overall visual impression of a text. This includes, for example:

• -Font
• -Font size
• -Paragraphs
• -Headings
• -Alignment
• -Use of images, tables or graphic elements such as lines, boxes, etc. 
• -Arrangement of elements on the page
• 
  

Week 6 : https://blog.papertrue.com/book-cover-design-parts/

Essential elements of book cover design

Title, subtitle, interesting typography, coherent cover design and layout, endorsement, well placed bio, eye-catching spine, 

Week 7 : https://www.penguin.co.uk/articles/company-article/how-book-covers-are-designed

About book cover-

A book's cover design is the window into its story, and might be the reason a reader first picks it up. The art of conveying an entire manuscript into a single image, and making sure it's targeting the right audience.