San Francisco Bicycle Safety Thesis Process Book

XINGCHEN( STAR )CHEN

MFA THESIS PROJECT

SAN FRANCISCO BICYCLE SAFETY

XINGCHEN( STAR )CHEN

GRAPHIC DESIGN MFA THESIS PROJECT

SAN FRANCISCO BICYCLE SAFETY

SAN FRANCISCO BICYCLE SAFETY

XINGCHEN STAR CHEN

TABLE OF CONTENTS

03

02

01

6. Photo Style 7. Graphic Elements 3. Insights

4. Video development 5. User Testing 6. App

2. Thesis Video 3. Thesis Website

7. App development

3. Video 1 . Logo Exploration

2. Website

1. Campaign

Development

6. Timeline

5. Strategies

Deliverables

5. Color Palette 2. Surey / Interview / Event 4. Audience & Stabeholders

4. Color Source

3. Type Choices

2. Identity

1 .The Book

Visual Guideline

1 . Ideation

05

04 Research

2. Problem

1. Backgroud

The Issue

MFA GRAPHIC DESIGN THESIS PROJECT

XINGCHEN STAR CHEN

1. background 2. problem

01 THE ISSUE

01

SAN FRANCISCO BICYCLE SAFETY

MFA GRAPHIC DESIGN THESIS PROJECT

001

SAN FRANCISCO BICYCLE SAFETY

XINGCHEN STAR CHEN

002

MFA GRAPHIC DESIGN THESIS PROJECT

003

1.Background

Many streets of San Francisco doesn’t have bicycle lanes. Safety is a big concern. Bicycle accidents often happen in San Francisco.

The number of unban cyclists has increased in the bay Area in recent years. In San Francisco ridership increased 97% from 2003-2014. In 2014 alone, there were 720 cyclists injured in urban area. There were 60 accidents in a month. In San Francisco, there are 1088 miles of paved road, But less than 1.5 miles of protected bike lanes.

In San Francisco, there are 1088 miles of paved road, But less than 1.5 miles of protected bike lanes.

SAN FRANCISCO BICYCLE SAFETY XINGCHEN STAR CHEN 20

MFA GRAPHIC DESIGN THESIS PROJECT

21

SAN FRANCISCO BICYCLE SAFETY

XINGCHEN STAR CHEN

20

MFA GRAPHIC DESIGN THESIS PROJECT

21

1.5miles for bicycle

SAN FRANCISCO BICYCLE SAFETY

XINGCHEN STAR CHEN

16

2.Problem

There are 70% cyclists injured because they not following the rules.

There are 70% cyclists injured because they not following the rules. In 2014 year alone 68% of the wounded cyclists were killed. The accidents all took place in the urban area.

20 to 35-year-old urban young cyclists not follow the rules and More than half of the cyclists are not very clear about the rules of the bicycle.

70%

MFA GRAPHIC DESIGN THESIS PROJECT

17

cyclists injured in urban area.

XINGCHEN STAR CHEN

720

SAN FRANCISCO BICYCLE SAFETY

18

MFA GRAPHIC DESIGN THESIS PROJECT

19

1. Ideation 2. Interview/ Event 3. Insights 4. Audience & Stakeholders 5. strategies 6. timeline

RESEARCH

02

SAN FRANCISCO BICYCLE SAFETY XINGCHEN STAR CHEN 20

MFA GRAPHIC DESIGN THESIS PROJECT

27

SAN FRANCISCO BICYCLE SAFETY

XINGCHEN STAR CHEN

22

MFA GRAPHIC DESIGN THESIS PROJECT

23

SAN FRANCISCO BICYCLE SAFETY

XINGCHEN STAR CHEN

1. Ideation

There were a lot of words related to bicycle safety.

Noticeable, Protection, Education. But to my purpose of the project, I could Only pick some of them. And these chosen words became a very important part Of my the proposal later during the development.

30

MFA GRAPHIC DESIGN THESIS PROJECT

31

Education

rotection

SAN FRANCISCO BICYCLE SAFETY

XINGCHEN STAR CHEN

32

The keywords around bicycle safety are connected with the education, noticeable, protection, communication, connectionm and attention.

Noticeable

Communication

Connection

Convenient

MFA GRAPHIC DESIGN THESIS PROJECT

Attention

Breathe

33

Evolution

Plan

Opportunity

Cooperation

SAN FRANCISCO BICYCLE SAFETY

2. Interview/ Event

XINGCHEN STAR CHEN

34

MFA GRAPHIC DESIGN THESIS PROJECT

35

Bicycle Safety Overview Many streets of San Francisco don’ t have bicycle lanes. Safety is very concerning. Bicycle accidents often happen in San Francisco. The main causes for t h e accident are unclear street signs and no lights on bicycles. I would like to discuss this topic in more details and explore more possibilities to help this issue though the graphic design field.

Please remember to bring any materials or online resources that are related to bicycle safety.

Thank you for your cooperation.

I’m happy to see you all soon!

SAN FRANCISCO BICYCLE SAFETY

XINGCHEN STAR CHEN

36

MFA GRAPHIC DESIGN THESIS PROJECT

37

SAN FRANCISCO BICYCLE SAFETY

XINGCHEN STAR CHEN

32

Partipants Event Hours: Friday, March 25, 3pm 2016

Location: 1425 Fillmore St.

Jimmy

Martin

Occupation / Design

Occupation / Film

He was very interested in my topic. He think cycling is a danger to joggers on a hiking trail.

He like ride a bike in San Francisco, he know what’s happening on the street.

Erica

Gabriella

Occupation / Design

Occupation / Design

She is passion about everything. she always give my some really good suggestion.

She don’t bike, but he use her feet walk everyday. She plan to ride bike for the future.

MFA GRAPHIC DESIGN THESIS PROJECT

Igor Occupation / Photographer He have no idea about bicycle safety, he want to learn learn some knowledge about it.

Bob Occupation / Painting He is passion about fresh ideas. He always like to broken the roles.

33

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

34

