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
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)
5. Final Submission - Published Online
GreenFuel’s Brand Guideline link:
https://indd.adobe.com/view/7b55af56-4134-4a3b-b7c3-c71d8ad6b924FEEDBACK
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
Post a Comment