PUBLISHING II - FINAL PROJECT
(Week 10 - Week 13)
Ashila Putri Sandi (0332938)
Publishing 2: Mass Communication
Project 3: The Book. (Part 3: Digital Book)
iPhone Thumbnails
iPhone E-book
Week 8
Specific Feedback: After I showed my progression for the animated GIFs and my book cover, Mr. Vinod gave me feedback. He told me that the GIFs were good to go but I might want to emphasize some of my visuals to give them more depth. However, he said that the rest of the GIFs were good. For the title he wanted me to change my title from "Uncover: Self-discovery Journey" to "Uncover: A Journey of Self-discovery". Moreover, he suggested some new ideas for my cover, though I have shown him 3 options that I made before.
Week 9
Specific Feedback: I showed him the black and white mockup of my book. He said I needed to check part of visuals that were going to be folded. He told me to add some space. The typesetting was good to go, the text’s readable. For the e-book, he told me to get it done by that day and show him with the navigation.
General Feedback: Print the final mockup for our book with the chosen paper. Finalize the e-book with all the navigations and start doing the iPhone size e-book. Update blog and read the lecture notes in Times. Do not post the power point slide on our blog, we must summarize with our own words/understanding.
Week 10
Specific Feedback: I showed Mr. Vinod my e-book on the desktop size and also iPhone size. Both worked pretty fine accept I needed to change the spacing of my content page (iPhone size) and then add a rollover to my subtext. After actually testing it on my phone, it looked nice in terms of the layout, and the formatting.
Week 11
No feedback due to Deepavali Holiday
Week 12
Specific Feedback: Mr. Vinod told me to finish my blog by the following week. For the e-book, he told me to animate my cover both for desktop and iPhone.
General Feedback: Most of us were lacking on leading, ragging, and placement of images/illustrations. Make sure that all the embedded files on e-portfolio are working, refer to the senior's blog for e-portfolio submission.
FURTHER READINGS
Type on Screen by Ellen Lupton
DIGITAL PUBLISHING
On this book, it says that digital publishing has transformed readers into users who interact with content, responding to it in nonlinear, sometimes unsanctioned ways. Reading has never been a singular experience. It can be fast or slow, focused or distracted, public or private, print or digital.
An ePub is a standard format for representing and encoding and encoding digital content in a single packaged file that can be distributed and sold electronically. Although the popularity of ePubs is tied to the growing use of iPads, Kindles, and other devices, ePubs can be read with numerous reader apps created for desktops and mobile phones. In addition to ePubs, digital publications can take the form of web pages, PDFs, and custom apps enriched with multimedia content.
Different modes of publishing afford different modes of reading. Linear, selective, consultative, or informative reading each thrive best within certain kind of systems. A novel reads better within the linear flow of a Kindle app than in the busy framework of a web browser. By organizing the flow or reading, the designer can push users toward active searching, passive receiving, or spontaneous wandering. Designers understand that layout and structure play a role in how one reads; for readers, the effect may be more subconscious.
Layout Workbook by Kristin Cullen
TYPEFACE SELECTION
While choosing a typeface we must evaluate the purpose and longevity of the design. Once the function of the design is determined, select a range of serif and san serif type families, as well as display faces, considering historical and contemporary connotations. Moreover, when selecting typefaces, analyze the number of words, as well as the different kinds of textual content.
Legibility and readability are inherent in successful communication. Although the terms are used interchangeably, differences between them do exist. Legibility refers to the recognition of individual letterforms and their relative position to other letters in word formation. The design of the typeface determines legibility. An illegible typeface will not be readable. Readability refers to how typography is presented to the reader/viewer as words, lines, and paragraphs. It is influenced by the typographic arrangement, including line length, leading, and spacing. Readability is dependent on the designer and his or her ability to work with type effectively. If a text is unreadable, it is likely that is poorly composed or the typeface is illegible; its application needs reconsideration or new typeface should be chosen.
Macro and Micro Perspectives. A designer must approach the typographic layout with macro and micro perspectives. One deals with the overall design layout, whereas the other addresses its typographic intricacies. The macro view is concerned with the whole body of typography that makes up the design. Seeing all the content at once, the designer must establish the format of the composition as well as the typographic hierarchy and placement of elements. Within the big picture, each individual element needs attention. By taking a micro perspective, the designer concentrates on the typographic details, such as kerning, spacing, and ragging, to ensure a clean presentation and consistent application. The attention to details refines the type and contributes to the success of the whole. Be sure to pay equal attention to both macro and micro perspective (they are interdependent and equally important).
Ashila Putri Sandi (0332938)
Publishing 2: Mass Communication
Project 3: The Book. (Part 3: Digital Book)
LECTURE
Element
There are three major elements in publications. There are type, color, and image. Holding all the three elements together is the format and grid. From the lecture, it says that when using these 3 elements on a page within a grid system, it is important to not fall into the trap of predictability. We must try to create variation within the layout but at the same time maintaining consistency across the book.
These aspects keep certain areas fixed for example hang line, typeface, color, image style and such while creating variation in a combination of elements and variation within how it is arranged.
From this lecture, we can conclude that we should not be predictable while designing a book. Surprise the reader at every page turn. However, maintaining the specific aspect of the book is really important. Indirectly, it will show the reader how you want them to perceive your book. What kind of mood you want to communicate. What kind of style, layout, and feel you want them to tell.
" A good book takes its reader on a journey without the reader even knowing it."
INSTRUCTION
PROGRESSION
Animated GIFs
Animated GIFs
 |
