24.05.2024 Views

GR604 Student Project (LIFE) — Visual Development Guide

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

VISUAL

DEVELOPMENT

GUIDE

LIFE REBRANDING

1


2 3



CONTENTS

1. THREE KEY PHRASES

2. ROUND ONE: ROUGH SKETCHES

3. ROUND ONE: REFINED SKETCHES

4. ROUND TWO: ROUGH SKETCHES

5. ROUND TWO: REFINED SKETCHES

6. ROUND THREE: REFINED HAND SKETCHES

7. ROUND THREE: REFINED DIGITAL SKETCHES

8. INSPIRATION

4 5



KEY PHRASES

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

KEY PHRASES

OUR MISSION

Our mission is to encourage people to participate in a wide

range of activities, appreciate all elements of life, and connect

with others so that we can build strong communities where

every person feels empowered and included.

KEYWORDS

Connection

We are committed to building connections

between the public and ourselves so that

everyone can participate in the development

of the times.

Inclusive

We are dedicated to build a more inclusive environment

by encouraging people to show and

receive different perspectives.

Motivate

We advocate capturing significant moments

and presenting people’s stories to motivate

people to tell about life.

THREE KEY PHRASES

Connection

Not Me, Not You, But Us.

Inclusive

Welcome All.

Motivate

Your Actions Counts.

6 7



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

VISUAL DEVELOPMENT

ROUND ONE

OBJECTIVE

Establish three divergent logo sketches based on three key phrases.

Within each camp, sketch in different categories, symbolic marks, graphic

marks and wordmarks.

8 9



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

CONNECTION

Not Me, Not You, But Us.

10 11



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

12 13



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

14 15



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

16 17



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

INCLUSIVE

Welcome ALL

18 19



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

20 21



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

22 23



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

24 25



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

MOTIVATE

Your Actions Counts.

26 27



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

28 29



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

30 31



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

32 33



ROUND ONE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND ONE

Inclusive

Refined Sketches

From Round One

Connection

Motivate

34 35



ROUND TWO

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND TWO

VISUAL DEVELOPMENT

ROUND TWO

OBJECTIVE

For the logo development, deliver 10 solid, refined sketch/computer-hybrid

generated comps in one camp — as a distributed mix of symbolic, graphic,

and wordmark solutions.

36 37



ROUND TWO

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND TWO

INCLUSIVE

Welcome ALL

38 39



ROUND TWO

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND TWO

40 41



ROUND TWO

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND TWO

Refined Sketches

From Round Two

42 43



ROUND TWO

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND TWO

COMPUTER REFINED SKETCHES

Different letters with the same square proportions

come together to form a whole.

LIFE is wrapped in two energetic L shapes, representing

the capture of life.

L-shaped graphics of different proportions are

gathered together to represent the perspectives of

different communities.

The meaning of inclusion is demonstrated through

the fusion of rectangles with different transparency.

The three letters L, F, and E form a cube. The letter, i,

is revealed through the use of positive and negative

space, expressing the mutually inclusive environment

of life and self.

The softer font and surrounding edges create visual

that represents the brand’s inclusive environment.

Circles of different colors and parts of circles are

combined to allow the negative space to form a

star shape, representing different groups to create a

more inclusive environment.

The three curves form a continuous vision from

different angles, representing people’s continuous

thoughts about LIFE.

Let letters with unique visuals but similar shapes fit

together to form a fusion of soft and hard graphics

to create an inclusive environment.

Create a friendly attitude in the form of a hug.

44 45



ROUND THREE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND THREE

VISUAL DEVELOPMENT

ROUND THREE

OBJECTIVE

Deliver 3 solid, refined computer generated logo sketches in one camp from

Round Two in both B+W and in color — in symbol (+ type), graphic (+type), or

type-only solutions.

46 47



ROUND THREE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND THREE

REFINED HAND SKETCHES

INCLUSIVE

Welcome ALL

In this round, select the three directions in inclusive to extend and

refine the logo sketches.

Through square shape and “L“ shape to build a symbol of inclusive

society and the individual.

Use rectangles and graphics to create an inclusive framework for the

text and establish a positive direction.

Explore vaious kinds of “L“ shape and combine together, to form a connection

and unity strength feeling.

48 49



ROUND THREE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND THREE

REFINED DIGITAL SKETCHES

INCLUSIVE

Welcome ALL

