1.11.2022 - 25.11.2022 (Week 11 - Week 13)Chung Jia Xuan / 0346630
Publishing Design & Brand Corporate Identity / Bachelor of Design in Creative Media
Final Task: Ebook
INSTRUCTIONS
In this task, we were to create an Interactive Ebook. Ms Tai briefed us on the content to be included during class:
1. The brand
- Introduction
- Brand Story
- Target Audience
- Positioning Statement
- Brand Value and Brand Purpose
- Vision and Mission
- Introduction
- Unique Selling Proposition
- Brand Personaliy
- Product and Services (Optional)
2. Visual Guideline (From Task 2)
- Logo variation
- Clear space
- Typeface
- Colour
- Minimum Size
- Graphic Elements (Patterns)
- Logo Size
- Optional: Improper use of Logo
3. Brand Application (From Task 3)
- Corporate Stationary
- Collaterals
- Communications
- Environment
Below was my first attempt for ebook:
Our lecturers mentioned that the pictures we include in the ebook will highly affect the outcome of the ebook. We have to find pictures which are relevant to our topic and they must be in high resolution and match the theme of the ebook design. I spend a lot of time surfing on the web for suitable images for my ebook and make sure they are in high resolution.
After receiving feedback from Ms Tai, I continued to work on finalising the ebook.
Below is my second attempt for ebook:
I then showed it to Ms Tai during our Tutorial class for feedback and suggestions on my work. It is good that I have clear images for my ebook. Ms Tai has given some feedbacks for me to make some amendments on my ebook:
1. There are orphans and widows in the paragraphs. Try not to use Justify alignment on the texts.
2. Logo rationalisation is missing in section 2.
3. Try reduce the body text font size by 2-3 points as they look huge and might cover the nice pictures.
4. Reduce font type use to only one font type, the headings don't have to be in different font type, they can be modified into all caps to emphasise the topic.
5. Include one more slide to show the improper usage of logo.
6. Background for collaterals part can be more simple as the theme for the entire ebook is more to a clean design.
After making amendments based on the above feedbacks, I then work on all the buttons on my ebook.
 |
| Figure 1.0 Buttons and forms |
Below is my third attempt for ebook:
After adding all the buttons and navigations, I make use of the rollover function in the buttons tab to create more interactions such as the text appears smaller when the cursor is pointed at the text. Besides that, I've added the bullet points to each sub-sections for each chapter as the rollover effect.
 |
| Figure 2.0 Rollover effects |
Below is my forth attempt for ebook:
I've tried clicking one by one on the navigations and buttons and make sure they all works correctly. I realise there are still some mistakes after checking on the buttons. I then make changes to them.
Below is my fifth attempt for ebook:
I've also added some shadows effect when the cursor is pointed at the pets image and the logo to add more interactions for the reader. Besides that, I've also added the shadows effect to all the all 'next' buttons to make the ebook more interesting.
 |
| Figure 3.0 Cover page shadow effect |
 |
| Figure 3.1 Logo button shadow effect |
 |
| Figure 3.2 'Next' button shadow effect |
 |
| Figure 3.3 Navigation hover effects |
Final Submission
JPG:
 |
| Figure 3.4 Cover page |
 |
| Figure 3.5 Content |
 |
| Figure 3.6 The brand |
 |
| Figure 3.7 Introduction |
 |
| Figure 3.8 Vision & Mission |
 |
| Figure 3.9 Brand purpose |
 |
| Figure 4.0 Brand positioning |
 |
| Figure 4.1 Unique selling point |
 |
| Figure 4.2 Target audience |
 |
| Figure 4.3 Visual guidelines |
 |
| Figure 4.4 The logo |
 |
| Figure 4.5 Logo appearance |
 |
| Figure 4.6 Logo variations |
 |
| Figure 4.7 Logo type |
 |
| Figure 4.8 Logo color |
 |
| Figure 4.9 clear space |
 |
| Figure 5.0 Logo minimum size |
 |
| Figure 5.1 Logo space rationalisation |
 |
| Figure 5.2 Improper use of logo |
 |
| Figure 5.3 Graphic elements |
 |
| Figure 5.4 Applications |
 |
| Figure 5.5 Business card |
 |
| Figure 5.6 Invoice, letterhead & continuous sheet |
 |
| Figure 5.7 Envelope |
 |
| Figure 5.8 Gift bag |
 |
| Figure 5.9 T-shirt |
 |