MFA GRAPHIC DESIGN THESIS PROJECT

35

Liz

Brian

Occupation / Design

Occupation / Photographer

She drive her car everyday. She think Driving in the San Francisco is always hard to notice the bike around. It takes a long time to turn around and look around.

He is local people in San Francisco. He know everything about San Francisco.

Kong

Fan

Occupation / Design

Occupation / Design

He want to know more about how this project can make evoke more and more people bicycling.

He is a bicycle designer, he know bicycle more than other partipants.

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

36

Interview Questions 1. Do you think bicycle safety is a big issue in San Francisco? Why? 2. What do you think bicycle safety concerns everyone?

3. Did you have any bicycle related accidents in the past? What happened?

4. Do you think are there any ways that can make cyclists safer on the road?

5. How do you think this problem should be solved in the future?

6. How do you think graphic design can help with this issue?

MFA GRAPHIC DESIGN THESIS PROJECT

37

Idea From/The Event 1. Cablecar tracks dangerous, when bicycle though the tracks are very slippery.

2. If it possible building a bicycle lane around San Francisco.

3. Cyclist, driver and pedestrian need to balance between each other.

4. Go to bicycle coalition and bicycle kitchen, and also you can volunteer there, ask them questions.

5. Bicycles are not allowed in the first car of a bart train.

6. Cycling is a danger to joggers on a hiking trail. A passing by cycler at a high speed from behind could be a life threat to a jogger, especially when the jogger is wearing earphones.

7. Different people have different cycling skills.

Some people are good some people are not.

8. When you ride a bike you must pass the people on the left, also have to use hand signals 9. Riding your bike is no different than driving a car.

10. Bicycle must have front light and tail light.

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

38

MFA GRAPHIC DESIGN THESIS PROJECT

39

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

40

MFA GRAPHIC DESIGN THESIS PROJECT

41

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

42

Quotes Erica Bicycle safety is about awareness on the road.

Bob Find balance between cyclists and drivers.

Martin Know your limits.

Gaby Time is the most important.

Kong Make driving a caw more expensive.

Liz Attract driver’s attention.

Fan wang Biggest issue is dealing with drivers.

Jimmy Your life is balanced on the two wheels.

Brian You time is not more important than my life.

MFA GRAPHIC DESIGN THESIS PROJECT

43

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

44

3. Insights

1 Bicycle safety is not only about cyclists themselves, is also Effect on pedestrian too. Most of people will think if they Don’ t bike they don’ t need to care about bicycle safety. The fact is bicycle safety issue will effect on everyone who Outside on the streets.

3 For the drivers and cyclists is hard to find balance. But There is the way they can communicat each other. Bicycle Has hand signals. Drivers must to understand there hand Signals.

5 When joggers on a hiking trail. A passing by cycler at a high Speed from behind could be a life threat to a jogger.

7 Cyclists consider there are better than vehicles, they think They are cool people, They don’ t care about pedestrian.

9 Bicycles are not allowed in the first car of a Bart train.

2 When people get off the car, when they open the car door, People have to look around make sure no cyclists behind.

4 Different people have different bicycling skills, some People are good some people are not good. This project I Will have different class to education people bicycle rules And teach them how to ride bike better.

6 In San Francisco there are a lots of steep hills around City. When cyclists go up and down they couldn’t see the Vehicles coming up on the other side.

8 Cablecar tracks are dangerous for cyclists. cablecar tracks are slippery.

10 Bicycle coalition website only has English for all the material they use.

MFA GRAPHIC DESIGN THESIS PROJECT

45

SAN FR ANCISCO BIC YCLE SAFE T Y

3. Insights

XINGCHEN STAR CHEN

46

MFA GRAPHIC DESIGN THESIS PROJECT

47

SAN FR ANCISCO BIC YCLE SAFE T Y

3. Insights

XINGCHEN STAR CHEN

48

MFA GRAPHIC DESIGN THESIS PROJECT

49

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

50

4. Audience

“Foods after biking always taste better.”

Foodie

8 years Yelp Elite, he knows good restaurants more than new chef.

He almost creates his own navigation system by restaurants, “turn left on La Folie, then go straight to Acquerello! “ He considers cooking as a serious art, so he cooks as an artist.

“ I don’t have time and energy to go to the gym, but maybe I can go to work by bike, will make me feel more healthy. “

Techie

Bring his computer anywhere, especially at street coffee shop.

Work more than 8 hours everyday, but still have sleep problem.

He don’t cook, mostly time he eat outside or call the order in.

“ I just want to do some excise for my life, like cycling or yoga.”

Weekend Warrior

Become a member of San Francisco bicycle coalition, join events.

Only party and drink with friends on Friday, which she doesn’t want hangover at workday.

She likes buying organic foods from whole foods organic market.

MFA GRAPHIC DESIGN THESIS PROJECT

51

“When I riding bike I feeling free and Peace”.

He has traveled seven continents, by bike.

Adrenaline Junkie

National park lover, every week he must goes to one national park, with his bike.

Hates traffic, if he cannot help riding bike in the city, he want to be faster than any other biker, no matter up hill or down hill.

“Life is beautiful and short, I want make every magic moments stops. Bicycle is good tool to help me though the streets ”

Only have black color clothes in his closet.

Photographer

Take his Nikons camera cycling everywhere.

Like listen jazz music. He feels jazz will give him inspiration.

“ I believe to ride bike everyday that will help our environment a lot. When you ride it, you will see aifference world.”

Tree Hugger

He has a garden at his backyard. Although, he’s very busy with work. He still will take good care of his own garden every day.

He rarely goes shopping. If he goes, he only purchases the necessities.

He has a six-year-old lovely granddaughter. Her name is Lucy.

SAN FR ANCISCO BIC YCLE SAFE T Y

4. Audience

XINGCHEN STAR CHEN

52

MFA GRAPHIC DESIGN THESIS PROJECT

53

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

54

20-35 year old urban cyclists in San Francisco 55 MFA GRAPHIC DESIGN THESIS PROJECT

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

56

