Publishing Design - Task 3B

 

Week 9 -Week 13
Tai Tong En / 0363164
Publishing Design / Bachelor of  Design (Hon) in Creative Design 
Task 3B: E-Book-Brand Guideline

LECTURES

Lectures are done in Task 1 - Exercises


INSTRUCTION




WEEK 9

Task 3B - E-Book - Brand Guideline

1. Brand Guideline - Instruction
  • In this task will be required to adapt the printed book have designed for the purpose of on-screen reading or the like. 
  • The design of the digital publication will be dependent on the device it will be read from or the type of format used - ePub/PDF/HTML. 
  • Presently most digital books are in the ePub/eBook format (How To Create a Fixed Layout Ebook with
  • Adobe InDesign CC) or a PDF interactive. 
  • To explore and decide on an appropriate format subject to the task type or hardware used.
  • Focus on is navigation between pages; this has to be well thought through, as the user interface must not be an obstacle to seamless reading. 
  • Innovative use of the relevant features to increase engagement through interaction of the content is encouraged.

1.1 Brand Guideline - Contents

The content of this task is the same as that completed in another subject, that is - Brand Corporate Identity.

Content Including 
  • Brand Profile
  • Visual Guidelines
  • Applications
1) Brand Profile 
  • Brand Story
  • Vision & Mission
  • Target Audience
  • Brand Value
  • Unique Selling Point
  • Brand Positioning Statement
2) Visual Guideline 
  • Logo in Black & White
  • Logo in Reverse
  • Logo in Color
  • Logo Space Rationalization
  • Logo Clear Space
  • Logo with Strapline
  • Logo with Rationale
  • Logo Min. Size
  • Primary color & Secondary Color
  • Brand's Typefaces
  • Pattern Derived from Logo
3) Applications
  • Application
  • Collateral
  • Digital Presence
  • Environmental Graphic

References - Layout





Brand Guideline Grid - Indesign



WEEK 10 - WEEK 13

1. Progression of Brand Guideline - Indesign

1.1 Progression - Version 1 - Draft

In crafting the initial version of my brand guideline, I collated all necessary content and commenced arranging their approximate positions. Subsequently, I iteratively adjusted these elements to enhance the overall layout, aiming for a more appealing and organized appearance.

The design process faced several challenges, including limited documentation of development and an over-reliance on initial sketches, which hindered the clarity and depth of the final concept. The brand positioning slides lacked refinement, and the use of color block backgrounds failed to present content effectively. Additionally, there was insufficient understanding of the targeted audience and missing visual references for environmental graphics. The final artwork was inconsistent, relying on poor-quality mockups that didn't accurately reflect the brand identity. The overuse of typefaces disrupted visual coherence, particularly in the typesetting of the brand name, leading to a weak and incoherent brand identity throughout the project.













Version 1 (Before Feedback)


1.2 Progression in  Indesign - Improvement


















Version 2 (After Feedback)


1.3 Interactive

I added a navigation bar in the upper right corner of almost every side, with buttons for contents table, Chapter 1-Brand Profile, Chapter 2-Visual Guideline and Chapter 3-Brand Applications. There is a small graphic below, which is extracted from my logo. It is also a button that can navigate to the first page, which is the homepage. Then on the table of contents page, the subtitles attached to each title can also be navigated to the corresponding page. Therefore, whenever you want to repeatedly view the previous corresponding page, you can press the Contents button in the upper right corner to return to the table of contents, and then directly click on the attached page you want to go to in the table of contents.




WEEK 13

Final Submission - Task 4 - Brand Guideline

1. Final Submission - Thumbnail - JPEG

2. Final Submission - Thumbnail - PDF



3. Final Submission - Brand Guideline - PDF (Interactive)



4. Final Submission - Brand Guideline - JPEG






































5. Final Submission - Published Online



FEEDBACK

This task is in cooperation with the brand corporate idendity class, so when I consulted with Sir, the feedback he gave me was to replace Chapter 1, 2, and 3 of the original navigation with the title - BrandProfile, Visual Guideline and Brand Application. Sir explained that after reading it, he had forgotten the name of Chapter 1, 2, and 3. Additionally, since my main design and content are more in the center, Sir recommended that I relocate the navigation bar there as well. This will make it appear more organized and clean. Lastly, Sir offered advice on how to track and refine my entire text content.


REFLECTION

Experience 
This task, completed in conjunction with content from another subject, primarily focused on typography issues, which presented significant challenges. In my initial attempts, I felt the use of images failed to align with my brand, and the intended feeling was not conveyed. This misalignment resulted in an odd and disharmonious appearance, necessitating numerous changes to instill a sense of trust, particularly as my ideal cafe dining experience falls within the mid-to-upper price range.

To resolve this, I redesigned it with more sophisticated and unified design elements, such the "GREENFUEL" lettering around the leaves. Additionally, I discovered the interactive capabilities of PDFs during this project, which felt similar to designing a website. The ability to embed buttons and create navigation transformed the experience, making it seamless and intuitive. 

Observation
I’ve observed that the simpler the content, the more challenging it becomes to arrange effectively. When content is nearly identical across sections, such as 'Visual Guideline' and 'Applications,' it can feel monotonous and awkward during typesetting. Initially, these sections appeared straightforward, but arranging the content resulted in dull and disharmonious layouts.

To address this, I introduced subtle design elements that complemented the theme without overwhelming it, ensuring the layout remained visually engaging yet uncomplicated. This approach required considerable time and effort. Through experimentation, I found that embedding interactive features—like buttons—was surprisingly straightforward and significantly enhanced the user experience. Exporting the design as an interactive PDF gave it a website-like feel, allowing seamless navigation across pages with a click.

Findings
This task deepened my understanding of harmonizing text and visuals to effectively communicate the brand's emotions and messages. The layout plays a pivotal role in expressing a unique brand style. Even within a similar format, minor changes in layout can evoke vastly different emotions.

Establishing and adhering to a grid is essential for maintaining cleanliness, visibility, and readability. Additionally, generating diverse layout ideas is crucial to overcoming creative stagnation. While I encountered several challenges with the layout, persistent attempts eventually led to viable solutions. I often incorporated full-page images, as I believe they spark imagination by letting viewers interpret the visuals before reading the text. Pairing evocative images with relevant content themes creates a seamless transition, maintaining engagement and preventing monotony.


Comments

Popular posts from this blog

Publishing Design - Task 1

Publishing Design - Task 3A