PUBLISHING DESIGN - FINAL COMPILATION & REFLECTION

PUBLISHING DESIGN - FINAL COMPILATION & REFLECTION

5/4/2023 - 5/7/2023 (Week 1 - Week 14)

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

Final Compilation & Reflection 



QUICK LINKS

All lectures and recordings completed in 

Task 01 - Exercises

Task 02 - Content Generation 

Task 03(A) - Book 

Task 03(B) - EBook 



INSTRUCTIONS

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


TASK 01 - EXERCISES

2/4/2023 - 15/5/2023 (Week 1 - Week 7)

#1: TEXT FORMATTING

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

#2: MOCK-UP MAKING 

Fig 2 Book format (160mm x 220mm)

Fig 3 Book size after cutting (mockup)

Fig 4 The book from inside  (mockup)
Fig 5 Stapler binding

Fig 6 Stapler binding

Fig 7 the book comparing sizes (mockup)

Fig 8 Close up View, (10/04/2023)

Fig 9 Final size flip through GIF

Fig 10 Opened signature

Fig 11 Opened signature

Fig 12 Opened signature

Fig 13 Folding and numbering

Fig 14 Folding and numbering

Fig 15 Signature stapler binding 
Fig 16 Signature stapler binding 

#4: CLASSICAL GRID STRUCTURE

Fig 17 Van De Graaf on Paper


Fig 18 Van De Graaf on InDesign


<iframe src="https://drive.google.com/file/d/1DRHdA5qSRpVCNdbDA30rTFzdjGnBghlI/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 19 Van De Graaf on InDesign


Fig 20 Van De Graaf with Sample Text

<iframe src="https://drive.google.com/file/d/14CxFbDn-Q6v9W2QYLXdcyzBNnjqKHHhp/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 21 Van De Graaf with Sample Text



Fig 22 Van De Graaf with Sample Text


<iframe src="https://drive.google.com/file/d/1iTg16uZ5DS_Ui95UhQu7741l6fJ3akl0/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 23 Van De Graaf with Sample Text






Fig 24 Van de Graaff (JPEG)
 17/4/2023




#5: DETERMINING GRID


<iframe src="https://drive.google.com/file/d/1lulxBLTbSZuBw5AJNKyptFoYroEoKBTp/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 25 determining grid PDF



Fig 26 Grid system JPEG #1

Fig 27 Grid system JPEG #2
Fig 28 Grid system JPEG #3



<iframe src="https://drive.google.com/file/d/1C5-msoeSpW0FECGvGrroVfttgveP5yBq/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 29 determining grid with grids visible PDF


Fig 30 Grid system JPEG #1
Fig 31 Grid system JPEG #2
Fig 32 Grid system JPEG #3

#6: FORM & MOVEMENT

B&W version

Fig 33 F&M BW , JPEG 

Fig 34 F&M BW , JPEG

Fig 35 F&M BW , JPEG

Fig 36 F&M BW , JPEG

Fig 37 F&M BW , JPEG

Fig 38 F&M BW , JPEG

Fig 39 F&M BW , JPEG

Fig 40 F&M BW , JPEG


Colored Version 
Fig 41 Form & Movement  colored version, JPEG 

Fig 42  Form & Movement colored version, JPEG 

Fig 43 Form & Movement  colored version, JPEG 

Fig 44 Form & Movement  colored version, JPEG 

Fig 45 Form & Movement colored version, JPEG 

Fig 46 Form & Movement colored version, JPEG 

Fig 47 Form & Movement colored version, JPEG 

Fig 48 Form & Movement colored version, JPEG 

Form & Movement Image + Text version

Fig 50 Form & Movement  image + text, JPEG

Fig 51 Form & Movement  image + text, JPEG

Fig 52 Form & Movement  image + text, JPEG

Fig 53 Form & Movement  image + text, JPEG

Fig 54 Form & Movement  image + text, JPEG

Fig 55 Form & Movement  image + text, JPEG

Fig 56 Form & Movement  image + text, JPEG

Fig 57 Form & Movement  image + text, JPEG


Thumbnails in PDF

<iframe src="https://drive.google.com/file/d/1U2YYRQ0ghwjFqxlm6XSAzkHMLRVYeeJS/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 58 Form & Movement BW, PDF 

<iframe src="https://drive.google.com/file/d/1gcYuVWCHsrh3xg0kVPwRpZayCc2wxmFV/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 59 Form & Movement  colored version, PDF