MFA Thesis Proposal video

E L C Y BIC Y T E F A S XINGCH

) N (STAR EN CHE

IN 2014 ALONE, THERE WERE 720 CYCLISTS INJURED IN SAN FRANCISCO.

WHY IS A BIKE

osal point Prop 31 / Mid g / 040420 ity 2016 Sprin rs ve ni Of Art U Design Academy Graphic School of Graduate

D N U O R BACKG

720

WHERE ACCIDE IN SAN

CYCLISTS

60

WHAT RIDE A NEED T BICYCL

ACCIDEN TS 2003-2014

97%

CYCLISTS INCREASE

BUT LE

PR

OBLEMS

?

?

MFA GRAPHIC DESIGN THESIS PROJECT

SN’T IT SAFE TO RIDE E IN SAN FRANCISCO?

E DO BICYCLE ENTS HAPPEN N FRANCISCO?

57

WHY ISN’T IT SAFE TO RIDE A BICYCLE? IN SAN FRANCISCO, THERE ARE

1088 MILES OF PAVED ROAD.

IF I DON’T A BICYCLE DO I STILL TO WORRY ABOUT LE SAFETY?

1088

?

ESS THAN

?

?

?1.5 ? ?

?

MILES OF PROTECTED BIKE LANES

NOT LESS FOLLOWING BUT THAN THE RULES

1.5 70%

MILES OF PROTECTED BIKE LANES

BICYCLE LANES

NOT F THE R

NOT FOLLO

7

DOOR ZONE

WHER ACCID HAPPE BI LA

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

58

5. Strategies

SF BICYCLE SAFETY Deliverables Strategy Chart

Insights

Strategies

Deliverables

Topic Area

Outcome

Audience

Bicycle Safety

Keep Cyclists Safe

20-35 year old urban cyclists in San Francisco

Many streets in San Francisco have no bicycle lanes and bicycle accidents often

Pedestrians also get hurt by cyclists.

There can be conflicts between cyclists

There are a lot of steep hills around the city. Steep hills discourage cyclists.

happen in the city.

and pedestrians.

Improve the built environment to make it suitable for cyclists.

Teach the rules for sharing the streets by cyclists and pedestrians.

Help cyclists navigate the hilly topographicy of San Francisco.

Campaign

Website

App

Cyclists get together at an outside location.

They can talk face to face, get service there and make new friends. This attracts attention to the need to ensure bicycle safety.

It helps cyclists to learn basic bicycle rules.

Also teaches drivers and pedestrian how to get along with cyclists in San Francisco.

An app for cyclists. This shared economy service and can help users find flat

_ Posters

_ Bike News

_ Flat road Map

_ Brochure

_ User Community Support

_ Repair Shop Finding

_ Products

_ Event News

_ Online Chat

_ Bike sales and exchange

_ Different language choice

_ Photo Contest

_ Event Reminder

pathways around San Fransico. It also has some personalized services for cyclists.

_ Education Video

1

2

3

MFA GRAPHIC DESIGN THESIS PROJECT

59

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

60

MFA GRAPHIC DESIGN THESIS PROJECT

61

SF BICYCLE SAFETY Materials Matrix

2

2

1 point

App

Website & Video

Campaign

for posters

point for website

point for app

Poster

Website

App

2 poster in 2 sizes (large and small) these will be advertisement put into the bus station and also use in event place.

Promotes the app and campaign.

7 pages websites.

3 basic functions. Navigation safety ways for cyclists, Road reaffice report, different language choices. 20 screens total

1

1 point

for brochure

An app for cyclists. This shared economy service and can help users find flat pathways around San Fransico. It also has some personalized services for cyclists.

point for video

Video Brochure 12 pages brochure (Maybe more) to show the information about Sf Bicycle Safety and campaign info.

Promotes the app and campaign. hosts 2min video.

_ Repair Shop Finding

Social Network

1 point

_ Flat road Map

_ Online Chat _ Different language choice _ Event Reminder

for Products

Products (promotional material) Make different form of promotional

1

point for social Network

Social Network Use facebook , Instagram to support whole theme about SF Bicycle Safety.

material. T_shirt, helmet ( the one use new technology make of cardboard ), badge.

Through these promotional material will attract people attention come to the campaign and bicycle safety.

3

Points total

4

Points total

2

Points total

9

Points total

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

62

6. timeline

01: CONCEPT

02: DEVELOPM

FALL 2016

SPRING 2017

GR 810 Thesis 01

GR 830 Thesis 02

GR 612 Integrated Communications Message Synthesis

GR 604 Nature of i UI UX Design

WNM 205 05: Motion Graphics 1 Improve the built environment to make it suitable for cyclists.

Thesis Website Process & Record

Thesis website

Thesis Update 1

established

Thesis Book VISUAL STYLE type, color, grophics

CONTENT GENERATION writing, photography, infography

Organize a campaign let people get together at outside. Attract

RESEARCH

people attention on bicycle safety.

Log

Campaign (Products)

Teach the rules for sharing the streets by cyclists and pedestrians.

RESEARCH

topographic of San Francisco.

Shor

Motion graphic

Online Education System

Help cyclists navigate the hilly

DEL 02 MOTION G

RESEARCH

Cyclists App

1

2

MFA GRAPHIC DESIGN THESIS PROJECT

MENT

03: REFINEMENT

63

FINAL REVIEW

POST THESIS SPRING 2018

FALL 2017 GR 850 Thesis 03

identity

GR 800 Portfolio

Thesis Update 3

Thesis Update 2

Thesis Update

THESIS BOOOK Revision/ Refinement

Portfolio

DEL 01 PRODUCT DESIGN

go/ Poster

Cartoon figure

tickets/T-shirt

Catalog Brochure

Education Video

GRAPHIC VIDEO DESIGN

rt movie

Cartoon figure Education Video

DEL 03 CYCLISTS APP

3

Education Video

SAN FR ANCISCO BIC YCLE SAFE T Y

1. logo Exploration

XINGCHEN STAR CHEN

64

MFA GRAPHIC DESIGN THESIS PROJECT

65

53.5X 12.5X

11.5X

X 29X 10.5X

9X

SAN FRANCISCO 10.5X 10.5X

9X

BICYCLE SAFETY 10.5X 29X

X

X

30ยบC

30-degree shear X angle

X

X is the empty square and space

5. Graphic Elements

B. Original Photos

A. Photo Style

4. Photo

B. Color Palette

A. Color Source

03

XINGCHEN XINGCHENSTAR STARCHEN CHEN

3. Color

D. Type In Use

C, Type Scales

B. Type Introductions

A. Type Example

2. Type

D. Unacceptable Usages

C, Alternate Versions

B. Logo Amatomy

A. Description

1. Identity

VISUAL GUIDELINE SAN FRANCISCO FR ANCISCO BICYCLE BIC YCLE SAFETY SAFE T Y 66 66

MFA GRAPHIC GRAPHIC DESIGN DESIGNTHESIS THESISPROJECT PROJECT

67

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

68

Our mission is to protect San Francisco urban cyclists safety raise awareness of the safety of cycling.

MFA GRAPHIC DESIGN THESIS PROJECT

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

70

1. Logo Amatomy The story behind the our logo is the idea come from street sign and yellow and black caution stripe. We separate logo as two parallelograms.

First one on the top is yellow background, black color on type “San Francisco”, and the parallelogram has 30-degree shear X angle. The second one on the bottom is black background, yellow color on type “ Bicycle Safety”, parallelogram has 30-degree shear X angle too. An inclination of 30 degrees indicates a body movement when riding a bike.

We want to attract people attention on our logo. Our logo looks more like a warning sign.

MFA GRAPHIC DESIGN THESIS PROJECT

71

53.5X 12.5X

11.5X

X 29X 10.5X

9X

SAN FRANCISCO 10.5X 10.5X

9X

BICYCLE SAFETY 10.5X 29X X

X

30ยบC

30-degree shear X angle

X

X is the empty square and space

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

72

Alternate Versions

Minimum Size

Signature

SAN FRANCISCO

SAN FRANCISCO BICYCLE SAFETY

SAN FRANCISCO BICYCLE SAFETY

SAN FRANCISCO BICYCLE SAFETY

Signature on the backgroud

SAN FRANCISCO BICYCLE SAFETY

BICYCLE SAFETY

0.6inch

MFA GRAPHIC DESIGN THESIS PROJECT

73

Signature on the backgroud

SAN FRANCISCO

SAN FRANCISCO

BICYCLE SAFETY

BICYCLE SAFETY

SAN FRANCISCO

SAN FRANCISCO

BICYCLE SAFETY

BICYCLE SAFETY

SAN FRANCISCO

SAN FRANCISCO

BICYCLE SAFETY

BICYCLE SAFETY

SAN FRANCISCO

SAN FRANCISCO

BICYCLE SAFETY

BICYCLE SAFETY

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

74

Bicycle Safety Festival

BICYCLE SAFETY FESTIVAL

BICYCLE SAFETY FESTIVAL

BICYCLE SAFETY FESTIVAL

BICYCLE SAFETY FESTIVAL

MFA GRAPHIC DESIGN THESIS PROJECT

75

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

MFA GRAPHIC DESIGN THESIS PROJECT

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

78

Type Example

BICYCLE RULES If you’re moving as fast as traffic, you can ride wherever you want.

DINCond-Bold

Mercury Display

Apercu Pro

If you’re moving slower than traffic, you can still “take the lane.” The law says that people who ride bikes must ride as close to the right side of the road as practicable except under the following conditions: when passing, preparing for a left turn, avoiding hazards, if the lane is too narrow to share, or if approaching a place where a right turn is authorized. CVC 21202. Unfortunately, some motorists and even police don’t understand cyclists’ right to “take the lane.” If you have a legal problem based on this understanding, consider calling one of the bike-friendly lawyers we identify on our “Crash Help” page.

Use the bicycle lane. On a roadway with a bike lane, bicyclists traveling slower than traffic must use the bike lane except when making a left turn, passing, avoiding hazardous conditions, or approaching a place where a right turn is authorized. CVC 21208 Ride with traffic. Bicyclists must travel on the right side of the roadway in the direction of traffic, except when passing, making a legal left turn, riding on a one-way street, riding on a road that is too narrow, or when the right side of the road is closed due to road construction.

Mopeds and high-speed electric bikes are not like regular bikes. Gas-powered bicycles and type 3 electric bicycles (with top assisted speeds of 28 mph) may not be used on trails or bike paths or lanes unless allowed by local authorities. They may be used in bike lanes or separated bikeways adjacent to the roadway. CVC 21207.5 They require helmets and may not be operated by people under age 16.

MFA GRAPHIC DESIGN THESIS PROJECT

79

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

80

MFA GRAPHIC DESIGN THESIS PROJECT

81

Unacceptable Usages

SAN FRANCISCO BICYCLE SAFETY

O

ANCISC

SAN FR

TY

E SAFE

BICYCL No stretching of the logo.

No tilting or re-orientation of the logo.

SAN FRANCISCO BICYCLE SAFETY Don’t cast a shadow for the logo

SAN FRANCISCO BICYCLE SAFETY

Don’t placement for the logotype.

Don’t use 3D effects on the logo.

SAN FRANCISCO BICYCLE SAFETY

Don’t use random font for logotype.

SAN FRANCISCO

SAN FRANCISCO

BICYCLE SAFETY

BICYCLE SAFETY

Don’t use any other color on the logo.

Don’t put the logo on high contrast texture or imagery.

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Type Introductions

DINCOND-BOLD DIN 1451 is a sans-serif typeface that is widely used for traffic, administrative and technical applications.

It was defined by the German standards body DIN - Deutsches Institut für Normung (German Institute for Standardization) in the standard sheet DIN 1451-Schriften (typefaces) in 1931.

Originally designed for industrial uses, the first DIN-type fonts were a simplified design that could be applied with limited technical difficult y. Due to the desig n’s legibility and uncomplicated, unadorned design, it has become popular for general purpose use in signage and display adaptations. Many adaptations and expansions of the original design have been released digitally.

The typeface was adopted by Germany in 1936 as a standard known as DIN 1451 (DIN is an acronym for Deutsches Institut für Normung—in English, the German Institute for Standardization). The typeface became a standard for traffic signs, street signs, house numbers and license plates. Over the next decades the typeface also found use on various household goods and products, making it synonymous with German design.

82

MFA GRAPHIC DESIGN THESIS PROJECT

83

DIN Condensed Bold

​‌A​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌T​‌U​‌V​‌W​‌X​‌Y​‌Z​​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvwxyz‘​‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌) #​‌ DIN Pro

