YANG XI portfolio
YANG XI
01
MUTUAL SUPPORT
02
CRAFT
03
MULTIDIMENSIONAL SHANGHAI
04
‘SHAI’
05
SKETCH
06
ART
07
GRAPHIC DESIGN
MUTUAL SUPPORT
Tongji
Aalto
BACKGROUND
International cooperation strategy Integrating resources from two
To build the relationship of
universities and some enterprises
supporting and cooperating with
to build platforms
each other
Interdisciplinary teaching mode breaks the traditional and rigid orientation
CONCEPT
The concept originates from lapping of hands that to support each other. the graph of lapping hands in such way develops the unit to build the pavilion.
Aalto
Tongji
Support and cooperate with each other
DESIGN PROCESS
X
100
=
Pavilion
MORPHOGENESIS Action 1
Action 2
The shape of the tree influences the trend of the figure of structures
site
COMPONENT RESEARCH
(concave)
(convex)
change of curvature (concave)
Change of curvature
supporting network
application of function
(convex)
Supporting metal fasteningnetwork bolt composite bamboo board
metal fastening bolt composite bamboo board Detail of the lapped bamboo stripts
Detail of the lapped bamboo stripts
Application of function
STRUCTURE
metal fastening bolt 4mm steel strip 20mm composite bamboo board
Umbrella-shaped structure
Detail of pillar connection
Section A-A
DISPLAY MODE
1
2
3
photo sound
Bluetooth
Furniture
4
tongji students
media
Projection on the ground
aalto students
Instrument of construction
A
A
PLAN
GRAFT
New Faculty Building - An old building renovation
In the western society, starting from I.M.Pei finished the Louver Palace extension project in early 1970.It become a trend to preserve historical building to reuse it. Liz Diller conserved Highline to reuse as a new public garden in New York City. Herzog converted the old factory into a modern Tate museum in downtown London. There are so many astonishing renovation projects that could examples for rethinking urban prefabrication process in China. School of Design and Innovation, Tongji University has founded recently. As forwards ,School of Design and Innovation will build its new official building to facilitate the various functions associated with daily education needs teachers, students and staffs. Yiqi Bus factory is abandoned shell structure used as place for examining and repairing buses before. It will be renovated as new building for School of Design an Innovation. How we reuse this old structure to be a new design space to host school events and activities? How to encourage the interaction between students and graduate students, and also communicate with teachers , and as well as school staffs? How to promote the design creations and elevate the design atmosphere within the International design farm surrounded. For class 07 environmental design, students will try to look at those issues from their own perspectives and to explore solutions as they work out the environmental design for our new design school.We hope that in the near future, within the school, we will not only advocate the Design Thinking process but also stimulate the Design Doing accordantly.
SITE ANALYSIS
D&I
How to balance the flexible and fixed space ? How to break traditional pattern of school’s layout ? How to improve teachers’ and students’ experiences as users ?
Order
Space
(before)
(before)
(after)
(after)
Gray space
Virescence
(before)
(before)
(after)
(after)
Old
New
+
Graft
=
SERVICE MODE
A
B
B
PLAN A
studio
water using system of roof virescence
small atrium exhibition area
rest area
draft system classroom
classroom
draft system multi-function hall roof garden vertical virescence
studio
classroom
discussion room classroom meeting room tool room atrium garden classroom rest area rest area
water using system of roof virescence
GRAY SPACE
Section A - A
Section B - B
ROOF VIRESCENCE SYSTEM water collection system irrigation system regulating storage tank water using system water treatment system drip irrigation felt modular plant breeding unit
sedimentation tank
square steel keel construction of square steel for central control 44/9 flat steel, galvanization 60mm PVC pipe ( irrigating vertical virescence)
reservoir pump
warning pipe sedimentation tank
water using system water using system
vertical virescence unit (including felt in it) 1oomm PVC pipe( recycling water transportation) structural component of H-steel
DRAFT SYSTEM aluminum sheet cold roll steel sheet drip electrical machine flat steel, galvanization suspended ceiling aluminum blinds
section steel
lateral keel
MODEL PICTURE
MULTIDIMENTIONAL SHANGHAI
Shanghai municipal image propaganda-Space and auxiliary facility design
Shanghai is an international metropolis that owns tolerant attitude and absorbs lots of excellent cultures. Nowadays, Shanghai has been affected deeply by new and old culture and also has formed its unique cultural features of classic and modern. In seizing this characteristic, I relatively spread Shanghai’s classical and modern images meanwhile getting better visual tension, thus it will be easy to spread the image of Shanghai intuitively and effectively.
CONCEPT
We introduced two different grids in designing structures, making visitors view different information according to different sight when they visiting and using information center. This design will give people a visiting experience matching with Shanghai. As the launch point of information platform, such experience will be more conducive to spread the images of the city of Shanghai.
SOLUTION As the transmission mode, we combined the soft information platform with structures to spread the image of Shanghai. The soft information platform built into an information system related to Shanghai, and the structures, as its transmission media, will spread out Shanghai’s city images effectively.
Informational website
Video Publicity Flexible information platform Information booklets’ issue
Image communication
Main Information Station
Informational spot
Site improvement
Structure
the best viewing angle for crowds superior point inside the structure for viewing the Bund locate at the main road and main platform near the Bund
We construct this structure system in the Bund and the volumes of the structure in descending order are main information station, canopy, information spot and photograph spot. They are placed in the Bund as facilities with different functions to meet the different needs of users. It is helpful for spreading the images of Shanghai while improving the site conditions.
INFORMATION STATION
Setting two
Heighten the two
Intersecting grid
Introducing signs
radiological points on
radiological points to
and generating
and strengthen the
the plane
1.75m and 2.2m
blocks
network
Playing the role of information hinge in the whole information system, the main information station spreads out city images by brand communication, information interaction, service consulting and information dissemination.
Roof
Column and grid structure
The ceiling with photographic equipment
Entertainment interaction and art interaction Building interaction City image display Information booklet providing Life interaction FAQ interaction Reception desk
Art interaction (Holographic nano-film)
PLAN AND ELEVATION
Information booklet
A Entertainment interaction (Holographic nano-film)
Information interaction (Holographic nano-film)
B
B City image display (LCD)
Life interaction (Holographic nano-film)
Building interaction (Holographic nano-film)
A N Reception desk
SiteSite Section A-A A-A Section
Elevation N
Elevation S
Elevation W
Elevation E
Site Section B-B
Sight A
Sight B
Sight C
Web2.0 cloud processing: real-time interactive and constant updated city information system. It transmits Shanghai’s official information to subordinate information receiving spots, and combines with audiences’ constantly updated information to establish a dynamic open city information software platform.
Sight D
Information spot
Photograph spot
The information spots mainly offer some
It provides simple services such as
practical information search services, thus
photography.
form up a more complete information platform. Relying on the official website we constructed and integrating some resources from information websites which provides services effectively as well as spreads the city images.
Canopy Setting up the canopy on existing seats to perfect the overall environment practically.
SIGN SUSTEM AND IMAGE PROPAGATION
Color schemes
Element RGB: 4, 141, 175 CMYK: 80, 35, 27, 0
RGB: 195, 219, 3 CMYK: 34, 2, 94, 0 RGB: 100, 100, 100 CMYK: 67, 59, 56, 6
RGB: 4, 141, 175
RGB: 3, 189, 176
RGB: 107, 190, 36
RGB: 195, 219, 3
CMYK: 80, 35, 27, 0 CMYK: 72, 1, 41, 0 CMYK: 62, 3, 100, 0 CMYK: 34, 2, 94, 0 Opacity: 100% Opacity: 60% Opacity: 30% Grayscale
A
B
C
A
C
B
A
B
B
The information album design adopts the format of comparison between “classic” and “modern” information. This is a shutter-like format which is up-turned to show classic information and down-turned to show modern information. Some piece of information on it, such as route tips and bookmarks, can be torn down and saved in order to make it more useful.
Making use of existing facilities and perfcting them, such as the combination with available lampposts, is a ideal way of propaganda.
‘SHAI’
Graduation design show of 2010 College of Design and Innovation Tongji University - the design from display space to visual communication
Shai in Chinese means put the things under sunshine. And its pronunciation sounds like share. It gradually become a prevalent internet vocabulary in Chinese and be used by people to describe the behaviour that share the thoughts and things with others on the internet. I hope this graduation design show can provide opportunities with graduates to share their joy and happiness. At the same time Sharing their work and four years’ achievements as well as the beautiful future.
SPACE
AREA
CAPACITY OF WORKS
Opening/closing ceremony
60㎡
45
draw the curtain when no need
Understanding area
85㎡
/
introduction for the whole show
Navigation area
36㎡
10
introduction to the work
Environmental design area
100㎡
40
A1 panel and part of the model
Graphic design area
58㎡
24
the physical and CI design
Digital design area
15㎡
15
the actual participating numbers of 06 level< 10
Product design area
55㎡
15
part of the outstanding works
Rest area
52㎡
/
sofa and sauna room
REMARKS
SECTORIZATION
Media
Graphic
Industry Environment
LINE OF MOTION
7
1
8
6 2
X 5 4
3
PLAN
A
B
B A
Digital Design Area Graphic Design Area
Audience Message Board
Experience Zone
Environmental Design Area
Activity Area
Understanding Area
Product Design Area
STRIPSâ&#x20AC;&#x2122; SPACE CONSTRUCTION The cloth Straps with different lengths will weak the sense of original space whit different functions and build the transition between different area. In order to make audiences get the ordered space sense. When through it, they will experience the sense of tight, loose, and sometimes are suddenly enlightened.
Cloth strap of 3 meters Cloth strap of 2 meters Cloth strap of 1.2 meters
3.20 2.00 1.20 1.00 0.00
3.20 2.00 1.20 1.00 0.00
Section A-A
Section B-B
STRIP RESEARCH 2000mm 900mm
1200mm
1100mm
900mm
30° 30°
100mm
45mm
transverse pitch of strip
the research of people’s behaviors in this space
strip width
strips’ column distance
panel spacing and information position range
VISUAL IDENTITY
SIGN SYSTEM
SKETCH
TRAVELING CONSULTING CENTRE
A COUTURE
A CHINESE TEA HOUSE
THE VIEW OF MOON LAKE PARK
ART
Material: sketch paper, pencil 2009
Material: kraft paper, pencil,gouache 2008
Material: sketch paper, oil pastels 2008
GRAPHIC DESIGN
This set of postcards is designed by processing rock grain and ripples with computer software and organizing the random lines from block print. At the same time, make the pictures that get from the computer graphic design compare and fuse with traditional figure images.
In my trip to Baidi with my friends, my cameraâ&#x20AC;&#x2122;s occasional defect resulted in an unexpected image, which conceived my notion of memorizing this trip by creating a font. My font is designed under reasonable obedience to graphic visual element rules and aimed to enrich the image with changing relation between lines and shapes.