Visual Development Guide_Julie_GR 604

Visual Development Guide O2.

GR604 / THE NATURE OF IDENTITY

2

Contents

1.

2.

Into

Skethes

QUIKSILVER

3.

New Logo

3

VISUAL DEVELOPMENT GUIDE

GR604 / THE NATURE OF IDENTITY

004

Our Mission is:

Quiksilver uses their vision to help adventure-seekers explore and enhance their time in nature, so that they can embrace amazing outdoor experiences.

QUIKSILVER

005

VISUAL DEVELOPMENT GUIDE

GR604 / THE NATURE OF IDENTITY

006

John Law “When we started designing the first quiksilver boardshorts, we just wanted to make them better than the others.”

QUIKSILVER

007

VISUAL DEVELOPMENT GUIDE

Keywords

Dedication Quiksilver helps customers to reach the top, ignore distractions, and focus on adventure.

Support Quiksilver gives customers a better sports experience and help them to see a world they have never seen before.

Exploration Quiksilver encourages customers to explore more adventures and bring their spirits to life.

R1. logo development rough sketches We need to do 300 logo sketches follow three keywords, refine 10 of each keyword. Find the 7 logo don’t examples from the famous brand visual guide collection.

GR604 / THE NATURE OF IDENTITY

1.

3.

010

2.

QUIKSILVER

011

VISUAL DEVELOPMENT GUIDE

4.

5.

6.

GR604 / THE NATURE OF IDENTITY

7.

012

8.

9.

10.

QUIKSILVER

Keyword:

Dedication

1.

013

Disassemble the letters to show the ups and downs of the waves

VISUAL DEVELOPMENT GUIDE

6. Splitting of the graph of Q

2. Realistically com-

7.

3. Fragmented shape

8. Combine the letter Q

4. Place the waves in-

9. Take the mountain

5. Combine the Q and

10. The shape of a wave

bine Q’s tail with the waves to show vitality

of the split Q shows the power of the movement。

side the circle of the Q to form a complete picture

the curve, abstractly expressing the waves。

Outlines the styling of Q. But the performance of the ocean and the ocean is not

with an arrow for a strong purpose.

and the waves as two parts of Q respectively.

is summarized as the letter Q

GR604 / THE NATURE OF IDENTITY

014

1.

2.

3.

4.

5.

6.

7.

8.

QUIKSILVER

015

VISUAL DEVELOPMENT GUIDE

9.

10.

Keyword:

Support

1.

Represent a wave as a line. maintain a sense of strength

6. Rugged styling Q

2. Figurative waves form

7.

3. More aggressive

8. The shape of waves

4. More combinations of

9. Picture of undulating

5. Liquidity of the spray

10. The shape of Q is as soft

the shape of Q

combinations of Q and arrows

Q and arrows

Rugged styling Q

meeting each other on the sea surface

waves on the sea surface

as a ribbon but powerful

GR604 / THE NATURE OF IDENTITY

016

1.

2.

QUIKSILVER

017

VISUAL DEVELOPMENT GUIDE

3.

4.

5.

6.

GR604 / THE NATURE OF IDENTITY

018

7.

8.

10.

9.

QUIKSILVER

Keyword:

1.

019

image of a powerful athlete

VISUAL DEVELOPMENT GUIDE

6. Ripples of the waves

Exploration 2. Different Expres-

7.

3. The shape of Q out-

8. A combination of

4. The star pattern is

9. The combination of

5. Geometric shapes

10. Use positive and

sions of athlete Image

lined in one stroke

combined with the spray to form the letter Q.

full of tension

Q’s tail becomes a figurative spray

vibrant geometric shapes.langh

tumbling waves and Q

negative shapes to express the picture of waves rolling on the water surface

GR604 / THE NATURE OF IDENTITY

Keyword:

Dedication

Keyword:

Exploration

020

QUIKSILVER

Keyword:

Support

021

VISUAL DEVELOPMENT GUIDE

R2. create & discover

GR604 / THE NATURE OF IDENTITY 1.

024

3.

2.

4.

