Categor y_Website Design
O p i n i o n W e b s i t e _ F e a r o f Cy b e r L i f e
01
02
03
04
05
The Selec ted Work s of Dong yi Zhang f r o m 2 0 1 4 t o 2 0 17
_1
I N T R O S TAT E M E N T
DESIGN IS AN ADVENTURE The designer needs a spirit of adventure, bravely going outside their comfort zone to question existing solutions,to experiment with new technology and materials, to challenge their own safe limits.
ADVENTURE
Designed by Dong yi Zhang
Website _w w w.dong yi-zhang.com E-mail_zhangdong yi2012@gmail.com Contact _925 36 4 1180
All Right s Reser ved Copyright ŠDong yi Zhang
No Por tion of this publication can be used for reporduced without the prior writ ten consent from Dong yi Zhang
Design is an adventure. Here is mine ...
SELECTED WORKS FROM 2014 TO 2017 BY
DONGYI ZHANG
CONTENTS
E XPRESS A STRONG PER SONAL VIE W THAT MIGHT BE CONTROVER SIAL PROJECT 01
04
OPINION WEBSITE
MEET FRESH PROJEC T 03
CRE ATE AN INTER AC TIVE CAMPAIGN TO PROMOTE LOCAL FARMER S’ MARKETS
DE VELOP A FILM FESTIVAL FOR A WELLKNOWN DIREC TOR OF MY CHOICE PROJEC T 02
FILM 14 FESTIVAL 48 CONFERENCE POSTER
34
PROJEC T 0 4 DESIGN A SERIES OF POSTER S USING E XPERIMENTAL T YPOGR APHY
RECRE ATE THE CLIMATE CHANGE STR ATEGY REPORT OF SAN FR ANCISCO PROJEC T 05
58
CLIMATE CHANGE STRATEGY REPORT
Projec t _ 01
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
EXPRESSES A STRONG PERSONAL VIEW THAT MIGHT BE CONTROVERSIAL
_8
Categor y_Website Design
O p i n i o n W e b s i t e _ F e a r o f Cy b e r L i f e
01
01
02
03
04
05
COUR SE _Type Experiments INS TRUC TOR _ Kathrin Blat ter YE AR _ Fall 2016 C ATEGORY_Web Design
BRIEF The projec t is to create an opinion website which expresses a strong personal view that might be controversial. The website has to be 60% tex t, and 90% of the tex t has to be live html. I chose the topic “ the fear of the over whelming all-the-time c yber life among our generation� and wrote all the contents. Basically, this site expresses my fear of c yber life due to the fragmentation it caused in my life.
OBJECTIVE Express my personal opinion through a website.
DESIGN A s the website mainly talks about the fragmentation and uneasy feelings caused by c yber life, I used glitch images and gifs to visually illustrate the topic. Since the main target audience is the younger generation around 20, I wanted to use vibrant colors to make it eye-catching.
_9
Projec t _ 01
_10
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_Website Design
O p i n i o n W e b s i t e _ F e a r o f Cy b e r L i f e
01
02
03
04
05
_11
Projec t _ 01
_12
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_Website Design
O p i n i o n W e b s i t e _ F e a r o f Cy b e r L i f e
01
02
03
04
05
_13
Projec t _ 01
_14
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_Website Design
O p i n i o n W e b s i t e _ F e a r o f Cy b e r L i f e
0011
0022
0033
0044
0055
_15
Projec t _ 01
_16 _16
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_Website Design
O p i n i o n W e b s i t e _ F e a r o f Cy b e r L i f e
01
02
03
04
05
_17
Projec t _ 01
_18
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_Website Design
O p i n i o n W e b s i t e _ F e a r o f Cy b e r L i f e
01
02
03
04
05
_19
Projec t _02
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
DEVELOP A FILM FESTIVAL FOR A WELLKNOWN DIRECTOR OF MY CHOICE _ 20
Categor y_ Branding
Film Festival_ Enduring Bloom
02
01
02
03
04
05
COUR SE _ Integrated Communications INS TRUC TOR _ Hunter Wimmer YE AR _ Fall 2016 C ATEGORY_Visual System
BRIEF Create and develop a film festival for a well-known director of my choice. Find a thread that goes through all the featured films of the director, and design a set of promotional materials in an integrated visual system to celebrate the festival.
OBJECTIVE Develop a unique visual system for a film festival
DESIGN Pedro Almodovar is a well-known Spanish film director whose films always involve struggling feminine souls who always take power back at the end. I chose to photograph female characters in vivid colors and edited the photographs with fragmented edges to show the struggling feelings. Also I hand drew flowers as the graphic elements in the visual system to show women taking power to overcome their struggles.
_ 21
Projec t _02
_22
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
Film Festival_ Enduring Bloom
01
02
03
04
05
Direc tor Pedro Almodovar
_23
Projec t _02
Festival Title_ Enduring Bloom
_ 24
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
Film Festival_ Enduring Bloom
01
02
03
04
05
_25
Projec t _02
_ 26
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
Film Festival_ Enduring Bloom
01
02
03
04
05
_ 27
Projec t _02
_ 28
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
Film Festival_ Enduring Bloom
01
02
03
04
05
_ 29
Projec t _02
_30
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
Film Festival_ Enduring Bloom
01
02
03
04
05
_ 31
Projec t _02
_ 32
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
Film Festival_ Enduring Bloom
01
02
03
04
05
_ 33
Projec t _02
_34
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
Film Festival_ Enduring Bloom
01
02
03
04
05
_ 35
Projec t _02
_ 36
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
Film Festival_ Enduring Bloom
01
02
03
04
05
_ 37
Projec t _02
__3388
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
Film Festival_ Enduring Bloom
01
02
03
04
05
__3399
Projec t _03
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
CREATE AN INTERACTIVE CAMPAIGN TO PROMOTE LOCAL FARMERS’ MARKETS
_40
Categor y_ Interacit ve Design
Interactive Campaign_Meet Fresh
03
01
02
03
04
05
COUR SE _ Interac tive Design INS TRUC TOR _ Katie Freathy YE AR _ Fall 2016 C ATEGORY_UIUX , Visual Strateg y
BRIEF The projec t is to selec t a topic related to a health or environmental problem we are experiencing. I selec ted “Farmers’ Market Guide” as the topic for this projec t and explored possible oppor tunities for an interac tive campaign.
OBJECTIVE Encouraging young people to do more grocery shopping at local farmers’ markets, for enormous health, economic, and social benefits.
DESIGN A series of posters with compelling images of fresh food from the farmers’ markets with playful illustrations are designed and displayed on bus shelters and street billboards to attract the audience’s attention. Also, an app and website are designed for the audience to get more info, including market location, schedules, product coupons, recipes, etc. Tote bags are designed for visitors as rewards.
_ 41
Projec t _03
_ 42
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Interacit ve Design
Interactive Campaign_Meet Fresh
01
02
03
04
05
_43
Projec t _03
D e s i g n e r_ D o n g y i Z h a n g
Three Categories of Logo Visualization were explored. “Meet Fresh� won to be the f inal logo mark for the campaign.
_44
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Interacit ve Design
Interactive Campaign_Meet Fresh
01
02
03
04
05
_45
Projec t _03
_46
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Interacit ve Design
Interactive Campaign_Meet Fresh
01
02
03
04
05
_ 47
Projec t _03
_48
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Interacit ve Design
Interactive Campaign_Meet Fresh
01
02
03
04
05
_ 49
Projec t _03
_50
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Interacit ve Design
Interactive Campaign_Meet Fresh
01
02
03
04
05
_ 51
Projec t _03
__5522
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Interacit ve Design
Interactive Campaign_Meet Fresh
01
02
03
04
05
_53
Projec t _04
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
DESIGN A SERIES OF POSTERS USING EXPERIMENTAL TYPOGRAPHY
_54
Categor y_ Branding
S o c i o l o g y o f A r c h i t e c t u r e _Ty p o g r a p h y P o s t e r s
04
01
02
03
04
05
COUR SE _Type Experiments INS TRUC TOR _ Kathrin Blat ter YE AR _ Fall 2016 C ATEGORY_t ypography
BRIEF In this project we were asked to pick an architecture related topic to design a series of posters. My selected topic is ‘sociology of architecture’, the sociological study of the built environment and the role and occupation of architects in modern societies. For example: how a specific architecture ‘expresses’ the structure and principles of a given society. The perspective of architecture as artifact is the question of ‘interactions’ between architecture and subject: how a very specific architecture suggests certain ways, movements, perceptions.
OBJECTIVE Design a series of architec tural t ypography posters to promote a hypothetical architec ture conference focusing on the selec ted topic.
DESIGN I selected ‘bind’, ‘dual’ and ‘adapt’ to discuss the social aspects of architecture. ‘Bind’ reflects the role of architecture in organizing the flow of communications. ‘Dual’ expresses the structure of a given society. ‘Adapt’ discusses the question of interaction between architecture and a given society.
_ 55
Projec t _04
_56
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
S o c i o l o g y o f A r c h i t e c t u r e _Ty p o g r a p h y P o s t e r s
01
02
03
04
05
_ 57
Projec t _04
__5588
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
S o c i o l o g y o f A r c h i t e c t u r e _Ty p o g r a p h y P o s t e r s
01
02
03
04
05
__5599
Projec t _04
__6600
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
S o c i o l o g y o f A r c h i t e c t u r e _Ty p o g r a p h y P o s t e r s
01
02
03
04
05
_ 61
Projec t _04
__6622
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
S o c i o l o g y o f A r c h i t e c t u r e _Ty p o g r a p h y P o s t e r s
01
02
03
04
05
__6633
Projec t _04
__6644
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
S o c i o l o g y o f A r c h i t e c t u r e _Ty p o g r a p h y P o s t e r s
01
02
03
04
05
__6655
Projec t _04
_66
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Branding
S o c i o l o g y o f A r c h i t e c t u r e _Ty p o g r a p h y P o s t e r s
01
02
03
04
05
_67
Projec t _05
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
RECREATE THE CLIMATE CHANGE STRATEGY
_68
Categor y_ Book
Climate Change Strateg y_ A nnual Repor t
05
01
02
03
04
05
COUR SE _Type System INS TRUC TOR _Tim Carpenter YE AR _ Fall 2016 C ATEGORY_ Book Design
BRIEF For this projec t, we were given the existing San Francisco Climate Ac tion Strateg y Book and asked to redesign it. Climate change is an impor tant issue for ever yone to pay at tention to and take ac tion on it. The goal of the redesign is to create a book that catches people’s at tention, encourages them to learn about fac ts of climate change and what they can do about it.
OBJECTIVE Redesign the existing San Francisco Climate Ac tion Strateg y Repor t.
DESIGN A s the repor t mainly focuses on how climate change af fec ts the construc tion and development of the cit y of San Francisco, I designed the spreads in a construc tion st yle with blocks of geometric shapes mixing with photographs of SF. I picked the yellow of the traf f ic light as the main and only color, which indicates the dilemma we are facing bet ween climate change and economic grow th. Keeping the color palet te limited to yellow, white and black makes the cost of mass produc tion of the book lower.
_69
Projec t _05
_70
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Book
Climate Change Strateg y_ A nnual Repor t
01
02
03
04
05
_71
Projec t _05
_72
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Book
Climate Change Strateg y_ A nnual Repor t
01
02
03
04
05
_73
Projec t _05
_ 74
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Book
Climate Change Strateg y_ A nnual Repor t
01
02
03
04
05
_75
Projec t _05
_ 76
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Book
Climate Change Strateg y_ A nnual Repor t
01
02
03
04
05
_77
Projec t _05
_78
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
Categor y_ Book
Climate Change Strateg y_ A nnual Repor t
01
02
03
04
05
_79
Adventure
ACKNOWLEDGEMENTS
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
01
02
03
THANK YOU First and for most, thanks to my family all the incredible support, understanding and encouragement given. I could not have done it without you. To my fellow classmates for inspiring me and all their help provided. To all of my friends who have walked with me along this program and change of life. To all my instructors, Hunter Wimmer,Katie Freathy, Phillip Hamlett, Kathrin Blatter, Tim Carpenter, Daivd Hake, Michael Kilgore, Lian Ng, thank you for all the lessons, insights, motivation and guidance. Thanks to you, I’ve learned and grown in a professional and personal level.
04
05
Adventure
D e s i g n e r_ D o n g y i Z h a n g
SCHOOL
TITLE OF BOOK
Ac ademy of A r t Uni ver sit y
Ad venture
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17
S chool of Graphic De sign PHOTOGR APHY COURSE
Dong y i Zhang
S enior Por t folio INSTRUCTOR Jeremy Stout
BOOKBINDERY B lurb PRINTING
STUDENT
B lurb
Dong y i Zhang COVER STOCK TELEPHONE
Davey Re d L ab el Binder ’s B oard
+1 92 5 3 6 4 118 0 TEXT STOCK ADDRESS
Proline Uncoate d 10 0
3 0 8 7 K it ter y Ave , S an R amon , C A 9 4 5 8 3 FONTS EMAIL
O p en S ans
zhangdong y i2 012@gmail .com SOF T WARE WEBSITE
Adob e Creati ve Cloud
w w w.dong y i -zhang .com
(Inde sign , Photoshop, Illu s trator, Lightroom)
01
02
03
04
05
Projec t _ 01
_84
D e s i g n e r_ D o n g y i Z h a n g
T h e S e l e c t e d W o r k s f r o m 2 0 14 t o 2 0 17