Fuhan Li Portfolio (student work)

; Im(permanence), Fuhan Li

A Collection of Work

; Im(permanence), Fuhan Li

A Collection of Work

For my wise grandparents,

( W H AT I S I M P E R M A N E N C E T O M E )

Change is central to the concept of impermanence. For a designer, impermanence means to acknowledge the importance of past works, but to focus on doing something new. To be bold, and to get out of your comfort zone. It’s not easy, but this is how to create work that will endure.

Each major change in my life has been challenging, but transformative. My experiences left their mark on who I am today—a young woman studying my passion, Graphic Design, in San Francisco.

Change is the law of life. And those who look only to the past or present are certain to miss the future.

—John F. Kennedy

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

(00)

01

02

03

04

05

( TA B L E O F CO N T E N T S )

10/(11)

; 00/05

Table of Contents

(PG:12-27)

(PG:28-57)

(PG:58-91)

( P G : 9 2 -1 1 1 )

( P G : 1 1 2 -1 41 )

Fading Experiences

Shadows of the Past

Sea To Fork

The Darkroom

Negative Space

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

(01)

02

03

04

05

( P R OJ E C T ) FA D I N G E X P E R I E N C E S

; 01/05

Fading Experiences

(SEMESTER)

(CO U R S E )

Spring 2016

Type Experiments

(CO U R S E N O. )

( I N S T R U C TO R )

GR 613

Kathrin Blatter ( P R OJ E C T )

Opinion Website

14/(15)

(BRIEF)

In this project, I have to create a website about an opinion with a strong personal and conceptual context. This requires conducting extensive research, writing, image creation as well as design. Additionally, I must further explore blending image and type.

(APPROACH)

Elie Wiesel once said that “if we stop remembering, we stop being.” In my opinion, memories matter because they shape who I am and how I perceive the world. When people forget about the past, they forget who they are, and they make poor life choices. Life in the digital age is concerning because we are constantly being absorbed in computer screens, and mobile devices keep us distracted and may erode our sense of self.

I designed an opinion website based on the idea of memory loss in the digital age. I was inspired by experiences viewing photos I’ve taken while traveling. Looking back on many of my photos, I fail to remember where I was when I took them. The website juxtaposes three stages of memory loss—before, during, and after. I use a white background to give the feeling of blankness—a memory stripped bare—and the typography and imagery differentiate the sections.

(CO N C E P T )

Life in the digital age erodes precious memories.

( K E Y WO R D S )

(DELIVERABLE)

Process Digital Blankness

A Website

(C AT E G O R I E S )

Web Design Interaction Typography

( F O R M AT )

960 pixels/ 22 Pages

MU

PS

00

(01)

02

03

04

05

( P R OJ E C T ) FA D I N G E X P E R I E N C E S

14/(15)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

06 (0 1 7 )

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

(01)

02

03

04

05

( P R OJ E C T ) FA D I N G E X P E R I E N C E S

18/(19)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

(01)

02

03

04

05

( P R OJ E C T ) FA D I N G E X P E R I E N C E S

20/(21)

>>

>

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

(01)

02

03

04

05

( P R OJ E C T ) FA D I N G E X P E R I E N C E S

24 / ( 2 5 )

>>

>

/?

?? ?

>

>

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

(01)

02

03

04

05

( P R OJ E C T ) FA D I N G E X P E R I E N C E S

26/(27)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

(02)

03

04

05

( P R OJ E C T ) S H A D O W S O F T H E PA S T

; 02/05

Shadows of the Past

(SEMESTER)

(CO U R S E )

Spring 2016

Type Experiments

(CO U R S E N O. )

( I N S T R U C TO R )

GR 613

Kathrin Blatter ( P R OJ E C T )

Architecture Typography

30/(31)

(BRIEF)

For this project I have to push the type boundaries even further and create my own type. Pick an architecture themed conference, event, tribute, or lecture series; either an existing one or invent one. Describe the event as a whole and determine three main topics to be discussed or featured, one topic for each poster.

(A P P R OAC H )

To develop my concept on abandoned buildings, I had to determine what important thing abandoned structures share in common. I found out that most abandoned buildings have not been repaired for a long time, so some parts of buildings are destroyed or taken over by plants, sands, and water. Others have been destroyed by fire or simply left unfinished. And some of them were not even finished before they were abandoned.

