PORTFOLIO
Yuheng Ouyang (M.Arch)
Yuheng Ouyang EDUCATION 2014 - 2017 University of Pennsylvania, Philadelphia, PA Master of Architecture 2010 - 2014 Tsinghua University, Beijing, China Bachelor of Science, major in Biological Science 2013 Southern California Institute of Architecture, Los Angeles, CA Making+Meaning Summer Studio 2013 Aalto University, Helsinki, Finland Exchange Program: Design and Culture
AWARDS 2016 Studio works publisded on Pressing Matter 4 and Pressing Matter 5 PennDesign End of Year Design Award E. Lewis Dales Traveling Fellowship 2015 Schenk Woodman Design Competition, 1st Prize 2012 “Bloom� the Photography Competition of 7 Universities in Beijing, 1st Place 2011 AI Programming Contest of Tsinghua University, 2nd Place Physical Contest of Beijing College Students, 3rd Prize Outstanding Leadership in Student Union 2009 International Physics Olympiad in Provinces), 2nd Prize 2008 National Olympiad in Informatics in Provinces), 2nd Prize
EXPERIENCE 5 / 2016 - 8 / 2016
Erdy McHenry Architecture, Philadelphia, PA - Main parametric designer for 3 competition project teams. Used Grasshopper and Python and contributed ideas, digital models, renderings, and drawings. - Designed experimental facades using Kangaroo Physics and DIVA for Rhino. - Created drawings for projects and showcased on the company website. - Organized project inventory for AIA submission. - Collaborated in ongoing projects in Revit modeling and on-site measuring.
12 / 2015 - 1/ 2016
Xinhua Bookstore, Hebei, China Architectural Intern - Plan drawing for 23th & 24th floor of Xinhua Bookstore building.
2 / 2014 - 6 / 2014
JosĂŠ Lab, Tsinghua University, Beijing, China Research Assistant - Constructed UAS-Laminin-GFP/RFP overexpression Drosophila strains independently, helping explain the mechanism of the secretion of Collagen IV.
7 / 2012 - Jin Hui Yang He Healthcare Consulting, Beijing, China 7 / 2013 Graphic Designer, part-time - Designed product portfolios and salon promotions independently. - Visualized data for the end of year report presentation. SKILLS Modeling Rhino, Maya, Revit, AutoCAD, 3ds Max Visualization V-Ray, Unreal Engine 4, Keyshot, Photoshop, Illustrator, InDesign Scripting Grasshopper, Python, C#, Processing (Java), HTML5 / CSS3, Less.js, JavaScript, React Others 3D Printing (Simplify3D), Laser Cutting, ArcGIS, DIVA for Rhino, Ladybug + Honeybee, Kangaroo Physics
Website: yuhengouyang.com Mail: yuheng@upenn.com
01
studio.602
CLICK TO WATCH 360 PANORAMA VIDEO
The project is a bank headquarter. Trying to break the solemn and detached impression of banks, we introduced overlapping systems to make the boundary vague and create a field with a gradient that welcomes visitors. A Frame can define the domain of volume. When the frame is completely covered by surfaces, the distinction of interior and exterior is obvious and the volume is totally solid. However, by starting to detach the surface from the frame, the separated space begins to merge and the boundary of solid becomes obscure. At a certain stage, the solid disintegrates into smaller semisolid fragments and the relationship of interior and exterior will not be told by inside or outside the solid frame, but by being surrounded by surfaces or not. The single, global alteration from outside to inside is substituted by a continuous shift of local conditions. The ability to define fields varies with nature of the system. The difference of material and elevation on the landscape implies the most nuanced change from publicity to privacy. The array of columns, on the other hand, creates a field with openness but slightly intensified by the column's height, density, and orderliness. The frame and surfaces begin to tell the shape of the building, but the volume is porous that the external world can still permeate into the internal through the gaps between surfaces. The pods, as the final system that defines the interior, creates the strongest and solid spaces for the bank and acts as the singular spots for visitors' journey. The surfaces of the building are built by colored tiles, which camouflages the building to weaken its volumetric properties and strengthen the visionary hallucination that obscures the building into phenomena.
Rigorous
Permeable
Ambiguous
1
2
4
3
Exterior and interior in different systems System 1: Landscape System 2: Column System 3: Surfaces System 4: Pods
CEO Office
SITE
Structural Frame
Customer Lobby
Infrastructure
Column Array Elevator Core
Conference Room
CafĂŠ 262 ft
Park
02
solar shell
A
THE MASS
B
THE VOID
A
THE MASS
B
THE VOID
A
THE MASS
Mass and Void BALCONY
CENTRAL CORE
BALCONY
CENTRAL CORE
Looking from the top, the Hotel could be partitioned into 3 blocks, which follow an A-B-A pattern in terms of mass and void. The Project will occupy the next mass, thus the pattern is expanded into A-B-A-B-A.
0.618
Alignment and Proportion
1.000
With respect to the adjacent Divine Lorraine Hotel, the project has its floors aligned evenly and its overall height higher exactly by the Golden ratio. The two openings on project’s shell are also located according to the façade of the original one.
The Divine Lorraine Hotel was once a luxury hotel designed for the wealthy elite. In 1948, it was acquired by the Reverend Major J. Divine, who is a 1930’s civil rights leader and founder of the Cooperative Economic Plan. He transformed the Divine Lorraine to a habitat of the poor, and a place to practice his Whole-person approach as a part of the Civil Rights Movement. The project attempts to practice the Whole-person approach in a more autonomous and sustainable way. The businesses before were efficient through ordinary means, making them vulnerable to competition. In order to establish its own critical competitiveness, the project pushes its solar orientation to an extreme. Standing on the south side of the Divine Lorraine Hotel with no high-rise buildings blocking sunlight, the building takes advantage of the energy that is gathered from the sun in order to self-supply the whole project. This act reduces the living expenses significantly. Paradoxically, this efficiency is achieved by the employment of sophisticated and expensive sun-harvesting technology purchased through wealthy donors, expiating their capitalistic exploitation of the environment.
Solar Panel Array
Protective Shell
PhotoVoltaic Panel
Transmission Grid
Primary Frame
Inter Unit Fixer
Structrual Glass
Fire Stair Transmission Wire
Secondary Frame Structural Beam
Elevator
Double - Layerd Window
Circular Transmission Rail Central Core
Heat Pipe Water Pipe Terraced Battery Cell Battery Pack Transmission Wire
6AM
12PM
6PM
Energy gathered from the shell converges at the twin central cores, then distributed smartly into each living unit. Abundant energy is stored in the battery packs on the back of each unit. These inflated battery packs signify all the value this machine-like building has achieved.
2
3
4
6
1
4
6 5
1
5
FLOOR PLAN 1. SRO Unit 2. Efficiency Unit 3. Family Unit 4. Fire Stair 5. Circulation Stair 6. Pipes
N
Legal Aid / Advocacy Center
Clinical / Fitness / Physical Therapy FLOOR PLAN
GROUND PLAN
BASEMENT PLAN
Battery Cell
Independent Adjustable Solar Panel
Transmission Wire
Shell Supporter
CafĂŠ Underground Garage
03
studio.701
Located at the tip of the peninsula, the project confronts ferocious subtropical nature forces such as hurricane, rainstorm, and tides, which could cause huge losses and impede everyday activities. However, those threats are also invaluable features that bring adaption to the uniform artificial site from sea reclamation. The need of High-density communities in Shenzhen and the unwelcoming force of nature push the project to internalize the activity space and bundle individual buildings into communities. Each community is capable of sustaining all living needs with differentiated blocks. The circulation inside the community is supported by a shared podium space which connects all buildings, and cantilever corridors link buildings where frequent commute happens. To minimize the impact of tide and waves, the ground was lifted away from the sea, only leaving arrays of legs standing in the water. The organization of legs is inspired by wave-damping instruments, with small and round legs at the frontline and huge, sharp legs staying behind. Above the lifted grounds, high-rise buildings get their outline shaped according to wind direction and daylighting requirements. By lifting the ground, more light is introduced into the interior space from the side of podiums. Since most of the everyday-life activities are internalized inside the buildings, the whole exterior of the project gains the potential to be well-developed natural landscape. Through the opened seam which extends from buildings to podiums, interior and exterior are subtly merged. The lifting ground also brings diversified opportunities towards the water. With a differentiated height of the podiums, the living condition varies from immersed-in-water beaches to high-rise commercial blocks which are a hundred feet away from water.
1
2
3
8
Master Plan 1. Residential 2. Shopping Mall 3. Restaurant 4. Atrium 5. Terraced park 6.Beach 7. Garden-Complex 8. Forest Botanical Garden 9. Theater
4
2 5 9
6 3
7
04
CA.Alter Working in progress. Source code held on Github: https://github.com/govizlora/Geometry-Celluar-Automaton
2D Elementary Cellular Automaton 1
2
3
4
x
5
6
7
8
The color of ‘x‘ is determined by the color combination of its eight nearest neighbors.
Each rule defines the behavior or ‘x‘ in 256 situations. There are 2
256
77 ( = 1.158 * 10 ) possible rules in total.
In the experiment, an unique seed represents a certain rule, and a rule could also be expressed by a 256-digit binary strings, with each digit represents the behavior to a certain situation. Evolution demonstration Seed: 66 Detail: 0011000101110100110110000111101111111010 0011111011001100010011110000011000110000001100 0101111110011110000101010100101111100111010000 1101110011101101110001110101010111111011100011 0001110110110011100111011110111111101111111111 11011111001010110000010100110010 Timespan: 1 -100
Seed: 0-100
Seed: 101-200
Seed: 201-300
Cartesian coordinates to polar coordinates
From pixel to curve: linking adjacent parents
05
CubeSubdiv Recursive subdivision tool guided by attractor curves achieved in C# script. Source code is held on Github: https://github.com/govizlora/CubeSubdiv 1. If the centroid of the cube is within the subdiv range of the attractor curve, the cube will subdivide.
2. The cube that is out of the range will not subdivide.
3. The cube that is within the removal range of the curve will be removed.
Subdiv range: 4.0 Removal range: 0.3 Loops: 4
Subdiv range: 4.5 Removal range: 0.5 Loops: 3
Subdiv range: 5.0 Removal range: 0.7 Loops: 4
4. Subdivision and removal occurs recursively.
Subdiv range: 6.0 Removal range: 1.2 Loops: 4
06
Paprecyan UI design using Less.js + CSS Poi is an open source multi-platform tool for game 'Kancolle'. The project is based on Electron and React, and the UI of poi is web-based and customizable. Papercyan a built-in theme of poi and is popular among users. It is the only theme in the game that uses only 2 colors to fulfill all visual communication requirements. Source code is held on Github: https://github.com/govizlora/theme-papercyan
Extracting game main colors: cyan and gray
Generating the complementary color
#232323 - 90% #2b2b2b - 88% #333333 - 86%
Nuanced grayscale differences to imply hierarchy
Idle - Need Attention
Current Selection
Busy
Idle - Good
Using warning color
Color filled background
Dashed linetype
Solid linetype
Identifying different states while keeping the color amount under 2.
Under 50%
Using warning color
50% - 80%
Normal color, no frame
80% - 100%
Dashed frame
100%
Solid frame
Visual hint for task progress - Utilizing linetypes and frames instead of adding more colors.
Healthy Minor damage Moderate damage Heavy damage
Normal color Darker color Darkest color + Warning pattern Using warning color
Visual hint for health states - Utilizing shades and pattern instead of adding more colors.