PUBLISHING DESIGN - TASK 3(A) / BOOK

PUBLISHING DESIGN - TASK 3(A) / BOOK

24/4/2023 - 22/5/2023 (Week 4 - Week 8)

Mariam Ayman Mohamed  / 0347638 
Publishing Design / Bachelor of Design (Honours) in Creative Media / Taylor's University
Task 3(A) / Book




LECTURES

All lectures and recordings completed in 



INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1Mswq8cyudyaGYMJ5qnDvqVhzwgVE74NZ/preview" width="640" height="480" allow="autoplay"></iframe>

TASK 3A BOOK

 After having our content and finishing up our visuals, we are to determine the format of our book (considering size, layout, typeface, type size, etc.)

Our book size was also determined in our first exercise. The book will not be smaller than A5 and not bigger than A4.

TEXT FORMATTING:

<iframe src="https://drive.google.com/file/d/1LkBePp3_-RVUMFQwtpPt9BBaSHi1oRd5/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 1 text formatting - The Ancient Egypt 

Book Format

The format chosen for my book is 160mm x 220mm.

Fig 2 Book format (160mm x 220mm)

Fig 3 book size after cutting (mockup)
Fig 4 the book from inside  (mockup)

Fig 5 the book comparing sizes (mockup)


DETERMINING GRIDS

We also did this as part of our exercise 1 which is to determine how we will be using the grid system. We were told to come up with a total of 3 different grids to see which one we like best. 

Grid options without text 

<iframe src="https://drive.google.com/file/d/1l2Oop6-2hBJe3IW6OHhO-A1LMSNz8AKx/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 6 Grid options without text 


<iframe src="https://drive.google.com/file/d/11wnjlAiGTv9XZzCDmpsh7IuQi-qlAfgs/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 7 Grid options with text 

<iframe src="https://drive.google.com/file/d/1N4UnSUZAdw5UlCOednLVSXd6to360qgI/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 8 Grid option chosen 


<iframe src="https://drive.google.com/file/d/1MfLQWzYazZxiO_i4bblERKDmMwhItifx/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 9 Final chosen grid system 

Fig 10 final chosen grid system

Fig 11 final chosen grid system without text


Visual Research

I used Pinterest to seek for some book layout examples before I started my book design.



Fig 12 layout refrences from Pinterest 

Fig 13 layout refrences from Pinterest 

Fig 14 layout refrences from Pinterest 


Fig 15 layout refrences from Pinterest 


PROGRESS SCREENSHOTS


Fig 16 screenshot of my progress

Fig 17 screenshot of my progress

Fig 18 screenshot of my progress

Fig 19 screenshot of my progress


ATTEMPT #1

This was a draft layout including cover and back cover .

Fig 20 draft layout, attempt 1

Fig 21 draft layout, attempt 1

Fig 22 draft layout, attempt 1

<iframe src="https://drive.google.com/file/d/1OTFNSoany0xiEZbKwUO08xrsWwM78oZX/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 23 draft layout, attempt 1 PDF 

Screenshots of the progress 

Fig 24 screenshot of my process 

Fig 25 screenshot of my process 


Then I recived feedback from mr vinod saying 

His feedback last time
  • Some pages in black , some pages in offwhite 
  • Remove my name from cover 
  • Barcode size is wrong use this to genrate the barcode 
  • Layout of the book no problem 
  • We need page numbers 
  • Some of the bages can be black but not all put black in startegic way when its necessary 
  • When you introduce black and whites pages introduce neutral tone or neutral colours in between could be cool grey , warm grey insert strategically 
  • Have a mix of balance between white pages , offwhite pages and grey and then black pages 
  • List typefaces that u used 
  • Be careful on the text on top firt line doesnt seem to be right in page (12).  line starts with pyramids of giza , arabic alahrmat because u have small widow there
  • Summary of the book needs to have paragrph spaces it doesnt have currently

So i started to work on the feedback has given to me 

ATTEMPT #2 
Fig 26 layout attempt 2

Fig 27 layout attempt 2

Fig 28 layout attempt 2

<iframe src="https://drive.google.com/file/d/1c6-RnBtohpqD-gtF-NcWd6iQnFHYKv9q/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 29 Thumbnail in PDF 

Fig 30 screenshot of my progress

Fig 31 screenshot of my progress

ATTEMPT #3 & Final 
FINAL LAYOUT:



Fig 32 final layout (thumbnail 1) 



Fig 33 final layout (thumbnail 1) 


Fig 34 final layout (thumbnail 1) 


<iframe src="https://drive.google.com/file/d/1cUTj_e1zbIzHSDGP1yKzHRvaWgIczFPS/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 35 final thumbnail in PDF 



BOOK COVER AND BACKCOVER PROGRESS 

the comment i got that the Barcode must have a white background 

First attmept book cover and back cover 

Fig 36 first attempt trial of cover of the book

Fig 37 first attempt trial of back cover of the book

Attempt #2 book front and back cover 


Fig 38 second attempt trial of back cover of the book

