PORTFOLIO Yuebin Dong Master of Architecture in Urban Design Harvard Graduate School of Design Selected Works 2016-2019 Application to MDes Harvard Graduate School of Design
Part I: Computational Design
01/ MASS PRODUCTION Introduction to Computational Design | 2019 Fall Harvard Graduate School of Design Instructor: Jose Luis García del Castillo y López Collaborated with: Maoran Sun, Pengcheng Sun
This project reflects and explores how CAD “aid” early-phase urban design. Currently, urban design is mostly done with 3D software. After some sketches during early concept design phase, most time of design development is spent studying and manipulating building massing in 3D modeling software. Our group is interested in providing an alternative workflow which emphasizes hand-on 2d sketches and quick 3d massing feedback from 3d software. This “old school hand and eye” design workflow makes early concept design phase more efficient and productive. The advantage of this workflow is quick design iteration, and the hands-on design manipulation. The limitation is that this prototype may only apply during the early design phases and lacks the ability to do detailed design.
Learn More https://github.com/CakeMoon/Mass-Production Video https://www.youtube.com/watch?v=cCVs_PxxEPM 1
OFFICE + PARKING
MASS PRODUCTION: CONCEPTUAL URBAN MASSING SKETCHBOOK
HOUSING + PARKING + RETAIL
As all of our group are urban design students, we want to create a tool for urban designer. Urban design is in-between architecture and planning, so the scale of it varies from human scale to large regional scale. Urban designers use massing as a tool to deal with middle scale design, by hand sketching or physical modeling. Mass Production is a digital sketchbook for urban designer.
HOUSING + PARKING + RETAIL
Mass Production [1] The first meaning of “Mass Production” simply is that it assist with production massing study. Urban design often ignores architecture and engineering detail, but still emphasize program, form and space. Designer can use Mass Production to have a quick feedback that shows the 3D form, figure ground relationship, circulation, site section, and program distribution, etc.
HOUSING + PARKING
HOUSING + RETAIL
HOUSING + HOTEL + OFFICE + RETAIL
OFFICE+ RETA
HOUSING + HOTEL + OFFICE + RETAIL
OFFICE + RETAIL
Scale: From Architecture to Massing
Mass Production [2] The second meaning of “Mass Production” is a social and economic term which mean it produces fast and heavily. Instead of hand sketch, urban designers can use Mass Production to work on massing study quicker and easier. World economy still grows fast and plenty of land is under rapid urbanization today, in this situation technology helps us on mass prodction.
OFFICE + RETAIL
HOUSING + RETAIL + PARKING
HOUSING + OFFICE + PARKING RETAIL
World Economic Growth
High Density of Hong Kong 2
IN-BETWEEN HAND DRAWING AND DIGITAL
Hand Drawing Workflow
Digital Workflow
Hand Drawing Tools
Digital Tools
DIGITAL
SKETCHBOOK
Hand Drawing Presentation
Digital Presentation Traditional tool of designer is hand sketch, and most of designers today still start school and career from hand drawing training. Designers have 3D model in their mind and present design by hands. However, industrial design works are all done by analysis, model and render software. Mass Production is a sketchbook but digital. It provides designers with experience in between traditional tool and industrial tool. 3
PROGRAM STRUCTURE AND DATA FLOW
Sketch GUI /Web
Massing Generator
P5.js
class.js
IPad + Pencil
README.md
functions.js
> class Point > class L > class Rectangle > class Polygon > class Button > class ButtonColor extends Button > class ButtonClear extends Button > class ButtonSave extends Button > class ButtonHeight extends Button > class ButtonMode extends Button > class ButtonDelete extends Button
p5.js
p5.sound.js
> function inside(point, vs) > function pointsToRec(pts, program, height, fill_color) > function mapcolor(c) > function checkDist(x, y, px, py) > function cleanarr(arr) > function mapCurveToPoint(curves) > function recExport(rect) > function polyExport(polygon) > function finalExport(shapes)
index.html
Rhinoceros + Grasshopper
Desktop / Laptop
points, program, floors, mode; points, program, floors, mode; points, program, floors, mode; points, program, floors, mode; points, program, floors, mode; ......
> function setup() > function draw() > function mouseReleased() > function mouseDragged() > function mousePressed()
reset all buttons' select status to false
add to polygons
reset all shapes' select status to false
add to voids
reinitialize parameters
Y
initial data START: open index.html
sketch.js
File
N
call setup() create canvas; create an array of buttons
add to shapes
void program
call mousePressed()
add to voids
read file
create massing
visualize massing
map color to program
visualize floor
Y Delete is selected Y list shape[i].delete = true
Y
a shape is selected
N
call mouseDragged()
void program
N Y a button is selected
N
draw a line
N
curve mode
create section plans
call mouseReleased()
create site plan
Y button[i].execute()
mouse is released
Y
4
SKETCH GRAPHICAL USER INTERFACE
Program Buttons
Clear Canvas
Users select programs and GUI maps programs with colors.
Users delete all shapes on canvas by one click. Save The GUI saves data to a txt file for 3D generator to read.
Switch Modes Buttons Users switch modes so they can either draw rectangles or free curves.
Void Buttons
Delete Buttons
Users draw voids and 3D generator executes boolean operations.
Users use delete mode and use pencil to select shapes to delete. 5
3D MODEL GENERATOR
Site Plan 3D generator creates site plan of massing foot print and streets for users. Designers can read figure ground relationship, circulation, density, and public space, etc.
Site Sections 3D generator presents a series of site section plans for users. Designer can read density change, sun shadow, void intervals, and topography, etc.
3D Model 3D generator converts data from GUI to a 3D digital model. Users can read design by 3D model easier than 3D hand sketches. It shows block typologies, program distribution, density and other information which are all essential for urban designer. Plus this 3D model is useful if users want to go further with detail design. Then it can be developed to a more complicated model.
6
Part I: Computational Design
02/ MESHMOJI Introduction to Computational Design | 2019 Fall Harvard Graduate School of Design Instructor: Jose Luis García del Castillo y López Collaborated with: Maoran Sun, Pengcheng Sun
This project explores 3D scan, real-time facial recognition, and mesh processing. Meshmoji provides users with a real-time customized emoji maker. It is based on mesh which is collected by 3D scanning users’ faces, then produces emoji by processing the mesh in real time, according users’ expression read by camera. Emoji is popular in social network while 3D scanning seems far from our everyday life. We try to link these two terms so that 3D scanning becomes interesting and useful for people.
Learn More https://github.com/CakeMoon/MESHMOJI Video https://www.youtube.com/watch?v=PZwPSocR5Co Reference https://www.quora.com/What-is-the-VGG-neural-network https://github.com/xionghc/Facial-Expression-Recognition 7
CREATE YOUR CUSTOMIZED MESHMOJI Meshmoji is a tool to create customized emoji for users, by reading users’ expressions and processing 3D scan mesh of users in real time.
Real-time Emoji Trough 3D scanning users can access a mesh that is highly similar to themselves. By process the mesh, users can get unique emoji which appears like their facial expressions.
+ 3D Scan
= Expression
Emoji
Encoding Panda emoji is a popular series of emoji in China and it can be easily customized. Users change the face of the panda the text under the panda, then the panda can have various precise meaning. Our mesh processing use this method, so only the key facial features are modified to create different emoji, but other part of the mesh is untouched.
Face
Text 8
PROGRAM STRUCTURE AND DATA FLOW Facial Expression Recognition [‘angry’, ‘disgusted’, ‘fearful’, ‘happy’, ‘sad’, ‘surprised’, ‘neutral’]
OpenCV
FER2013
SoftMax
CSV File
Mesh Operator
Smoothing Deforming Preprocessing
On-Mesh Manipulate Feature Vertices
3D Scan
Detecting
Visualizing
Clustering
Combining 9
PREPROCESSING
DETECTING
SMOOTHING
- Original mesh;
- Detect Angle Max: 0.5 - Detect Angle Min: 1.0
-Iteration: 1
-Iteration: 4
- Weld mesh; - Convert all faces to triangular faces;
- Detect Angle Max: 1.0 - Detect Angle Min: 2.0
-Iteration: 2
-Iteration: 6
- Filter “protruding” vertice according to vertex normals; - Exaggerating “protruding” vertice for detection;
- Detect Angle Max: 0.8 - Detect Angle Min: 1.0
-Iteration: 3
-Iteration: 10 10
CLUSTERING
DEFORMING
-Facial Featuring Points
-Facial Featuring Point Clusters
-K-Means Clustering
-Combination of Emotion Components
COMBINING
Shapes of Emotion Status - Ummm Line - Smile Curve - Frown Curve - Kiss Circle - Wow Circle -Separate Clusters for Detection
- On-Mesh Manipulating Featuring Points 11
SUBDIVIDING
VISUALIZING Sketchy
-Find Feature Vertices
-Find Midpoints and Divide Face
-Update Feature Points
-Find Midpoints and Divide Face
-Edge Reduce Ratio -Edge Extend Ratio
-Find Feature Vertices
-Find Midpoints and Divide Face
Alternatives Emoji Color?
Peking Opera?
-Find Midpoints and Divide Face
-Find Midpoints and Divide Face
Wind Effect?
-Find Feature Vertices
-Find Midpoints and Divide Face
Pencil Hatch Effect 12
Part I: Computational Design
03/ URBAN EMERGENCE Introduction to Computational Design | 2019 Fall Harvard Graduate School of Design Instructor: Jose Luis GarcĂa del Castillo y LĂłpez Collaborated with: Maoran Sun, Pengcheng Sun
This project is an automatically generated terrain and city. Inspired by the pixel game MineCraft and Ville Radieuse, a urbanism theory given by Le Corbusier, some rules of generating a city on a dynamic surface are defined. A city with buildings and landscape is formed based on the features of the surface. Not only is this project a re-imagination of the manifesto of Corbusier, but also is a useful tool for different situations. It can be used in video games where random terrians and cities are needed.
Learn More https://github.com/CakeMoon/Urban-Emergence Video https://www.youtube.com/watch?v=xitQeN8XusQ 13
RANDOM CITIES OR REGULAR CITES
AUTOMATICALLY GENERATED TERRAIN
There are thousands cities in the world, some of which are similar in some aspect. Many cities have highways, high-rise CBD, huge landscape parks, apartment housing, etc. However, cities look different at the same time, and these differences are probably caused by natural or cultural reasons. As we see, cities are random but also regular, so if we can create cities, how do we make them appear similarly in some aspects but various in the other? This project is a random / regular cities generator.
The fundamental of cities are terrains. The first step is to create automatically generated terrain. The curvature and height of the surface are dynamic.
Curvature
MineCraft The first inspiration is the video game MineCraft. Objects in our world become cubes with attributes in the game. The elements of the game seems simply but users can create whatever objects, environment or cities they want. We adapt this method and we use pixel-like objects to present elements of a city - terrain, landscape and buildings.
Ville Radieuse This is a famous manifesto by Le Corbusier, however it is not fullfiled in real cities, because it is to ideal. But ideal cities are exactly what we need for this project. Strong rules are essential to automatically generate cities.
Height
14
URBANIZATION
DE- URBANIZATION
Low-Density: 60% in Urban Area, 10% in Low&High Altitude
Mid-Density: 25% in Urban Area
High-Density: 5% in Urban Area
Open Space: Low & High Altitude, 10% in Urban Area
15
PROGRAM STRUCTURE AND DATA FLOW Grasshopper Structure
C# Data Flow
16
URBANIZATION
DE-URBANIZATION
17
GENERATIVE DESIGN IN VIDEO GAMES
Grand Theft “Manu”
“FortFlight”
“Monument Mountain”
18
Part 2: Urban Design
04/ HIGHWAYS AS PUBLIC TRANSIT INFRASTRUCTURE Studio: Future Streets of Los Angeles | 2019 Spring Harvard Graduate School of Design Instructor: Andres Sevtsuk Collaborated with: Sunmee Lee
This project explores an alternative to the rail network expansion planned in Measure M which is a transportation sales tax initiative approved by Los Angeles voters in 2016. In the suburbanized LA context, extensive highway network has been supporting long-distance commuters. But it has been exclusive to car owners and those who can afford rideshare services. Therefore, we propose to use LA’s existing highway network for public transit to offer more equitable and efficient mobility in the future of Los Angeles. Since the automobile era began, transportation injustice in L.A. has been reinforced. Low-income households and communities of color who highly depend on public transit spend more time to travel and have limited accessibility as they cannot afford a car. It is often observed that even Metro Rail projects associated with transit-oriented development trigger rapid gentrification which results in low transit ridership and existing community displacement. Our proposal suggests opening existing highways for public transit to bring it to the places in most need while respecting local communities.
19
Canoga Park - Winnetka - Woodland Hills - West Hills North Hollywood - Valley Village
Van Nuys - North Sherman Oaks
LOS ANGELES: CAR CULTURE AND HIGHWAY NEIGHBORHOOD Encino - Tarzana
When thinking of Los Angeles, what comes to your mind? L.A. has grown with its car-culture accompanying freeways, parking lots and gas stations. While automobile is a convenient way to move around the greater Los Angeles, it gave L.A. a title “the most congested city in the United States”. Aware of concerns such as traffic congestion, transportation inequity, air pollution and population growth, in the past decades, Los Angeles has attracted public supports for its public transit. In 2008, Measure R - a half-cent sales
tax measure for Los Angeles County to fund new public transit - was approved by the voters, and in 2016, it increased to a full cent with approval of Measure M. According to LA Metro, Measure M plan is intended to raise 120 billion US dollars to fund a wide range of transportation projects including rail/subway/bus system expansion, freeway traffic flow/safety improvement, street improvement and road repair during the fiscal years 2018-2057. Particularly, exiting Metro Rail extension and new Metro Rail construction expect to change mobility patterns in L.A.
Analysis Based on Streetlight Data
Cars on Highway
Sherman Oaks - Studio City - Toluca Lake - Cahuenga Pass
Hollywood
Northeast Los Angeles
Bel Air - Beverly Crest
Brentwood - Pacific Palisades
I-405
Silver Lake - Echo Park
I-5
US-101 Westwood
I-10
Central City North
Wilshire
I-10
Westlake
Sewtelle
I-10 West Los Angeles
Central City
I-10 West Adams- Sugar Hill
I-10
Palms - Mar Vista - Del Rey
I-710
Boyle Heights
US-60
US-60
I-5
Baldwin Hills - Leimert South Los Angeles
Southeast Los Angeles Venice Palms - Del Rey - Mar Vista
I-110 Westchester - Playa del Rey
LAX
Westchester - Playa del Rey
I-105
Highway Construction and The Neighborhoods
Cities’ Mode Share
San Diego Freeway (I-405)
0.9% Bicycle 2.9% Walked 1% other means Motercycle 0.2% Public Transportation
Carpooled
7.0%
10.3%
28.0% 32.0% Car Walked 3.0%
Bicycle
72.6% Drive alone Los Angeles
worked at home 3% Taxicab, Motorcycle or other means 1.5%
Other means 2.0% For-Hire Vehicle 3.0%
8.0% Bus
2.1%
14.6% Walked
Bicycle 33.6% Public Transportation
39.0% Drive alone
23.0% Subway I-10 : Santa Monica Freeway
New York City
I-405 : San Diego Freeway I-110 : Harbor Freeway
Other means 2.0% For-Hire Vehicle 4.5% 6.5% Car
Santa Monica Freeway (I-10)
Santa Monica Freeway (I-10)
Harbor Gateway
29.5% 40.0% Subway Walked
Wilmington - Harbor City
9.5% Bus 5.70% Carpooled
4.0%
Boston
Manhattan
Port of Los Angeles
Bicycle Wilmington - Harbor City
Walked Bicycle+Others 0.2% 16.1% Bicycle 2.1% Walked Motercycle 0.5% Car+Subway0.6% Car+Bus 0.5% 19.4% Subway +Bus 12.2% Subway
22.6% Car 25.6% Bus
Shanghai
8.8% Bicycle 10.3%
17.7% Car
PORT OF LOS ANGELES PORT OF LOS ANGELES
4.8% TNC
Public Transportation 55.0%
Port of Los Angeles PORT OF LOS ANGELES San Pedro
Seoul
20
HIGHWAY AS PUBLIC INFRASTRUCTURE As a backbone of public transit network, highways support long-distance travels in the suburbanized Los Angeles. Travels can be continued by local buses, Metro Rails and even smaller modes. With all, public transit catchment areas dramatically increase. Our study
shows that, for the same budget, the highway public transit network could be five point-four times longer, and it could reach three-pointfive times more low-income households compared to newly planned rails in Measure M.
Future Metro Rails Scenario V.S. Highway Station Scenario
FUTURE RAILS UNDER MEASURE M
HIGHWAY STATION SCENARIO
<
NETWORK STRETCH (WITH THE SAME BUDGET)
76 miles
410 miles
X 5.4
<
LOW INCOME HOUSEHOLDS REACHED (ANNUAL MEDIAN INCOME LESS THAN/EQUAL TO 40K)
381,648
1,334,942
X 3.5
0
4
8
16 Miles
0
4
8
16 Miles
Future 3rd LA
0
2.5
5
10 Miles
Highway Public Transit Network Bus Express Lane System Long Distance with No Transfer
Change Bus Route via Highway Station
21
0
0.25
0.5
1 Miles
SERVICE AREA AND MICRO DASH Families living in South L.A. and along I-10 earn less than those who live in the west part of Los Angeles. Lower-income households are highly dependent on public transit but current accessibility to public transit is poor. After ana-
Half mile (800m) walkshed Analysis Around metro rail and highway stations
lyzing half-mile walksheds from stations, unserved areas of highway and Metro Rail station are identified. Based on the study, micro dash routes are proposed to offer accessibility to people in the unserved areas.
Areas not served by Metro rail and highway stations
Proposed micro dash routes For unserved areas 22
HIGHWAY STATIONS WITH COMMUNITY AMENITIES_TYPE A
STREET
SIDE WALK
BLOCK
RAMP
LANES
LANES
RAMP
BLOCK
SIDE WALK
STREET
I-10 / gramercy station | Ditched Highway
EXISTING VEIW FROM BRIDGE: EXPOSED TO NOISE AND AIR POLLUTION
LOW WALKABILITY
STREET IMPROVEMENT PLAN
PRIORITIZED STREET FOR IMPROVEMENT
SEMI-OPEN DECK AT UPPER (GROUND) LEVEL ENCLOSED PLATFORM AT LOWER(HIGHWAY) LEVEL
TRANSFER TO LOCAL DASH
STREET VENDORS
LOCAL MARKET ON EXPANDED DECK
BUFFER WITH PLANTING
BLOCK
RAMP
LANES
LANES
RAMP
BLOCK
SIDE WALK
STREET
SIDE WALK
TYPE A - EXPANDED DECK OPTION
PRIORITIZED STREET FOR IMPROVEMENT
TYPE A - DITCHED HIGHWAY
23
HIGHWAY STATIONS WITH COMMUNITY AMENITIES_TYPE B
BLOCK
SIDE WALK
DARK TUNNEL
STREET
UNUSED BUFFER ZONE
SIDE WALK
BLOCK
STREET
RAMP RAMP
LANE
LANES LANES
LANES LANES
RAMP
LANE
RAMP
BLOCK BLOCK
SIDE WALK
STREET
SIDE WALK
I-10 / budlong station | elevated Highway
OPEN SPACE ESCALATOR AND ELEVATOR
TWO SIDED PLATFORM STREET IMPROVEMENT PLAN AND EXPRESS LANES FOR HIGHWAY BUSES PRIORITIZED STREET FOR IMPROVEMENT DIVERGING SECTION
BUFFER WITH PLANTING
MERGING SECTION
GPL EXL EXL GPL
STATION
BLOCK
RAMP
LANES
LANES
RAMP
BLOCK
SIDE WALK
STREET
SIDE WALK
DIVERGING SECTION
INNER LANE BUS ONLY SECTION
MERGING SECTION
PRIORITIZED STREET FOR IMPROVEMENT
TYPE B - ELEVATED HIGHWAY
24
HIGHWAY STATIONS WITH COMMUNITY AMENITIES_TYPE C
BLOCK
RAMP
LANES
LANES
RAMP
BLOCK
SIDE WALK
STREET
SIDE WALK
I-10 / orchard station | blocking Highway
VIEW FROM SOUTHERN AREA: HIGHWAY SEPERATING COMMUNITIES
COMMUNITY AMENITIES AT LOWER LEVEL
VIEW FROM NORTHERN AREA: DEAD END
PEDESTRIAN ONLY OPEN SPACE
STREET IMPROVEMENT PLAN BUFFER WITH PLANTING
PRIORITIZED STREET FOR IMPROVEMENT
STATION AT UPPER LEVEL (HIGHWAY)
TYPE C - BLOCKING HIGHWAY TO OPEN SPACE
25
ENVIRONMENT AND AMENITIES IMPROVEMENT
Bicycling Home from I-10/ Gramercy Station
View to I-10 / Budlong Station from Inside of Micro Dash
View from the Deck of I-10/Gramercy Station
Community Driven Program for Facilities at Lower Level of a Highway Station
26
Part 2: Urban Design
05/ CORNERS OF THE STREETS Studio: Hong Kou Urban Design | 2016 Fall Tongji University Instructor: Songhua Dai Individual Work
In this studio every student are require to survey the Hongkou Harbor District to find problems and resources related to the tourism. The study finally turned into an urban design to attract and serve tourists. During the survey I found it easily for people to stay on the corners of streets because of the complicated pattern of roads. The photos taken on the corners show the context of the area. I used the version of photographer as a prototype and transfered it into architectural interventions.
27
AMBITION AND SITUATION OF HONGKOU HARBOUR Huangpu river and Suzhou river are the two most important rivers in Shanghai. At the junction of them, Huangpu District, Pudong District, and Hongkou District intersect. Huangpu District is the oldest district in Shanghai and the early Shanghai city developed from it. The Bund in Huangpu District which was once the financial center of Aisa is a symbol of Shanghai.Pudong Dis-
Tourism in Three Districts trict developed sharply afer 1970s and the new financial center of Shanghai, Lujiazui lies there. The high-rise buildings and the skyline of Lujiazui is another symbol of Shanghai. The Hongkou Harbor near the Bund and Lujiazui lacks attraction. The government of Hongkou launched a plan to find the symbols of Hongkou and gain competitiveness.
Huangpu
Yangpu Zhebei
A Billboard in Hongkou Harbor Hongkou The famous attraction in Huangpu is the bund, where art-deco buildings were built nearly a hundred years ago. Every tourist going to Shanghai visits this place for the history of Shanghai. Hongkou The Hongkou Harbor used to be an important harbor in Shanghai. Now the water transport has declined since the condition of rivers got wrose. The context here is disorded.
Pudong Huangpu
Pudong
Tianai Water Tower Luxun Park Caf Atlantic Caf Atlantic Sculpture
Lujiazui in Huangpu represent the model Shanghai, where lots of high-rise buildings stand. Every year many tourists come here to see the modern financial center.
Shanghai Jewish Refugess Museum North Sichuan Road Duolun Road Sculpture Luxun Monument Luxun Plaza Heping Park
Suzhou River
Hongkou Harbor Huangpu River
28
Jiu
STREET CORNER OF HISTORY
g lon
Jin
tia
Jiulo
jia zu i
t Yu Eas
d
ian
Ha
rb
j Xin
in
Rd
ng R
Rd
jin
Wu
Rd Zhoujiazui Rd
Shangq iu Rd
so Wu
Before 1910
d
Liyang
inin
Rd
Rd
d
gR
an
uh tY as
g Tan
a tH as
E
ian
tH Eas
Wuso
H st Ea
d
nR
Xi’a
i Rd
gzh
han
tC Eas
qiu
d
d
gR
yan
an
Rd
g an
gR
g
Sh
d
Yu
ya n
lon
Lvshu n Rd
ng R
Li
Jiu
d
gR
n ha
Rd
Rd
ang any
d
Ma
1911-1932
d
gR
olin
j Xin
Ea
ei R Em
d
gR
inin
d
nR
sha
g Tan
Rd st Yuhang
Ha
d
gR
an ny
g Rd
n Yuha
East
d
nR
sha
E
g Rd
rth
No
Jiulon
ig
Wuzhou Rd
R ng
d gR
Ha
in Ha
d
gR
han
Zh
d
ou
ng R
d
Rd
Wuzhou Rd
Shajing Rd
Liya
nR
Rd ou gzh Ton
is a characteristic of Hongkou Harbor. A tour guide on scenes of corners is needed for tourists interested in history of streets and buildings. There is an area of vacant land on the site. The program need a tour center for people to have a grand view of the district and get maps and guides which can lead them to the corners they want to go.
Rd
Because the pattern of reads is complicated, there are many different types of corners in various angles and shape. The traffic lights in the area is more than other parts in the city. When waiting for the traffic light, tourists can see different buildings on the corners of the streets. These buildings were built in various ages and have different forms according to the corners. This
Rd
Xin d
Rd
nR
ei
jia
Em
d
iR
zh
Xi’
ng
ha
C st
an
Ea
Rd
Kunshan Rd
d
Ha
Rd
d
iR
hu
Lvs
zh
ng
tC as
Emei Rd
E
d
nR
Rd
am
D st
Ea ha
Tanggu
ing
d
ng R
Rd
ng R
Liya
Jiulo
g
an ny
Nanxun Rd
1933-1949
Tanggu Rd Liy an
gR
Jiu
lon
Ta n Mi
Wuchang Rd
1950-1978
gg
nh
an
d
gR
d
uR
Ea
d
ing
am
D st
d
gR
Rd
nxu
Na
Rd hi
d
Ch
an
gz
Rd
Rd
nR
Rd
Huangpu River
d u
gp
an
Hu
Rd
0
g on nt
Tia
Zhapu Rd
d
uR gp an
Hu
ng
mi
nxu
Na
Rd
Da
50
100
200
N
Rd
After 1978
nR
Emei
Wusong
Zhapu Rd
Tiantong
d
gR
min
Da
Nort
h Su
zhou
Roa
d
Vacant land
Photo
Tourist
Tour center
Tour guide
Display
Map
Photo
Distribute
Construction
Historical spot
Map
Record
29
PROJECT THE CORNERS 1
2010
2
10
6
8
1990
3
When taking photos of street corners, tourists find the abundant history of Hongkou Harbor. The photo is a project of history of Hongkou. A prototype of corner is abstracted from the street corners and version of photographer. The prototype is evolved into different typologies of architectural intervention.
1970 4 1950
Display
5 9
7
Seat
Table
Door
1930 1910
Plastic Wood
Plastic Brick
Glass Brick
Glass
1
Metal
8 6
1
10 Glass
6
9 2
4
7
Wood
3 5
30
g lon J iu
tia
Liya
ng R
Rd rb in
Ha
11
Zh
i
ain
hH
rt No
d gR
90
Jiulon g Rd
89 91
Wuzhou Rd
Liyang Rd
ain
H
17
14
d
R ing
23 Shangq iu Rd
13 98 99
26
i Rd oujiazu
16
12
d nR
15
Rd
37
36
East
27
d
R ng
a
h Yu st Ea
Yuha
Ea
38
d nR
jia
Ma
39
44
42
41
anyang
g
Rd
d
nR
Xi’a
iu
d
gq
gR
an
lon
n Rd
Yu
ya n
Jiu
45
Sh
d
ha
ng
Li
43
Rd
Lvshu
ng R
Wuso
East H
Rd
33 Xin
ol
95
d ei R
Em
d
R ing
34
d
nR
sha
40
31
a
H st
35
Rd
Em
st
ei
Ea
d
iR
gzh
an Ch
46 47
Rd
48
Rd
Kunshan Rd
d
Rd
54
53
ng R
ong Jiul
Nanxun Rd
01,04,06,09,17,20,21,24 ,26,31,32,38,47,59,62,8 1,91,92,96,99
Liya
49
Mixed use
an
Ha
Xi’
g
an ny
Rd
50
C st
Ea
56 Tanggu
hi
gz
n ha
52
51
Rd
59
Rd
60 55
57 58
lon
65 Mi
nh
64
Wuchang Rd
Ta n
gg
an
E
d
gR
62
d
uR
gR
Rd
gR
Jiu
63
61
Liy an
ing
am
D ast
67
d
66
d
70 iR d
d
d antong R
69
zh ng
75
81
79
68
71
Ch a
Rd
Zhapu R
Wusong
78
ng
mi
80
Da
Rd
76
73
72 74
Huangpu River
77
86
82
83
d
uR
85
gp an
Hu
d
nR
nxu
Na
Ti
Tia d
gR
on nt
84
87 88 Nor
th S
uzho
u
u
gp
an
Hu
N
0
50
100
200
Rd
31
d
nR
sha
g Tan
32
d
gR
an ny
g Tan
94
29
28
30
d ng R
92
93
t Yu Eas
25
jia
10
gR
han
24 Xi n
jin Wu
21
22
09
07
19
20
06
97
18
d
08
05
Cross 96
d
nR
d
04
02,11,25,29,36,40,41,43 ,45,70,75
Shajing Rd
RECONSTRUCT THE CORNERS
02
R ou gzh Ton
01
Wuzhou Rd
Rd
Jin
03
g lon Jiu
tia
04 Rd
06 15
in
Ha rb
Rd
11
Zh
13 14 Liyang Rd
d
R ing
ain
89 90
g Rd
i
ain
hH
rt No
d gR
Jiulon
H
17 Wuzhou Rd
98 99
91
23 Shangq iu Rd
12
26
i Rd oujiazu
16
37
36
East
27
d
R ng
a
h Yu st Ea
Yuha
Ea
nR
39
d
Ma
d
ei R
ol
95
38
44
42
41
anyang
g
Rd
d
nR
Xi’a
iu
d
gq
gR
an
lon
n Rd
Yu
ya n
Jiu
45
Sh
d
ha
ng
Li
43
Rd
Lvshu
ng R
Wuso
East H
Rd
33 jia Xin
Em
d
R ing
34
d
nR
sha
40
31
a
H st
35
Rd
Em
st
ei
Ea
d
iR
gzh
an Ch
46 47
Rd
48
Rd
Kunshan Rd
d
Rd
54
53
ng R
ong Jiul
Nanxun Rd
08,10,12,15,16,18,22,23 ,30,34,46,51,52,53,54,6 1,74,76,78,82,93,94,95, 97,98
Liya
49
Public green land
an
Ha
Xi’
g
an ny
Rd
50
C st
Ea
56 Tanggu
hi
gz
n ha
52
51
Rd
59
Rd
60 55
57 58
lon
65 Mi
nh
64
Wuchang Rd
Ta n
gg
an
E
d
gR
62
d
uR
gR
Rd
gR
Jiu
63
61
Liy an
ing
am
D ast
67
d
66
d
70 Rd
69
hi gz Ch
d
d antong R
79
68
71 75
an
Rd
Zhapu R
Wusong
78
81 ng
mi
80
Da
Rd
76
73
72 74
Huangpu River
77
an
Hu
d
nR
nxu
Na
Ti
86
gp
82
d
gR
on nt
Nor
th S
uzho
u
83
u
gp
an
Hu
Tia
84
87 88
d uR
85
N
0
50
100
200
Rd
32
d
nR
sha
g Tan
32
d
gR
an ny
g Tan
94
29
28
30
d ng R
92
93
t Yu Eas
25
Rd
jin Wu
97
10
g
han
24
22
09
07
21
n jia Xin
96
19
20
08
05
Fence 07,14,33,35,39,55,64,66 ,69,79,80,83,86,88
d
18
d
Rd
Rd
ng R
nR
hou
Liya
Shajing Rd
RECONSTRUCT THE CORNERS
02
gz Ton
01
Wuzhou Rd
Rd
Jin
03
TOUR CENTER ON A CORNER A tour canter is built on the vacant land using the prototypes as both structure and furnitures inside. It display the mapping and photos of the street corners and provide tourists with maps and tour guide.
Roof
Beam
Street floor
Ground floor
Basement
Exploded Axonometric Drawing
Plan
33
INTERIOR EXPERIENCE The wall and interior furniture use the typologies made before. Tourist can look around the display, have a rest, get a map etc. The main function interior is display photos, mappings, and tour guide on the corners of streets.
34