30/10/17 - 20/11/17 (Week 9 - Week 12)
Agustin Wijaya (0327453)Publishing II : Mass Communication
Final Project
Instructions
Progressions
Animated .gifs
As we began by completing the e-book until the end of the first chapter, these are the some of the .gifs I worked on.
 |
| Figure 1. E-book Cover .gif Trial |
 |
| Figure 2. .gif Trial |
 |
| Figure 3. .gif Trial |
Revised and Finalised .gifs
 |
| Figure 4. Desktop Version Cover |
 |
| Figure 5. Spreads .gif (1) |
 |
| Figure 6. Spreads .gif (2) |
 |
| Figure 7. Spreads .gif (3) |
 |
| Figure 8. .gif (1) |
 |
| Figure 9. .gif (2) |
 |
| Figure 10. .gif (3) |
 |
| Figure 11. .gif (4) |
 |
| Figure 12. .gif (5) |
 |
| Figure 13. .gif (6) |
 |
| Figure 14. .gif (7) |
 |
| Figure 15. .gif (8) |
 |
| Figure 16. .gif (9) |
 |
| Figure 17. .gif (10) |
 |
| Figure 18. .gif (11) |
 |
| Figure 19. .gif (12) |
 |
| Figure 20. .gif (13) |
 |
| Figure 21. .gif (14) |
 |
| Figure 22. iPad Cover |
 |
| Figure 23. iPhone Cover |
 |
| Figure 24. Spreads .gif (iPhone) |
 |
| Figure 25. .gif iPhone (1) |
 |
| Figure 26. .gif iPhone (2) |
Considering it's an interactive e-book, I then added more illustrations in some pages and come out with 3 different buttons.
 |
| Figure 27. Added Illustrations (1) |
 |
| Figure 28. Added Illustrations (2) |
 |
| Figure 29. 'Back to Content' Button |
 |
| Figure 30. 'Next Page' Button |
 |
| Figure 31. 'Previous Page' Button |
Desktop Version
Out of the most 3, we had our most progression on the desktop version.
 |
| Figure 32. First trial for the first chapter in thumbnails |
 |
| Figure 33. First trial for the whole e-book in Thumbnail (1) |
 |
| Figure 34. First trial for the whole e-book in Thumbnail (1) |
Final Submissions
Desktop Version (1366x768 px)
Final Thumbnails
 |
| Figure 35. Desktop Version Thumbnails (1) |
 |
| Figure 36. Desktop Version Thumbnails (2) |
Online Version
Link here
Final Thumbnails
 |
| Figure 37. iPad Version Thumbnails (1) |
 |
| Figure 38. iPad Version Thumbnails (2) |
 |
| Figure 39. iPad Version Thumbnails (3) |
Online Version
Link here
Final Thumbnails
 |
| Figure 40. iPhone Version Thumbnails (1) |
 |
| Figure 41. iPhone Version Thumbnails (2) |
Online Version
Link here
Downloadable files for Desktop, iPad & iPhone here
Feedback
Week 8
Specific Feedback
Colour Mockup : Cover is not bad but not good either, be more expressive with the type. The placement of the title looks rigid. Boxes of half or 3/4 doesnt work, take it off. You can put it beside the half title or full title, play with it. Some placement of visuals shall be taken note to enhance readability. References shall be added more to show that you do your research. Picture is better to come out with a better resolution but it's actually okay.
E-Book : Point size is okay but not the leading, increase the pt size. Explore more. Animation looks so harsh and you can play with it more. EXPLORE.
Week 9
Specific Feedback
Book : Author and Publication in the cover point size should be decreased. Overall layout is okay, it's just that the type doesn't portray the personality of your illustrations.
E-book : .gif cover is still looking jagged, increase the amount of frames then decrease the frame rate. A button that will lead to the next page in the cover? Interactivity of the book is art form of the book, do explore more and reconsider. Animations are predictable, explore more as thinking is advisable. Some pages could add up illustrations to make it not so empty.
Friday Class : it's there, but make the animation smoother. some gifs are fine, some not. do consider the placement of the navigation of every page - it's the interactivity of ebook which is important. do finish the whole desktop on monday, iPad and iPhone if possible.
General Feedback
Paper weight shall be considered, dont make it so thin; this make it seems like it's part of the content instead of the cover.
Week 10
Specific Feedback
Ebook (Desktop) : Navigation button is too big, make it smaller. Remove the white background by saving it to .png. Instead underline, use different colour to indicate them with the subtexts - and have it rollover with the darker colour. Have the gifs keep on playing. Exact links on the references. Attach page number.
Blog : Put the text formatting in the exercise too - and attach it ahead from the illustration progressions and all because it is divided to two different parts. The form and movements has only have one colour, remove the others.
Week 11
Specific Feedback
Blog : Revise what I've said last week. Make a .gif for the form and movement exercise.
E-Book (iPhone) : text is too tight, point size & navigation button is too small. Do take note the leading and paragraph spacing of book - ebook in desktop, iPad, iPhone, sizes are different. What matters is the legibility and readability, illustrations is not necessary to be attached if it's too tightening - you can put it in the next page instead. Be CONSISTENT towards the placement of the subtexts.
Week 12
Specific Feedback
E-book : content animation could be faster and have all of the contents come out all in one so readers won't have to wait for so long. Button 'back to content' - have it << instead of <<<. page 15 is slow, please work it out. Activate the links for references. Have the subtexts more interactive - appear when it's clicked/rollover then go when it's roll off?
General Feedback
Now that you guys submitted your work, focus on your e-portfolio and portfolio.
Reflection
Experience
I would say that I experience a lot of new things this project. As stated in the brief that it's a digitalised book, we were required to adapt the book we designed in the previous project into desktop, iPad and iPhone version. I wasn't as skilled in InDesign but this project has brought my skill towards this particular software to at very least a step forward - its animation, button to hyperlink features were actually cool and I had fun exploring with it. Animating my illustrations weren't an easy thing as there are many things to consider as told by the lecturer. Adapting the content of the book to these 3 different platforms, too, different sizes of screens shall be treated differently as well, especially the adaptation between desktop to iPhone. To conclude, the past 3-4 weeks weren't a smooth one but worth the process. I've explored, encountered, and learned a lot of new things.
Observation
I've observed that the project started early because the project is considered quite tough due to the new features we haven't encountered before, which is good. I noticed that my classmates weren't fond of these features too that we tend to ask each other about this and that, which is good too, that we help each other. HAHA although, I've realized that the class atmosphere was intense and down mostly, mainly because the limited consultation had and exhaustion we felt - or maybe it's just me.
Findings
I found out that as sizes of screens are different, the leading and paragraph spacing should be applied in different sizes too. I again reminded that typography is one of the most important things that shall be taken in a careful manner in this project because all in all, the readability and legibility has and always been important in either making a book itself or digitalised version of it. Layout is another thing to be considered in order to enhance the readability and legibility.
Picture Credits
Figure 1-41 Personal Documentation
No comments:
Post a Comment