Based on my research, I developed a concept that shows the contrast between complete parts and incomplete parts of buildings. For ruined and overgrown structures, I used the same material from the unfinished poster and combined it with different materials to create the letters. For the ruined concept, I used fire to break the letters. And for overgrowth, I covered the letters with grass and plants.

(CO N C E P T )

They may be abandoned, but not forgotten.

( K E Y WO R D S )

(DELIVERABLES)

Bare Ruin Lush

Poster x 3 ( F O R M AT )

18*24 inch

(C AT E G O R I E S )

Typography Handcraft

ID

PS

00

01

(02)

03

04

05

( P R OJ E C T ) S H A D O W S O F T H E PA S T

30/(31)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

(02)

03

04

05

( P R OJ E C T ) S H A D O W S O F T H E PA S T

34/(35)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

(02)

03

04

05

( P R OJ E C T ) S H A D O W S O F T H E PA S T

36/(37)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

(02)

03

04

05

( P R OJ E C T ) S H A D O W S O F T H E PA S T

4 0/ (41 )

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

(02)

03

04

05

( P R OJ E C T ) S H A D O W S O F T H E PA S T

4 2 / (4 3 )

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

(02)

03

04

05

( P R OJ E C T ) S H A D O W S O F T H E PA S T

4 4 / (4 5 )

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

(02)

03

04

05

( P R OJ E C T ) S H A D O W S O F T H E PA S T

4 8 / (49 )

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

(02)

03

04

05

( P R OJ E C T ) S H A D O W S O F T H E PA S T

50/(51)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

(02)

03

04

05

( P R OJ E C T ) S H A D O W S O F T H E PA S T

54/(55)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

(02)

03

04

05

( P R OJ E C T ) S H A D O W S O F T H E PA S T

56/(57)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

; 03/05

Sea To Fork

(SEMESTER)

(CO U R S E )

Winter 2016

Visual Thinking

(CO U R S E N O. )

( I N S T R U C TO R )

GR 620

Sandra Isla ( P R OJ E C T )

Identity Design

60/(61)

(BRIEF)

This course leads students through specific steps in the design process to create engaging and relevant solutions.

Students will propose a topic, identify its relevant audience and stakeholders, then find, create, and implement compelling visual elements in a variety of media that work together as a cohesive system.

(A P P R OAC H )

I designed a brand called Sea2Fork. It is a brand that provides food, delivery service, and information about sustainable fishing and farming practices. Our mission is to provide friendly service, and delicious seafood, while doing good for the environment. While customers dine, they can read pamphlets or converse with employees about how customers’ dietary choices can save the oceans. I designed two sets of visual elements to help customers recognize whether their order is farmed or fished. Additionally, I used colors to set the mood of my brand—blue to represent the oceans, yellow to warn about the dangers affecting sea life.

(CO N C E P T )

The brand only serves seafood from sustainable farms and fishing operations.

( K E Y WO R D S )

(DELIVERABLES)

Continuous Fresh Variety

Application Packaging x 2 Poster x 3

(C AT E G O R I E S )

( F O R M AT S )

App Design Branding Visual System

App/13 Screens Packagings/9.5*4 inch Posters/11*17 inch

ID

PS

AI

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

60/(61)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

64/(65)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

6 6 / ( 67 )

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

68/(69)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

70/(71)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

72/(73)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

74 / ( 7 5 )

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

76 / ( 7 7 )

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

78/(79)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

D

SHED

S

S

S

Do you know moremore thanthan 75% 75% of the Do you know of the tunatuna population is exploited to the population is exploited to the limitlimit or overfished? or overfished?

HelpHelp us toussave oceans by choosing to save oceans by choosing sustainable tuna.tuna. sustainable

S

2FOR EA

Do you know more thanthan 75%75% of the Do you know more of the tunatuna population is exploited to the population is exploited to the limitlimit or overfished? or overfished?

HelpHelp us toussave oceans by choosing to save oceans by choosing sustainable tuna.tuna. sustainable

Nutrition FactsFacts Nutrition

Nutrition FactsFacts Nutrition

Serving Size 303g Serving Size 303g

Serving Size 303g Serving Size 303g

AmountAmount Per Serving Per Serving

