Vi H Xuong PORTFOLIO SELECTED WORK 2017-2019
WORKS VOLUME All classes taken at Diablo Valley College
ARCHI 130 ARCHI 131 ARCHI 135
Architecture Graphic I Architecture Graphic II Digital Tools for Design
SP 2017 FA 2017 FA 2017
01-03 04-05 06-07
ARCHI 121 ARCHI 220 ARCHI 244 ARCHI 207
Architecture Design I Architecture Design II Architectural Practice I Environment Control Systems
SP 2018 FA 2018 SP 2019 FA 2018
08-11 12-15 16-18 19
PERSONAL
Design Build Workshop White Shark-retreat house Photography and Poster Design
SP 2019 N/A
20-21 22 23-24
01 ARCHI 130 I Spring 2017
Architecture Graphic I Instructor: Joseph Lambert
Mechanical pencil 2H, HB, 2B on Velum
An introduction class to problem-solving in orthographic and pictorial projection and drawing, architectural lettering, shadow casting, and color rendering. Constructing mechanical drafting with pencil and ink wash.
02
Architecture Graphic I | Technical Drawing
Technical drafting Studying shadow and geometry Pencil hatching on vellum
Architecture Graphic I Ink-wash
03
Technical Ink-wash Constructing capitol with technical drafting Pencil and ink-wash on watercolor paper
04
/ Individual project Color theory
ARCHI 131 I Fall 2017 Abstract Structure
Using 2 points perspective to illustrate an abstract and futuristic architecture on top of an existing building
Watercolor/ Ink/ Guache on 18”x24” Arches paper
Architecture Graphic II Instructor: Iro Ciesiolkiewicz
Two-point perspective
Watercolor and Ink on 18”x24” Arches paper
Advanced study of drawing techniques Using freehand and mechanical drawing methods to explore perspective drawing, shade and tone, color theory and composition. Further apply to future rendering
Architecture Graphic II |Perspective Indian ink-wash on 12” x 16” watercolor paper
From one space looking to another Analyzing complicated spacial dimension and objects in two-point perspective 0.5, 0.7 and Pentel Sign Pen on 18” x 24” Bristol
Monochromatic Tonal drawing eliminates the distraction of color correction and encourages focusing on composition, shade, contrast and texture.
Still life drawing Reusing racked plaster model to study lighting and reflection
Two-points perspective
05
ALPINE MOON YOSEMITE MEADOWS, CA ARCHI 135 / Fall 2017 Instructor: Grant Adams The curtain glass walls allow visitors to fully experience Yosemite nature without being out door during days and night. Using wood panel and metal fences to reserves an elegance yet rustic feeling. Rising the cabin’s floor reduce the impact on the site condition. Utilizing open floor plan to limit construction layers.
DIGITAL TOOLS FOR DESIGN
06
ARCHI 135 / Fall 2017
Digital tools for Design | Alpine Moon Cabin
0
5
07
15
SECTION
0
5
15
PLAN Program: 1. Living space 2. Bedroom 3. Restroom 4. Outdoor space
Looking at balcony from the side
/Individual project Soft-ware I Photoshop, Illustrator, Sketch-up, Vray
08 ARCHI 121 I Spring 2018
individual project / Color composition
Sun shading system A combination of regulating lines, section, elevation views. Using the color purple to illustrate the shady area, and Siena brown for highly lighted area.
Architecture Design I Instructor: Andrew Thurslow
Defining a Cube Inspired by artist Laszlo Moholy Nagy. Overlapping axonometric, elevation and plan views. Exploring the hierarchy of color
Exploring the relationship between geometry and color by constructing abstract painting with watercolor and washes. Applying color theories to present projects spirit.
/Individual project Architecture
BRISE SOLEIL
Shading system and Sun studies Constructing a set of vertical and horizontal louvers to protect a wall of glass from southern sunlight for the entire day. The facade acts like a thermal control system, protecting the interior from overheating during sumer, and from freezing during winter.
9:00 am
9:00 am
Noon
4:00 pm
MARCH 21st
Noon
4:00 pm
JULY 21st 9:00 am
Noon
Sun Study Using provided sun-angle calculator (mounted on top of the model) to observe and photograph sunlight pattern. Adjusting Bries Soleil model until the peg’s shadow matches with preference time and day to see if shading system satisfy its purposes
09 Brise soleil | Architecture Design I
4:00 pm
DECEMBER 21st
/Individual project
Folding diagram
TRIAL 1
TRIAL 2
FINAL VERSION
TRIAL 3
FOLDING SPACE Complex spacial form
Create a complex spacial form using one sheet of letter size two-ply museum board. Each surface have to be perpendicular and parallel to each other, as well as, structurally strong enough to avoid falling apart. In additional, primary colored: yellow, blue, red are use to punctuate hierarchy, and to indicate depth. Blue is the darkest and yellow is the brights. North and East Elevations
10 Folding Space | Architecture Design I
Biggest and most backward pieces Middle ground thin rectangle Smallest and highlight detail
CRUMPLED The Modern Art museum Structurally inspired by Alexander Calder’s artwork. Hence, a lot of triangle shapes are used to put together a building. Crumpled- the museum is an exploration of circulation and space. Limiting staircases and using mostly ramps to create an accessible museum for all people. In addition, this museum is called Crumpled because the main gallery was inspired by the shape of the crumpled paper. Reminds people that every piece of great art started with a piece of crumpled paper.
Final model and Study cardboard model
11
/Individual project
Crumpled the Museum | Architecture Design I
DVC ART AND ARCHITECTURE TELEGRAPH AVE, OAKLAND, CA ARCHI 220/ Fall 2018 Instructor: Grand Anthony The Diablo Valley College-School of Art and Architecture project is given a site in Oakland Downtown, California. Because Art and Architecture have co-existed elements, two separate schools are blended together with a common courtyard. This is a space for students to exchange, recharge, and connect. As well as reminding students that art and architecture have the same goals which are reflecting nature and surroundings.
12 Architecture Design II
Software: Rhino, V-ray, Photoshop, Illustrator, Auto-cad
Main lobby
Courtyard stair
Team project (2): Responsible for overall design process, digital graphics and model laser cutting.
M
W
10
M M
W W
10 10
Courtyard Visual art
10 10
6 3
6 6
3 3
Architecture Program
Circulation
Public space
Gallery/review
2
15
15
5
21
15 15
15 15
5 5
21 21
2 2
6 6 6
16 18
EASEMENT EASEMENT EASEMENT
16 16
18 18
12
M
W
M M
W W
16 22
16 16
14 14 14
10
10
10
10 10
10 10
10 10
6
22 22
6 6
2 5
15
13 13 13
FOURTH FLOOR FOURTH FLOOR FLOOR FOURTH
12 12
15
Visual Art and Architecture
10
3 3 3
21
16 18
EASEMENT
6 6 6
12
GROUND FLOOR GROUND GROUND FLOOR FLOOR
0
30
0 0
30 30 16 22
0
30
14 14 14
13 13 13
1. LOBBY 1. LOBBY 2. 1. CAFE/ LOBBYKITCHEN 2. CAFE/ 3. HALL 2. EXHIBITION CAFE/ KITCHEN KITCHEN 3. EXHIBITION EXHIBITION HALL 4. OUT DOOR AREA 3. HALL 4. OUT DOOR AREA 5. ADMINISTRATION 4. OUT DOOR AREA OFFICES 5. ADMINISTRATION ADMINISTRATION OFFICES 6. FACULTY OFFICES OFFICES 5. 6. FACULTY FACULTY OFFICES OFFICES 7. RESTROOM 6. 7. RESTROOM 8. CLASSES 7. RESTROOM 8. CLASSES CLASSES 9. AUDITORIUM 8. 9. 10. ARCHITECTURE STUDIO 9. AUDITORIUM AUDITORIUM 10. ARCHITECTURE STUDIO 11. STUDIO 10. CERAMIC ARCHITECTURE STUDIO 11. CERAMIC CERAMIC STUDIO STUDIO 12. SCULPTURE STUDIO 11. 12. SCULPTURE STUDIO 13. ART DIGITAL STUDIO 12. SCULPTURE STUDIO 13. ART ART DIGITAL DIGITAL STUDIO 14. PAINTING STUDIO 13. STUDIO 14. PAINTING PAINTING STUDIO 15. CLASS ROOM 14. STUDIO 15. CLASS ROOM 16. GALLERY OF 15. CLASS ROOMCERAMIC 16. GALLERY OFARCHITECTURE CERAMIC 17. GALLERY OF 16. OF CERAMIC 17. 18. GALLERY LIBRARY OF 17. GALLERY OF ARCHITECTURE ARCHITECTURE 18. LIBRARY 20. COURTYARD 18. LIBRARY 20. COURTYARD COURTYARD 21. BOOKSTORE 20. 21. 22.RESORCE CENTER 21. BOOKSTORE BOOKSTORE 22.RESORCE CENTER CENTER 22.RESORCE
THIRD FLOOR THIRD THIRD FLOOR FLOOR 2 M
w
M M
w w
2 2 9 9 9
15 15 15
18
01. Lobby 02. Cafeteria/ kitchen 03. Exhibition hall 04. Outdoor area 05. Administration 06. Faculty offices PARK 07. Restroom PARK PARK 08. Classes 09. Auditorium 10. Architecture studio 11. Ceramic studio URBAN 12. SculpturesURBAN studio URBAN 13. Art digital studio 14. Painting studio 15. Class room 16. Art gallery 17. Architecture gallery 18. Library 19. Courtyard 20. Bookstore 21, Resource center
18 18
20 20 20
15 15 15 17 17 17
SECOND FLOOR SECOND FLOOR FLOOR SECOND
22
PUBLIC SPACE
OUTDOOR SPACE
22 22
PUBLIC SPACE PUBLIC SPACE ART PROGRAM
OUTDOOR SPACE OUTDOOR SPACE ARCHITECTURE PROGRAM
ART PROGRAM ART PROGRAM
ARCHITECTURE PROGRAM ARCHITECTURE PROGRAM
13 DVC school of Art and Architecture Architecture Design II
14 /DVC school of Art and Architecture Architecture Design II
0
20
0
SECTION A - A’SECTION A - A’0
20
EAST ELEVATION EAST ELEVATION
WEST ELEVATION WEST ELEVATION
20
0
20
Metal roof
Zinc Panel Curtain glass wall and Rain-screen system
6” Steel Column
Concrete foundation
Review room Review is a public and private activity. As a result, the transparent wall and stair case invite people from the outside to interact and participate the review indirectly.
SECTION B - B’SECTION B - B’
The transitioning from ground level to second floor became more exciting with the variation of view. Switching from only seeing stair when you first entering the lobby to seeing trees at the park when you keep going up, Taking full advantages to observe the park under different height and perspective
Ventilation Diagram
Trial 1
Trial 2
Trial 3
Trial 4
15 DVC school of Art and Architecture Architecture Design II Final Model
16
ARCH 244 / Spring 2019 Software|Vectorwork, Illustration
Cedar house Architectural Practice I
CEDAR HOUSE
501 Cedar Rd,Bolinas, CA 94924, USA ARCHI 244 / Spring 2019 Instructor: Joseph Lambert Build-able Area: 3.800 S.F Using indoor courtyard and butterfly roof to bring in the most natural light to this the small resident. The transparent walls allow us to see the green garden from entrance, kitchen and living room space.
/Individual project
17 Cedar house Architectural Practice I
SECOND FLOOR
0
5
10
15
20 ft
GROUND FLOOR
0
5
10
FOUNDATION
15
20 ft
ROOF
18 Cedar house Architectural Practice I
TYPICAL DECK FRAMING FASCIA
TYPICAL FOUNDATION
TYPICAL WINDOW SILL
19
FUTURE CITY
Environmental Control ARCH 207 / Fall 2018 Instructor: Daniel Abbott
FIVE SKIN A study based on Hundertwasser’s philosophy to define the relationship between individual, nature and social environment. Illustrating my own “five skin” to reflect my personal value.
First layer:
Living species represent by a heart and veins
Second layer:
Energy resource illustrated by the color orange
Third layer:
Building and shelter represent by floor plan
Fourth layer:
Ecology and forest
Fifth layer:
Ozone and water represent with the light blue color
Applying my personal five skin theory to design a sustainable urban planing and architecture. A hypothesis using vertical garden combine with commercial space to reduce carbon footprint. As well as using recyclable energy to generate public transportation
TRILLIUM SHELTER
CAL POLY DESIGN VILLAGE- CRAFTSMANSHIP AWARD 2019
Skin: Rip-stop Grommets Velcro
20
Connect system: Carabiners Bungee cord Eye-lids
Frame: 4x 4 plywood sheet Dowels Cables
Spring 2019 Instructor: Daniel Abbott ARCHI 110 I Design Build Workshop
Team project (5): Responsible for facade design and connect system. Collaborate with team member for wood framing design
Goals Satisfying both practicality and aesthetic elements. Using light weight and waterproof Rips to provide shelter and make transport/ re-assemble process easier.
Connect skin with wood frame at the bottom. Bungee cord provide elasticity allows wind to bound off without ripping the fabric. Carabiner are easily detached to roll-up the skin.
21 Trillium Shelter I Design Build Work-
Connect the top pieces to wood structure with Velcro to create a seamless finishing. Making shelter inhabitable and easily re-assemble.
Seaming fabric edges to create a semi-structure that hold the fabric straight and appealing
WHITE SHARK RETREAT POINT REYES, CALIFORNIA
White shark is designed for artist Marko Gavrilovic who has done and made his art work based on shark research, To Marko, shark is a representation for power, freedom, and movement. Designing an artist retreat that based on Marko favorite kind of shark embodied movement and spacial feeling to indicate shark
22
Personal Project | Digital rendering
Photography allows me to see ordinary object with a different angle. The limitation in film photography pushes me to think mindfully and study the lighting before taking any photos
23 Personal / 35mm Film Photography
february
spring 2020 february march april
05.02
Olle Lundberg
18.02
Gina Haugh
Lundberg Design
Studio Benavente Architects I Interior Design
march 04.03
Geoff Gibson
Winder Gibson Architects
diablo valley college
Raymond Neutra
09.03
Neal Schwartz
19.03
Ariel Adhidevara Andrew Swaim
23.03
Cheap and Thin : Neutra and Frank Lloyd Wright
architecture lecture series
Schwartz and Architecture
Students from California Polytechnic State University
april 06.04
Gary Strang
16.04
Chris Bane
21.04
April Philips
30.04
Mustafa Rashid
GLS Landscape | Architecture
FBA Inc I Structural Engineers
April Phillips Design Works, Inc
Cahill Contractors
Room: ET 125,/Time: 6pm-7pm
Diablo Valley College
321 Golf Club Road, Pleasant Hill, CA 94523
Advisor : Daniel Abbott Collaborator : Olivia Scheffler Responsible for DVC annual lecture series flyer’s design. Software such as InDesign, Photoshop and Illustrator
Personal I Poster Design
24
Thank you for your consideration.
