Publishing Design | Task 3B

25/11/2024- 22/12/2024 / Week 11 - Week 13

Kerly Ooi / 0358726

Publishing Design / Bachelor of Design (Honours) in Creative Media / Taylor's University

Task 03(B) | E-Book

 INSTRUCTIONS

 

Task 3(B) – E-Book

Timeframe: Week 10 – Week 13

Submission Requirements:

  1. Instructions - attach MIB
  2. Layout inspiration - attach your references and ideation
  3. Complete thumbnail layout - attach pdf and jpeg
  4. Final Brand Guideline, PDF Interactive 
  5. Final Brand Guideline, JPEG - attach jpeg
  6. Feedback - from lecturer
  7. Reflection writing - write about your experience, observation and findings

TASKS

Research & Finding Inspiration 




Fig 2.1 Pinterest board



Initial layouts


Fig 2.2 Margins & Columns


Fig 2.3 Initial layouts for cover page 


Week 11 | Brand Guideline Draft (progress) 



Fig 2.4 Progression


Fig 2.5 Adding Navigation (Rollover effect)



Fig 2.6 Adding Animation




Fig 2.7 Video Showing the Interactive Elements & Animation




Fig 2.8 Progression

Week 12 | Brand Guideline Draft (progress) 



Fig 2.9 Progression

FINAL SUBMISSION

Complete Thumbnail layout









Fig 3.1 Complete Thumbnail Layout | JPEG


 

Fig 3.2 Complete Thumbnail Layout | PDF

Final Brand Guideline | InDesign Viewer

Link: https://indd.adobe.com/view/9ab97f84-6090-43ec-9950-f3d54268bb39


Final Brand Guideline | PDF Interactive

Fig 3.3 Final Brand Guideline | PDF

*Document is best viewed downloaded and on Google Chrome


Final Brand Guideline (JPEG)































































Fig 3.4 Final Brand Guideline | JPEG


FEEDBACK

Week 12
Exercises : 

Specific feedback : The overall composition looks great just needed to make some minor changes to it. Ensure that the cover page includes buttons for easier navigation.
  • For page 4, do make changes to the image alignment and make it visually harmony.

REFLECTIONS

Experience

It was a really interesting task to work on, bringing my brand into life and building further from the work done in Brand Corporate Identity. I can explore several design styles and further hone how my brand could be presented best to resonate with the audience. Besides, this was my first time of preparing an interactive document with navigation links between pages, which allowed the addition of dynamism and interactivity to the presentation. The process not only honed my design skills but also deepened my understanding of creating impactful and user-friendly brand materials.

Observation

One of the most challenging things in doing this project was to keep the overall design of the brand guidelines in perfect harmony with the identity of my brand. First, I did a very simple and rigid design, but then, by experimenting with different styles, I was able to develop a layout that is truly indicative of my brand's essence. The other important part of this process involved the comparing of various layout samples, helping me to review the flow of the content and ensuring that the visuals stay engaging and diverse. This allowed me to come up with a design that is representative of my brand but cohesive and visually appealing when reading.

Findings

While trying to create some variety in the way information is laid out across the chapters, I learned to hold onto a consistent visual identity for my brand. Too much variety, or even the slightest inconsistency, may disturb the flow of a book and make reading annoying. One of the main concerns for me while undertaking this exercise was to balance visual variety with brand consistency, so that the design was engaging but the presentation wasn't seamless and unified.


Comments

Post a Comment

Popular posts from this blog

Advanced Interactive Design | Task 1

Image
22/4/2025 - 13/5/2025 / Week 1 - Week 4 Kerly Ooi / 0358726 Advanced Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Task 1 | Thematic Interactive Website Proposal TUTORIAL / PRACTICAL WEEK 2 - Introduction to Adobe Animate Card title swf/ html (create new file) html 5 canvas 25 - 30 frames per sec new project (save as index) - upload to Netlify preview (command + return) vector / bitmap - (see pixels) WEEK 3  Animation tutorial square/ rec to circle fluid brush - tool panel- point selection original brush ( limited settings) compared to Fluid brush tool delete everything - double click keyframe (starts / ends) exp to include keyframe select one of the frame / insert, keyframe double click - create shape tween ease out - Quad to loop - publish settings - more settings - loop animations / command + enter Play with timeline break apart text - command + b / modify →break apart Exercise (countdown 10 - 1 ) Adobe Animate WEE...
Read more

Minor Project

Image
23/4/2025 - 1/8/2025 / Week 1 - Week 15 Kerly Ooi / 0358726 Minor Project / Bachelor of Design (Honours) in Creative Media / Taylor's University Final Compilation | Yubari (Expedio) INSTRUCTIONS   TASKS TASK 1 | PROPOSAL Group Formation | Week 1  On the first week, Mr Mike gave us a briefing of the project we will be carrying out in the next 14 weeks. We were instructed to form a group with people from different specializations and choose a topic from given topic lists for the project.  Below are the topics to choose from: WarisanXR Digital Hologram Experience WayangMind – Mindfulness Solution EXPEDIO Project: Self-Watering Pot & Mood Light CONTINENTAL TIRES Project (for SOE groups) IMPACT LAB: Edu4All – The Night School Project IMPACT LAB: Food Security and Nutrition – Food Aid Foundation IMPACT LAB: Innovation and Technology for Sustainable Hospitality and Tourism After reviewing the options, we were required to form groups of 6–7 members. My group decided to c...
Read more

Advanced Interactive Design | Task 2

Image
20/5/2025 - 10/6/2025 / Week 5 - Week 8 Kerly Ooi / 0358726 Advanced Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Task 2 | Interactive Design Planning & Prototype TUTORIAL / PRACTICAL WEEK 5  Modify - convert to symbol - make sure its graphic Graphic (colour in different keyframe etc) & Stage (change looping etc) Masking background (add frame & lock) / shape - two layers For shape - 20 keyframe - shape tweet right click layer 2 - choose mask   WEEK 6 (Online) - Button exercise  Ease out → Ease In (Quart effect) Movie Clip & Graphic (The differences) right click on the layer (new layer(actions)) - add wizard button → stop → this timeline →NEXT → with this frame → finish and add WEEK 7    INSTRUCTIONS   Students are required to work on their visual design and start planning their website’s interactive design elements and features. Unlike traditional static website, when it comes to i...
Read more