Then i disciovered that colour and barcode not good in printing so i changed the colour and corrected the barcode 

Attempt #3 and final of the book front and back cover 


Fig 39 third and final attempt trial of back cover of the book

 <iframe src="https://drive.google.com/file/d/1XNhF1zP3Qv3Gh8Lmmv3r0RBVKwxY75Ud/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 40 third and final attempt trial of back cover of the book PDF


PRINTING PROGRESS: 

test print spread, printed at ArchPrint (b&w)


Attempt #1 

Fig 41 Book Mockup (B&W)

Fig 42 Book Mockup (B&W)

Fig 43 Book Mockup (B&W)

Fig 44 Book Mockup video (B&W)



I found some issues that needed to be rectified after showing Mr. Vinod the book. I then returned to Adobe Indesign to repair the problems. After resolving the problems, I proceeded to ArchPrint to test print the book mockup in black and white. The paragraph spacing issues in the b&w mockup required numerous revisions. 
The cover also had a problem, so I had to change everything and reprint. 
I had problem with the papers numbers so i fixed that
And also refrences was missing .

Attempt #2 (B&W)

Fig 45 Book Mockup attempt #2 (B&W)

Fig 46 Book Mockup attempt #2 (B&W)

Fig 47 Book Mockup attempt #2 (B&W)


Fig 48 Book Mockup Video (BW attempt 2)



Book Printed On:

Cover: Artcard 260gsm Gloss Lamination
Content: Artpaper gloss 128 gsm
Binding: Stapler Binding

FINAL TASK 3A BOOK SUBMISSION

Fig 49 Final Front Cover, JPEG

Fig 49 Final back Cover, JPEG

Fig 50 Final Spread 1, JPEG

Fig 51 Final Spread 2, JPEG

Fig 52 Final Spread 3, JPEG

Fig 53 Final Spread 4, JPEG

Fig 54 Final Spread 5, JPEG

Fig 55 Final Spread 6, JPEG

Fig 56 Final Spread 7, JPEG

Fig 57 Final Spread 8, JPEG

Fig 58 Final Spread 9, JPEG

Fig 59 Final Spread 10, JPEG

Fig 60 Final Spread 11, JPEG

Fig 61 Final Spread 12, JPEG

Fig 62 Final Spread 13, JPEG

Fig 63 Final Spread 14, JPEG

Fig 64 Final Spread 15, JPEG

Fig 65 Final Spread 16, JPEG

Fig 66 Final Spread 17, JPEG

Fig 67 Final Spread 18, JPEG

Fig 68 Final Spread 19, JPEG

Fig 69 Final Spread 20, JPEG

Fig 70 Final Spread 21, JPEG

Fig 71 Final Spread 22, JPEG

Fig 72 Final Spread 23, JPEG

Fig 73 Final Spread 24, JPEG

Fig 74 Final Spread 25, JPEG

Final spreads PDF 

<iframe src="https://drive.google.com/file/d/1tGfDSWYRUu6WobLaOFdUlCgyADYrAbPq/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 75 final spread PDF


Final Book submission PDF 

 <iframe src="https://drive.google.com/file/d/1of16LpS3Ft83nHkUN0HxCoh8TAzTWpWT/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 76 final book submission PDF



Final Thumbnails ( JPEG ) 
Fig 77 final thumbnail JPEG
Fig 78 final thumbnail JPEG
Fig 79 final thumbnail JPEG

<iframe src="https://drive.google.com/file/d/1cUTj_e1zbIzHSDGP1yKzHRvaWgIczFPS/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 80 final thumbnail PDF

FINAL TASK 3A BOOK (PRINTED)

Process of the final submission 

Lets prepare the book for modeling xD 

Fig 81 process of taking picture of the final book 

Fig 82 process of taking picture of the final book 

Fig 83 process of taking picture of the final book 


Final Submission 

Fig 84 Final Book Coloured , JPEG

Fig 85 Final Book Coloured , JPEG

Fig 86 Final Book Coloured , JPEG

Fig 87 Final Book Coloured , JPEG

Fig 88 Final Book Coloured , JPEG


Fig 89 Final Book Coloured , JPEG

Fig 90 Final Book Coloured , JPEG

Fig 91 Final Book Coloured , JPEG

Fig 92 Final Book Coloured , JPEG

Fig 93 Final Book Coloured , JPEG


Fig 94 Final Book Coloured , JPEG

Fig 95 Final Book Coloured , JPEG

Fig 96 Final Book Coloured , JPEG

Fig 97 Final Book Coloured , JPEG

Fig 98 Final Book Coloured , JPEG

Fig 99 Final Book Coloured , JPEG

Fig 100 Final Book Coloured , JPEG

Fig 101 Final Book Coloured , JPEG

Fig 102 Final Book Coloured , JPEG

Fig 103 Final Book Coloured , JPEG

Fig 104 Final Book Coloured , JPEG

Fig 105 Final Book Coloured , JPEG

Fig 106 Final Book Coloured , JPEG

Fig 107 Final Book Coloured , JPEG

Fig 108 Final Book Coloured , JPEG