<iframe src="https://drive.google.com/file/d/1Ha7wWeJW8Ty2UWt-dfUz58EwlisCeodn/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 60 Form & Movement  image + text, PDF



Submission in PDF 



<iframe src="https://drive.google.com/file/d/1tpl0Ul80kbFSunKf3sSsnaH4Kk8yxgiu/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 61 F&M (BW) Submission, PDF 




<iframe src="https://drive.google.com/file/d/1jND0awnwuM6nO0zcL-LsKl9cxa1czFPW/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 62 F&M (Coloured) Submission, PDF 



<iframe src="https://drive.google.com/file/d/1nOsAeHGE--BW5nnsUTVLTphF6fxvT93M/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 63 F&M (Image + Trext ) Submission, PDF 

TASK 02 - CONTENT GENERATION



<iframe src="https://drive.google.com/file/d/1LkBePp3_-RVUMFQwtpPt9BBaSHi1oRd5/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 64 Final content

Visuals 

Fig 65 Visual #1 (Cover) 

Fig 66 Visual #2 (Cover) 





Fig 67 Visual #2 (Blank page) 

Fig 68 Visual #2 (Chap 1 ) 


Fig 69 Visual #2 (Chap 1 ) 

Fig 70 Visual #2 (Chap 1 ) 

Fig 71 Visual #2 (Chap 1 ) 


Fig 72 Visual #4 (Chapter 2)


Fig 73 Visual #4 (Chapter 2)

Fig 74 Visual #4 (Chapter 2)

Fig 75 Visual #4 (Chapter 2)


Fig 76 Visual #4 (Chapter 2)


Fig 77 Visual #4 (Chapter 2)

  Fig 78 Visual #4 (Chapter 2)


Fig 79 Visual #11 (Chapter 3)

Fig 80 Visual #11 (Chapter 3)

Fig 81 Visual #11 (Chapter 3)

Fig 82 Visual #11 (Chapter 3)

Fig 83 Visual #11 (Chapter 3)

Fig 84 Visual #11 (Chapter 3)

<iframe src="https://drive.google.com/file/d/1LNay1ULzKXbiSC2AwzcziKMRmTmCFC_S/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 85 Final visuals PDF
Fig 86 Final visuals thumbnail JPEG


<iframe src="https://drive.google.com/file/d/1B08o52xjMoKyuKw6vCj8BsoDTc-gh_xq/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 87 Final visuals PDF



TASK 03(A) - BOOK

Fig 88 Final Front Cover, JPEG

Fig 89 Final back Cover, JPEG

Fig 90 Final Spread 1, JPEG

Fig 91 Final Spread 2, JPEG

Fig 92 Final Spread 3, JPEG

Fig 93 Final Spread 4, JPEG

Fig 94 Final Spread 5, JPEG

Fig 95 Final Spread 6, JPEG

Fig 96 Final Spread 7, JPEG

Fig 97 Final Spread 8, JPEG

Fig 98 Final Spread 9, JPEG

Fig 99 Final Spread 10, JPEG

Fig 100 Final Spread 11, JPEG

Fig 101 Final Spread 12, JPEG

Fig 102 Final Spread 13, JPEG

Fig 103 Final Spread 14, JPEG

Fig 104 Final Spread 15, JPEG

Fig 105 Final Spread 16, JPEG

Fig 106 Final Spread 17, JPEG

Fig 107 Final Spread 18, JPEG

Fig 108 Final Spread 19, JPEG

Fig 109 Final Spread 20, JPEG

Fig 110 Final Spread 21, JPEG

Fig 111 Final Spread 22, JPEG

Fig 112 Final Spread 23, JPEG

Fig 113 Final Spread 24, JPEG

Fig 114 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 115 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 116 final book submission PDF

Final Thumbnails
Fig 117 final thumbnail JPEG


Fig 118 final thumbnail JPEG

Fig 119 final thumbnail JPEG

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

FINAL TASK 3A BOOK (PRINTED) 

Final Submission 

Fig 121 Final Book Coloured , JPEG

Fig 122 Final Book Coloured , JPEG

Fig 123 Final Book Coloured , JPEG

Fig 124 Final Book Coloured , JPEG

Fig 125 Final Book Coloured , JPEG

Fig 126 Final Book Coloured , JPEG

