GR604_Nicole_Yuan_Wei_Visual Delvelopment Guide

Page 1

BRAND OVERVIEW

02

Max Factor Visual Development Guide

1


2

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


02

Max Factor Visual Development Guide


4

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


BRAND OVERVIEW

5


6

MAX FACTOR

VISUAL DEVELOPMENT GUIDES

TABLE OF CONTENTS


BRAND OVERVIEW

7

01 SKETCH ROUND 1

14-35

02 SKETCH ROUND 2

36-43

03 SKETCH ROUND 3

44-55

04 INSPIRATION+ SIMILAR LOGOS

56-67


8

MAX FACTOR

VISUAL DEVELOPMENT GUIDES

“ Beauty is no quality in things themselves: It exists merely in mind which contemplates them; and each mind perceives a different beauty.” – David Hume Scottish Enlightenment Philosopher


9


10

MAX FACTOR

VISUAL DEVELOPMENT GUIDES

Brand History Max Factor is a series of cosmetics of Coty, Inc., founded in 1909 by Maksymilian Faktorowicz, a beautician from Poland. Max Factor is considered the originator of modern cosmetics. In the early days, he innovated many products and promoted cosmetics. He helped Hollywood actresses design many classic makeup looks that made him famous in Hollywood such as Marilyn Monroe, Catherine Hepburn, Rita Hayworth and Betty Davis. In order to add a little glamour to the lives of real women, he launched a series of cosmetics and called them “make-up”-a

phrase he coined. By the early 1920s, Factor was on a path to spreading the message that, given the right tools and makeup artistry skills, any women could achieve movie-star glamour, and this legacy continues today. In short, Max Factor has always been a pioneer in the makeup industry. Max Factor puts the transformative tools of makeup art in the hands of every woman, enabling her to maximize her unique potential.


BRAND OVERVIEW

Our New Mission Max Factor guides people to be confident and radiant on the stage of life, express themselves and explore their unique potential.

11


12

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


BRAND OVERVIEW

13


14

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 1

15

01 SKETCH ROUND/1

Expanded the keywords into more powerful key phrases. Each phrase defines a unique and discrete attitude. When sketching, use these to help guide the ideation process.


16 16

MAX FACTOR FACTOR MAX

VISUAL DEVELOPMENT DEVELOPMENT GUIDES GUIDES VISUAL


SKETCH ROUND / 1

Key Phrase / 01 Radiate

Be a radiant person and radiate your charm.

17


18

MAX FACTOR

Rough sketch

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 1

19


20

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 1

21


22

MAX FACTOR

Refine Sketch

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 1

23


24 24

MAX MAX FACTOR FACTOR

VISUAL VISUAL DEVELOPMENT DEVELOPMENT GUIDES GUIDES


SKETCH ROUND / 1

Key Phrase / 02 Performance

Express yourself positively on the stage of life.

25


26

MAX FACTOR

Rough sketch

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 1

27


28

MAX FACTOR

Refine Sketch

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 1

29


30 30

MAX FACTOR FACTOR MAX

VISUAL DEVELOPMENT DEVELOPMENT GUIDES GUIDES VISUAL


SKETCH ROUND / 1

Key Phrase / 03 Confident

Confident is the first step to success.

31


32

MAX FACTOR

Rough sketch

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 1

33


34

MAX FACTOR

Refine Sketch

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 1

35


36

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 2

37

02 SKETCH ROUND/2

Chose two of the three key phrases. Using two phrases to guide the ideation process when drawing a sketch.


38

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 2

Final Phrase Radiate performance

39


40

MAX FACTOR

Rough sketch

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 2

41


42

MAX FACTOR

Selected Logos

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 2

43


44

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 3

45

03 SKETCH ROUND/3

This section we took three logos from the previous week to develop and explore more. After dozens of sketches and computer comps, there will be a result of three solid, refined logos in black and white and color.


46

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 3

Final Phrase Radiate performance

47


48

MAX FACTOR

Sketch with grids

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 3

49


50

MAX FACTOR

Logo in color

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 3

51


52

MAX FACTOR

3 Possibilities

VISUAL DEVELOPMENT GUIDES


53

SKETCH ROUND / 3

Max Factor

Max Factor

Max Factor