​‌A​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌T​‌U​‌V ​‌W ​‌X ​‌Y ​‌Z​​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvwxyz‘​‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌)#​‌ DIN-BlackItalic

​‌A​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌T​‌U​‌V​‌W​‌X​‌Y​‌Z​​‌1​‌2​ ‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvwxyz ‘​‌? ​‌’​‌“​‌! ​‌”​‌(​‌%​‌)#​‌ DIN-MediumItalic

​‌A​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌T​‌U​‌V ​‌W​‌X​‌Y​‌Z​​‌1​‌2​‌3​ ‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvwxyz ‘​‌? ​‌’​‌“​‌!​‌”​‌(​‌%​‌)#​‌ DIN (OTF)

​‌A​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌QRS​‌T​‌U​‌V ​‌W ​‌X ​‌Y ​‌Z ​​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvw xyz‘​‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌)#​‌

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Mercury Display The signature typeface we designed for Esquire magazine began its life as a would-be historical revival, but developed into one of our most avowedly modern type families. During its initial design exploration, Mercury was envisioned as a revival of the work of Johann Michael Fleischman (1701-1768), a German punchcutter denizened in Amsterdam, whose unrevived typefaces had so expressively captured the drama and tension of the Dutch baroque.

As Mercury’s design developed, it began to draw upon the work of other contemporary punchcutters: both the sparkling display faces of Jacques-François Rosart (17141774), and the progressive italics of Pierre Simon Fournier (1712-1768), were inspirations in Mercury’s evolving design.

