PUBLISHING DESIGN//TASK 3B
08.06.2022 -29.06.2022 (Week 11-Week 14)
Chaw Zhi Ting (0347344)
Bachelor of Design (Hons) Creative Media
Publishing Design// Task 3B Brand Guidelines
LECTURE:
LECTURE:
INSTRUCTIONS:
Task 3B//Brand GuidelinesThis is a collaboration project from Brand Corporate Identity. In this task, we are supposed to come out with a brand guideline in 1366px x768 px (single page).
INSTRUCTIONS:
This is a collaboration project from Brand Corporate Identity. In this task, we are supposed to come out with a brand guideline in 1366px x768 px (single page).
W10//ResearchBefore beginning to design my brand guideline, I did some research to get a better idea on what a brand guideline should look like. W10//Grid & Type SpecimenDraft at least 3 layouts and determine a suitable grid system a. Grid System b. Type Specimen (variation of typeface, point size, leading) c. Margin, spacing (Gutter)
Figure 2.1 Determining grid system, 1st June 2022Publishing Feedback: Grid No.2 looks okay, and the navigation bar should be outside the margin space—body text to have more gutter space and leading. May want to add left and right page buttons, content page and homepage in the navigation bar. Can proceed to do the first chapter.
Figure 2.2 Final Grid system.jpg, 1st June 2022Figure 2.2 Final Grid system, 1st June 2022W11//Draft layout
I started with the B&W version to plan the placement of navigation, heading, body text and images. My previous font choice is Cooper Black for the header and Monserrat family as my body text, but they don't look well when applied to that layout. Therefore, I decided to introduce a new brand typeface, Junegull (more rounded typography), for headings, representing the brand more. Figure 3.1 B&W Monserrat Family, 1st June 2022
Figure 3.2 Type Specimen Sheet, 1st June 2022
Figure 3.3 Final Type Specimen Sheet, 1st June 2022Figure 3.4 B&W Monserrat & Junegull, 1st June 2022W11-W13//Designing the layoutFigure 4.1 Layout #1, 6th June 2022Figure 4.2 Thumbnail #1, 6th June 2022
Figure 4.3 Layout #2, 15th June 2022
Figure 4.4 Thumbnail #2, 15th June 2022Figure 4.5 Layout #3, 20th June 2022
Figure 4.6 Thumbnail #3, 20th June 2022Thumbnail #3 seems better than the previous attempt. However, the cover doesn't seem to match the brand. So I decided to use back red-orange instead. For subpages, I decided to go with the one with a big heading to create variation. Figure 4.7 Final Layout, 20th June 2022Figure 4.8 Final Thumbnail, 20th June 2022[Progress] Design BreakdownNavigation
For navigation, Mr.Vinod advised us to put left and right buttons to ease the navigation. They are suggested to plan side by side to improve user experience. In the first attempt, I included 3 versions to adapt on different colour backgrounds 1) positive logo with black text, 2) positive logo with white text and 3) Reverse logo and white text on dark background. However, too much variation causes the brand guideline looks inconsistent. 
Figure 5.1 draft 1, 6th June 2022
Figure 5.2 draft 2 (Right align), 15th June 2022
Figure 5.3 draft 2 (Left-aligned), 15th June 2022
Figure 5.4 Circular navigation, 15th June 2022
Figure 5.5 Circular navigation 2, 15th June 2022
Figure 5.5 Final Navigation (Reverse colour), 15th June 2022
Figure 5.5 Final Navigation (Original colour), 15th June 2022Cover pageI was trying to create a different style of cover page that might work to represent the brand. The first impression is always essential. The initial drafts don't seem to be attractive and lack of character. Therefore, I tried several attempts with patterns and images. Lastly, I decided to keep it simple by using the wave pattern and enlarging the brand mascot.
Figure 6.1 Draft 1 cover, 6th June 2022
Figure 6.2 Draft 2 cover, 6th June 2022
Figure 6.3 Draft 3 cover, 15th June 2022
.png)
Figure 6.4 Draft 4 cover, 20th June 2022
Figure 6.5 Final cover, 28th June 2022Content page Below are some of the draft attempt and improvised version after feedback session from the lecturers
Figure 7.1 The word 'Cake' is confusing, 15th June 2022
Figure 7.2 Improvised version, 20th June 2022
Figure 7.3 Confusing colour page, 15th June 2022.png)
Figure 7.4 Colour page 2, 20th June 2022
Figure 7.5 Colour page (combined), 22th June 2022
Figure 7.6 'the word in the background looks complicated, 15th June 2022
Figure 7.7 Improvised version (separating detail & mock up), 20th June 2022Selection of Photography
To make the brand guide more lifely, I searched for relevant photos from Unsplash, Pexels and other sites. All the pictures used in brand guidelines are given credits in the right corner. Check out more photography I selected (OKEK Photo Album).
Figure 8.1 Photo 1, 18th June 2022
Figure 8.2 Photo 2, 18th June 2022
Figure 8.3 Photo 3, 18th June 2022InteractionAfter finalising the layout, I proceed with the interaction part. After watching the pre-recorded tutorial, I understand the way of doing buttons and rollover. I tried searching other resources and decided to try adding a pop-up window..png)
Figure 9.1 Mascot On Click & Link to Table of content, 25th June 2022
.png)
Figure 9.2 Pop-up tutorial by Chris Moreno Design, 25th June 2022I managed to do the pop-up effect. However, it is only workable when the PDF is downloaded, not working if the PDF is open using browser)..png)
Figure 9.3 Creating Pop-up in Brand Personality page, 25th June 2022
.png)
Figure 9.4 Text rollover, 25th June 2022Try different rollover effects and use the preview button to see the outcome and make sure it works..png)
Figure 9.5 Creating different rollover effects, 25th June 2022
Figure 9.6 Link the location, 25th June 2022
Figure 9.7 Link WhatsApp to phone number, 25th June 2022
Figure 9.8 Create an email draft, 25th June 2022.png)
Figure 9.9 Create simple website using google site, 25th June 2022
Figure 9.10 Link the website, 25th June 2022
Close to final submission (minimum rollover)
W10//Research
Before beginning to design my brand guideline, I did some research to get a better idea on what a brand guideline should look like.
W10//Grid & Type Specimen
Draft at least 3 layouts and determine a suitable grid system
a. Grid System
b. Type Specimen (variation of typeface, point size, leading)
c. Margin, spacing (Gutter)
Figure 2.1 Determining grid system, 1st June 2022
Publishing Feedback:
Grid No.2 looks okay, and the navigation bar should be outside the margin space—body text to have more gutter space and leading. May want to add left and right page buttons, content page and homepage in the navigation bar. Can proceed to do the first chapter.
Figure 2.2 Final Grid system.jpg, 1st June 2022
Figure 2.2 Final Grid system, 1st June 2022
W11//Draft layout
I started with the B&W version to plan the placement of navigation, heading, body text and images. My previous font choice is Cooper Black for the header and Monserrat family as my body text, but they don't look well when applied to that layout. Therefore, I decided to introduce a new brand typeface, Junegull (more rounded typography), for headings, representing the brand more.
I started with the B&W version to plan the placement of navigation, heading, body text and images. My previous font choice is Cooper Black for the header and Monserrat family as my body text, but they don't look well when applied to that layout. Therefore, I decided to introduce a new brand typeface, Junegull (more rounded typography), for headings, representing the brand more.
Figure 3.1 B&W Monserrat Family, 1st June 2022
Figure 3.2 Type Specimen Sheet, 1st June 2022
Figure 3.3 Final Type Specimen Sheet, 1st June 2022
Figure 3.4 B&W Monserrat & Junegull, 1st June 2022
W11-W13//Designing the layout
Figure 4.1 Layout #1, 6th June 2022
Figure 4.2 Thumbnail #1, 6th June 2022
Figure 4.3 Layout #2, 15th June 2022
Figure 4.4 Thumbnail #2, 15th June 2022
Figure 4.5 Layout #3, 20th June 2022
Figure 4.6 Thumbnail #3, 20th June 2022
Thumbnail #3 seems better than the previous attempt. However, the cover doesn't seem to match the brand. So I decided to use back red-orange instead. For subpages, I decided to go with the one with a big heading to create variation.
Figure 4.7 Final Layout, 20th June 2022Figure 4.8 Final Thumbnail, 20th June 2022
[Progress] Design Breakdown
Navigation
For navigation, Mr.Vinod advised us to put left and right buttons to ease the navigation. They are suggested to plan side by side to improve user experience. In the first attempt, I included 3 versions to adapt on different colour backgrounds 1) positive logo with black text, 2) positive logo with white text and 3) Reverse logo and white text on dark background. However, too much variation causes the brand guideline looks inconsistent.
For navigation, Mr.Vinod advised us to put left and right buttons to ease the navigation. They are suggested to plan side by side to improve user experience. In the first attempt, I included 3 versions to adapt on different colour backgrounds 1) positive logo with black text, 2) positive logo with white text and 3) Reverse logo and white text on dark background. However, too much variation causes the brand guideline looks inconsistent.
Figure 5.1 draft 1, 6th June 2022
Figure 5.2 draft 2 (Right align), 15th June 2022
Figure 5.3 draft 2 (Left-aligned), 15th June 2022
Figure 5.4 Circular navigation, 15th June 2022
Figure 5.5 Circular navigation 2, 15th June 2022
Figure 5.5 Final Navigation (Reverse colour), 15th June 2022
Figure 5.5 Final Navigation (Original colour), 15th June 2022
Cover page
I was trying to create a different style of cover page that might work to represent the brand. The first impression is always essential. The initial drafts don't seem to be attractive and lack of character. Therefore, I tried several attempts with patterns and images. Lastly, I decided to keep it simple by using the wave pattern and enlarging the brand mascot.
Figure 6.1 Draft 1 cover, 6th June 2022
Figure 6.2 Draft 2 cover, 6th June 2022
Figure 6.3 Draft 3 cover, 15th June 2022
.png)
Figure 6.4 Draft 4 cover, 20th June 2022
Figure 6.5 Final cover, 28th June 2022
Content page
Below are some of the draft attempt and improvised version after feedback session from the lecturers
Figure 7.1 The word 'Cake' is confusing, 15th June 2022
Figure 7.2 Improvised version, 20th June 2022
Figure 7.3 Confusing colour page, 15th June 2022
.png)
Figure 7.4 Colour page 2, 20th June 2022
Figure 7.5 Colour page (combined), 22th June 2022
Figure 7.6 'the word in the background looks complicated, 15th June 2022
Figure 7.7 Improvised version (separating detail & mock up), 20th June 2022
Selection of Photography
To make the brand guide more lifely, I searched for relevant photos from Unsplash, Pexels and other sites. All the pictures used in brand guidelines are given credits in the right corner. Check out more photography I selected (OKEK Photo Album).
Figure 8.3 Photo 3, 18th June 2022
Interaction
After finalising the layout, I proceed with the interaction part. After watching the pre-recorded tutorial, I understand the way of doing buttons and rollover. I tried searching other resources and decided to try adding a pop-up window.
.png)
.png)
I managed to do the pop-up effect. However, it is only workable when the PDF is downloaded, not working if the PDF is open using browser).
.png)
.png)
Try different rollover effects and use the preview button to see the outcome and make sure it works.
.png)
Figure 9.6 Link the location, 25th June 2022
Figure 9.7 Link WhatsApp to phone number, 25th June 2022
Figure 9.8 Create an email draft, 25th June 2022
.png)
Close to final submission (minimum rollover)
Figure 10.1 Minimum interactivity.pdf, 28th June 2022Figure 10.2 Version 1 Interactive Demo, 28th June 2022
Figure 10.1 Minimum interactivity.pdf, 28th June 2022
Figure 10.2 Version 1 Interactive Demo, 28th June 2022
FINAL DESIGN
FINAL DESIGN
-1.jpg)
Figure 11.1 Final Thumbnail 1, 28th June 2022
-2.jpg)
Figure 11.2 Final Thumbnail 2, 28th June 2022
-3.jpg)
Figure 11.3 Final Thumbnail 3, 28th June 2022
-4.jpg)
Figure 11.4 Final Thumbnail 4, 28th June 2022
-5.jpg)
Figure 11.5 Final Thumbnail 5, 28th June 2022
-6.jpg)
Figure 11.6 Final Thumbnail 6, 28th June 2022
-7.jpg)
Figure 11.7 Final Thumbnail 7, 28th June 2022
-8.jpg)
Figure 11.8 Final Thumbnail 8, 28th June 2022Figure 11.9 Final thumbnail without grid, pdf, 28th June 2022
Final 12.1 Thumbnail with grid 1, 28th June 2022
Final 12.2 Thumbnail with grid 2, 28th June 2022
Final 12.3 Thumbnail with grid 3, 28th June 2022
Final 12.4 Thumbnail with grid 4, 28th June 2022
Final 12.5 Thumbnail with grid 5, 28th June 2022
Final 12.6 Thumbnail with grid 6, 28th June 2022
Final 12.7 Thumbnail with grid 7, 28th June 2022
Final 12.8 Thumbnail with grid 8, 28th June 2022
-1.jpg)
-2.jpg)
-3.jpg)
-4.jpg)
-5.jpg)
-6.jpg)
-7.jpg)
-8.jpg)
Figure 11.9 Final thumbnail without grid, pdf, 28th June 2022
Figure 12.9 Final thumbnail with grid, pdf, 28th June 2022
Figure 12.9 Final thumbnail with grid, pdf, 28th June 2022
Page 1. Home page.jpg, 28th June 2022
Page 2. Cake image by u/Galaxy_Hitchhiking/reddit.jpg, 28th June 2022
Page 3. Table of contents.jpg, 28th June 2022
Page 4. About us.jpg, 28th June 2022
Page 5. Welcome to okek.jpg, 28th June 2022
Page 6. Our story.jpg, 28th June 2022
Page 7. Cake image.jpg, 28th June 2022
Page 8. Vision & Mission.jpg, 28th June 2022
Page 9. Target audience.jpg, 28th June 2022
Page 10. Celebrate with okek by Ivan Samkov.jpg, 28th June 2022
Page 11. Brand Purpose.jpg, 28th June 2022
Page 12. Tagline with photography, 28th June 2022
Page 13. Positioning Statement.jpg, 28th June 2022
Page 14. USP.jpg, 28th June 2022
Page 15. Brand Personality.jpg, 28th June 2022
Page 16. Baking cake.jpg, 28th June 2022
Page 17. Visual Guidelines.jpg, 28th June 2022
Page 18. Brand Purpose.jpg, 28th June 2022
Page 19. Logo variations.jpg, 28th June 2022
Page 20. Cake photography.jpg, 28th June 2022
Page 21. Logo clearspace.jpg, 28th June 2022
Page 22. Logo space rationalisation.jpg, 28th June 2022
Page 23. Logo minimum size.jpg, 28th June 2022
Page 24. Chocolate cake by Tuva Mathilde Løland/unsplash.jpg, 28th June 2022
Page 25. Logo Appearance.jpg, 28th June 2022
Page 26. Improper usage.jpg, 28th June 2022
Page 27. Typography.jpg, 28th June 2022
Page 28. Headline.jpg, 28th June 2022
Page 29. Body text.jpg, 28th June 2022
Page 30. Colour.jpg, 28th June 2022
Page 31. Logo colour.jpg, 28th June 2022
Page 32. Brand colour.jpg, 28th June 2022
Page 33. Photography.jpg, 28th June 2022
Page 34. Graphic Elements.jpg, 28th June 2022
Page 35. Applications. jpg, 28th June 2022
Page 36. Bakers photography. jpg, 28th June 2022
Page 37. Stationary subpage. jpg, 28th June 2022
Page 38. Business card. jpg, 28th June 2022
Page 39. Business card mock. jpg, 28th June 2022
Page 40. Letterhead. jpg, 28th June 2022
Page 41. Letterhead mock. jpg, 28th June 2022
Page 42. Continuation sheet. jpg, 28th June 2022
Page 43. Continuation sheet mock. jpg, 28th June 2022
Page 44. Invoice. jpg, 28th June 2022
Page 45. Invoice mockjpg, 28th June 2022
Page 46. Envelope. jpg, 28th June 2022
Page 47. Envelope mock. jpg, 28th June 2022
Page 48. Stationary flat lay. jpg, 28th June 2022
Page 49. Merchandise. jpg, 28th June 2022
Page 50. Loyalty card. jpg, 28th June 2022
Page 51. Pins. jpg, 28th June 2022
Page 52. Strawberry cake photography. jpg, 28th June 2022
Page 53. Greeting card. jpg, 28th June 2022
Page 54. Cake packaging. jpg, 28th June 2022
Page 55. Communication. jpg, 28th June 2022
Page 56. Website. jpg, 28th June 2022
Page 57. Website mock. jpg, 28th June 2022
Page 58. Phone App. jpg, 28th June 2022
Page 59. Phone App mock. jpg, 28th June 2022
Page 60. Social Media. jpg, 28th June 2022
Page 61. Social Media mock. jpg, 28th June 2022
Page 62. Environment. jpg, 28th June 2022
Page 63. Signage. jpg, 28th June 2022
Page 64. Storefront and interior. jpg, 28th June 2022
Page 65. Interior. jpg, 28th June 2022
Page 66. Subway stations. jpg, 28th June 2022
Page 67. Billboard. jpg, 28th June 2022
Page 68. Ending page. jpg, 28th June 2022
Page 1. Home page.jpg, 28th June 2022
Page 2. Cake image by u/Galaxy_Hitchhiking/reddit.jpg, 28th June 2022
Page 2. Cake image by u/Galaxy_Hitchhiking/reddit.jpg, 28th June 2022
Page 35. Applications. jpg, 28th June 2022
Page 36. Bakers photography. jpg, 28th June 2022
Page 37. Stationary subpage. jpg, 28th June 2022
Page 38. Business card. jpg, 28th June 2022
Page 38. Business card. jpg, 28th June 2022
Page 39. Business card mock. jpg, 28th June 2022
Page 40. Letterhead. jpg, 28th June 2022
Page 41. Letterhead mock. jpg, 28th June 2022
Page 42. Continuation sheet. jpg, 28th June 2022
Page 43. Continuation sheet mock. jpg, 28th June 2022
Page 44. Invoice. jpg, 28th June 2022
Page 45. Invoice mockjpg, 28th June 2022
Page 46. Envelope. jpg, 28th June 2022
Page 47. Envelope mock. jpg, 28th June 2022
Page 48. Stationary flat lay. jpg, 28th June 2022
Page 49. Merchandise. jpg, 28th June 2022
Page 50. Loyalty card. jpg, 28th June 2022
Page 51. Pins. jpg, 28th June 2022
Page 52. Strawberry cake photography. jpg, 28th June 2022
Page 53. Greeting card. jpg, 28th June 2022
Page 57. Website mock. jpg, 28th June 2022
Page 58. Phone App. jpg, 28th June 2022
Page 59. Phone App mock. jpg, 28th June 2022
Page 60. Social Media. jpg, 28th June 2022
Page 68. Ending page. jpg, 28th June 2022
FINAL SUBMISSIONS:
Figure 13.1 Final OKEK Brand Guideline (Interactive pdf), 28th June 2022Figure 13.3 Final Interactive Demo, 28th June 2022
Figure 13.1 Final OKEK Brand Guideline (Interactive pdf), 28th June 2022
Figure 13.3 Final Interactive Demo, 28th June 2022
Additional (Printed mock):
Figure 14.1 Brand Guidelines Mockup, 28th June 2022
Figure 14.2 Brand Guidelines inside page, 28th June 2022
FLIP HTML Book:
Figure 14.3 OKEK Brand Guidelines E-Book, 28th June 2022
Figure 14.3 OKEK Brand Guidelines E-Book, 28th June 2022
FEEDBACKS:
Week 10General FeedbackA navigation bar is important to navigate the reader, screen reading need to have larger text (16-17pt body text), and wider leading and gutter spaces. Watch the video and test out ability to do the interactive pdf. Duplicate another file to try out the links, rollover.Specific FeedbackGrid No.2 looks okay, and the navigation bar should be outside the margin space—body text to have more gutter space and leading. May want to add left and right page buttons, content page and homepage in the navigation bar. Can proceed to do the first chapter.
Week 11BCI: No class (Public holiday)Publishing class: General Feedback Make sure there's interactivity, variation and human connectionSpecific FeedbackAdd more imagery, introduce life into brand guides (Human connection)
Week 12BCI: Can be more naughty, think out of the box. Potential layout, and grid system looks okay. Navigation bar: its better without the shape, it's better to be free so we won't be worried when there's another image. Variation: can introduce a full image, to make it more fun and interesting. The idea of introducing the pattern is good. The typography and colour page are good.
Publishing class: General Feedback Remember design is a system. Begin text information, and apply knowledge learn in typography & previous exercise.Specific FeedbackHierarchy information, subheading left align looks better, it can be differentiated through the size and colour of heading. Maintain shape radius, the colour page it's better to use the circular and colour code like logo colour, the word 'colour' might be confusing. The pattern must not be too strong. The navigation bar can try adding a white gradient background so the navigation can maintain the original colour with black wording.
Week 13BCI: Better than last week, seem to have variation. From the options on the content page, choose the third option (Bigger heading), and can apply the wave pattern to other pages. Change the pt size font to differentiate body text and caption. The cover page and last page can remove the navigation. Remember to add credits to the picture used.
Publishing class: General Feedback Brand guideline is vital to provide necessary information, including size, font, point size. It's not just a presentation. Letterhead should include address line.Specific FeedbackMuch better than last week. Good photography selection, but try not to choose 'the whites' only. Try creating something fun with a roll-over (the logo change colour when the cursor touches the image). Good try on the show/hide button form. Content on the colour page can combine primary and secondary colours, utilizing the space. The last page can link accordingly, etc. google Maps.
Week 10
General Feedback
A navigation bar is important to navigate the reader, screen reading need to have larger text (16-17pt body text), and wider leading and gutter spaces. Watch the video and test out ability to do the interactive pdf. Duplicate another file to try out the links, rollover.
Specific Feedback
Grid No.2 looks okay, and the navigation bar should be outside the margin space—body text to have more gutter space and leading. May want to add left and right page buttons, content page and homepage in the navigation bar. Can proceed to do the first chapter.
Week 11
BCI: No class (Public holiday)
Publishing class:
General Feedback
Make sure there's interactivity, variation and human connection
Specific Feedback
Add more imagery, introduce life into brand guides (Human connection)
Week 12
BCI: Can be more naughty, think out of the box. Potential layout, and grid system looks okay. Navigation bar: its better without the shape, it's better to be free so we won't be worried when there's another image. Variation: can introduce a full image, to make it more fun and interesting. The idea of introducing the pattern is good. The typography and colour page are good.
Publishing class:
General Feedback
Remember design is a system. Begin text information, and apply knowledge learn in typography & previous exercise.
Specific Feedback
Hierarchy information, subheading left align looks better, it can be differentiated through the size and colour of heading. Maintain shape radius, the colour page it's better to use the circular and colour code like logo colour, the word 'colour' might be confusing. The pattern must not be too strong. The navigation bar can try adding a white gradient background so the navigation can maintain the original colour with black wording.
Week 13
BCI: Better than last week, seem to have variation. From the options on the content page, choose the third option (Bigger heading), and can apply the wave pattern to other pages. Change the pt size font to differentiate body text and caption. The cover page and last page can remove the navigation. Remember to add credits to the picture used.
Publishing class:
General Feedback
Brand guideline is vital to provide necessary information, including size, font, point size. It's not just a presentation. Letterhead should include address line.
Specific Feedback
Much better than last week. Good photography selection, but try not to choose 'the whites' only. Try creating something fun with a roll-over (the logo change colour when the cursor touches the image). Good try on the show/hide button form. Content on the colour page can combine primary and secondary colours, utilizing the space. The last page can link accordingly, etc. google Maps.
REFLECTIONS:
ExperienceThis task seems manageable as we already developed the content for our brand in the previous assignment. In the beginning stage, I had no idea about brand guidelines. After researching and looking at examples, I realized it's formal and reflects the company's professionalism. It was a relief that the final project for brand corporate identity and publishing was a collaboration project. It gave us more time to focus on the project and try out different options. Besides, I just figured out that InDesign has the opportunity to publish online and embed it. However, I did the demo video before I figured out this, so it has been recorded via the standard Acrobat reader. Anyways, I have fun doing the interactive buttons. I will continue exploring in the future.
Experience
This task seems manageable as we already developed the content for our brand in the previous assignment. In the beginning stage, I had no idea about brand guidelines. After researching and looking at examples, I realized it's formal and reflects the company's professionalism. It was a relief that the final project for brand corporate identity and publishing was a collaboration project. It gave us more time to focus on the project and try out different options. Besides, I just figured out that InDesign has the opportunity to publish online and embed it. However, I did the demo video before I figured out this, so it has been recorded via the standard Acrobat reader. Anyways, I have fun doing the interactive buttons. I will continue exploring in the future.
ObservationEach person may have different opinions on aesthetics. Lecturers will give feedback and comments, but sometimes we need to have more sensibility to criticize our work and provide a reasonable justification to support the choice. We need to take in others' feedback, but at the same time, we must have our interpretations and opinions. Through this project, I was trying to make the design look consistent, which caused the artwork to look predictable. I must be more creative and braver in trying something 'wow'. This might be challenging and requires a lot of practice in terms of conceptual thinking and enhancing technical skills.
FindingsBrand guidelines help content creators communicate a consistent message to the audience. It is essential to be consistent and provide guidelines based on the brand style to maintain specific design standards. I found out that it is not just something built for fun but requires paying attention to detail and a deep understanding of the brand. So we can provide a standard when it applies on different platforms and media.
Observation
Each person may have different opinions on aesthetics. Lecturers will give feedback and comments, but sometimes we need to have more sensibility to criticize our work and provide a reasonable justification to support the choice. We need to take in others' feedback, but at the same time, we must have our interpretations and opinions. Through this project, I was trying to make the design look consistent, which caused the artwork to look predictable. I must be more creative and braver in trying something 'wow'. This might be challenging and requires a lot of practice in terms of conceptual thinking and enhancing technical skills.
Findings
Brand guidelines help content creators communicate a consistent message to the audience. It is essential to be consistent and provide guidelines based on the brand style to maintain specific design standards. I found out that it is not just something built for fun but requires paying attention to detail and a deep understanding of the brand. So we can provide a standard when it applies on different platforms and media.
FURTHER READING:
A brand style guide helps represent the brand quickly, efficiently, and confidently produce collateral. The article shares six simple steps to create a successful brand style guide. First, to start with a great brand story. Second, generate logo guidelines to make sure it is recognizable. Include the brand's colour palette and indicate the typography hierarchy. Moving on, define the brand voice by suggesting keywords and specifying the imagery and patterns and photography that reflects the brand's visual style.
Every brand guide is unique, but they all help employees maintain brand consistency. This article explained about purpose and details of a brand guide. A brand guide maintains brand quality and ensures that any brand communication will look cohesive and professional. The brand guide and style guide is slightly different. A brand guide focuses on the overall look, feel, and visual identity. In contrast, a style guide focuses on writing and editing copy. According to Lucidpress, brand guidelines cover logos, fonts, colors, visuals, voice and tone, and other elements that make up a brand identity. Style guides include a brand’s story, philosophy, inspiration, and positioning statement.
More References:https://weandthecolor.com/adobe-indesign-template-brand-guide-book-layout/116661
https://the-dots.com/projects/brandart-brand-guidelines-print-design-and-marketing-442488
https://issuu.com/challengeforchange/docs/love_to_ride_brand_guidelines
https://www.julies.com.my/our-corporate-identity-guide/#dflip-df_1107/1/
https://drexel.edu/identity/administrative/incorrect-usage/
https://issuu.com/studiomilk.my/docs/brand_guideline-small
.png)
A brand style guide helps represent the brand quickly, efficiently, and confidently produce collateral. The article shares six simple steps to create a successful brand style guide. First, to start with a great brand story. Second, generate logo guidelines to make sure it is recognizable. Include the brand's colour palette and indicate the typography hierarchy. Moving on, define the brand voice by suggesting keywords and specifying the imagery and patterns and photography that reflects the brand's visual style.
.png)
Every brand guide is unique, but they all help employees maintain brand consistency. This article explained about purpose and details of a brand guide. A brand guide maintains brand quality and ensures that any brand communication will look cohesive and professional. The brand guide and style guide is slightly different. A brand guide focuses on the overall look, feel, and visual identity. In contrast, a style guide focuses on writing and editing copy. According to Lucidpress, brand guidelines cover logos, fonts, colors, visuals, voice and tone, and other elements that make up a brand identity. Style guides include a brand’s story, philosophy, inspiration, and positioning statement.
More References:
https://weandthecolor.com/adobe-indesign-template-brand-guide-book-layout/116661
https://the-dots.com/projects/brandart-brand-guidelines-print-design-and-marketing-442488
https://issuu.com/challengeforchange/docs/love_to_ride_brand_guidelines
https://www.julies.com.my/our-corporate-identity-guide/#dflip-df_1107/1/
https://drexel.edu/identity/administrative/incorrect-usage/
https://issuu.com/studiomilk.my/docs/brand_guideline-small
Comments
Post a Comment