Publishing Design - Final Project

27/08/19 - 17/09/19 (Week 9 - 13)
Azmina Fathima Haris (0337113)
Publishing Design
Final Project


INSTRUCTIONS



Final Project

We were told to start working on our animations for the following week. These are my animations -

Fig.1.1 Graffiti

Fig.1.2 Blue Doors Everywhere

Fig.1.3 Rose-coloured glasses

Fig.1.4 The Souk

Fig.1.5 Moroccan tea

Fig.1.6 Carpets

Fig.1.7 Carpet (floating down)

Fig.1.8 Stray cat

Fig.1.9 Wildflowers

Fig.2 Mausoleum of Mohammed V

Fig.2.1 Caves of Hercules 

The remaining animations were created and also refined in InDesign as I found it easier to adjust the timing and work with the motion path tool there.

Fig.2.1 Blue Doors - attempt 2

Fig.2.3 Floating flowers

Fig.2.4 Passport

Fig.2.5 Boarding pass

Fig.2.6 Babouche

Fig.2.7 Souk - attempt 2

Fig.2.8 Street sign

Fig.2.9 WIldflowers - attempt 2

Fig.3 Carpet floating down

Fig.3.1 Tagine

For the next week, we were asked to work on the layout of the ebook until the end of chapter 1. I focused on creating the layout alone and then added the animations later.



JPEG of each spread:

Fig. 3.2 1st attempt

Fig. 3.3 1st attempt

Fig. 3.4 1st attempt

Fig. 3.5 1st attempt

Fig. 3.6 1st attempt

Fig. 3.7 1st attempt

Fig. 3.8 1st attempt

Fig. 3.9 1st attempt

Over the following weeks, I added the navigation buttons and rollovers.

Fig. 4 Process of adding buttons in Indesign

Final outcome

PDF thumbnail -



PDF file -



Final outcome - best spreads & cover

Fig. 4.1 Cover

Fig. 4.2 Spread #1

Fig. 4.3 Spread #2

Fig. 4.4 Spread #3

Fig. 4.5 Spread #4

Fig. 4.6 Spread #5

Fig. 4.7 Spread #6

Online ebook for iPad:



Link to Online ebook: https://indd.adobe.com/view/53d97997-5a52-4f7f-91af-7abf9af1df37

FEEDBACK 

Week 9
Specific feedback: Mr. Vinod commented that the my text size looked too small and that it looked very tight. I was also told to take into consideration the space for the buttons and plan where that would go.
Week 10
Specific feedback: Mr. Vinod felt that my layout looked very static. He felt the visuals looked rather rigid and suggested breaking them up. He also told me to fix the kerning as I had copied it directly from my book.
Week 11
After looking at the printed copy of my book, I was asked to make some changes to it as there were were a few errors. There was also an issue in the alignment of my cover.

Week 12
Specific feedback: Mr. Vinod suggested minor changes to the ebook - I was told to change the typeface used for the page numbers as it was not very illegible and also looked very bold against the body text. Otherwise he said that my layout looked good.

Week 13
Specific feedback: Mr. Vinod said that my layout looked and visuals looked fine but I was told to make some changes to the hyperlinks and buttons in the book before publishing it online. He also asked me to fix the leading in the imprint. When I showed him the reprinted hardcopy of my book he said it looks much better now that I made those changes.
General feedback: We were given instructions on what to include in our blog posts for the previous projects and also the final compilation. For next week's class, we were asked to bring all the hardcopies of our work from this semester.

REFLECTIONS

EXPERIENCES

Week 9: Animating the visuals meant that I had to go back and fix some of my psd files and I had to be more careful about how I go about it, with my limited experience in After Effects.

Week 10: It was a struggle trying to visualise what a book would look like in an iPad and it was even harder to find references for layouts that would look similar.

Week 11: I felt like I was really lagging behind in terms of progress - somehow I was holding back when it came to the layout and how I arranged my visuals.

Week 12: I had a hard time arranging my visuals - I wanted it to look consistent and still resemble my book but I wasn't sure how far I could push it by breaking up visuals.

Week 13: Once I got the flow of it and started working on the layouts, I was able to enjoy the process more and somewhere along the way, I got used to understanding what would work for an iPad. How big the body text had to be, how the visuals would look and if the animation would be too distracting.

OBSERVATIONS

Week 9: With the pace at which I was going, I felt that my animations would take a really long time to work out and I probably wouldn't have enough time to work on them again.

Week 10: The way our animations turned out and the potential of each all ruled down to the theme of the book. I felt that books centred around travel and with visuals of this kind, specifically were hard to work with in the time that we have.

Week 11: I felt like most of us still had a hard time transitioning from working on a printed book to a an eBook and we were struggling with the layout.

Week 12: For the most part I felt like the ebook led back to what my book looked like - in terms of the placement of text and arrangement. The only thing that I felt I could play around with was the way I distributed and arranged the visuals.

Week 13: Even though it took me, and all of us a while to get the hang of it, somehow we figured out the difference between the different formats and how the reading experience would be different.

FINDINGS

Week 9: Most of us had a really hard time with After Effects - because we're still not so familiar with the program and also because of all the technical issues we ran into.

Week 10: My visuals were often inanimate, objects like buildings or shoes that stood on their own and didn't interact with anything else. This made it hard to come up with ideas for the animations.

Week 11: I ran into problems correctly previewing my gifs in iBooks. The animation lagged very badly and it was hard to tell where I was going wrong as all the previews from the softwares looked different to me.

Week 12: As I couldn't come up with any other animation for my book cover, I felt like the most I could do was play with the text and the background.

Week 13: Somehow my layout still vaguely resembled that of the book and managed to come up to the same number of pages too - despite distributing my visuals and the different arrangement and formatting.

FURTHER READING


Designing the Editorial Experience: A Primer for Print, Web and Mobile
by Juliette Cezzar and Sue Apfelbaum



This book dealt with elements of editorial design and how they affect the design. First is the format, the way which the material is published, like in print, through a smartphone, laptop or PC. This section discussed common formats and their respective dimensions (magazines, digests, tablets, smartphones, etc). the second factor is time, and this is particularly important in the case of periodical publication. Time also affects the layout and arrangement - by the amount of time it would take a for reader to cover the material, for instance. They also talk about how the amount of time works for periodicals. The third element is identity which is created through the style and voice, typography, art and layout. Anatomy of the medium is another element that deals with various formats of publications and the various elements that would have to be included in each - digitally and in print. Typography is another important element in editorial design - choosing the right typeface, hierarchy, spacing, legibility, rhythm and pace in reading. The last element was layout - organising content and also space in a composition - the most fundamental principles of layouts being rhythm and flow, scanability and affiliation.