PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
00
The what, why and how [ WELCOME]
001 / 001
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
00
004 / 005
The what, why and how [ WELCOME] Hello, my name is Shuo (Hannah) Liu, a graphic designer based in San Francisco. Please take a moment to look at some of my work. Perhaps we’ll start a conversation about something. [ CONCEPT] Is graphic design book design or poster design? I think graphic design is the mindset of problem-solving. Every detail of the design exists to solve the corresponding problem. Designers have to think about the what of something, the why of it before they figure out the how.
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
006 / 007
P008 [ PROJECT 01 ] A REASON FOR GATHERING
The One Club Creative Summit
P036 [ PROJECT 02 ] A SPACE FOR SPACE The Planets P052 [ PROJECT 03 ] A HOME FOR LIFE Homey P066 [ PROJECT 04 ] A POSSIBILITY FOR TOMORROW Utopia P076 [ PROJECT 05 ] A TREATMENT FOR TERROR Split P090 [ PROJECT 06 ] A CHANGE FOR GOOD FedEx CSR Report P106 [ PROJECT 07 ] A MATTER FOR SCRUTITY Decay_ A Tiny World
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
01
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
008 / 009
A reason for gathering [ BACKGROUND ] This project is a redesign of a visual system for a real conference. Through the design of a set of conference deliverables, I learned how to design between different media and visual changes while keeping consistency. Also, I exercised the ability to translate a written language into a visual language. [ APPROACH ] The theme of this conference in 2018 is about how institutions and brands create culture. A lot of creative ideas emerged from this multi-industry discussion. Therefore, the three different posters of the main vision refer to the collision of many ideas in many industries. Each poster is composed of geometric space formed by geometric explosions. The vision is about power, implying an explosion of creativity, and bringing the audience a sense of active participation.
PROJECT Conference
INSTRUCTOR John Nettleton
CATEGORIES Visual Identity
COURSE Type Systems
YEAR Summer 2018
keywords Creative / Inclusive / Culture FORMATE Posters 18 × 19 in Program 6.5 × 4.25 in App 1125 × 2436 Website 2560 × 1440
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
010 / 011
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
012 / 013
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
014 / 015
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
016 / 017
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
018 / 019
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
020 / 021
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
022 / 023
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
024 / 025
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
026 / 027
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
028 / 029
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
030 / 031
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
032 / 033
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE ONE CLUB CREATIVE SUMMIT
PROJECT / 0 1
02 / 0 3 / 0 4 / 05 / 0 6 / 07
034 / 035
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / 0 1 / 02
PROJECT / THE PLANETS
02
0 3 / 0 4 / 05 / 0 6 / 07
036 / 037
A space for space [ BACKGROUND ] This project is to redesign a non-fiction book. I redesigned it based on the original photos and text of the book. I chose a book called ”The Planets”. It is a photo collection and introduction of the planets of the solar system. [ APPROACH ] Because the original book images and text were designed separately, they didn’t connect with each other. In the redesigned book, I combined images and text together to make the audience read the content easier and faster. I hope to show the movement and vastness of the universe through the movement of the layout and make the book more interesting visually.
PROJECT Book Redesign
INSTRUCTOR John Nettleton
CATEGORIES Book Design
COURSE Type Composition
YEAR Spring 2018
keywords Curious / Changing / Interesting FORMATE Book 8 × 10.5 in
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE PLANETS
PROJECT / 0 1 / 02
0 3 / 0 4 / 05 / 0 6 / 07
038 / 039
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE PLANETS
PROJECT / 0 1 / 02
0 3 / 0 4 / 05 / 0 6 / 07
040 / 041
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE PLANETS
PROJECT / 0 1 / 02
0 3 / 0 4 / 05 / 0 6 / 07
042 / 043
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE PLANETS
PROJECT / 0 1 / 02
0 3 / 0 4 / 05 / 0 6 / 07
044 / 045
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE PLANETS
PROJECT / 0 1 / 02
0 3 / 0 4 / 05 / 0 6 / 07
046 / 047
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE PLANETS
PROJECT / 0 1 / 02
0 3 / 0 4 / 05 / 0 6 / 07
048 / 049
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / THE PLANETS
PROJECT / 0 1 / 02
0 3 / 0 4 / 05 / 0 6 / 07
050 / 051
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / 0 1 / 02 / 0 3
PROJECT / HOMEY
03
0 4 / 05 / 0 6 / 07
052 / 053
A home for life [ BACKGROUND ] This project is to design an app to solve some problem in life. Wherever I live, I like to decorate my home to make it warmer, so I designed this app “Homey.” During this project, I also learned and enjoyed the process of developing an app from the birth of ideas to design and refinement. [ APPROACH ] My app inspiration comes from the fact that I always put furniture in a new place to make it looks fresh. So I designed this app to help me and friends decorate the homes, also get inspiration and personal advice from each other.
PROJECT Homey
INSTRUCTOR Bob Slote
CATEGORIES App
COURSE Digital Design Studio
YEAR Fall 2018
Keywords Cozy / Convenient / Positive FORMAT App 1125 × 2436
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / HOMEY
PROJECT / 0 1 / 02 / 0 3
0 4 / 05 / 0 6 / 07
054 / 055
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / HOMEY
PROJECT / 0 1 / 02 / 0 3
0 4 / 05 / 0 6 / 07
056 / 057
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / HOMEY
PROJECT / 0 1 / 02 / 0 3
0 4 / 05 / 0 6 / 07
058 / 059
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / HOMEY
PROJECT / 0 1 / 02 / 0 3
0 4 / 05 / 0 6 / 07
060 / 061
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / HOMEY
PROJECT / 0 1 / 02 / 0 3
0 4 / 05 / 0 6 / 07
062 / 063
PROJECT / HOMEY
PROJECT / 0 1 / 02 / 0 3
0 4 / 05 / 0 6 / 07
064 / 065
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / 0 1 / 02 / 0 3 / 0 4
PROJECT / UTOPIA
04
05 / 0 6 / 07
066 / 067
A possibility for tomorrow [ BACKGROUND ] This project is about designing the promotion for a commercial typeface to sell to design studios or designers. [ APPROACH ] I chose Utopia for my promotional typeface and designed a double-sided poster for it. One side shows the specimen of Utopia. The other side consists of several small posters displaying the visual effect of the typeface in different situations that make designers better understand how to use it. The poster can be folded and put in an envelope, or hung up on a wall.
PROJECT Typeface Specimen
INSTRUCTOR John Nettleton
CATEGORIES Poster / Booklet
COURSE Type Composition
YEAR Spring 2018
KEYWORDS Multipurpose / Visual / Functional FORMATE Posters 17 × 22 in Envelope 12 × 9 in
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / UTOPIA
PROJECT / 0 1 / 02 / 0 3 / 0 4
05 / 0 6 / 07
068 / 069
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / UTOPIA
PROJECT / 0 1 / 02 / 0 3 / 0 4
05 / 0 6 / 07
070 / 071
PROJECT / UTOPIA
PROJECT / 0 1 / 02 / 0 3 / 0 4
05 / 0 6 / 07
072 / 073
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / UTOPIA
PROJECT / 0 1 / 02 / 0 3 / 0 4
05 / 0 6 / 07
074 / 075
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05
PROJECT / SPLIT
05
0 6 / 07
076 / 077
A treatment for terror [ BACKGROUND ] This project is to design a series of movie posters and a trailer. First, we needed to choose a movie, then explore a typeface in different ways according to the emotions of the movie. Next, we used the font features of the font to complete the design. The objective of this project is to find out more possibilities of typeface display by exploation and to provide new ideas for design. [ APPROACH ] The movie I chose is Split. The movie mainly talked about a split personality. I printed the font on paper and cut it. Then I wove, pulled out, deformed and stitched it together from a new combination to form the final design. The poster used a black and white tone to create a gloomy and terrible atmosphere.
PROJECT Movie Posters
INSTRUCTOR Wioleta Kaminska
CATEGORIES Posters
COURSE Type Experiments
YEAR Fall 2018
keywords Emotional / Experimental / Horrifying FORMATE Posters 18 × 24 in Trailer 5120 × 2880
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / SPLIT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05
0 6 / 07
078 / 079
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / SPLIT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05
0 6 / 07
080 / 081
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / SPLIT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05
0 6 / 07
082 / 083
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / SPLIT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05
0 6 / 07
084 / 085
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / SPLIT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05
0 6 / 07
086 / 087
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / SPLIT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05
0 6 / 07
088 / 089
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / FEDEX CSR REPORT
06
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6
07
090 / 091
A change for good [ BACKGROUND ] This project is a redesign of FedEx’s Corporate Social Responsibility (CSR) report. I learned a lot about organizing photos and text variations and maintaining consistency. One of the key ideas that I learned from information design is how to find a better visual method to show a lot of data in the CSR report. [ APPROACH ] I used many geometric shapes to deal with photos because FedEx is an express company. These shapes symbolize the expansion of the transport box. Also, it is a good way to make photos and text have a connection because they can better line up with the grid appropriately. This book uses french-fold binding. Most of these photos I placed in the fold between pages to convey the concept of transfer.
PROJECT FedEx CSR Report
INSTRUCTOR John Nettleton
CATEGORIES Book Design
COURSE Type Composition
YEAR Spring 2018
Keywords Concise / Clear / Unique FORMATE Book 8.5 × 11 in
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / FEDEX CSR REPORT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6
07
092 / 093
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / FEDEX CSR REPORT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6
07
094 / 095
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / FEDEX CSR REPORT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6
07
096 / 097
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / FEDEX CSR REPORT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6
07
098 / 099
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / FEDEX CSR REPORT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6
07
100 / 101
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / FEDEX CSR REPORT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6
07
102 / 103
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / FEDEX CSR REPORT
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6
07
104 / 105
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
PROJECT / YOUR PRIVACY
07
106 / 107
A matter for scrutiny [ BACKGROUND ] This project is to design a book in a suitable way to introduce a phenomenon. The phenomenon I chose is “Decay.“ This project taught me how to tell stories and how to make ideas visible. [ APPROACH ] I think decay is a very interesting phenomenon, because of the different substances and microorganisms. I created illustrations to introduce this microcosmic world that people can’t see.
PROJECT Conference
INSTRUCTOR John Nettleton
CATEGORIES Visual Identity
COURSE Type Systems
YEAR Summer 2018
Keywords Detailed / Unique / Handpainted FORMATE Posters 18 × 19 in Program 6.5 × 4.25 in App 1125 × 2436 Website 2560 × 1440
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / YOUR PRIVACY
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
108 / 109
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / YOUR PRIVACY
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
110 / 111
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / YOUR PRIVACY
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
112 / 113
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / YOUR PRIVACY
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
114 / 115
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / YOUR PRIVACY
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
116 / 117
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / YOUR PRIVACY
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
118 / 119
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / YOUR PRIVACY
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
120 / 121
THE WHAT, WHY AND HOW / SHUO LIU
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
00
122 / 123
Thank you, [ EVERYONE] Thank you, Mom and Dad, for your unconditional trust in me. I couldn’t have done any of it without your support. At the same time, I would like to thank my teachers and friends for your advice and help, that always makes me better.
[ EVERYONE]
[ FAMILY & FRIENDS]
Mary Scott
Mom & Dad
John Nettleton
My Sister, Chang
Hunter Wimmer
My Brother, Yu
Sandra Isla
Bella Chu
Bob Slote
Yi Tian
Barbara Hughes
Taylor Zhang
Jill Ballard Alberto Attia Scot Rankin Susan Pasley Janine Ryle Roger Swee
THE WHAT, WHY AND HOW / SHUO LIU
name Shuo (Hannah) Liu telephone +1 (415) 741-7406 email shuoliushuo@gmail.com Website shuolius.com photography Shuo (Hannah) Liu typeface Abitare Sans Bindery Blurb Inc 580 California St # 300, San Francisco, CA 94104
school Academy of Art University 79 New Montgomery St, San Francisco, CA 94105 Program School of Graphic Design and Digital Media Course MA Portfolio Seminar Instructor Mary Scott
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
124 / 125
THE WHAT, WHY AND HOW / SHUO LIU
© 2019 Shuo Liu All Rights Reserved. No part of this publication can be reproduced without permission from Shuo Liu.
PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07
126 / 127
THE WHAT, WHY AND HOW / SHUO SHUO LIU LIU