The more time we spent with these historical models, the more it became clear that none of them truly possessed the qualities that were so exciting about the genre as a whole. As a collection, these faces were vibrant: tightly wound, yet quiet, using the tension between introverted and extroverted gestures — and between black letterforms and their white counters — to create a sort of “excited calm” on the page. It was these qualities that we hoped to capture in Mercury, so ultimately we chose to ignore the dictates of historical form and follow a more personal and expressive path instead.

84

MFA GRAPHIC DESIGN THESIS PROJECT

85

Mercury Display SemiBold

​‌A ​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K ​‌L​‌M​‌N​‌O​‌P​‌Q​ ‌R​‌S​‌T​‌U​‌V ​‌W​‌X​‌Y​‌Z​​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvwxyz‘​‌? ​‌’​‌“​‌!​‌”​‌(​‌%​‌)#​‌ Mercury Display Italic

​‌A ​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌T​‌U ​‌V ​‌W ​‌X​‌Y​‌Z​​ ‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvwxyz‘​‌? ​‌’ ​‌“​‌!​ ‌”​‌(​‌%​‌)#​‌

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Aperรงu Pro Aperรงu was started in December 2009, and was trialled & tested throughout a number of design commissions into 2010. The conceit behind Aperรงu was to create a synopsis or amalgamation of classic realist typefaces: Johnston, Gill Sans, Neuzeit & Franklin Gothic. Becoming, a sum of parts, building upon its initial reference points to create an extensive and usable family.

Since its release in August 2010, Aperรงu quickly found its position in the market, being used across a variety of different media and sectors around the world across a multitude of touchpoints. Utilised by leading visual institutions such as MOMA, De Wiels, Zeit Magazine and the Walker Art Centre amongst many others.

Between its release in 2010 and the present day, numerous extensions into further weights, extended language supports and enhanced OpenType features allow for dynamic control across a wide range of outputs.

86

MFA GRAPHIC DESIGN THESIS PROJECT

87

Aperçu Pro Light

​‌A​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌T​‌U​‌V ​‌W​‌X ​‌Y ​‌Z​​‌1​‌2​‌3​ ‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvwxyz‘​‌?​‌’​ ‌“​‌!​‌”​‌(​‌%​‌)#​‌ Aperçu

​‌A​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌T​‌U​‌V ​‌W​‌X ​‌Y​‌Z​​‌1​‌2​ ‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvwxyz‘​ ‌? ​‌’​‌“​‌!​‌”​‌(​‌%​‌)#​‌ Aperçu Medium

​‌A​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌T​‌U​‌V ​‌W​‌X ​‌Y​‌Z​​‌1​‌2​ ‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvwxyz‘​ ‌? ​‌’​‌“​‌!​‌”​‌(​‌%​‌)#​‌ Aperçu Pro Bold

​‌A​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​ ‌R​‌S ​‌T ​‌U ​‌V ​‌W ​‌X ​‌Y ​‌Z​​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvwxyz‘​‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌)#​‌ Aperçu Black Italic

​‌A​‌B​‌C​‌D​‌​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​ ‌R​‌S​‌T​‌U​‌V ​‌W​‌X ​‌Y​‌Z​​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌ abcdefghijknopqrstuvwxyz‘​‌?​‌’ ​‌“​‌!​‌”​‌(​‌%​‌)#​‌

SAN FRANCISCO FR ANCISCO BICYCLE BIC YCLE SAFETY SAFE T Y

XINGCHEN XINGCHENSTAR STARCHEN CHEN

88 88

Color

The color palette is extraxted from the street warning sign. Yellow and black stripe from the street sign too. Use the color from the street is make sense for the project. It will attract people pay attention on this project.

MFA GRAPHIC GRAPHIC DESIGN DESIGNTHESIS THESISPROJECT PROJECT