| Fig 1.1 GIF 1 |
 |
| Fig 1.2 GIF 2 |
 |
| Fig 1.3 GIF 3 |
 |
| Fig 1.4 GIF 4 |
 |
| Fig 1.5 GIF 5 |
 |
| Fig 1.6 GIF 6 |
 |
| Fig 1.7 GIF 7 |
 |
| Fig 1.8 GIF 8 |
 |
| Fig 1.9 GIF 9 |
 |
| Fig 1.10 GIF 10 |
 |
| Fig 1.11 GIF 11 |
 |
| Fig 1.12 GIF 12 |
 |
| Fig 1.13 GIF 13 |
SUBMISSIONS
Desktop Version (1366 x 768)
E-book Desktop
Desktop Version (1366 x 768)
 |
| Fig 2.1 Desktop E-Book Thumbnails |
 |
| Fig 2.2 Desktop E-Book Thumbnails (2) |
 |
| Fig 2.3 Desktop E-Book Thumbnails (3) |
 |
| Fig 2.4 Desktop E-Book Thumbnails (4) |
 |
| Fig 2.5 Desktop E-Book Thumbnails (5) |
E-book Desktop
iPhone Thumbnails
 |
| Fig 3.1 Final Layout (1) |
 |
| Fig 3.2 Final Layout (2) |
 |
