1 / 64

Design Basics & Network Branding Guidelines Manual

Design Basics & Network Branding Guidelines Manual . Overview. PART I – Design Basics History of our Brand Branding and Design Design Principles PART II – Network Branding Guidelines Draft vs. Final Branding Guidelines Manual– What Has Changed?

aine
Download Presentation

Design Basics & Network Branding Guidelines Manual

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Design Basics &Network Branding Guidelines Manual

  2. Overview PART I – Design Basics • History of our Brand • Branding and Design • Design Principles PART II – Network Branding Guidelines • Draft vs. Final Branding Guidelines Manual– What Has Changed? • What Elements/Visual Clues Make up Our New Brand? • The Branding Guidelines Manual in Practice • A Good Branded Example • Things to Avoid • Parting Thoughts

  3. PART I – Design Basics • History of our Brand • Branding and Design • Design Principles

  4. History of our Brand The 5 a Day Brand

  5. The Network’s Champions for Change Brand

  6. Branding and Design Big Picture… • Millions of dollars are being spent promoting our message; make it count. • With consistent brand implementation, each project benefits from the success of the previous one. • Each project is a building block of our larger Campaign. • Design is important. It influences retention and perception of the brand.

  7. Branding and Design Benefits What’s in it for you? • Recognition with a larger Program • Look Bigger than you are • Increase perceived credibility • Confidence in the effectiveness of your projects

  8. Context Branding and design are useless - If not steered by context. Consider: • How the message will be distributed • The venue and reading distance • Whether the audience is “captive” or the message is competing for attention • Know the target audience

  9. Design Principles • HIERARCHY – “Levels of Information” • WHITE SPACE – “Less is More” • ORGANIZATION – “Relationships” • TYPOGRAPHY – “Fonts and Spacing” • CONSISTENCY – “Cohesive Look”

  10. Hierarchy – “Levels of information” • Don’t let the consumer become overwhelmed. • Ensure the information is presented in stages. • How the information is read can and should be controlled. • Is the focus in the right place?

  11. Hierarchy Examples - Flyer

  12. Where do I look first? What is the take away message? Who is this from?

  13. A clear hierarchy pulls the reader into the flyer.

  14. You see the most important information first

  15. Mid-level information second

  16. If the viewer is interested enough to get close, the details are presented

  17. How you organize the information can ensure that you’re reaching the right audience. Trust that relevance and interest will draw the reader in to read all thesmaller details.

  18. Same Flyer design, but with the Network look & feel.

  19. White Space - “Less is More” • The absence of visual elements — direct the reader’s attention to the information • Allows the eye to rest • Less is more - too many elements becomes ineffective • The more type you have, the more white space you need • It might not be literally white

  20. White Space Examples - Newsletters

  21. Too much text!! …and a jammed page will be passed over.

  22. With ‘breathing room’… ……the reader can engage.

  23. Easy on the eyes, invites the reader in. Organized with good flow

  24. Same format using Network look & feel.

  25. Organization – “Relationships” • Unify, group, and distinguish information • Creating relationships with alignments

  26. Organization Examples - Invitations

  27. Too much information? Where do I find what I’m looking for?

  28. Same information with a structure. Reader can digest the information.

  29. Adapted from the same format… …to Network look & feel.

  30. Typography – “Fonts and Spacing” • Simple typography makes it easier for the viewer to engage in the material • Everything cannot be ‘equally important’ • Ensure fonts, sizes, and weights communicate the information well • Don’t let ‘fun’ fonts distract from the message • Avoid using WordArt – it’s hard to read and distracting

  31. Typography Examples - Flyers

  32. Too many fonts Fonts don’t match the message Type sizes don’t correlate to importance

  33. Simple and clean, lets the message get through Bold and strong font chosen for gym Only two type faces used from one font family Franklin Gothic –Bold and Regular

  34. Adapted from the same format to the Network look & feel.

  35. CONSISTENCY - “Cohesive Look” • Increases credibility and impact • Easier workflow process • Intentional connection to other projects • You can have a good design without consistency • You cannot have a strong brand without consistency

  36. Consistency Examples - Collateral

  37. Samples of good design from this presentation

  38. Good Design + Consistency = Brand Impact

  39. PART II – Network Branding Guidelines Manual

  40. Draft vs. Final Branding Guidelines Manual- What Has Changed? • Color Palette and Typography are Simplified • No longer tie colors to pillars • Typography is easier to follow • More Descriptive • Each section has more detail • Easier to put into practice • Better Organized • From strategy to tactics • Added Two New Pages • Copy Readability • Electronic Formats

  41. What Elements/Visual Cues Make up Our New Brand? • The operational elements below frame your projects and together form our brand • Language/Tonality • Logo Prominence • Use of White Space and Organic Flow • Consistent use of Colors(primary and complementary colors) • Imagery (photography, visual/graphic elements) • Typography

  42. What does our brand look like when you put all the elements together?

  43. What Does Our New Brand Look Like?

  44. How do I put this into practice?

  45. The Branding Guidelines Manual in Practice Language/Tonality • It’s not just what we say, but how we say it. • When writing copy – lead with passion and vision. • Present the Network as a “we” organization. Be inclusive and avoid sounding exclusive, authoritative, or preferential. • “Be Real” – emote confidence and a “you can do it” attitude. • Be inspirational, but don’t sugar coat the message. Remember-Copy should be written at a 5th grade literacy level Page9in manual

  46. The Branding Guidelines Manual in Practice Thematic Elements • White Space – roughly 20-50% of the page NOT occupied with words or images. • A page filled with wall-to-wall text or graphics appears busy, cluttered, and difficult to read. • Organic Flow – when text follows the organic shape of a knock-out photo it adds visual interest. • White space and organic flow together allow the readers eye to move freely through the page – less daunting, easier to read, and easier on the eyes. Page 12 in manual

  47. Wall-to-Wall Text Organic Flow White Space White Space/Organic Flow Examples

  48. The Branding Guidelines Manual in Practice Network Logo • Place the logo in a prominent position. • Use the full color logo on a white background whenever possible. • Do not distort the logo, place a box around the logo, or modify the logo in any way. • The minimum size of the logo is .75 inches for all printed materials. Page 13 in manual

  49. The Branding Guidelines Manual in Practice Network Logo, continued • Spanish logo is now FULLY TRANSLATED! • The new version of the Spanish logo should now be used on all Spanish materials. Page 13 in manual

  50. The Branding Guidelines Manual in Practice Network Color Palette • 9 colors in the full Network color palette • 4 primary colors Page 17 in manual

More Related