89

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

90

Color Palette

Safety Yellow

Safety Pink

C= 0 M=10 Y=100 K=0 R= 260 G= 200 B=0

C= 0 M=100 Y=20 K=0 R= 250 G= 30 B=120

Safety Black

Safety Grey

C= 70 M=60 Y=70 K=70 R= 50 G= 40 B=40

C= 50 M=40 Y=40 K=0 R= 140 G= 140 B=140

MFA GRAPHIC DESIGN THESIS PROJECT

91

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

92

Original Photo

San Francisco Bicycle Safety is using photo of San Francisco urbran city street and urbran cyclists. All the photos we using are original photography work. Our photo style is blackand-white format combine with yellow color layer with multiply effect on the photo.

MFA GRAPHIC DESIGN THESIS PROJECT

93

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

SEE AND BE SEEN

94

MFA GRAPHIC DESIGN THESIS PROJECT

95

10

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

96

Graphic Elements

The pink circle is the pop out color in the bicycle safety visual system. This pink circle represent cyclist’s love and passion of cycling. And also using on the top 10 bicycle laws.

The main graphic elements using in this project is parallelogram. In these two parallelograms all has 30 degree shear X angle. This 30 degree tilt represent the act of leaning forward when people riding a bicycle. Black and yellow color is come from the street sign. Improve people’s awareness of bicycle safety.

Black and yellow color is come from the street sign. Improve people’s awareness of bicycle safety.

MFA GRAPHIC DESIGN THESIS PROJECT

97

XINGCHEN XINGCHENSTAR STARCHEN CHEN

98 98

DEVELOPMENT

04

SAN FRANCISCO FR ANCISCO BICYCLE BIC YCLE SAFETY SAFE T Y

MFA GRAPHIC GRAPHIC DESIGN DESIGNTHESIS THESISPROJECT PROJECT

99

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Brand Poster Development

100

MFA GRAPHIC DESIGN THESIS PROJECT

101

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Campaign Development

102

MFA GRAPHIC DESIGN THESIS PROJECT

103

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Campaign Product Development

104

MFA GRAPHIC DESIGN THESIS PROJECT

105

KNOW MORE INFO

KNOW MORE INFO

www.sanfranciscobicyclesafety.com

www.sanfranciscobicyclesafety.com

SF_Bicycle_Safety

SF_Bicycle_Safety

SanFranciscobicycle Safety Project

SanFranciscobicycle Safety Project

BICYCLE SAFETY

BICYCLE SAFETY

SAN FRANCISCO

SAN FRANCISCO

KNOW MORE INFO SanFranciscobicycle Safety Project SF_Bicycle_Safety www.sanfranciscobicyclesafety.com

SAN FRANCISCO BICYCLE SAFETY

Pin Packaging Development SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

106

MFA GRAPHIC DESIGN THESIS PROJECT

107

SAN FRANCISCO

SAN FRANCISCO

SAN FRANCISCO

BICYCLE SAFETY

BICYCLE SAFETY

BICYCLE SAFETY

RIDE ON THE RIGHT SIDE OF THE ROAD

RIDE ON THE RIGHT SIDE OF THE ROAD

RIDE ON THE RIGHT SIDE OF THE ROAD

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Pin Packaging Development

108

MFA GRAPHIC DESIGN THESIS PROJECT

109

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Pin Packaging Development

110

MFA GRAPHIC DESIGN THESIS PROJECT

111

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Flat Paper bicycle helmet

112

MFA GRAPHIC DESIGN THESIS PROJECT

113

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

114

Bicycle Laws Brochure

SAN FRANCISCO BICYCLE SAFETY

TOP 10 BIKE LAWS CONTENTS

INTRODUCTION

INTRODUCTION

03

TOP 10 CALIFORNIA BIKE LAWS

06

1. Cyclists must follow the cvc

07

2. Ride with traffic

10

3. Ride on the right side of the road

11

4. Use bike lanes

12

5. Stop at, Not in, the crosswalk

13

6. Yield to pedestrians

14

7. Ride with lights and reflectors at night

15

8. Under 18, Wear a Helmet

16

9. One Ear Not Covered

17

10. No Tall Bikes on Roadways

18

TOP CALIFORNIA BIKE LAWS 10

Each year more than 800 people are hit by cars in The City. In 2015, 31 people were killed in traffic collisions in San Francisco, including 21 pedestrians and 4 cyclists. The top three causes of fatal collisions were drivers failing to yield to pedestrians (29%), drivers speeding (26%), and drivers running red lights (13%).

Though this booklet, we hope to raise awareness of the urgent need for motorists to be mindful of bicyclists and pedestrians. We also want to provide information for bicyclists and pedestrians on their legal rights and responsibilities. We all benefit by looking out for each other and sharing the road.

CYCLISTS MUST FOLLOW THE CVC 1

San Francisco Ranks as one of the most walkable cities in the U.S. It’s also a very bicycle friendly city. Tens of thousands of bicyclists take an estimated 82,000 daily bicycle trips. Unfortunately, The city is also home to some of the most dangerous intersections for pedestrians and cyclists in California.

The California Vehicle Code contains almost all statutes relating to the operation, ownership and registration of vehicles (including bicycles) in the state of California in the United States. It also contains statutes concerning the California Department of Motor Vehicles and the California Highway Patrol.

CVC is the California Vehicle Code. The California Vehicle Code contains almost all statutes relating to the operation, ownership and registration of vehicles (including bicycles) in the state of California in the United States. It also contains statutes concerning the California Department of Motor Vehicles and the California Highway Patrol.

As a general rule, bicyclists have the same duties and reponsibilities as vehicle drivers. Thus, stop at stop signs and red lights just like all other vehicles (CVC 21200).

MFA GRAPHIC DESIGN THESIS PROJECT

115

RIDE 2 WITH TRAFFIC

RIDE ON THE RIGHT SIDE OF THE ROAD

Ride in the same direction as traffic. If traveling in the opposite direction of a