| Figure 6.0 Shampoo |
 |
| Figure 6.1 Pet bowl |
 |
| Figure 6.2 Communication - Instagram |
 |
| Figure 6.3 Communication - Website |
 |
| Figure 6.4 Sign board |
 |
| Figure 6.5 Interior / waiting area |
 |
| Figure 6.6 Interior - waiting area |
 |
| Figure 6.7 Back cover |
Drive Link (Smaller file size):
(Use Google Chrome for smoother reading as Acrobat seems to be a little bit lagging)
PDF:
FEEDBACKS
Clarification: As I've notify all module lecturers earlier, my laptop was damaged by water and I've already sent it to repair but it is still not fixed yet, I have done everything I can to complete all the tasks. Also, due to this issue I could not show my work progress during class.
Week 11
General Feedback
When we're working on the file where we do our navigation, we should think about how it works. Then only we can start working on how the buttons are connected. Estimate the size of the text so that it is easy to read, but don’t make it too big.
Specific Feedback
As I was having technical issues (My laptop was broken), I did not have much progress for this week. I have only showed my overall layout to Ms Tai and she said that it was ok to continue to work on it and she cannot give much feedback as I have not done much for my ebook contents and design.
Week 12
General Feedback
The navigation shouldn't get in the way of the layout. For subheadings, use different fonts from the same family and put them next to the heading to keep people from getting confused about where they are. We have to keep this in mind when designing for the screen, we may may add appropriate elements but not too many. Make sure we have a typeface that works for both print and screen. Don't put the headline in the middle of your spread because the pictures can only go on the left or right. Think about how the pages of a book feel, that's how we should think about how we present information.
Specific Feedback
It is good that I have clear images for my ebook. Becareful with widows and orphans in the paragraphs and try not to use Justify alignment. Include 2 more slides for logo rationalisation and misproper usage of logo. Reduce the body text font size by 2-3 points so that they don't look too huge and cover up the nice pictures.
REFLECTIONS
After completing this task, I’ve learned a lot about building my brand guidelines and what should be included in it. Besides, my skills for using Adobe InDesign has improved a lot. I personally think that Buttons and forms function in InDesign is a great invention and I find it fun to learn and include them in my final task. It was a great experience creating my own ebook for the brand I’ve created in Brand Corporate Identity module in the past few months.
I’ve noticed that before we work on our navigation, we have to first think about how it works then only works on how each buttons connect to each other. Font sizes, colors and images used have to be carefully selected as they might ruin the reading experience. I’ve also realized that each steps in forming the brand guidelines are equally important and we do not skip any required steps to create a complete brand guidelines.
Throughout the final task, I’ve found that combining these two modules together for the final task is a good idea for us to understand more about what we are doing, for example we have to create an ebook for Publishing Design module regarding the brand we’ve created ourselves in Brand Corporate Identity module made us relate better to the ebook we’re creating, and also revised the important guidelines to be included in the ebook.
FURTHER READINGS
Brand Bible edited by Debbie Millman
 |
| Figure 3.4 Brand Bible book cover |
How does branding play a part in book design?
Every book cover has something to do with branding. If a book sells well, designers will automatically consider the cover to be successful. Once the book is given to the marketing department, they'll take the images use parts of them in ads and other forms of promotion. Whether it's in a three-by-three-inch ad space in The New Yorker or a full-page ad in the Sunday Book Review, that is when the designers know how important branding is in book design: being able to take the cover and chop it up into smaller pieces to use as a selling tool.
 |
| Figure 3.5 Book covers |
The book itself must be well-written, and the design must translate that for the reader, ensuring that the message is genuine and clear. The more attention a book can garner for its literary merits, the more readers will see the cover, and that's when a cover becomes important.
Identity Designed: The Definitive Guide to Visual Branding
 |
| Figure 3.6 Identity Designed book cover |
"As a rule, the experienced designer does not begin with some reconceived idea. Rather, the idea is (or should be) the result of careful observation, and the design a product of that idea.
- Paul Rand
Great brands are consistent. Consistency is often wrongly associated with sameness, but it can mean consistently distinctive and vibrant. That can be achieved simply by using a single typeface in a variety of ways, combining a distinctive palette with persuasive copy, crafting a more extensive unit of complementary elements, and doing many other things that help people remember a brand experience visually. When used correctly, design helps to turn potential buyers into loyal customers and advocates.
.png)
Comments
Post a Comment