Publishing Design - Task 3(B) / EBook
12/6/2023 - 3/7/2023 (Week 9 - Week 13)
Anna Chin Siaw Fong / 0354370
Publishing Design / Bachelor of
Design (Honours) in Creative Media / Taylor's University
Task 3(B) /
EBook
LECTURES
Completed. Lectures 1 to 5 can be found in here.
INSTRUCTIONS
<iframe
src="https://drive.google.com/file/d/10XKEK_vN7gBE4ucT4afOC3AtJJFpuKbc/preview"
width="640" height="480" allow="autoplay"></iframe>
Task 3(B): EBook
Visual Research
Before starting my design, I went to Pinterest to look for inspiration for
brand guideline layouts.
Fig 1.0 Inspiration 1
Fig 1.1 Inspiration 2
Fig 1.2 Inspiration 3
Grid System
After drawing inspiration on pinterest, I kind of have a sense of
inspiration on how to brand guideline design. I started off by
determinig the grids for my brand guideline. I ended up choosing grid 3
as it suits my layout more. I tested it with text as well.
Fig 2.0 Grid 1
Fig 2.1 Grid 2
Fig 2.2 Grid 3
After determining my grids, I started off with figuring out the navigations
for my book.
Fig 3.0 Navigation bar ideas
Fig 3.1 Layout Attempt 1
<iframe
src="https://drive.google.com/file/d/1Au478lcdV5tyuayFxeEex_G4MZUPKARe/preview"
width="640" height="480" allow="autoplay"></iframe>
After receiving feedback from both Ms Lilian & Mr Vinod, I continued
working on my layout for my brand guideline. I also went with the first
layout for the table of content as Ms Lilian said that the use of white
space is good there. I made decided to have my navigation bar on the left
and make it like stickers as the style of the book I am going for is like a
journal with stickers. I also worked on my cover for my brand
guideline.
Fig 3.2 Cover 1
Fig 3.3 Cover 2
Fig 3.4 Layout Attempt 2
<iframe
src="https://drive.google.com/file/d/1RQYEKnU5s4ZzS5JcCgz86nfKE3obbcfY/preview"
width="640" height="480" allow="autoplay"></iframe>
After receiving feedback from Ms Lilian, I worked on my cover again. I also
continued on working on my layout for my brand guideline. I also start to
test out my navigation bar by making it into buttons and making my visual on
my book interactive.
Fig 3.5 Final Cover
Fig 3.6 Testing out navigation
Mr. Vinod advised me to colour coordinate my sections. Therefore, I used
purple of table of contents, pink for about us, blue for logo system and
orange for applications. At this stage, I was trying to figure out what is
the best way to layout my applications. I also removed the white border
behind my logos for my logo system section because it might confuse
readers as if it is part of my logo.
Fig 3.7 Layout Attempt 3
<iframe
src="https://drive.google.com/file/d/1NqAyESVbGTt3UDeCqM4Kiqck15GueOHh/preview"
width="640" height="480" allow="autoplay"></iframe>
As I continue to work on my layout, I also worked on the interactivity of
my brand guideline. I made my table of content into hoverable buttons to
go to the selected page. I also added information pop up, text rotate,
image zoom in, and image change interactive elements to my brand
guideline.
Fig 3.8 Hoverable Go to Buttons
Fig 3.9 Image change
Fig 3.10 Information pop up
Fig 3.11 Image zoom in
Fig 3.12 Text rotate
At this stage, I am already done with my layout. I just had to make some
minor changes based on the feedback from Ms. Lilian. After that, I
continued working on fixing my interactive elements on my brand guideline.
Fig 3.13 Near Final Layout Attempt
<iframe
src="https://drive.google.com/file/d/1aUNfaIjhqQfDgottDenNiTENISatKEWU/preview"
width="640" height="480" allow="autoplay"></iframe>
Interactive Elements
1. Previous Page, Next Page, Home Button
Fig 4.0 Previous Page, Next Page, Home Button
2. Hoverable Go to Buttons
Fig 4.1 Hoverable Go to Buttons
3. Image Change
Fig 4.2 Image Change
4. Image Zoom In
Fig 4.3 Image Zoom In
5. Information Pop up
Fig 4.4 Information Pop up
6. Text Rotate
Fig 4.5 Text Rotate
Thumbnail Layout
Fig 5.1 Thumbnail Layout (PDF)
<iframe
src="https://drive.google.com/file/d/1lP-DHeHJS1RR7sGJEpYSZswJlz9xjRJg/preview"
width="640" height="480"
allow="autoplay"></iframe>
Final Brand Guideline
*Document is best viewed using Google Chrome.
Fig 5.2 Final Brand Guideline (PDF)
<iframe
src="https://drive.google.com/file/d/1-ADhbEQw2Lshi4y4dU5oSaVBtXqV5nCW/preview"
width="640" height="480" allow="autoplay"></iframe>
Fig
5.3
Final
Brand
Guideline
(JPEG)
FEEDBACK
Mr. Vinod
REFLECTION
FUTURE READING
Week 11
Specific Feedback: Need to work on your navigation bar. Has clear
hierarchy of title and body text.
Week 12
Specific Feedback: Subtitles are a little too close to each other.
Navigation bar looks packed.
Ms Lilian
Week 11
- Hierarchy of information for cover not clear enough
- Can try to add pictures of people and not just body care products
- Pictures can be pasted into design like stickers
- Try out different navigation positions
- Can go with layout number #1 for table of content
Week 12
- Include some description for logo system
- Inverse the stickers
- Layout looks kind of stiff, maybe try introducting images with different size and shapes
Week 13
- Add navigations on the last page
- Pictures can be zoomed in more for applications
- Hover for billboard can follow hover for poster
- Put sample body text instead of sentences for each typeface
REFLECTION
Experience
Creating a brand guideline ebook for my brand, bubbles & cuddles, was a
challenging yet rewarding experience. My goal was to establish a
comprehensive guide that would ensure consistency and clarity in my brand's
visual identity and communication. However, I encountered some struggles
during the process, particularly when it came to figuring out the layout and
interactive elements of the book. I had a lot of trial and errors. I also
experimented with different techniques and approaches to find the right
balance between functionality and visual appeal.
Observation
I observed that designing an ebook requires a different approach compared to
a normal book. It is important to have clear and intuitive navigation within
an ebook. This is to ensure readers could easily navigate through different
sections and access the relevant information they need. I had to consider
the digital nature of the medium and find ways to create an engaging and
interactive experience for the readers.
Findings
I realized that it is important to have interative elements on my book. The
interactive elements are there to help readers to navigate through the book
and keep them engaged while reading it. Other than that, I discovered that
Adobe InDesign may not be the most ideal tool for handling interactive
elements. However, I try to find ways to make the best out of the available
resources and find workarounds to achieve the desired interactivity.
FUTURE READING
For future reading, I read about mistakes to avoid when creating a brand guideline. Link to the article can be found here.
Comments
Post a Comment