2014–2016 Selected Works by Yifan Wu
2014–2016 Selected Works by Yifan Wu
2
Intriguing audiences with narratives and visual language is similar to the process of realizing a vision. I love when the story unfolds, little by little, and when the value in my design is revealed.
INDEX OF WORKS
Copyright © 2016 Yifan Wu. All rights reserved. No part of this publication can be reproduced, stored in a retrieval system, or transmitted in any form as well as any means electronic, mechanical photocopying, recording or otherwise without the permission of the express permission of the copyright holder.
01
P//04–19
Beyond Humanity
03
Unseen Links
4
P//20–47
Set Mind
P//48–59
Lies
05
02
04
P//60–19
Born Free
P//04–19
06 Divisions
P//04–19
01 02
Title Beyond Humanity
03
01
04 05 06
Category Web
Type Website Experimental Type
“Science and technology revolutionize our lives; but memory, tradition and myth frame our responses.” —Arthur M. Schlesinger
Time 2016 Spring
Class
Description
Approach
Type Experiments
In this project, we were asked to cre-
The whole website followed my design
ate a website about an opinion with a
using typography, images, motions and
strong personal and conceptual con-
videos, to lead the audience through
text. I conducted extensive research,
the different phases of the relationship
writing, and image creation, as well as
between humans and technology: balance,
design. I would need to explore ways
fusion, glitch, question and escape.
to blend image and type.
I chose Blender and Born as my typefaces:
I picked the topic to which we were
Blender is very solid and structural and
particularly drawn, or that we found
has a mechanical look to it; Born is a
interesting or that we’d love to inves-
humanist serif that indicates humanity
tigate. I needed to research the topic,
on the website. The deep blue and orange
in depth, and translate my findings
color scheme also reflected the subject of
into writing, images and illustrations.
humans and technology.
At least 2/3 of the website had to be expressed with type, and 90% of the type had to be live HTML text.
Eventually, through the design of this website, I was able to present a complete and interactive experience about humanity, empathy, and technology.
6
Beyond Humanity
Yifan Wu
7
01 02 03 04 05 06
8
Beyond Humanity
Yifan Wu
9
01 02 03 04 05 06
10
Beyond Humanity
Yifan Wu
11
01 02 03 04 05 06
12
Beyond Humanity
Yifan Wu
13
01 02 03 04 05 06
14
Beyond Humanity
Yifan Wu
15
01 02 03 04 05 06
Process
Variations
Initially, I went too far with my type
A lot of exploration and decisions were
treatment and layouts - I was too
made during the process of finalizing
excited when I had my hands on
the whole design. These are some
Adobe Muse for the first time. The
variations I designed for the landing
experimental part seemed to be
page, which is vital for the audience’s
enough; then I decided to pull back
first impression.
some of my choices to make this website more polished.
16
Beyond Humanity
Yifan Wu
17
01 02 03 04 05 06
18
Beyond Humanity
Yifan Wu
19
01 02 03
Title Setmind
02
04 05 06
Category Branding
Type Identity Design UI/UX Design
“Design is the silent ambassador of your brand.” —Paul Rand
Time 2015 Fall
Class
Description
Visual Thinking
This project led us through specific steps The core mission of this brand was to
Approach
in the design process to create engaging
develop a toolkit and space for people in
and relevant solutions.
creativity fields to work and communicate
We were asked to propose a topic,
with each other in a more efficient way.
identify its relevant audience and
Punctuation marks were introduced as
stakeholders, and then find, create and
graphic elements in the visual system to
implement compelling visual elements
show the concept of the design process.
in a variety of media that work together
Bright colors were introduced in the proj-
as a cohesive system.
ect to attract people’s attention and create an inspiring atmosphere. The deliverables of this project were: a creative working space, a mobile application, and a YouTube channel. They not only work individually, to help people connect and work together, but also to build a system that is consistent and versatile.
20
Setmind
Yifan Wu
21
01 02 03 04 05 06
22
Setmind
Yifan Wu
23
01 02 03 04 05 06
24
Setmind
Yifan Wu
25
01 02 03 04 05 06
26
Setmind
Yifan Wu
27
01 02 03 04 05 06
28
Setmind
Yifan Wu
29
01 02 03 04 05 06
30
Setmind
Yifan Wu
31
01 02 03 04 05 06
32
Setmind
Yifan Wu
33
01 02 03 04 05 06
/34 34
Setmind
Setmind
Yifan Wu
35
01 02 03 04 05 06
36
Setmind
Yifan Wu
37
01 02 03 04 05 06
38
Setmind
Yifan Wu
39
01 02 03 04 05 06
40
Setmind
Yifan Wu
41
01 02 03 04 05 06
42
Setmind
Yifan Wu
43
01 02 03 04 05 06
44
Setmind
Yifan Wu
45
01 02 03 04 05 06
46
Setmind
Yifan Wu
47
01 02 03 04 05 06
48
Setmind
Yifan Wu
49
01 02 03
Title Lies
03
04 05 06
Category Experimental Type Type Installation Photography
“There is no secret that time does not reveal.” —Jean Racine
Time 2016 Spring
Class
Description
Approach
Type Experiments
For this project, we were asked to pick
The approach I chose for this particular
two short, meaningful sentences and “illustrate,” with type, their meaning.
project was to present a connection among materials, visuals, and emotions.
This should be as experimental as pos-
Eventually, I came up with this unique
sible. It could be three images that
laser type effect, which was the appli-
are presented as posters, or it could
cation of Tyndall Effects.
be two videos.
The look and feel also created a unique
The videos should be short enough that
connection with the word “lies”, creat-
the audience can see how type forms
ing a deeper layer of meanings about
are revealed. The conceptual thinking
emotions, technology, and humans.
should be related to the word, type form,
The black and red color scheme also
and the materials.
created a strong contrast, making the forms of the letters stronger.
50
Lies
Yifan Wu
51
01 02 03 04 05 06
52
Lies
Yifan Wu
53
01 02 03 04 05 06
54
Lies
Yifan Wu
55
01 02 03 04 05 06
56
Lies
Yifan Wu
57
01 02 03 04 05 06
58
Lies
Yifan Wu
59
01 02 03 04 05 06
60
Lies
Yifan Wu
61
01 02 03
Title Born Free
04
04 05 06
Category Experimental Type Type Installation Photography
“I hope for nothing. I fear nothing. I am free.” —Nikos Kazantzakis
Time 2016 Spring
Class
Description
Approach
Type Experiments
For this project, we were asked to pick
For this project, I used the visual effect
two short, meaningful sentences and “illustrate,” with type, their meaning.
of wax melting to show the concept of “every life is born equal.” Foreground let-
This should be as experimental as pos-
ters were created in a silicon mold with
sible. It could be three images that
drops of blue ink, while the background
are presented as posters, or it could
letters were carved on a wax plate in a
be two videos.
rough way to create visual contrast.
The videos should be short enough
I reversed the timeline of the video to
that the audience could see how type
show the revelation of the letters. The
forms are revealed. Conceptual think-
visual system delivered the message in a
ing should be related to the word, type
gentle and very peaceful way.
form and the materials we chose.
62
Born Free
Yifan Wu
63
01 02 03 04 05 06
66
Born Free
Yifan Wu
67
01 02 03 04 05 06
68
Born Free
Yifan Wu
69
01 02 03
Title Unseen Links
05
04 05 06
Category Book Design Type
“One faces the future with one’s past.”
Layout Design Typography —Peal S. Buck Time 2015 Fall
Class
Description
Approach
Type System
For this book design project, we were
I named the book “Unseen Links” to
assigned a topic randomly to design
illustrate my topic, “the future of wire-
and produce a conceptual book about
less.” The whole book is full of my
the near future.
explorations of experimental typogra-
The book had to be well-paced, with a
phy and layout variations.
well-designed layout and good typog-
The typeface I chose was Blender, a
raphy. All the contents, including text
typeface that has solid construction
and images, should be generated or be
and is mechanical-looking. The gold
found with citations and image credits.
color was inspired by the golden contact on electronic parts, and the blue tone of the images indicates the theme of technology and electricity.
70
Unseen Links
Yifan Wu
71
01 02 03 04 05 06
72
Unseen Links
Yifan Wu
73
01 02 03 04 05 06
74
Unseen Links
Yifan Wu
75
01 02 03 04 05 06
76
Unseen Links
Yifan Wu
77
01 02 03 04 05 06
78
Unseen Links
Yifan Wu
79
01 02 03 04 05 06
80
Unseen Links
Yifan Wu
81
01 02 03
Title Divisions
06
04 05 06
Category Experimental Type Type Installation
“Extremes are easy. Strive for balance.”
Photography —Colin Wright Time 2016 Spring
Class
Description
Type Experiments
For this project, we were asked to push
Approach
the type boundaries even further and
“Divisions” was the topic I chose. The topic was about dividing space and the
create our own type. We had to choose
balance of materials in interior design.
an architecture-themed conference,
The three themes I identified were deep,
event, tribute, or lecture series—either
zone and rhythm.
an existing one or an invented one. We described the event as a whole and
I used a combination of different types of acrylic, wood, and cardboard to
determined three main topics to be dis-
illustrate the varieties of construction
cussed or featured - one topic for each
material, as well as the architectural
poster. The topics had to be related to
theme. The composition of different let-
each other in some way. Then, we inter-
ter forms and materials was eventually
preted the topics with the type that we
revealed after a long process of laser
created from scratch. There was some
cutting, construction and photo shooting.
information—details about the event— that needed to be treated consistently, from poster to poster.
82
Divisions
Yifan Wu
83
01 02 03 04 05 06
84
Divisions
Yifan Wu
85
01 02 03 04 05 06
86
Divisions
Yifan Wu
87
88
01 02 03 04 05 06
90
Divisions
Yifan Wu
91
01 02 03 04 05 06
Fonts Montserrat Domine Print & Binding Blurb Premium Magazine Softcover Perfect Bound 8.5Ă—11 in
Contact Yifan Wu 415-609-4720 yifanwudesign@gmail.com yifanwudesign.com
92
Divisions
Yifan Wu
93
Copyright © 2016. Yifan Wu. All rights reserved. 94