| Fig 3.3 Final Layout (3) |
iPhone E-book
FEEDBACK
Specific Feedback: After I showed my progression for the animated GIFs and my book cover, Mr. Vinod gave me feedback. He told me that the GIFs were good to go but I might want to emphasize some of my visuals to give them more depth. However, he said that the rest of the GIFs were good. For the title he wanted me to change my title from "Uncover: Self-discovery Journey" to "Uncover: A Journey of Self-discovery". Moreover, he suggested some new ideas for my cover, though I have shown him 3 options that I made before.
Week 9
Specific Feedback: I showed him the black and white mockup of my book. He said I needed to check part of visuals that were going to be folded. He told me to add some space. The typesetting was good to go, the text’s readable. For the e-book, he told me to get it done by that day and show him with the navigation.
General Feedback: Print the final mockup for our book with the chosen paper. Finalize the e-book with all the navigations and start doing the iPhone size e-book. Update blog and read the lecture notes in Times. Do not post the power point slide on our blog, we must summarize with our own words/understanding.
Week 10
Specific Feedback: I showed Mr. Vinod my e-book on the desktop size and also iPhone size. Both worked pretty fine accept I needed to change the spacing of my content page (iPhone size) and then add a rollover to my subtext. After actually testing it on my phone, it looked nice in terms of the layout, and the formatting.
Week 11
No feedback due to Deepavali Holiday
Week 12
Specific Feedback: Mr. Vinod told me to finish my blog by the following week. For the e-book, he told me to animate my cover both for desktop and iPhone.
General Feedback: Most of us were lacking on leading, ragging, and placement of images/illustrations. Make sure that all the embedded files on e-portfolio are working, refer to the senior's blog for e-portfolio submission.
REFLECTION
Experience
This project was relatively easier than the previous project because I've got all the content and the layout. I just had to re-create and mimicking the book layout and transfer it to the e-book. However, I had trouble placing my illustrations because all of them were made in a portrait size so It was hard to place it on Desktop size.
Observation
I observed that it was really important to test out our epub file on the actual device so we could see if the navigation worked or not. Not only that, but also the point size of the e-book, and the animation used. We need to think about the user experience as well when designing.
Findings
I found that quite satisfying when I actually tried out my e-books on desktop and iPhone and all the animation worked pretty well. Moreover, I felt like by updating my blog weekly, helped me a lot with all the workload and made me feel productive throughout the semester, and so that I could do it properly.
FURTHER READINGS
Type on Screen by Ellen Lupton
DIGITAL PUBLISHING
On this book, it says that digital publishing has transformed readers into users who interact with content, responding to it in nonlinear, sometimes unsanctioned ways. Reading has never been a singular experience. It can be fast or slow, focused or distracted, public or private, print or digital.
An ePub is a standard format for representing and encoding and encoding digital content in a single packaged file that can be distributed and sold electronically. Although the popularity of ePubs is tied to the growing use of iPads, Kindles, and other devices, ePubs can be read with numerous reader apps created for desktops and mobile phones. In addition to ePubs, digital publications can take the form of web pages, PDFs, and custom apps enriched with multimedia content.
Different modes of publishing afford different modes of reading. Linear, selective, consultative, or informative reading each thrive best within certain kind of systems. A novel reads better within the linear flow of a Kindle app than in the busy framework of a web browser. By organizing the flow or reading, the designer can push users toward active searching, passive receiving, or spontaneous wandering. Designers understand that layout and structure play a role in how one reads; for readers, the effect may be more subconscious.
Layout Workbook by Kristin Cullen
TYPEFACE SELECTION
While choosing a typeface we must evaluate the purpose and longevity of the design. Once the function of the design is determined, select a range of serif and san serif type families, as well as display faces, considering historical and contemporary connotations. Moreover, when selecting typefaces, analyze the number of words, as well as the different kinds of textual content.
Legibility and readability are inherent in successful communication. Although the terms are used interchangeably, differences between them do exist. Legibility refers to the recognition of individual letterforms and their relative position to other letters in word formation. The design of the typeface determines legibility. An illegible typeface will not be readable. Readability refers to how typography is presented to the reader/viewer as words, lines, and paragraphs. It is influenced by the typographic arrangement, including line length, leading, and spacing. Readability is dependent on the designer and his or her ability to work with type effectively. If a text is unreadable, it is likely that is poorly composed or the typeface is illegible; its application needs reconsideration or new typeface should be chosen.
Macro and Micro Perspectives. A designer must approach the typographic layout with macro and micro perspectives. One deals with the overall design layout, whereas the other addresses its typographic intricacies. The macro view is concerned with the whole body of typography that makes up the design. Seeing all the content at once, the designer must establish the format of the composition as well as the typographic hierarchy and placement of elements. Within the big picture, each individual element needs attention. By taking a micro perspective, the designer concentrates on the typographic details, such as kerning, spacing, and ragging, to ensure a clean presentation and consistent application. The attention to details refines the type and contributes to the success of the whole. Be sure to pay equal attention to both macro and micro perspective (they are interdependent and equally important).
Comments
Post a Comment