AmountAmount Per Serving Per Serving

Calories From Fat 237 Calories From Fat 237

Calories From Fat 237 Calories From Fat 237

Calories 465 465 Calories

% Dally%Value Dally Value

% Dally %Value Dally Value

40% 40%

Total Fat 26.3g Total Fat 26.3g

20%

Saturated Fat 4.3g Saturated Fat 4.3g

40% 40%

Total Fat 26.3g Total Fat 26.3g

31%

31%

Sodium 747mg747mg Sodium

31%

22%

22%

Cholesterol 66mg 66mg Cholesterol

20%

20%

Saturated Fat 4.3g Saturated Fat 4.3g

20%

Trans Fat 0.0g Trans Fat 0.0g

D

D

D

D

SHE FISHE

S

S

S

S

K

2FOR A2FOR EA E

EatEat Before Before

K

ME

FI

K

A R M EF A R

K

F

Calories 465 465 Calories

D

FI

K

A R MFE ISHED

K

F

2FOR F 2 OR EA EA K

ARME

K

F

2FOR EA

22%

05

31%

04

22%

(03 )

Trans Fat 0.0g Trans Fat 0.0g

02

Cholesterol 66mg 66mg Cholesterol

01

Sodium 747mg747mg Sodium

00

2FOR A2FOR EA E

EatEat Before Before

Pike’s FishFish Farm Pike’s Farm

PierPier FishFish Co.Co.

Albacore Albacore Tuna Tuna

Yellowfin Yellowfin Tuna Tuna

( P R OJ E C T ) S E A TO F O R K

80/(81)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

82/(83)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

86/(87)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

(03 )

04

05

( P R OJ E C T ) S E A TO F O R K

90/(91)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

(04)

05

( P R OJ E C T ) T H E DA R K R O O M

; 04/05

The Darkroom

(SEMESTER)

(CO U R S E )

Fall 2015

Type Composition

(CO U R S E N O. )

( I N S T R U C TO R )

GR 619

Andrew Loesel ( P R OJ E C T )

Magazine Design

94/(95)

(BRIEF)

Create a hypothetical magazine and direct a visual concept based on a specific subject. Show the ability to create a cohesive layout that can flexibly fit with various contents.

Execute the concept of visualization. The goal is to have complete elements for the magazine, including at least three different articles, table of contents, chapter openers, and a fully designed cover.

(A P P R OAC H )

I created a magazine called Vintage Camera, which talks about film cameras. Vintage Camera Magazine has three different sections. Each of the sections represents a different type of film camera—135, 120 and instant type film camera. I used different colors to differentiate each section.

(CO N C E P T )

The magazine of choice for the photo aficionado.

( K E Y WO R D S )

(DELIVERABLE)

Vintage Timeless Contemporary

Magazine ( F O R M AT )

Magazine/8.5*11 inch

(C AT E G O R I E S )

Magazine Design Visual System

ID

PS

00

01

02

03

(04)

05

( P R OJ E C T ) T H E DA R K R O O M

94/(95)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

(04)

05

( P R OJ E C T ) T H E DA R K R O O M

96/(97)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

(04)

05

( P R OJ E C T ) T H E DA R K R O O M

98/(99)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

(04)

05

( P R OJ E C T ) T H E DA R K R O O M

104/(105)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

(04)

05

( P R OJ E C T ) T H E DA R K R O O M

106/(107)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

(04)

05

( P R OJ E C T ) T H E DA R K R O O M

108/(109)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

(04)

05

( P R OJ E C T ) T H E DA R K R O O M

110/(111)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

; 05/05

Negative Space

(SEMESTER)

(CO U R S E )

Spring 2016

Type Systems

(CO U R S E N O. )

( I N S T R U C TO R )

GR 601

John Nettleton ( P R OJ E C T )

TYPO Design Conference

114/(115)

(BRIEF)

Choose a design conference and design a holistic visual system for it. Show the ability to create a sophisticated visual concept that matches the aim of the conference.

The goal is not only to challenge a designer's ability to demonstrate conceptual and visual design skills, but also to show typographic skill all in a highly flexible design system that fits the need of the design conference.

(A P P R OAC H )

I chose TYPO International Design Talks to design the conference visual system. It is an annual event held in Berlin, London and San Francisco. This promotional project is developed to market the event for the design industry.

