Publishing Design - Final Project
17/06/20 -15/07/20 (Week 10 - Week 14)
Sia Man Sheng
0333877
INSTRUCTIONS
INSTRUCTIONS
This project required us to generate an Ebook for an iPad reading purpose (1024 x 768). As we are working on a digital publication, therefore all the visuals made in project 1 should be all animated. The iPad layout should include a navigation bar.
Figure 1: First attempt/ iPad layout
Figure 20: Ipad layout/ second attempt
Figure 44: Pdf for pages
Figure 44: Pdf for thumbnails
Figure 44: Pdf for The Scars
Observations:
Findings:
10 Essential Tips for Creating eBooks (EPUBs) in InDesign by Grace Fussell
The contents of this article include tips on ebooks which I found to be interesting to read up on since we are creating an ebook for this final project.
- Adobe InDesign is always the book designers software of choice when it comes to print books. It also has a great ability for EPUB design that allows creating both fixed-layout and reflowable ebooks.
- When creating a standard reflowable EPUB book, we need to ensure facing pages box is unchecked.
- Most text-heavy books are set in a reflowable EPUB format. this format includes "live text" whereby you are able to highlight, select and search, as well as changing the size of the text. This forces the lines of text to expand and break to other lines to "reflow". This format offers flexibility in terms of font size and improving navigation.
- For a fixed layout EPUB, it has a "fixed" design and does not react responsively. Instead, it will appear as how it was intended by the designer. This format is more ideal when it comes to image-heavy ebooks and e-magazines.
- Size is important. If it's a reflowable EPUB, it is then designed to adapt to different screen size. However is it is a fixed layout, the particular dimensions need to be set accordingly.
- Exporting to EPUB Format. File > Export > EPUB. EPUB is said to be the best format for ebooks and since it doesn't need to be printed hence the production cost is low. Once it is done exporting, you can simply upload your book to online ebook stores.
Ipad Layout | first attempt | Week 10
Figure 1: First attempt/ iPad layout
Animation Progression | Week 10
After arranging layers by layers in Illustrators, it is then
imported into After Effects for animation purpose.
Figure 3: Arranging layers
After arranging layers by layers in Illustrators, it is then
imported into After Effects for animation purpose.
Figure 2: Arranging layers
Figure 3: Arranging layers
Figure 4: Animation progress
Figure 5: Animation progress
Figure 6: Animation progress
Figure 7: Animated GIF (week 100
Figure 8: Animated GIF (week 10)
Figure 9: Animated GIF (week 10)
Figure 10: Animated GIF (week 10)
Figure 11: Animated GIF (week 10)
Animation Progression | Week 11
This week I managed to finish up the rest of the animation excluding the cover.
Figure 12: Animated GIF (week 11)
Figure 13: Animated GIF (week 11)
Figure 14: Animated GIF (week 11)
Figure 15: Animated GIF (week 11)
Figure 16: Animated GIF (week 11)
Figure 17: Animated GIF (week 11)
Figure 18: Animated GIF (week 11)
Figure 19: Animated GIF (week 11)
Ipad Layout | second attempt | Week 12
This week adjustment is mainly on the typeface selection, Roboto is
selected as the body text typeface instead of Playfair Display.
selected as the body text typeface instead of Playfair Display.
Figure 20: Ipad layout/ second attempt
Animation Refining | Week 12
Some of the animations were being adjusted in this week just to fit the iPad layout.
Figure 21: Original GIF
Figure 22: Adjusted GIF
Figure 23: Original GIF
Figure 24: Adjusted GIF
Ipad Layout | third attempt | Week 12
Adjustment on the navigation bar has been made, reducing the size and using chapters as the indicator, with all the buttons functioning and the links in the references activated.
Figure 25: Ipad layout/ third attempt
FINAL OUTCOME
Animation:
Figure 26: Finalized Animation
Figure 27: Finalized Animation
Figure 28: Finalized Animation
Figure 29: Finalized Animation
Figure 30: Finalized Animation
Figure 31: Finalized Animation
Figure 32: Finalized Animation
Figure 33: Finalized Animation
Figure 34: Finalized Animation
Figure 35: Finalized Animation
Figure 36: Finalized Animation
Figure 37: Finalized Animation
Figure 38: Finalized Animation
Pages:
Figure 39: Pages
Thumbnails:
Figure 40: Thumbnails
Figure 41: Thumbnails
Figure 42: Thumbnails
Figure 43: Thumbnails
Pdf for pages:
Figure 44: Pdf for pages with guidelines
Pdf for thumbnails:
Epub:
Figure 44: Pdf for The Scars
FEEDBACK
Week 10
17/06/20
Specific feedback:
The caption for the images in the blog should be label as a figure or fig but no diagram. And the term "approach" use is wrong, should use the term "attempt". The iframe set for the pdfs could be wider. My way of exporting pdf is wrong in InDesign, should be export from the file-pdf preset-high quality print. Show the of the ebook at the end of the pdf.
The imprint looks tight. There is a river in the introduction. due to the not suitable typeface chosen on-screen, it makes the whole typesetting looks horrible, the kerning, rivers, leading are all terrible. I did try Georgia but it doesn't work better. Maybe should consider changing of another typeface after this. The subtext doesn't work in this composition, change the composition.
Week 11
24/06/20
Specific feedback:
The artwork looks good, parallax looks good, awesome and good. For the content, it should only have a very quick animation because the user may frequently come back and may cause frustration.
Week 12
01/07/20
Specific feedback:
The navigation bar and page number are too big. Chapter and 01 should be separated. The navigation content of "previous" and "next" does not help at all, it is useless, Mr Vinod suggest me to use chapters in the navigation bar instead. Indicating pages does not help. There is a river in chapter 02, fix it later.
Week 13
08/07/20
General feedback:
For the final reflection, if you think there is no enough time to write then can just put "will be written in 3 days". Please relook at all the previous reflections before as you may come out with different thoughts, it is not a must to be depth but is what different from the previous weeks.
Specific feedback:
The rollover button is good, good illustrations, Mr Vinod said I am good to go.
17/06/20
Specific feedback:
The caption for the images in the blog should be label as a figure or fig but no diagram. And the term "approach" use is wrong, should use the term "attempt". The iframe set for the pdfs could be wider. My way of exporting pdf is wrong in InDesign, should be export from the file-pdf preset-high quality print. Show the of the ebook at the end of the pdf.
The imprint looks tight. There is a river in the introduction. due to the not suitable typeface chosen on-screen, it makes the whole typesetting looks horrible, the kerning, rivers, leading are all terrible. I did try Georgia but it doesn't work better. Maybe should consider changing of another typeface after this. The subtext doesn't work in this composition, change the composition.
Week 11
24/06/20
Specific feedback:
The artwork looks good, parallax looks good, awesome and good. For the content, it should only have a very quick animation because the user may frequently come back and may cause frustration.
Week 12
01/07/20
Specific feedback:
The navigation bar and page number are too big. Chapter and 01 should be separated. The navigation content of "previous" and "next" does not help at all, it is useless, Mr Vinod suggest me to use chapters in the navigation bar instead. Indicating pages does not help. There is a river in chapter 02, fix it later.
Week 13
08/07/20
General feedback:
For the final reflection, if you think there is no enough time to write then can just put "will be written in 3 days". Please relook at all the previous reflections before as you may come out with different thoughts, it is not a must to be depth but is what different from the previous weeks.
Specific feedback:
The rollover button is good, good illustrations, Mr Vinod said I am good to go.
REFLECTIONS
Experiences:
I get to become more familiar with the After Effects, capturing all the techniques learnt in the previous semester, actually in the first semester(2 semesters before). After quite a long period and reuse all the knowledge again but the skill and knowledge I have now are different from me in the first semester. This is what I felt, I felt my improvement, can review my thoughts of me that time and has some more ideas came out with the basic techniques. The main thing is although when I still using the same techniques, but I was able to have more options of playing around with the animations, and able to see where could be done better and go learn the advanced skill from youtube.
Observations:
I found that the most inconvenient part is I don't have an Ipad but I need to design an Ipad layout. It is not the most challenging part but minor instead. Just can't get the idea of how big should I go for the visuals and text size. What I get to do is only get feedback from Mr Vinod, and then have a rough concept through his descriptions. Although this is struggling but appreciates what Mr Vinod has done of always willing to spend time ask us to send him file to view on his Ipad.
Findings:
I realized that I was really passionate at After Effects, it doesn't require much brain struggling(except in the ideation part), but after that are all with repeating mass amount of small settings on the animation. I enjoy doing this, and able to get some rest while doing this in this semester as other modules are really really heavy for me. This is the only project that made me able to stay up whole night without getting tired and continue with the class in the morning.
FURTHER READINGS
 |
- Adobe InDesign is always the book designers software of choice when it comes to print books. It also has a great ability for EPUB design that allows creating both fixed-layout and reflowable ebooks.
- When creating a standard reflowable EPUB book, we need to ensure facing pages box is unchecked.
- Most text-heavy books are set in a reflowable EPUB format. this format includes "live text" whereby you are able to highlight, select and search, as well as changing the size of the text. This forces the lines of text to expand and break to other lines to "reflow". This format offers flexibility in terms of font size and improving navigation.
- For a fixed layout EPUB, it has a "fixed" design and does not react responsively. Instead, it will appear as how it was intended by the designer. This format is more ideal when it comes to image-heavy ebooks and e-magazines.
- Size is important. If it's a reflowable EPUB, it is then designed to adapt to different screen size. However is it is a fixed layout, the particular dimensions need to be set accordingly.
- Exporting to EPUB Format. File > Export > EPUB. EPUB is said to be the best format for ebooks and since it doesn't need to be printed hence the production cost is low. Once it is done exporting, you can simply upload your book to online ebook stores.
Comments
Post a Comment