Fig 109 Final Book Coloured , JPEG

Fig 110 Final Book Coloured , JPEG

Fig 111 Final Book Coloured , JPEG

FINAL SUBMISSION PDF 


<iframe src="https://drive.google.com/file/d/14kjLtlo9K1XaeAM4xt2_zEanfOUxuXrh/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 112 Final Book Coloured ,  PDF




Fig 113 Final Book flip through video


FINAL TASK 3A FLIP BOOK 












Fig 114 Final flipbook


Link:  https://online.fliphtml5.com/dynhn/oydl/



FEEDBACKS 

Week 6 

No feedback Given 

Week 7 

  • Some pages in black , some pages in offwhite 
  • Remove my name from cover 
  • Barcode size is wrong use this to genrate the barcode 
  • Layout of the book no problem 
  • We need page numbers 
  • Some of the bages can be black but not all put black in startegic way when its necessary 
  • When you introduce black and whites pages introduce neutral tone or neutral colours in between could be cool grey , warm grey insert strategically 
  • Have a mix of balance between white pages , offwhite pages and grey and then black pages 
  • List typefaces that u used 
  • Be careful on the text on top firt line doesnt seem to be right in page (12).  line starts with pyramids of giza , arabic alahrmat because u have small widow there
  • Summary of the book needs to have paragrph spaces it doesnt have currently
Week 8 

Barcode is wrong , needs paragraph spacings 

week 9 

No feedback given 

week 10 

No feedback given 



REFLECTION

Experience

The process of writing my book wasn't the simplest or easiest to follow.  This task was so stressful and hectic for me especially that i had some ups and downs but the downs is actually way more . 
This has been a lot of fun, but also a little stressful, in my opinion. 
It's been enjoyable in that I was able to start a book from scratch because I genuinely enjoyed and adore Egypt, but stressful in that I don't believe I've ever produced this many illustrations and pieces of artwork in such a short amount of time. 
(I was unable to perform this in this short period i needed extra time ) 
The whole stress of this endeavour, which was one of the hardest subjects I have yet to study for a degree, caused me to lose some hair. I didn't imagine I would ever have to take each step, which was new to me.  My instructor was disappointed since I was fairly confused about a number of things because I had never created or printed a book before. It was a unique experience, and there were many times when I thought this activity should be simple yet required more time. Despite the fact that it was a huge undertaking, I'm delighted I was able to complete it. 

Observation

Each person's book design is highly attractive and intriguing. Taking a peek at everyone's pictures is equally fascinating.
The book cover should always be at least 2mm bigger than the page size when constructing a book.
Through this module, I gained a lot of knowledge about choosing the grids for my layout as well as how to make a nice layout and what can and cannot be done.
I had the opportunity to examine what had worked for many other illustrators through this experience and to observe their work. It allowed me to spend more time than usual seeing the creations of my favourite artists and to simply gaze at them.

Findings

I initially found learning to be creative in grids to be confusing and felt that it was limiting but grid systems are a means to organise things and exercise creativity under constraints.
On the other side, I discovered that a pull-quote does not necessarily need to be clearly readable and that we may play about with it using typographic systems because a pull-quote already exists in our body text. 
 I had a difficult time designing the book cover since you need it to be really intriguing to get people to read your book. 


FURTHER READING

 Fig 115 Making and Breaking the Grid : A Graphic Design Layout Workshop
Author: Samara, Timothy.

 Fig 116 Making and Breaking the Grid : A Graphic Design Layout Workshop
Author: Samara, Timothy.

The author wrote about  
Visual and organisational issue solutions are part of any design effort. Pictures, symbols, fields of text, headlines, and tabular data must work together to convey. A grid is one way. A grid first organises a layout. Not only does it separate various sorts of information, making them easier to navigate, but it also maintains critical cohesiveness among visual pieces by harmonising them through its spatial proportions and positional logic.

 Since many design issues are handled in designing the grid's structure at the start of a project, a designer may quickly lay down massive volumes of information using a grid. Using a grid, several people may work on the same or related projects without losing visual quality. Clearness, efficiency, and continuity are the grid's benefits.

For some designers, the grid is as essential as joinery is to furniture manufacture. Its adoption into practise has evolved graphic designers' thinking about design and solved particular communication and production difficulties throughout the discipline's history.

The evolution of the grid during the past 150 years has paralleled the major technical and social shifts that Western civilization has undergone, as well as the reactions of thinkers, artists, and designers to those shifts. the 1740s-era start of the Industrial Revolution. England altered people's lifestyles.

It has a significant impact on our culture. The influence of the land-owning nobility migrated away from manufacturers, merchants, and the working class as the development of mechanical power encouraged people to seek a living in cities. Demand from a city-dwelling populace with rising purchasing power encouraged technology, enabling mass production, driving down prices, and boosting accessibility.

Comments

Popular posts from this blog

INTERCULTURAL DESIGN / FINAL COMPILATION

INTERCULTURAL DESIGN / PROJECT 3

INTERCULTURAL DESIGN / PROJECT 1