Brand Corporate Identity - Task 4/Brand Guidelines

Week 11-Week 13
Ye Xinyan / 0355096
Brand Corporate Identity/ Bachelor of Design (Honours) in Creative Media
Task 4/Brand Guidelines






Instructions

<iframe src="https://drive.google.com/file/d/1cSsjyTqso2h_cKWQcy4ui88TpJzCFJR4/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 0.0
Project Instructions



Lecture:

All Lectures have been completed in Task 1 , Task 2 and Task3.



Tasks

  • Create an e-book that covers the brand standards, including the applications (Task 3), visual guidelines (Task 2), and brand profile.
  • E-book size: 1366 x 768px.
  • Provide succinct explanations of the logo system under Visual Guidelines.
  • Should incorporate a text style, grid system, and appropriate images.


1) Visual References

Before I started Task 4, I looked for some inspiration on Pinterest and tried to find what I thought a design that would fit my branding philosophy would look like.

Fig. 1.1 
Reference Board

 

1) Margin & Layouts

Fig. 2.1
Margin and Columns Panel

In the beginning, I explored several layouts with different numbers of columns, trying to find the one that would work best with my brand.I always go with a 2.5cm margin as this is what I feel works best after trial and error.For my columns, I tried five and six because I wanted to better explore how my font would look in different numbers of columns.

Since my brand guidelines will also include additional visual references, after discussing with Miss Lilian, I decided to use a six-column grid system, which would also make my brand guidelines more refined and neat.

 
<iframe src="https://drive.google.com/file/d/1krQw5n8dw3GWmN4K7aKyFB3FNtLD4345/preview" width="640" height="480" allow="autoplay"></iframe>
Fig. 2.2
Margin&Columns Template


<iframe src="https://drive.google.com/file/d/1iy9R6E4TkJ_sL4pPeWtDMTGUZaYKbgDw/preview" width="640" height="480" allow="autoplay"></iframe>
Fig. 2.3 
Margin and Columns with text layout


1)Visuals & Design

In my brand guidelines, I make an effort to locate the ideal photos that go well with    the brand. In this manner, the brand image is accurately portrayed through the use of the relevant images and conveys the message the business wants to get across.

Fig. 3.1 
Visuals for Brand Guidelines

Week 11

I made a cover and outlined my brand brief for this week's attempt, complete with images I collected. We were instructed to create some navigation buttons for our interactive e-book in class.

  
<iframe src="https://drive.google.com/file/d/1L9bSSOpCWz6c2lvQIZ-sOgE7Y-FLdimm/preview" width="640" height="480" allow="autoplay"></iframe>
Fig. 3.2
Week 11 Progress

Week 12

Based on the feedback from week 11, I added a navigation system at the top and continued with the visual guidelines. I also changed some layouts and tweaked (darkened or lightened) the brand colors to fit better with the brand guidelines, as they didn’t work here, and I changed the body text font color to a dark purple to make it look more like my brand colors.And I completed the final Application.


<iframe src="https://drive.google.com/file/d/1AXiwqt0Jm5xNPS9AXxFsM1e70q2j222w/preview" width="640" height="480" allow="autoplay"></iframe>

Fig. 3.3
Week 12 Progress

Week 13

After Ms. Lilian's feedback, I realized that I didn't include a way to contact my brand in my closing. 

 
<iframe src="https://drive.google.com/file/d/1ARo3UbQ_xMBZQbPEqRd_pKvkIpBfrnCx/preview" width="640" height="480" allow="autoplay"></iframe>
Fig. 3.4
Week 13 Progress

For my navigation, I was told that the subheader on the connect page also needed buttons to be interactive, which I added in a timely manner.


FINAL OUTCOME 
 

<iframe src="https://drive.google.com/file/d/1ARo3UbQ_xMBZQbPEqRd_pKvkIpBfrnCx/preview" width="640" height="480" allow="autoplay"></iframe>
Fig. 4.1
Task 4- Brand Guidelines
(Interactive PDF)
Feel free to open in Google Chrome PDF viewer for better viewing

 Brand Guideline Link: 

https://indd.adobe.com/view/dc9f3905-9f88-4ff6-9778-d6e2725233ce

(Click to interact with PDF files)

<iframe style="border: 1px solid #777;" src="https://indd.adobe.com/embed/dc9f3905-9f88-4ff6-9778-d6e2725233ce?startpage=1&allowFullscreen=true" width="525px" height="371px" frameborder="0" allowfullscreen=""></iframe>


Feedback


-WEEK11
The brand characters are better suited for a six-column layout, which will look neater.Consider where the navigation buttons are arranged. The brand characters are better suited for a six-column layout, which will look neater.


-WEEK12
If the previous brand colors don't work here, add new brand colors and adjust the article layout. Change the navigation color to white. Note that GCB and CMYK colors are shown in the file. Try to adjust the brand pattern better.


-WEEK13
Add the contact us page at the end. The connect page subtitles need to add buttons one by one.

 


Reflection

-Experience

I gained a lot of knowledge and sharpened my InDesign recollections. While learning InDesign wasn't too difficult, I had to go through a few tutorials before I could convert my book to an interactive e-book. Before I figured out the answer, I attempted to boost the display resolution to the highest option after seeing numerous minor glitches and even experiencing some difficulty exporting because the images I first produced were always hazy.

-Observation

The group discussion was incredibly beneficial to me. By going over the kids' work and talking about what worked and what didn't, it helped me avoid making poor art.

-Findings

I found it very important to check the buttons thoroughly before exporting the file so that they link to the correct pages and there are no errors when clicking them. I need to be very careful with these buttons. This was a very interesting experience, combining the knowledge from previous courses to complete this course. Before I came across this course, I thought it would be boring. I also thank Ms. Lilian for her patience in discussing the shortcomings of my assignment with me.



Comments

Popular Posts