If you are riding as fast as traffic, you can ride in the traffic lane. In most cases, you

one way street, walk your bicycle on the sidewalk (CVC 21650).

will be moving slower than traffic. Then you must ride as close as practicable to the right side curb or the edge of the roadway.

Several important exceptions in the Vehicle Code allow you to “take the lane.”

These exceptions are : (1) overtaking and passing another bicyclist, (2) preparing to take a left turn, and (3) when “reasonably necessary to avoid conditions... that make it unsafe to continue to ride along the righthand curb or edge,” such as pedestrians walking in the roadway (CVC 21202).

USE BIKE LANES

If you are riding as fast as traffic, you can ride in the traffic lane. In most cases, you will be moving slower than traffic. Then you must ride as close as practicable to the right side curb or the edge of the roadway.

3

5

Several important exceptions in the Vehicle Code allow you to “take the lane.”

These exceptions are : (1) overtaking and passing another bicyclist, (2) preparing to take a left turn, and (3) when “reasonably necessary to avoid conditions... that make it unsafe to continue to ride along the righthand curb or edge,” such as pedestrians walking in the roadway (CVC 21202).

YIELD TO PEDESTRIANS

4

Pedestrians should always use marked crosswalks when crossing a roadway. But even if they do not, bicyclists must exercise due for the safety of any pedestrian on a roadway (CVC 21954).

UNDER 18, WEAR A HELMET 6

RIDE WITH LIGHTS AND REFLECTORS AT NIGHT

When riding at night, you or your bike must be equipped with a white light that is visible from a distance of 300 feet in front of the bike. The bike must also have: A red reflector or a solid or flashing red light with a built-in reflector on the rear that is visible from a distance of 500 feet, A white or yellow reflector on each pedal, shoe, or ankle visible from the front and rear of the bicycle from a distance of 200 feet, and A white or yellow reflector on each side forward of the center of the bicycle, and a white or red reflector on each side to the rear of the center of the bicycle, unless your bike has front and rear reflectorized tires (CVC 21201(d)).

If you are under age 18, you must wear an approved helmet when riding. If you are 18 and older, a helmet is not required. Do not risk a life-threatening head injury in a bike crash: always wear a helmet (CVC 21212).

7

SAN FR ANCISCO BIC YCLE SAFE T Y

8

XINGCHEN STAR CHEN

STOP AT, NOT IN THE CROSSWALK

116

ONE EAR NOT COVERED 9

Crosswalks are for pedestrians, not cars or

Bicyclists are not allowed to wear earplugs

bicycles (CVC 21455).

in both ears or a headset covering both ears. (CVC 27400).

5

10 The bike must be of a size that the bicyclist can stop, support it in an upright position with at least one foot on the ground, and start in a safe manner (CVC 21201(c)).

NO TALL BIKES ON ROADWAYS

PLEASE FOLLOW US https://www.facebook.com/sanfranciscobicyclesafe-

Sf_bicycle_Safety

www.sanfranciscobicyclesafety.com

MFA GRAPHIC DESIGN THESIS PROJECT

117

SAN FR ANCISCO BIC YCLE SAFE T Y

User Testing

XINGCHEN STAR CHEN

118

MFA GRAPHIC DESIGN THESIS PROJECT

119

SAN FR ANCISCO BIC YCLE SAFE T Y

User Testing

XINGCHEN STAR CHEN

120

MFA GRAPHIC DESIGN THESIS PROJECT

121

SAN FR ANCISCO BIC YCLE SAFE T Y

User Testing

XINGCHEN STAR CHEN

122

MFA GRAPHIC DESIGN THESIS PROJECT

123

SAN FR ANCISCO BIC YCLE SAFE T Y

User Testing

XINGCHEN STAR CHEN

124

MFA GRAPHIC DESIGN THESIS PROJECT

125

XINGCHEN XINGCHENSTAR STARCHEN CHEN

126 126

DELIVERABLES

05

SAN FRANCISCO FR ANCISCO BICYCLE BIC YCLE SAFETY SAFE T Y

MFA GRAPHIC GRAPHIC DESIGN DESIGNTHESIS THESISPROJECT PROJECT

127

SAN FR ANCISCO BIC YCLE SAFE T Y

Posters

XINGCHEN STAR CHEN

128

MFA GRAPHIC DESIGN THESIS PROJECT

129

Look around and help others look at you.

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

130

Be aware, be alert, be alive.

MFA GRAPHIC DESIGN THESIS PROJECT

131

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

132

MFA GRAPHIC DESIGN THESIS PROJECT

133

Speed limit just trim it.

Don’t break the law.

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

134

MFA GRAPHIC DESIGN THESIS PROJECT

135

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Bicycle Laws Brochure

136

MFA GRAPHIC DESIGN THESIS PROJECT

137

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

138

MFA GRAPHIC DESIGN THESIS PROJECT

139

139

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Campaign / Advertising

140

MFA GRAPHIC DESIGN THESIS PROJECT

141

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Campaign / Advertising

142

MFA GRAPHIC DESIGN THESIS PROJECT

143

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

Campaign / Board

I BIKE BECAUSE

SAN FRANCISCO BICYCLE SAFETY

I BIKE FOR

SAN FRANCISCO BICYCLE SAFETY

144

MFA GRAPHIC DESIGN THESIS PROJECT

145

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

146

MFA GRAPHIC DESIGN THESIS PROJECT

147

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

148

MFA GRAPHIC DESIGN THESIS PROJECT

149

SAN FR ANCISCO BIC YCLE SAFE T Y

T-shirt

XINGCHEN STAR CHEN

150

MFA GRAPHIC DESIGN THESIS PROJECT

151

SAN FR ANCISCO BIC YCLE SAFE T Y

Bag

XINGCHEN STAR CHEN

152

MFA GRAPHIC DESIGN THESIS PROJECT

153

SAN FR ANCISCO BIC YCLE SAFE T Y

Pins

XINGCHEN STAR CHEN

MFA GRAPHIC DESIGN THESIS PROJECT

155

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

156