5.

7.

6.

8.

9.

10.

QUIKSILVER

1.

Q's tail is detached from the body structure to create movement

025

6. Split graph formation dynamics

2. Combination of Q

7.

3. Combination of Q

8. A combination of

4. The combination of

9. strong structure

5. Geometric shapes

10. Use positive and

and Arrow

and Arrow

Q and star graphics

full of tension

Q’s tail becomes a figurative spray

vibrant geometric shapes.langh

negative shapes to express the picture of waves rolling on the water surface

VISUAL DEVELOPMENT GUIDE

GR604 / THE NATURE OF IDENTITY

026

2.

1.

5.

3.

4.

1.

Combining graphics of ocean waves with Q

2. Different Expressions of athlete Image

3. The shape of Q outlined in one stroke

4. Lines full of power

5. Geometric shapes full of tension

QUIKSILVER

027

VISUAL DEVELOPMENT GUIDE

GR604 / THE NATURE OF IDENTITY

028

Dedication Quiksilver helps customers to reach the top, ignore distractions, and focus on adventure.

QUIKSILVER

029

VISUAL DEVELOPMENT GUIDE

GR604 / THE NATURE OF IDENTITY

030

Support Quiksilver gives customers a better sports experience and help them to see a world they have never seen before.

QUIKSILVER

031

VISUAL DEVELOPMENT GUIDE

GR604 / THE NATURE OF IDENTITY

032

Exploration Quiksilver encourages customers to explore more adventures and bring their spirits to life.

QUIKSILVER

033

VISUAL DEVELOPMENT GUIDE

R3. logo development refined designs

GR604 / THE NATURE OF IDENTITY

036

QUIKSILVER

037

VISUAL DEVELOPMENT GUIDE

GR604 / THE NATURE OF IDENTITY

038

QUIKSILVER

039

VISUAL DEVELOPMENT GUIDE

GR604 / THE NATURE OF IDENTITY

040

QUIKSILVER

041

VISUAL DEVELOPMENT GUIDE

Our new logo uses a combination of circles. Different circles add up to form the wavy shape of an ocean wave. The outcome combine of the sea and the letter Q to convey the spirit of adventure.

GR604 / THE NATURE OF IDENTITY

042

The new Wordmark is based on the Serifa Condensed Medium font, adding elements of surfing using a 45-degree bevel to represent wind and waves.

QUIKSILVER

043

VISUAL DEVELOPMENT GUIDE

GR604 / THE NATURE OF IDENTITY

044

New Logo

Symbol

Wordmark

QUIKSILVER

045

VISUAL DEVELOPMENT GUIDE

Our new logo signals the start of the next adventure.

GR604 / THE NATURE OF IDENTITY

046

QUIKSILVER

047

VISUAL DEVELOPMENT GUIDE

GR604 / THE NATURE OF IDENTITY

048

1: New Identity Introduction An introduction to this new visual system that grabs attention with a playful handwriting.

2: Logo Anatomy

The layout with text introduction makes it easier for more people to understand the usage specifications of the logo.

QUIKSILVER

049

VISUAL DEVELOPMENT GUIDE

3: Type Specs

The layout with text introduction makes it easier for more people to understand the usage specifications of the logo.

4: Main ID colors (logo colors) Using a large number of searches as a basis to show the visual orientation of different colors in the market can help people better understand the logic of using colors.

GR604 / THE NATURE OF IDENTITY

5: Logo Don’ts

6: Alternate versions of the logo

050

United Way provides various types of wrong usage of logo to help customers understand how to use it and avoid damage to logo design.

Due to the particularity of its use, Red needs to be often used together with other brand logos.

Red therefore offers a large number of versions.

QUIKSILVER

7: Logo Don’ts

051

VISUAL DEVELOPMENT GUIDE

The color background often leads to mistakes in usage, rightturnretail therefore produced a color example that would cause errors with the original visual system to help people avoid mistakes.

GR604 / THE NATURE OF IDENTITY

052

QUIKSILVER

053

VISUAL DEVELOPMENT GUIDE