3M Brand Identity System © 3M 2007. All Rights Reserved.

Slides:



Advertisements
Similar presentations
YEARBOOK Layout and Design.
Advertisements

Definition: The arrangement of elements within a frame
Effective Design Strategies Tips for awesome layouts.
Choose the Proper Screen-Based Controls
Unity Gestalt Space Dominance Hierarchy Balance Color Part.
Visual Design Principles The recipe to creating good graphic content!
Training on how to use. Identity of BEST Why do we need that? – To keep our standards – To make a strong group – To be easily and widely recognised –
The four basic principles of design
How to Create a Professional Magazine Layout Handout-16.
Chapter 4 Adding Images. Inserting and Aligning Images Using CSS When you choose graphics to add to a web page, it’s important to use graphic files in.
3M Brand Identity System © 3M All Rights Reserved. 3M Brand Identity System.
3M Brand Identity System Montage Tutorial
WHAT MAKES A GOOD PHOTOGRAPH? Composition. The selection, placement and arrangement of subjects within the picture area Means “putting together” Organization.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Principles of Graphic Design
Design Principles 3.02 Understand business publications Slide 1.
C.R.A.P.   Color balance : The colors of the entire illustration- grey, black, white and the contrast orange, seem like they were chosen without much.
Elements of Art.
Use a Large Bold Type for the Main Title Use Smaller Type for the Subtitle. Above type is 96 pt, this type is 66 pt Make Authors’ names smaller. This is.
Make the Main Title with Large Bold Type Your Name and Title Here Your Department Here Texas A&M Health Science Center Make the Main Title with Large Bold.
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
Advertising & Illustration Foundations Formal Elements of Graphic Space.
Beginning Photography
PRINCIPLES OF DESIGN © Patrick Morgan An Introduction to the.
Six Principles of Good Design
Principles of Design.
Creating Good Presentations. Planning a Presentation (Remember all the things you learned in speech class) PowerPoint as a Visual Aid (Remember all the.
Elements and Principles of Art and Design “ The building blocks and how we use them ”
Design Project 1 (Part 3): Abstraction Using Line and Shape Delivered by Mohammad Zikky, M.T Multimedia Creative Department, EEPIS Surabaya Visual Design.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
PRINCIPLES OF DESIGN.
Photography Composition using the Elements and Principles of Art
INTRODUCTION Basic Design Principles Proximity Visual Hierarchy Visual Hierarchy Symmetry / Asymmetry Symmetry / Asymmetry Repetition Unity Contrast.
The Art of Graphic Design
Design Elements and Principles
The purpose of photography is to take a photograph interesting enough that other people want to see it.
Visual Design Principles
The basic Principles of Design The following is a brief overview of the principles of design. Although they are discussed separately, they are really interconnected.
Technological Design Effective Logos.
photographer’s ability to create an image that intrigues & interests the viewer enough so they continue looking, examining, and/or interpreting the image.
Visual Glossary Media Studies. Masthead: A masthead is a graphic image that is often found at the top of a newspaper or magazine page. The masthead may.
Design Principles EDUC 6307: Design of Print Based Media Summer 2009 Ranelle Woolrich.
Basic Principles of Design. Design Basics Content & Form Content: subject matter, story, or information to be communicated to the viewer. Form: purely.
Personal Logo Cover Design Introduction Unit Place all work from this assignment behind the Introduction divider page.
Posters, Magazines, Websites
Design Principles 3.02 Understand business publications Slide 1.
Design Principles 5.01 Understand business publications Slide 1.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
The Elements of Art & Principles of Design 3-D Design 1.
TGJ3M1 COMMUNICATIONS TECHNOLOGY DESIGN AND LAYOUT PRACTICES - USING PHOTOSHOP ELEMENTS LESSON: ALIGNMENT.
(c) Charlotte Holland DCU ES318 Creative Instructional Design (Graphic Design, with a Focus on Accessibility)
Composition & Elements of Art and Principles of Design A artists toolbox.
The Principles of Design Learn how to create and introduce graphic designs in terms of graphic design principles.
Permeability (% of Control)
Permeability (% of Control)
Design Logo.
Section 7.1 Section 7.2 Identify presentation design principles
Creative Layout Ideas.
Unit 2: Identifying design elements when preparing graphics
Basic Principles of Layout
Elements and Principles of Art and Design
Elements and Principles of Art and Design
Layout & Design.
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
Elements and Principles of Art
Unity.
Use a Large Bold Type for the Main Title (80 pt):
Permeability (% of Control)
Permeability (% of Control)
Presentation transcript:

3M Brand Identity System © 3M All Rights Reserved.

2 3M Brand Identity System © 3M All Rights Reserved. Overview Strategy & Planning  3M brand identity system overview  Benefits of the 3M brand identity system  Checklist for a successful start Building the 3M Montage  3M montage design overview  3M montage design elements  Effective vs. ineffective 3M montages  Examples gallery

3 3M Brand Identity System © 3M All Rights Reserved. 3M Brand Identity System Overview Corporate Focus Consistent placement of the 3M Red logo on a white background and specific typography are the core elements defining the 3M brand. Business Focus The montage field allows individual businesses, brands or products to differentiate by expressing their key messages and unique value propositions, while still maintaining a connection to the 3M brand. White Background In most cases, the white background is shown above and below the montage field. Typography Helvetica Neue Condensed is the primary font. 3M Logo The logo is always 3M Red. Montage Field: Relevant images of people, products and patterns Overlapping translucent shapes Radius corner Axis lines Two part montage messaging type

4 3M Brand Identity System © 3M All Rights Reserved. Benefits of the 3M Brand Identity System  Company-wide consistency  Global recognition  Building business faster and more efficiently  Flexibility  Spending resources on appropriate imagery and extended marketing tactics

5 3M Brand Identity System © 3M All Rights Reserved. Checklist for a Successful Start Before designing a 3M montage:  Analyze your competition and differentiate  Align to your business, brand or product’s value propositions  Establish relevant key messages  Create imagery that best portrays your business, brand, product or service  Complete a Creative Brief  Work with an experienced design team

6 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Overview Criteria for 3M montage designs are:  One main point of visual focus  Message or benefit should be short and powerful  Imagery should be relevant and support the message  Singular harmonious color scheme  Overlapping shapes and color breaking out of the horizontal plane  Final solution should be fresh and visually engaging  Limit the number of visual elements  The 3M montage design is not simply placing multiple images in boxes.

7 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Elements The 3M montage design elements are:  Grid  Shape  Radius Corner  Axis Lines  Color  Imagery  Montage Messaging Type > Click through the next slides to see more information about each element.

8 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Elements Grid  All 3M montage designs begin with a grid.  The purpose of the grid is to enable the composition of the montage to achieve a sense of proportion and cohesiveness.  The example shows a grid for an 8.5x11 inch literature cover. The montage grid area is just above the center of the page with 3 inches of white space above and 3.5 inches of white space below.  Adobe® InDesign® CS2 templates are available on the 3M brand identity standards Web site.

9 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Elements Shape  One of the unique features of the 3M montage is the way shapes break into and out of the horizontal plane in unexpected ways to create unique compositions.

10 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Elements Shape  One of the unique features of the 3M montage is the way shapes break into and out of the horizontal plane in unexpected ways to create unique compositions.  Align shapes within the grid for consistent proportion.  Shapes should overlap and engage with one another and have different levels of transparency. Use the “multiply” feature in Adobe ® InDesign ® CS2 to achieve rich levels of overlap.

11 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Elements Radius Corner  One edge must have a radius (curved) corner with the other edge(s) having a 90 degree (square) corner.  The curve of the radius corner, in combination with the 90 degree corner, is derived from the shape of the 3M logo. NOTE: A radius corner script called “Corner Effects,” for Adobe® InDesign® CS2, is available online under the heading “Scripting Resources/Download InDesign Scripts” at:

12 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Elements Axis Lines  Create movement in composition.  Use thin.5pt white rules with 50% opacity allowing background and image colors to come through.  Avoid using 100% solid white lines.  Place on grid and align with edges of shapes.

13 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Elements Color  Singular harmonious color scheme, but not monochromatic.  Colors should not compete with the visual presence of the 3M Red logo. Choose Your Color Scheme:  Based on colors that complement your imagery.  Based on colors that are appropriate for your business, brand or product line. Extend this color scheme across all applications for consistency.

14 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Elements Imagery People  Show people that are relevant to the subject matter.  Eye contact pulls the viewer into the composition.  Use close cropping and interesting angles. REMEMBER: There must always be one main point of focus in a successful 3M montage design. This is generally obtained by making one image dramatically larger than the others.

15 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Elements Imagery Products  Show products in-use.  Shoot product photography with strong selective focus.  Crop products closely for impact.  The main point of focus can be a product or a person.

16 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Elements Imagery Pattern  Patterns and texture should activate the color to obtain a richness and depth. Do not use only solid areas of color.  Patterns should be relevant, yet abstract.  Microscopic imagery, demonstrating the science behind a product’s technology, serves well as a relevant pattern.

17 3M Brand Identity System © 3M All Rights Reserved. 3M Montage Design Elements Montage Messaging Type  The montage messaging type in each design should be short and concise.  Arrange using a mix of sizes of Helvetica Neue Condensed with one or two words dramatically larger than the others for graphic impact.  Use Helvetica Neue 57 Regular Condensed for smaller words and Helvetica Neue 47 Light Condensed for larger words so the width of the letter width appears similar.  The montage messaging type is considered part of the design and not just placed words.  Should be staggered horizontally to create movement.  The baseline of the type inside (white) should always be aligned at the bottom of the montage with the top of the type outside (black) anchored below.

18 3M Brand Identity System © 3M All Rights Reserved. Effective vs. Ineffective 3M Montage Design Ineffective  No clear point of focus, too many images  Too flat, no areas of visual rest or depth  Message is too long and not integrated  Color is not harmonious and appears flat  Poor image cropping  No radius corner Effective  Main point of focus  Visually balanced  Type is integrated into the composition  Color is harmonious  Image cropping is dynamic  Uses grid for structure and balance

19 3M Brand Identity System © 3M All Rights Reserved. Examples Gallery Tier 2 Literature CoverTier 1 Literature CoverPrint Ad Visit the 3M Brand Identity Standards Web site for additional examples, information and tools.