PORTFOLIO 2016 Graphic Design 2014-2016
目录和 CV 页
PACKAGE DESIGN 01. J20 BRAND REDESIGN 5-WEEK / FALL 2015 / INDIVIDUAL WORK
02. TROPICAL BIRD SEED 7-WEEK / SPRING 2015 / INDIVIDUAL WORK
01
Brand Keywords
PACKAGE DESIGN J20 BRAND REDESIGN
Ideation Tasty
Fruity
Satisfying
Strong Bright Colours Unisex 25-35 years old Fragrant Refreshing Simplistic UK
Flavour
H2O J2O
Zingy
Velvety Well-rounded Flavour
The above graph shows the keywords of the brand J2O. Most of them point at the young and enthusiastic way of life, which may lead the design concept to the strong and passionate route.
Apple & Mango
Orange & Passion Fruit
WEIYI / 01
01
PACKAGE DESIGN J20 BRAND REDESIGN
Process
CHINESE INK CONCEPT This is the sketchbook page of the concept based on the Chinese Ink brush effects. I put the image of fruits into the outlines of the ink brush to find the best match.
WEIYI / 02
01
PACKAGE DESIGN J20 BRAND REDESIGN
X4
X4
275ml e APPLE & MANGO
275ml e ORANGE & PASSION FRUIT
FLAVOUR JUICE DRINK
FLAVOUR JUICE DRINK
Each 275ml bottle contains:
Each 275ml bottle contains:
429kJ 102kcal
5%*
429kJ 102kcal
5%*
Fat 0g
0%*
Fat 0g
0%*
Saturates 0g
0%*
Saturates 0g
0%*
Sugars 24g
27%*
Sugars 24g
27%*
Salt 0.03g
<1%*
Salt 0.03g
<1%*
Typical values per 100ml: Energy 156KJ/37kcal
PASSION FRIUT
Typical values per 100ml: Energy 156KJ/37kcal
This is the rendering of outer package. In terms of colours, each concept uses the major colours of the fruits. Meanwhile, there are two main elements on the package, one is the selected fruit and another is the J2O logo in circle.
WEIYI / 03
01
Logo Design
PACKAGE DESIGN TROPICAL BIRD SEED
Colour Scheme
The colours of the logo are taken directly from the picture of a tropical bird.
Featherglow
C:7 M:9 Y:94 K:6
C:15 M:98 Y:100 K:6
The inspiration is the shape of feather besause if the bird is well fed, the color and luster of the feather will be superior. So I intergrate the feather into the letter O, making it interesting.
C:85 M:13 Y:100 K:1
WEIYI / 04
01
PACKAGE DESIGN TROPICAL BIRD SEED
Concept Development
1
2
3
4
5
6
1/2. Concept exploration 3/4. Concept generation 5/6. Final Concept WEIYI / 05
01
PACKAGE DESIGN TROPICAL BIRD SEED
WEIYI / 06
POSTER DESIGN 01. NO SALE NO KILLS 2-WEEK / FALL 2015 / INDIVIDUAL WORK
02. WHY PRESSURE? 5-WEEK / SPRING 2016 / INDIVIDUAL WORK
02
PACKAGE DESIGN NO SALE NO KILLS
Inspiration
However, it must be clear that all these kinds of â&#x20AC;&#x153;artâ&#x20AC;? are based on the killing of animals.
shapes
The dynamic appearance of the breaking glass is the most attractive forms of vanishing, which is also the inspiration of these posters.
KILLING FOR ANTLERS
patterns
The antlers are the most representitive part of the deer, which are also considered as the precious art work.
BLOOD RED
WEIYI / 07
02
PACKAGE DESIGN NO SALE NO KILLS
No sale No kills In these posters, the antlers are turned red and broken into pieces, implying that the animals are disappearing due to the hunting by human beings.
WEIYI / 08
02
PACKAGE DESIGN SOMETHING ABOUT PRESSURE?
Keywords
Start Point
WHY “Pressure”？ As we grow, the pressure is with us every day, from home, work or life.
Inspiration Tension
Struggle
Traps
Breath
Estrange
Family pressure
Job pressure
Life pressure
Five keywords were identified according to my understanding about pressure, Tension/Struggle/Traps/Breath/Estrange, for each of which, I would like to design a poster to calls on people to pay attention to the pressure of young people and to give them some space and freedom.
Intersection
WEIYI / 09
02
PACKAGE DESIGN SOMETHING ABOUT PRESSURE?
Initial Plan
TENSION
Elements
Sock
+
Photograph
+
Photoshop
This series of posters are based on my photography work about silk stockings. I think that the elasticity of the stockings is like the living status of us. Through the details of stockings I would like to show my attitude towards urban life.
Reduce urban pressure. Please pay your attention to urban stress.
WEIYI / 10
02
STRUGGLE
PACKAGE DESIGN SOMETHING ABOUT PRESSURE?
TRAPS
Reduce urban pressure. Please pay your attention to urban stress.
Reduce urban pressure. Please pay your attention to urban stress.
WEIYI / 11
02
PACKAGE DESIGN SOMETHING ABOUT PRESSURE?
BREATH
ESTRANGE
The city is like a freshness protection package that traps each one of us firmly. We are struggling hard to find a space where we could breathe.
Break the estrangement between the members of the society, creating the open space for each one of us.
WEIYI / 12
INTERACTION DESIGN 01. PHOTO STACK 10-WEEK / WINTER 2015 / INDIVIDUAL WORK
02. “Always by Your Side” SYSTEM DESIGN 4-WEEK / FALL 2014 / INDIVIDUAL WORK
03
INTERACTION DESIGN PHOTO STACK
Background
Majority need get photoes from others
People neednot get photoes from others
About sharing photoes in a party or an activity
Coverage of Smart phone in last 2 yiears IM APPS
Professional
NETWORK DISK
TRANSFER TOOLS
Popular
Choice of people using to take photoes in a party or an activity
The graph suggests that most people are using smart phones and taking photos with them. Therefore the concept of using app the share photos is reasonable.
Tools used to sharing photos
According to the survey most people would share photos in the IM apps, there is no softwares or apps specifically on such needs.
WEIYI / 13
03
INTERACTION DESIGN PHOTO STACK
Means of Sharing Photos
5 pics A and B Flow -- 0M Transfer Time --2’ 34”
5 pics Flow -- 0.5M Uploading Time -- 36”
5 pics Flow -- 2M Downloading Time -- 1’
Total Flow -- 0M Total Time -2’34”*2*5= 25’ 40”
Total Flow -- 2.5*5 = 12.5M Total Time -- 1’ *5+36”= 5’ 36”
Single Download Multi Upload
Using IM Talk Application
Single Offline Transfer
Using Transfer Tool
5 pics Flow -- 12.5M Uploading Time -- 2’11”
5 pics Flow -- 50M Downloading Time -- 2’ 46”
Total Flow -- 62.5*5 = 312.5M Total Time -- 2’ 46*5+2’ 11”= 16’1”
Multi Download Multi Upload
Using Network Disk
Cloud Backup Package
Multi Offline Transfer Offline Auto-Sync
WEIYI / 14
03
INTERACTION DESIGN PHOTO STACK
Logical Diagram
Back
Add by Admin
Admin Start
Back
Back
Back
Join Stack
Create Stack
Create
Stop
Switch To Local
Start
Switch To Cloud
Back Switch To Local
Switch To Cloud
Switch To Local
Switch To Cloud
Switch To Pause
Switch To Pause
Switch To Pause
Start
Pause
Switch To Local Switch To Local
Press Manage
Switch To Cloud
Switch To Pause
Back Press Edit
This diagram shows the internal logic of the app.
WEIYI / 15
Switch Time Countdown
Manual Upload
Uploaded
Uploading
Download
Edit Stack(Admin Only)
Photo Downloaded From Stack Manage Group(Admin Only)
Local Photo My Sync Photo
Pause Auto-Sync Delete Comfirm
Sync Stack
WEIYI / 16
INTERACTION DESIGN
03
SYSTEM DESIGN
System Research Stores Advantage
Customer Experience Before Shopping
Warehouse Docking Management
Search, Plan, Fantasy, Prediction
Increase Inventories
Disadvantage
Manpower & Material Resources Warehouse Warehouse Rent Payment
Trasportation (Arrival)
Customer Experience During Shopping
Selection
Payment
Centralize Inventories Pick-up Together
Trasportation (Departure)
Customer Experience After Shopping
Do Not Need To Carry Goods During Shopping
Build Warehouse Hard To Confirm Goods Are In Good condition & Complete
Recall Shopping, Experience Formed
Manpower & Material Resources Warehouse Charge Warehouse Rent
Picking Up Before Leaving Customer
Shopping Mall
WEIYI / 17
03
System Flow
Search Info.
INTERACTION DESIGN SYSTEM DESIGN
UI Concept
Consuming Place Select
Intention Confirmed
Having Consume Intention
Intention Half-Confirmed
Targets Info. Searching Route Planning
No Consume Intention
Public Space Used
Intention Not Confirmed
Targets Info. Searching
Saunter / browse
Consumption Info. Found
Using
Targets Evaluation Do not Consume
Shopping Mall Public Facilities Services
Service Evaluation
Consumption
Compensatory Consumption/ Extra Consumption Depart Shopping Mall
Evaluate Shopping Mall Satisfied
Good Image Promotion
Normal
Continue Shopping
Receiving Infomation
Not Satisfied
Stop Shopping
Legal Way
Complaint
Bad Image Promotion
WEIYI / 18
DEVICE DESIGN 01. KOLIBRE AIR QUALITY INDICATOR 8-WEEK / SUMMER 2016 / INDIVIDUAL WORK The air pollution has become a serious issue in China, now more and more people would buy an air purifier to maintain better air indoor. However this brings about another issue that each device works individually, but not as a system. This design is a solution for the problem.
04
Research Interview
INTERACTION DESIGN KOLIBRE AIR QUALITY INDICATOR
Ideation Low-Poly 3D Design
Prefer ventilation but the outdoor air quality is too bad.
Have already or have the plan to purchase air purifier or air indicator.
Interviews about air purifier and relevant issues. The result shows the major concerns.
Can not remember to turn on the air purifier, some alert device may be needed.
Real Photo
Low Polygon Image
The mobile Apps about AQI could not provide the current indoor readings.
Do you want an AQI monitoring device? Do you want a device that could connect purifier? Do you want a device that could control purifier?
WEIYI / 19
04
INTERACTION DESIGN KOLIBRE AIR QUALITY INDICATOR
Interaction
Long press to turn on/off Bird turns around as feedback
When it works, the bird will control the air purifiers automatically over RFID.
WEIYI / 20
04
INTERACTION DESIGN KOLIBRE AIR QUALITY INDICATOR
Model Making
WEIYI / 21
04
INTERACTION DESIGN KOLIBRE AIR QUALITY INDICATOR
Visual Material Design
Smart Air Quality Indicator
In this design I tried to introduce 2D design method low polygon into 3D product design. Meanwhile, I tried to minimum the interaction between user and device, offering easier ways to get the air purifying devices together into one system.
WEIYI / 22
FONT DESIGN 01. FONT REDESIGN 6-WEEK / WINTER 2014 / INDIVIDUAL WORK
02. FONT DESIGN POSTER 4-WEEK / WINTER 2014 / INDIVIDUAL WORK
05
FONT DESIGN FONT REDESIGN
FUTURA Redesign Based on the original font FUTURA, I came up with my redesign work that focuses on the colors and the contrast between geometric shapes and original strokes.
WEIYI / 23
05
FONT DESIGN FONT REDESIGN
Chinese Calligraphy Font As you can see that this set of English alphabet is part of my graduation design, in which I used the font structure as the inspiration. Here the Chinese calligraphy is used to form the basic strokes of the letters.
WEIYI / 24
05
FONT DESIGN FONT DESIGN POSTER
Posters of Famous Fonts Helvetica The small poster above shows my understandings of Helvetica, some of which are objective while some are subjective. All the information forms my poster.
WEIYI / 25
05
FONT DESIGN FONT DESIGN POSTER
Posters of Famous Fonts FUTURA The above image shows the key information of the font FUTURA in my mind, which is also the key element of the main poster in the right.
WEIYI / 26
OTHER WORKS 01. FONT REDESIGN 6-WEEK / WINTER 2014 / INDIVIDUAL WORK
02. FONT DESIGN POSTER 4-WEEK / WINTER 2014 / INDIVIDUAL WORK
补充作品
补充作品
补充作品
补充作品
补充作品
补充作品