Publishing Design - Final Project

22/10/2019 - 12/11/2019 (Week 09 - Week 12)
Kitty Lai Yung Syn (0331933)
Publishing Design - Final Project : Ebook

---

INSTRUCTION

PDF File 

---

FINAL PROJECT - EBOOK

I have used Adobe Animate to animate my GIFs for my ebook: Below are the progress and the final look of each animated GIFs.

Figure 1. Progress 1

Figure 2. Progress 2

Figure 3. Progress 3

Final look of animated GIFs:

Figure 4. Gif 1

Figure 5. Gif 2

Figure 6. Gif 3

Figure 7. Gif 4

Figure 8. Gif 5

Figure 9. Gif 6

Figure 10. Gif 7

Figure 11. Gif 8

Figure 12. Gif 9

Figure 13. Gif 10

Figure 14. Gif 11

Figure 15. Gif 12

Figure 16. Gif 13

Figure 17. Gif 14

Figure 18. Gif 15

Figure 19. Gif 16

Figure 20. Gif 17

Figure 21. Gif 18

Figure 22. Gif 19

Figure 23. Gif 20

Figure 24. Gif 21

Figure 25. Gif 22

E-book in printed book layout: 

Figure 26. Ebook (printed book layout) Best spread 1

Figure 27. Ebook (printed book layout) Best spread 2

Figure 28. Ebook (printed book layout) Best spread 3

Figure 29. Ebook (printed book layout) Best spread 4

Figure 30. Ebook (printed book layout) Bets spread 5

Ebook - Ipad version
After finishing the ebook in printed book layout, I starting doing the ipad version. For ipad version of ebook. I have decided to made some changes in the layout. In addition, button that links back to the cover and button for readers to select the chapter to proceed are made.

After finishing the whole thing, I wanted to publish online but my Indesign shown that it had an error occurred. So I tried on using the school desktop but the files could not be opened. Thus I could only upload the jpeg and pdf file.

Figure 31. Progress 1

Figure 32. Progress 2

Figure 33. Progress 3

Figure 34. Ebook Cover - (ipad version) 

Figure 35.  Best Spread (ipad version) - 1

Figure 36.  Best Spread (ipad version) - 2

Figure 37.  Best Spread (ipad version) - 3

Figure 38.  Best Spread (ipad version) - 4

Figure 39.  Best Spread (ipad version) - 5

Figure 38.  Back cover (ipad version)

These are the thumbnails in Jpeg:

Figure 39. Thumnail 1

Figure 40. Thumnail 2

Figure 41. Thumnail 3

PDF embedded Thumbnail

PDF Embedded Ipad version

---

FEEDBACK

Week 9
The second time of the book printed is also thick but Mr. Vinod said it's ok, move on to Ebook.

Week 13
I have issue on publishing my ebook and I could not insert my GIFs into Indesign. Mr Vinod suggested me to ask our seniors. After that I was able to insert my GIFs into Indesign.

---

REFLECTION

Experiences
I have experienced using Adobe Animate GIFs and how ebook was created. It was very fun and I was enjoying doing it. I have explored some skills while trying out to create GIFs with Adobe Animate which was my first time using Adobe Animate this semester.

Observations
I have observed that how people use different software to do their motion graphics on Youtube.

Findings
I found that I am very interested in exploring more to do motion graphics. Although I still don't know how to remove the white border around my GIFs and deadline is near, I will find out a way to solve it.

---

FURTHER READING

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

Content and Hierarchy:
The benefit of starting this way is that you can think about basic formal elements such as the form of the type, the degree of hierarchy, and the relationship of image to text in an atomic fashion, then build on the decisions you’ve made across grids and the opportunities presented by larger formats. Hierarchy, simply put, is making sure that different text or image elements are scaled according to importance so that a headline isn’t confused with a subhead, a subhead isn’t con-fused with a pull quote, and body copy isn’t confused with a footnote. Hierarchy is the most difficult to master on small handheld devices. Once the body copy itself is legible, making other elements such as head-lines visibly larger may test the limits of the viewing area. If there are several levels of hierarchy, the differences between them can be minimal, negating their ability to communicate different levels of importance. While it is sometimes difficult to make elements clearly different from each other, this contrast will make the copy readable and scannable. Similarly-sized elements often result in an undifferentiated, decorated mess.

Rhythm and Flow:
Once the visual and hierarchical elements of an editorial design begin to take shape, it is time to think about rhythm and flow. Rhythm is the pattern by which someone reads. Depending on the length, some copy is better read in small bursts with few characters to a line, while other kinds of content are more suited to containing full thoughts before breaking to the next line. Rhythm is almost impossible to achieve if it’s not backed by a system of column grids that begin with testing body copy at different sizes and widths. A broadsheet newspaper page can have up to eight columns; a magazine usually has two or three depending on the page; a tablet may have two or three when held horizontally and one or two when vertical; and a phone will almost always have only one. Where there are multiple options for column grids, there is more variety in layout: Images and text can span multiple columns, or different grids saved as master pages can be used for a variety of content. If you have not worked with grids before, it may be useful to scan some pages of publications to reveal their underlying grids and see where designers will also break them for emphasis or variety. Flow happens as a result of well-structured hierarchy and good rhythm. The reader needs to know where an article, section, or aside starts and stops, and should get a sense when reading a paragraph of text whether it is a continuation of content, new content but the same kind of topic, or a different kind of content entirely. All of this signaling is what editorial design is for, and if done correctly, this visual annotation will be read seamlessly and invisibly. There is no flow, however, when there are few visible markers, or when there are so many styles that it’s difficult to see what actually does belong together and what does not.