Max Factor

Max

Max

Factor

Factor


54

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


SKETCH ROUND / 3

Our New Logo The new logo is the shining initial letter “MF”. Use the elegant font and the angle of the stars to echo my mission: radiant on the stage of life.

55


56

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


INSPIRATION+SIMILAR

57

04

INSPIRATION+ SIMILAR

Examine many examples of existing Visual Standards Guides. Determine

who does what best and leverage that.


58 58

MAX FACTOR FACTOR MAX

VISUAL DEVELOPMENT DEVELOPMENT GUIDES GUIDES VISUAL


INSPIRATION+SIMILAR

Leverage and Annotate Inspiration

1: New Identity Introduction 2: Logo Anatomy 3: Type Specs 4: Main ID colors (logo colors) 5: Logo Don’ts 6: Alternate versions of the logo 7: Combination of elements 8: Logo and visual style

59


60

MAX FACTOR

VISUAL DEVELOPMENT GUIDES

New Identity Introduction By putting the logo on the first page, the Fedex brand introduced the new logo very clearly and straightforwardly, also it introduced word Mark, Signature, and Descriptor at the same time. The logo itself exists independently on the first page, followed by the logo anatomy, with different colors, and the service is very clear and gradual. It not only fully displays the company’s logo but also displays the company’s representative colors.


INSPIRATION+SIMILAR

61

Logo Anatomy The brand Exploratorium does a good job of defining the structure of its logo and how to define the space inside and around the logo. The brand is very simple and straightforward to show the logo analysis, anatomy is very easy to understand and easy to read. I will also keep it simple in my anatomy.

Type Specs The GAP brand has a clear introduction to the typography in the logo. GAP combines logo anatomy and typography specs. First, it briefly introduces the font of the logo and the reason for its use, and then introduces the different font styles applied to different levels of text in the logo. The brand also introduced the actual size of the logo. I think the logo anatomy and typography will be more intuitive to put together.


62

MAX FACTOR

VISUAL DEVELOPMENT GUIDES

Main ID colors (logo colors) The msi brand arranges its color palette in a very carefully designed way. It not only specifies the color value in the Pantone matching system, but also identifies some color adjustments when displayed on web and when printed on paper.


INSPIRATION+SIMILAR

63

Logo Don’ts The Lilly brand is very thoughtful in defining situations in which the logo may be abused. E.g, It provides some examples of using different fonts and weights. It also provides some examples, using 2d or 3d comparisons.

Combination of elements I think BCCB has done a good job in element combination. BCCB’s word Mark includes full names and abbreviations are well-designed, and symbols are also well-designed. I think their logos can be combined in many ways, which can be used on pages and screens of different sizes as well as different products.


64

MAX FACTOR

VISUAL DEVELOPMENT GUIDES

Alternate versions of the logo Since some brands have many sub-organizations or businesses, sometimes it is necessary to create an alternate version of the logo. Fedex has done a good job in creating a logo replacement system. It has created many different business/service logos on the basis of its original common logo, which is very clear.


INSPIRATION+SIMILAR

Logo and Visual Style I think the logo design of Exploratorium fits well with the theme (exploration) and the entire visual style guide. When I was reviewing this guide, I thought everything was interesting, attracted my attention, and made me want to read it very much.

65


66

MAX FACTOR

VISUAL DEVELOPMENT GUIDES

Stars, radiant and confident

In this part, I mainly look for elements that contain stars to express the radiant, shining feeling and self-confidence.

Subaru

Metallica

Silver Star

Madness

Star

Monogram

Mango

MF Paints


INSPIRATION+SIMILAR

Letter M

In this section I found many interesting ways of handling the letter M and how other companies use different shapes of M.

Mandiant

Maker Market

Makenji

M studio

M Quintela

Metsa Tissue

McDonald’s

Motorola

Webpixels

MG Motor

MICROGRAFX

Monero

67


68

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


BRAND OVERVIEW

69

COLOPHON

Designer Yuan (Nicole) Wei Class GR604 Nature Identity Instructor Hunter Wimmer Semester Fall 2021 Typefaces New Century SchoolBook LTD Helvetica


70

radiant your life.com

MAX FACTOR

VISUAL DEVELOPMENT GUIDES


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.