On the basis of hand sketches, grids are used to make digital sketches

more standardized and maintain unified specifications.

50 51



ROUND THREE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND THREE

REFINED DIGITAL SKETCHES

WITH COLORS

The color selection aims to present a positive attitude, to promote the

role and meaning of people connecting, sharing with each other, and

communicating.

52 53



ROUND THREE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND THREE

REFINED DIGITAL SKETCHES

WITH COLORS

The color selection aims to present a positive attitude, to promote the

role and meaning of people connecting, sharing with each other, and

communicating.

54 55



ROUND THREE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND THREE

REFINED DIGITAL SKETCHES

WITH COLORS

The color selection aims to present a positive attitude, to promote the

role and meaning of people connecting, sharing with each other, and

communicating.

56 57



ROUND THREE

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

ROUND THREE

REFINED DIGITAL SKETCHES

WITH COLORS

Adjust the color for the selected logo. Let the color work in one general

direction and apply it to the four shapes from dark to light. Or apply it

in complementary colors.

58 59



LOOK-ALIKE LOGOS

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

LOOK-ALIKE LOGOS

Look-alike LOGOS

Multiple geometric lines are used to form a new

space, and the combination with different positions

of text makes the overall vision more prominent.

Chase, a leading global financial services

firm, is represented by a logo featuring a

stylized octagon resembling a cross-section

of a clear pathway or vault, symbolizing

security, trust, and the forward

motion of progress in finance.

Deeptech Labs, with its logo featuring an

abstract, open-faced cube, represents

the company’s focus on innovative and

forward-thinking technological solutions

within the deep tech industry.

SOMI Roll Off, as suggested by its bold,

angular logo featuring an upward and

downward arrow within a square, emphasizes

dynamic and efficient movement,

likely related to their roll-off services for

waste management or transportation.

Gizmo Planet is one Youtube subscription

member, it’s about the journey that

explore interesting topics on technology,

gadgets, science and inventions. Its logo

represents the motivation and the power

through two parts graphics.

Motek, with its logo showcasing a bold,

stylized ‘M’ in a dynamic red and white

color scheme, represents strength and

movement, reflecting the company’s

focus on innovation and progress in the

fields it specializes in, possibly including

industrial automation or technology.

The “show & tour” company’s logo, featuring

Atmel, a semiconductor company, uses a Greenbox is symbolized by a logo that

The MIT Media Lab’s logo, a distinctive SAP, a global leader in enterprise softveys

an abstract eye within a square, con-

logo with bold, intersecting lines within a combines environmental themes and

seven-bar symbol, represents the interware

and software-related services, is

visual exploration and the company’s square, symbolizing interconnected technology

technology with its use of fresh green

section of technology, multimedia,

represented by a bold, blue logo with

focus on guiding and presenting.

and innovation in microcontroller colors and a box shape, reflecting the

and design, embodying the lab’s innova-

overlapping corners, symbolizing systems,

and touch solutions.

company’s commitment to eco-friendly

tive and interdisciplinary approach

applications, products, and the company’s

solutions or sustainable packaging.

to research.

interconnectedness in the world of digital

data processing

60 61



LOOK-ALIKE LOGOS

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

LOOK-ALIKE LOGOS

Look-alike LOGOS

Based on the square, divide or merge the elements

to show the energy and meaning of different companies.

Instagram is an photo and video sharing

social networking service owned by Meta

Platforms. The Instagram logo, featuring

a camera silhouette against a warm

gradient background, symbolizes the platform’s

essence of capturing and sharing

life’s moments visually.

Square One Construction is a custom

home building company in United States,

it emphasizes a foundation of integrity

and quality in its construction services.

The logo creatively combines a square and

the numeral ‘1’ within it.

Deutsche Bank is a prominent international

banking and financial services company,

rooted in Germany, with a strong

global presence. Its logo, a square “slash”

inside a blue frame, conveys growth, progress,

and a forward-thinking approach,

reflecting the bank’s commitment to

innovation and its clients’ aspirations.

Round Square Network’s logo, blending

a circular form within a square, symbolizes

a versatile and holistic approach to

networking, representing the integration

of completeness and structure in their

services.

Square One Site Maintenance is symbolized

by a logo that merges a numerical ‘1’

with a square, representing their foundational

and comprehensive approach to

property upkeep and facility services.

Plan Square is a management consultancy

Four Corners Construction & Develop-