The use of patterns, sophisticated color scheme and typography are applied to the print and mobile application.

I created TYPO by using patterns, shapes and lines meant to represent different creative ideas coming together to created unique typography. I also used visual elements from the typography as parts of the conference visual system.

(CO N C E P T )

An end-to-end visual system for a design conference.

( K E Y WO R D S )

(DELIVERABLE)

Dynamic Typography Innovation

A Visual System

(C AT E G O R I E S )

( F O R M AT S )

Program/16 pages Poster/18*22 inch

Event Design Visual System ID

PS

AI

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

114/(115)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

120/(121)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

122/(123)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

http://typotalks.com

http://typotalks.com

1 24 / ( 1 2 5 )

Title

Title

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

128/(129)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

130/(131)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

132/(133)

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

134/(135)

21

9AM—6PM TYPO 2016

23

>>>>>> 07/21/2016 >>>>>>>>>>>>>>>>>>>>>>> TYPO00626 >>>>>>>>>

TYPO 2016

22

>>>>>> 07/22/2016 >>>>>>>>>>>>>>>>>>>>>>> TYPO00626 >>>>>>>>>

>>>>>> 07/22/2016 >>>>>>>>>>>>>>>>>>>>>>> TYPO00626 >>>>>>>>>>>>>>>

23

9AM—6PM YBCA THEATER TYPO 2016

23

2016

>>>>>> 07/23/2016 >>>>>>>>>>>>>>>>>>>>>>> TYPO00626 >>>>>>>>>

2016

THIS IS TYPO SAN FRANCISCO

9AM—6PM YBCA THEATER

INTERNATIONAL DESIGN TALKS

32 22 TYPO 2016

July 21—23, 2016

07/22/2016 >>>>>>>>>>>>>>>>>>>>>>> TYPO00626 >>>>>>>>>>>>>>>

>>>>>> 07/23/2016 >>>>>>>>>>>>>>>>>>>>>>> TYPO00626 >>>>>>>>>>>>>>>

YBCA Theater, 701 Mission St, San Francisco

32 23 9AM—6PM YBCA THEATER

22

9AM—6PM YBCA THEATER

23

07/23/2016 >>>>>>>>>>>>>>>>>>>>>>> TYPO00626 >>>>>>>>>>>>>>>

TYPO 2016

>>>>>> 07/21/2016 >>>>>>>>>>>>>>>>>>>>>>> TYPO00626 >>>>>>>>>>>>>>>

07/21/2016 >>>>>>>>>>>>>>>>>>>>>>> TYPO00626 >>>>>>>>>>>>>>>

32 21 TYPO 2016

9AM—6PM YBCA THEATER

23

21

9AM—6PM YBCA THEATER TYPO 2016

21

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

136/(137)

IM(PERMANENCE)

A CO L L E C T I O N O F W O R K B Y F U H A N L I

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

00

01

02

03

04

(05)

( P R OJ E C T ) N E G AT I V E S PA C E

140/(141)

; To my family, instructors and friends,

Thank You

( FA M I LY )

( B E S T F R I E N D)

( I N S T R U C TO R S )

Mom Dad Grandmas Grandpas

Gabe Pike

Mary Scott John Nettleton Kathrin Blatter Phil Hamlett Scott Rankin Hunter Wimmer Andrew Loesel Carolina De Bartolo Susan Pasley Jill Ballard

( TO M Y FA M I LY )

Thank you for supporting me, believing in me, and putting up with me working on school all the time. I could not have finished this book without your support. ( TO M Y I N S T R U C TO R S )

Thanks for teaching me the principles of design. For critiquing my work, always pushing me to do better.

You made me the designer I am today. ( TO M Y F R I E N D S )

Thank you for staying up so many nights collaborating on projects with me. ( TO M Y S E L F )

To learn without thinking is blindness, to think without learning is idleness. —Confucius

(BINDING)

(PRODUCTION)

The Key

Mercury/Whitney Adobe Creative Cloud

(PRINTING)

Graphic Imagery ( P H OTO G R A P H Y )

Fuhan Li unsplash.com

(CO N TAC T )

Fuhan Li +1 415.939.1980 lfh0713@gmail.com fuhanli.com Š 2017 All rights reserved