Week 11-Week 13
Ye Xinyan / 0355096
Brand Corporate Identity/ Bachelor of Design (Honours) in
Creative Media
Task 4/Brand Guidelines
<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.
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
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.
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
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.
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.
Add the contact us page at the end. The connect page subtitles need
to add buttons one by one.
-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
Post a Comment