Fig 127 Final Book Coloured , JPEG

Fig 128 Final Book Coloured , JPEG

Fig 129 Final Book Coloured , JPEG

Fig 130 Final Book Coloured , JPEG

Fig 140 Final Book Coloured , JPEG

Fig 141 Final Book Coloured , JPEG

Fig 142 Final Book Coloured , JPEG

Fig 143 Final Book Coloured , JPEG

Fig 144 Final Book Coloured , JPEG

Fig 145 Final Book Coloured , JPEG

Fig 146 Final Book Coloured , JPEG

Fig 147 Final Book Coloured , JPEG

Fig 148 Final Book Coloured , JPEG

Fig 149 Final Book Coloured , JPEG

Fig 150 Final Book Coloured , JPEG

Fig 151 Final Book Coloured , JPEG

Fig 152 Final Book Coloured , JPEG

Fig 153 Final Book Coloured , JPEG

Fig 154 Final Book Coloured , JPEG

Fig 155 Final Book Coloured , JPEG

Fig 156 Final Book Coloured , JPEG

Fig 157 Final Book Coloured , JPEG

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


FINAL SUBMISSION YOUTUBE VIDEO 


Fig 159 Final Book flip through video




FINAL TASK 3A FLIP BOOK 















Fig 160 Final flipbook

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


TASK 03(B) - E-BOOK DESIGN (BRAND GUIDELINES)

 For optimal viewing (and for all the buttons to be working), it is best to open the pdf using Google Chrome. 

PDF submission 

<iframe src="https://drive.google.com/file/d/1xbtdCR9abKoO2OkdpivEB8O3SyMMRXwf/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 161 Final Submission PDF 

<iframe src="https://drive.google.com/file/d/1_pNZcbnI-2L8F6zEprCgexyVYnQSKPwe/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 162  Final grid Submission PDF

<iframe src="https://drive.google.com/file/d/18_9X60u1wIqwzVkbTflNOjgMUzZHo1j5/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 163 Final Submission PDF Grids 

<iframe src="https://drive.google.com/file/d/1JfiKHb6EsX9OX1F-L9Y0ark_q4t9K3T2/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 164 Final Submission PDF Thumbnails 

Fig 165 Final Submission thumbnail JPEG

Fig 166 Final Submission thumbnail JPEG

Fig 167 Final Submission thumbnail JPEG

Fig 168 Final Submission thumbnail JPEG


<iframe src="https://drive.google.com/file/d/169lCkFSgXQPDV7gz3o-1L8rubudcnIJU/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 169 Final Submission thumbnail with grids visible PDF 

Fig 170 Final Submission thumbnail with grids visible JPEG
Fig 171 Final Submission thumbnail with grids visible JPEG

Fig 172 Final Submission thumbnail with grids visible JPEG
Fig 173 Final Submission thumbnail with grids visible JPEG

Final Brand Guideline (JPEG)

Fig 174 Final Submission Brand Guideline, JPEG

Fig 175 Final Submission Brand Guideline, JPEG

Fig 176 Final Submission Brand Guideline, JPEG

Fig 177 Final Submission Brand Guideline, JPEG

Fig 178 Final Submission Brand Guideline, JPEG

Fig 179 Final Submission Brand Guideline, JPEG

Fig 180 Final Submission Brand Guideline, JPEG

Fig 181 Final Submission Brand Guideline, JPEG

Fig 182 Final Submission Brand Guideline, JPEG

Fig 183 Final Submission Brand Guideline, JPEG

Fig 184 Final Submission Brand Guideline, JPEG

Fig 185 Final Submission Brand Guideline, JPEG

Fig 186 Final Submission Brand Guideline, JPEG

Fig 187 Final Submission Brand Guideline, JPEG

Fig 188 Final Submission Brand Guideline, JPEG

Fig 189 Final Submission Brand Guideline, JPEG

Fig 190 Final Submission Brand Guideline, JPEG

Fig 191 Final Submission Brand Guideline, JPEG

Fig 192 Final Submission Brand Guideline, JPEG

Fig 193 Final Submission Brand Guideline, JPEG

Fig 194 Final Submission Brand Guideline, JPEG

Fig 195 Final Submission Brand Guideline, JPEG

Fig 196 Final Submission Brand Guideline, JPEG

Fig 197 Final Submission Brand Guideline, JPEG