MFA GRAPHIC DESIGN THESIS PROJECT

157

SAN FR ANCISCO BIC YCLE SAFE T Y

Lanyard Keychain

XINGCHEN STAR CHEN

MFA GRAPHIC DESIGN THESIS PROJECT

159

SAN FR ANCISCO BIC YCLE SAFE T Y

App

XINGCHEN STAR CHEN

160

MFA GRAPHIC DESIGN THESIS PROJECT

161

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

162

MFA GRAPHIC DESIGN THESIS PROJECT

163

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

164

MFA GRAPHIC DESIGN THESIS PROJECT

165

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

App Final Try it ! https://invis.io/Y6ESUAAER

166

MFA GRAPHIC DESIGN THESIS PROJECT

167

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

168

MFA GRAPHIC DESIGN THESIS PROJECT

169

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

170

When you are riding, we take care of your safety.

MFA GRAPHIC DESIGN THESIS PROJECT

171

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

172

MFA GRAPHIC DESIGN THESIS PROJECT

173

When you need the help, we are always be by your side.

SAN FR ANCISCO BIC YCLE SAFE T Y

Website

XINGCHEN STAR CHEN

174

MFA GRAPHIC DESIGN THESIS PROJECT

175

www.sanfranciscobicyclesafety.net

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

176

MFA GRAPHIC DESIGN THESIS PROJECT

177

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

178

Video/ Shooting list Bicycle Safety

1

Oct 19, 2017 at 12,46 AM DoneShot No. Prep No. SetupCam Flag VFX SFX Light

Size

Nickname

Description

Gear

Lens

Cam

35mm

1 - By The Sea 1.1

MCU

Medium close up

The Cyclist Wears safety T-shirt On

1.2

CU

Close Up

He put the safety pin on

50mm

1.3

MCU

Medium Close Up

He put helmet on / buckle on

35mm

1.4

CU

Profile shot of putting helmet on, Another Angle For focus on hand Helmet

1.5

WS

Full body

Walks with bike, then get ready for biking (test brake twice) Frontal shot

14mm

1.6

MCU

Close up of wheel

BikeĘźs wheel running on the road, pst the frame

35mm

1.7

WS

He rides bike away Shot Of Nice composition for light of bike Riding Bike from back

20mm

1.8

MCU

Close Up

He gets on bike and ready to go Profile C.U of feet

50mm

35mm

2 - Downtown 2.1

WS

Full Body Shot

HeĘźs standing around buildings, prepare to go, and open app on his phone.

2.2

CU

Close Up

Profile shot of wearing helmet on/ buckle up Better with sunlight coming in

2.3

MCU

2.4

WS

Safety Shot*Ride With Traffic

2.5

OTS

He waits for pedestrians to cross Safety Shot*yield the street Track the pedestrian a bit To Pedestrian s

2.6

Movement He stands by at the curb.

Shot Tracks him from bottom to top

Safety Shot* Gesture For Drivers

Follow the rule: ride with traffic He rides along with bus, could wait for bus go first the move Profile shot inside the car

He shows hand signal to drivers behind him Frontal shot inside the car

18mm

Handhel 35mm d 35mm

18mm

35mm

Handhel 25mm d

User

MFA GRAPHIC DESIGN THESIS PROJECT

179

Bicycle Safety

2

Oct 19, 2017 at 12,46 AM 2.7

MCU

Tracking Riding bike Him Biking Tracking shot inside car Pass—go far behind his back Chase up 3/4 face shot

Handhel 25mm d

2.8

Go Pro Shot

2.9

Ride on bike lane with mark on Go Pro GoPro And stop at stop sign on the ground Shot (direction down to the road)

Ride through the city

GoPro

He rides closer on bike In 60 FPS In 3/4 profile

2.10

MS

Slow Motion Shot

2.11

MS

Ride bike after 6pm with lights on Safety Shot* Late Tracking Shot Afternoon Shot

2.12

MCU

Safety Focus on Wheel Shot* Lights On Bike

35mm

2.13

OTS

OTS

35mm

2.14

MS

Profile shot of waiting for Safety Shot*yield Pedestrians to cross the street Tilt up To Pedestrian s2

He checks on app, plan a route.

35mm

Handhel d

Handhel 25mm d

SAN FR ANCISCO BIC YCLE SAFE T Y

Video

XINGCHEN STAR CHEN

180

MFA GRAPHIC DESIGN THESIS PROJECT

181

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

182

MFA GRAPHIC DESIGN THESIS PROJECT

183

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

184

MFA GRAPHIC DESIGN THESIS PROJECT

https://vimeo.com/243555822

185

SAN FR ANCISCO BIC YCLE SAFE T Y

XINGCHEN STAR CHEN

186

MFA GRAPHIC DESIGN THESIS PROJECT

187

SAN FR ANCISCO BIC YCLE SAFE T Y

Social Network

XINGCHEN STAR CHEN

188

SAN FRANCISCO BICYCLE SAFETY

XINGCHEN STAR CHEN

002

MFA GRAPHIC DESIGN THESIS PROJECT

003

We still have a lot of work have to do for the bicycle safety in San Francisco, but more and more people are joining us. San Francisco is great place to bike, we hope everyone can enjoy cycling in here.

SEE AND BE SEEN.

THANK YOU

Sangwon Son Kuankuan Wang Haoyi Li Skylar

Video Work Team

Jacie Lin Wasaki Bai Eva Bian Kaien Zhang Chera Wu Stella Fan

Campaign Work Team

Thank you all the people have been worked with San Francisco Bicycle Safety Project.

Thank you for your help.

COLOPHON

starchendesigns.com

Personal Website

xingchenchen0305@gmail.com

Email

sanfranciscobicyclesafety.net

Brand Website

Spring_2016- Fall 2017

Semesters

Phillip Hamlett Wioleta Kaminska

Instructors

GR810 Thesis 1- Concept GR830 Thesis 2 - Expioration GR850 Thesis 3 - Refinement

Courses

SAN FRANCISCO BICYCLE SAFETY