Microsoft is a global technology leader

CONCÓRDIA Urbanizadora is represented Square, Inc. is a financial services and

that symbolizes structured, strategic ment is represented by a logo featuring known for its software products, com-

by a logo with interlocking green squares mobile payment company, and its logo,

planning and solid foundational solutions, a stylized arrangement of four colored puting devices, and cloud services, and its

symbolizing their commitment to developing

featuring a nested square design, rep-

reflected in the geometric precision of the blocks, symbolizing the company’s comprehensive

logo, with four colored squares, represents

harmonious urban spaces that resents the simplification and accessibili-

interlocking square and plan-like elements

services in building, remodel-

its diverse portfolio of products and the

blend sustainability and community. ty of financial transactions for businesses

in its logo design.

ing, and designing from the foundational integration of their digital solutions into

and individuals alike.

cornerstones to the final touches.

everyday life.

62 63



LOOK-ALIKE LOGOS

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

LOOK-ALIKE LOGOS

Look-alike LOGOS

The logo mainly combines lines with a cross pattern to form a central

point, which represents concentration and emphasis.

The Polestar logo, showcasing a stylized

depiction of the North Star, represents

guidance and excellence, aligning with the

company’s focus on innovation and performance

in the automotive industry.

The Google Drive logo, with its triangular

arrangement of colorful shapes, symbolizes

the convergence of various forms of

data and documents coming together in

one accessible and cohesive cloud storage

platform.

The Sygma logo features a stylized sigma

symbol, which is often associated with

summation and mathematics, suggesting

a company that values precision, analytical

thinking, and the sum of various

components or services to provide a

comprehensive solution.

The PE Medicine logo, featuring a stylized

molecular or atomic structure, conveys a

focus on science and precision in healthcare,

suggesting a connection to personalized

medicine, research, and innovation.

The Off-White logo, often characterized

by its use of quotation marks, zip ties,

and diagonal stripes, conveys a sense

of irony and subversion, challenging

conventional branding and the fashion

industry’s norms.

The Overwatch logo, with its minimalist

and symmetrical design featuring a stylized

“O” representing an eye or a scope,

symbolizes vigilance and a team-focused

perspective, aligning with the game’s

themes of heroism and guardianship.

The Swiss Juicer brand logo features a bold

red Swiss cross, commonly associated

with quality and precision, combined with

the brand name to emphasize its specialty

in kitchen juicers.

Greenbox is symbolized by a logo that

combines environmental themes and

technology with its use of fresh green

colors and a box shape, reflecting the

company’s commitment to eco-friendly

solutions or sustainable packaging.

The Dreamstar Pictures logo, with a graphic

that resembles both a star and a film reel,

represents the company’s commitment to

imaginative storytelling and filmmaking.

The Living Hope Kirkland logo combines a

modern, stylized cross with the organization’s

name, symbolizing a contemporary

Christian faith community centered on

the concepts of life and hope.

64 65



INSPIRATION

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

INSPIRATION

LEVERAGE &

ANNOTATE INSPIRATION

OBJECTIVE

Examine many examples of existing Visual Standards Guides. Determine who

does what best and leverage that.

66 67



INSPIRATION

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

INSPIRATION

New Identity Introduction

This new identity introduction uses a diverse

way to reflect the valuable meaning of the logo.

Logo Anatomy

In this logo anatomy, it shows the clear space

directly, and shows minimum size of the logo

both in inch and pixels.

68 69



INSPIRATION

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

INSPIRATION

Type Specs

The layout of this type specs is very solid, clearly

showing the differences between different font families,

and indicating application precautions.

Main ID Colors

This color chart include three palettes and

define the PMS, RGB and CMYK in a consistent way.

70 71



INSPIRATION

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

INSPIRATION

Logo Dont’s

Alternative Versions of The Logo

There are different situations and incorect usage for

the logo, and clearly expain the reasons.

This logo has alternative versions of one-color and

two-color, which give more possibilities for the logo usage.

72 73



INSPIRATION

VISUAL DEVELOPMENT GUIDE

VISUAL DEVELOPMENT GUIDE

INSPIRATION

Visual System Overview

Wordmark Backgrounds

This visual system effectively demonstrates how

to combine and present visual elements in a more

flexible way.

Showing a variety of backgrounds to adapt to wordmark,

allowing the wordmark to be displayed optimally

74 75



76 77



78

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!