Visual Development Guide
O2.
Contents 1. Into Skethes 2.
GR604 / THE NATURE OF IDENTITY 2
New Logo 3.
VISUAL DEVELOPMENT GUIDE QUIKSILVER 3
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.
VISUAL DEVELOPMENT GUIDE QUIKSILVER 005
John Law
“When we started designing the first quiksilver boardshorts, we just wanted to make them better than the others.”
GR604 / THE NATURE OF IDENTITY 006
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.
VISUAL DEVELOPMENT GUIDE QUIKSILVER 007
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 010
1. 2. 3.
5.
4. VISUAL DEVELOPMENT GUIDE QUIKSILVER 011
6.
7. 8. 9. 10. GR604 / THE NATURE OF IDENTITY 012
Keyword:
Dedication
6. 2.
Splitting of the graph of Q Realistically combine Q’s tail with the waves to show vitality
Disassemble the letters to show the ups and downs of the waves
Outlines the styling of Q. But the performance of the ocean and the ocean is not
Fragmented shape of the split Q shows the power of the movement。
Place the waves inside the circle of the Q to form a complete picture
1. 7. 3. 8. 4. 9. 5. 10.
Combine the Q and the curve, abstractly expressing the waves。
Combine the letter Q with an arrow for a strong purpose.
Take the mountain and the waves as two parts of Q respectively.
The shape of a wave is summarized as the letter Q
VISUAL DEVELOPMENT GUIDE QUIKSILVER 013
6. 2. 7. 3. 8. 4. 5. 1. GR604 / THE NATURE OF IDENTITY 014
Represent a wave as a line. maintain a sense of strength
Rugged styling Q
Figurative waves form the shape of Q Rugged styling Q
More aggressive combinations of Q and arrows
More combinations of Q and arrows
Liquidity of the spray
The shape of waves meeting each other on the sea surface
Picture of undulating waves on the sea surface
The shape of Q is as soft as a ribbon but powerful
Keyword: Support 1. 6. 2. 7. 3. 8. 4. 9. 9. 5. 10. 10.
VISUAL DEVELOPMENT GUIDE QUIKSILVER 015
1. 2. GR604 / THE NATURE OF IDENTITY 016
3. 4. 5. 6. VISUAL DEVELOPMENT GUIDE QUIKSILVER 017
9. 10. 7. 8. GR604 / THE NATURE OF IDENTITY 018
image of a powerful athlete Ripples of the waves Different Expressions of athlete Image
The shape of Q outlined in one stroke
The star pattern is combined with the spray to form the letter Q.
Geometric shapes full of tension
Q’s tail becomes a figurative spray
A combination of vibrant geometric shapes.langh
The combination of tumbling waves and Q
Use positive and negative shapes to express the picture of waves rolling on the water surface
Keyword: Exploration 1. 6. 2. 7. 3. 8. 4. 9. 5. 10.
VISUAL DEVELOPMENT GUIDE QUIKSILVER 019
Keyword:
Dedication
Keyword: Exploration
GR604 / THE NATURE OF IDENTITY 020
Keyword: Support
VISUAL DEVELOPMENT GUIDE QUIKSILVER 021
R2.
create & discover
2. 1. 3. 4. 7. 8. 6. 5. 10. 9. GR604 / THE NATURE OF IDENTITY 024
Q's tail is detached from the body structure to create movement
Combination of Q and Arrow
Combination of Q and Arrow
The combination of Q and star graphics
Geometric shapes full of tension
Split graph formation dynamics
Q’s tail becomes a figurative spray
A combination of vibrant geometric shapes.langh
strong structure
Use positive and negative shapes to express the picture of waves rolling on the water surface
1. 6. 2. 7. 3. 8. 4. 9. 5. 10.
VISUAL DEVELOPMENT GUIDE QUIKSILVER 025
5. 2. 4. 1. 3. 1. 2. 3. 4. 5. Combining
of
Different
GR604 / THE NATURE OF IDENTITY 026
graphics
ocean waves with Q
Expressions of athlete Image The shape of Q outlined in one stroke Lines full of power Geometric shapes full of tension
VISUAL DEVELOPMENT GUIDE QUIKSILVER 027
Dedication
Quiksilver helps customers to reach the top, ignore distractions, and focus on adventure.
GR604 / THE NATURE OF IDENTITY 028
VISUAL DEVELOPMENT GUIDE QUIKSILVER 029
Support
Quiksilver gives customers a better sports experience and help them to see a world they have never seen before.
GR604 / THE NATURE OF IDENTITY 030
VISUAL DEVELOPMENT GUIDE QUIKSILVER 031
Exploration
Quiksilver encourages customers to explore more adventures and bring their spirits to life.
GR604 / THE NATURE OF IDENTITY 032
VISUAL DEVELOPMENT GUIDE QUIKSILVER 033
R3.
logo development refined designs
GR604 / THE NATURE OF IDENTITY 036
VISUAL DEVELOPMENT GUIDE QUIKSILVER 037
GR604 / THE NATURE OF IDENTITY 038
VISUAL DEVELOPMENT GUIDE QUIKSILVER 039
GR604 / THE NATURE OF IDENTITY 040
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.
VISUAL DEVELOPMENT GUIDE QUIKSILVER 041
The new Wordmark is based on the Serifa Condensed Medium font, adding elements of surfingusing a 45-degree bevel to represent wind and waves.
GR604 / THE NATURE OF IDENTITY 042
VISUAL DEVELOPMENT GUIDE QUIKSILVER 043
Symbol
New Logo Wordmark
GR604 / THE NATURE OF IDENTITY 044
Our new logo signals the start of the next adventure
.
VISUAL DEVELOPMENT GUIDE QUIKSILVER 045
GR604 / THE NATURE OF IDENTITY 046
VISUAL DEVELOPMENT GUIDE QUIKSILVER 047
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.
GR604 / THE NATURE OF IDENTITY 048
3: Type Specs
The layout with text introduction makes it easier for more people to understand the usage specifications of the logo.
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.
4: Main ID colors (logo colors)
VISUAL DEVELOPMENT GUIDE QUIKSILVER 049
5: Logo Don’ts
6:
Alternate versions of the logo
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.
GR604 / THE NATURE OF IDENTITY 050
7: Logo Don’ts
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.
VISUAL DEVELOPMENT GUIDE QUIKSILVER 051
GR604 / THE NATURE OF IDENTITY 052
VISUAL DEVELOPMENT GUIDE QUIKSILVER 053