Fig 198 Final Submission Brand Guideline, JPEG

Fig 199 Final Submission Brand Guideline, JPEG

Fig 200 Final Submission Brand Guideline, JPEG

Fig 201 Final Submission Brand Guideline, JPEG

Fig 202 Final Submission Brand Guideline, JPEG

Fig 203 Final Submission Brand Guideline, JPEG

Fig 204 Final Submission Brand Guideline, JPEG

Fig 205 Final Submission Brand Guideline, JPEG

Fig 206 Final Submission Brand Guideline, JPEG

Fig 207 Final Submission Brand Guideline, JPEG

Fig 208 Final Submission Brand Guideline, JPEG

Fig 209 Final Submission Brand Guideline, JPEG

Fig 210 Final Submission Brand Guideline, JPEG

Fig 211 Final Submission Brand Guideline, JPEG

Fig 212 Final Submission Brand Guideline, JPEG

Fig 213 Final Submission Brand Guideline, JPEG

Fig 214 Final Submission Brand Guideline, JPEG

Fig 215 Final Submission Brand Guideline, JPEG


The file is best viewed after downloading the link below & open it on the browser.



src="https://drive.google.com/file/d/1xbtdCR9abKoO2OkdpivEB8O3SyMMRXwf/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 216 Final Submission Interactive PDF 

Youtube Submission 

Fig 217 Youtube submission, showing navigation




REFLECTIONS

Experience

When I finally get to the end of the module, I can't believe I've made it this far. It has been a difficult road with lots of ups and downs that have pushed me to my limits. When I think back on this subject as a whole, the best way to describe it is as a rollercoaster ride. The jobs I was given were by no means easy, but I'm glad I had the chance to do them, and am happy with how they turned out. Come with me as I think about how this changed me.
When I started the programme, I didn't have any particular goals in mind. I didn't know that I was about to go on a trip that would be full of work. The amount of work I had to do quickly became too much, and I wished I had been better prepared. Every job seemed to take longer and take more work than I had expected. I felt like I was always trying to catch up and keep up with what the programme asked of me. I learned then how important it is to keep track of time and how important it is to be able to change quickly when things change.
During this module, there were times when I didn't know what to do or how to do it. During these times, I was on my own and had to use my problem-solving skills and ability to make do with what I had. Even though it was hard to deal with these changes, they turned out to be great chances for growth. I learned to trust my gut, try different things, and keep going even when it wasn't clear what to do next. Getting past these problems made me feel good about myself and gave me more confidence in my skills.
One of the jobs, the second task, stands out from the rest. For this job, I had to draw on my artistic side and make a lot of illustrations in a short amount of time. Surprisingly, I was able to do better than I thought I could. It was exciting to see my creativity come out, especially since I hadn't tried to draw properly in over six months. This job helped me remember that stepping out of my comfort zone can help me find hidden talents and passions. It was a time when I learned more about myself and found my artistic spirit again.
The most important thing about this module may have been how it got me out of my comfort zone. The endless challenges and hard work made me face my limits and try to go beyond them. I had to accept pain and the unknown in order to grow as a person. Each obstacle gave me a chance to improve my skills, learn new things, and get stronger. The programme taught me that it's important to be open to the unknown, because it's often where you can grow the most.

Observation

I'd argue using your eyes is the best approach to learn how to make fascinating layouts. I had no concept what publishing design was before this semester because I thought it would be quite similar to the design of books or newspapers. Thank goodness I was wrong! There are countless options for what you can achieve within the constraints you are given, so it is much more than that. I would say that at first I struggled with the edgy feel because I have always done safe things, but as I used different techniques to study how others did theirs on Pinterest or Behance, I was able to try and branch out of my comfort zone which I so much wanted to learn to do. 

Findings

I was able to learn about the various methods that layouts may be done during this module. There are countless ways the outcome can be achieved, even with a straightforward grid design. Regarding how to consistently create diversity for the styles I committed to, I was originally dubious. When I got stuck, Mr. Vinod's Form & Movement exercise was a lifesaver, especially when I was creating the Brand Guideline and my layout was heavily reliant on leveraging the columns to maximise my available space. 



Comments

Popular posts from this blog

INTERCULTURAL DESIGN / FINAL COMPILATION

INTERCULTURAL DESIGN / PROJECT 3

INTERCULTURAL DESIGN / PROJECT 1