Owing to disciplinary differences, research buildings entail unique demands for spatial customization, which are further constrained by the site-specific climatic conditions and landscape resources of the location. In this project–Zhejiang University (Hainan) Advanced Technology and Industrial Innovation Platform–we explore contextual design strategies for research buildings in hot-humid regions, addressing this challenge through the concept of "Layered Shade and Ocean Vista". "Layered Shade" governs climate adaptation: Through form twisting and elevation, a self-shading and ventilation system is created. The facade is divided into three types of interfaces–"black, white, and gray"–as needed, which are integrated with an algorithm-optimized shading system to holistically balance daylighting, thermal insulation, and energy consumption. "Ocean Vista" organizes the spatial narratives: experimental functions are arranged near the water to embrace the sea, while industrial offices and observation halls are placed in high-rise structures further offshore. Through framed views and spatial porosity, the architecture transforms Ocean Vistas into a continuous spatiotemporal experience. Ultimately, the project builds upon "Layered Shade" as an ecological foundation and transcends with "Ocean Vista" to elevate the spatial atmosphere, thus proposing a contextual, scientifically rigorous, and humanistic design paradigm for research buildings in hot-humid regions.

1. The Site –The Contradiction Between New Urban Order and Orientation Preferences
Yazhou Bay Science and Technology City is located in Yazhou District on the western side of Sanya City, Hainan Province, covering a planned area of 26.1 square kilometers. It adopts a core spatial framework of "one port, three cities, and one base"–namely, Nanshan Port, Nanfan Science and Technology City, Sanya Deep-Sea Science and Technology City, Sanya Yazhou Bay University Town, and the Global Base for the Introduction and Transit of Animal and Plant Germplasm Resources. It is designed to build itself into "a dynamic innovation hub deeply integrated with industry, academia, research, and urban development". Zhejiang University Advanced Technology Research Institute has established its presence here, focusing on specialized research in the deep-sea field and serving as a vital pillar of the regional scientific research and innovation system. Among its facilities, the ultra-quiet laboratory in the annex of the research building is particularly distinctive in function and complex in its design. Upon being put into use, it will become the world's third‑largest and Asia's largest ultra‑quiet laboratory.

The site is adjacent to Yazhou Bay, with the western side facing the sea and the eastern side connecting to the public teaching area. Although the site is regular in shape, it is oriented at a 42-degree angle to true north, an orientation dictated by the spatial planning structure governing the new city. The site's long side measures nearly 200 meters. The two-thirds section closest to the coast is subject to a height restriction of 40 meters, while the remaining narrow east-west strip is limited to 60 meters in height. The westward-facing landscape and height-restricted zoning conflict with the tropical region's preference for north-south building orientation, emerging as a key constraint that shapes the architectural layout strategy.

2. Layered Shade and Ocean Vista–Balancing Orientation, Views, and Function
The institute takes scientific research and industrial incubation as its core functions, with significantly different spatial requirements for each. The research facilities comprise two high-ceilinged testing spaces and laboratories. Bound by the rigid constraints of testing processes, the spatial dimensions and number of floors of the research and testing spaces must be precisely tailored to meet process requirements. By contrast, the industrial incubation function allows for far greater spatial flexibility, yet it calls for optimized indoor comfort that aligns with local climatic characteristics.During the early design phase, the project team collaborated closely with the research team to precisely identify the spatial characteristics of various experiments, while integrating planning requirements and climate adaptation objectives, and ultimately defining the "Layered Shade and Ocean Vista" design concept.
The architectural layout is guided by "Layered Shade" to address climate adaptation. In the preliminary phase, the design team held multiple rounds of collaborative discussions with scientific research users to clarify spatial allocation ratios and process flow requirements for both research experiments and industrial incubation functions. After an in-depth comparison of multiple design options, the master layout featuring east-west zoning for research and incubation functions was ultimately finalized: the research experimental zone is located on the west side facing the sea, adopting a north-south linear layout with main and auxiliary buildings arranged in parallel to achieve consistent orientation and unobstructed ocean vistas; the industrial incubation zone is concentrated in the high-rise sector on the eastern side, where the building form has been optimized into a twisted configuration of "north-south point towers plus top-connected structures" to minimize heat gain on east-west building facades. This layout not only creates self-shading effects and ventilation corridors between building clusters, but also enables natural north-south lighting for the vast majority of functional spaces, addressing the shading and ventilation requirements specific to tropical climates at the morphological level.
The spatial organization is structured around the concept of "Ocean Vista", creating a narrative framework. The tall, elevated entrance hall of the annex building aligns axially with the outdoor landscape steps and the roundtable conference hall of the main building, establishing a visual sequence through framing and sightline techniques. The integrated R&D building, with its elevated space achieved through the twisting form, serves as both a backdrop to the Ocean Vista courtyard and as a vibrant, informal gathering area within the complex. On the rooftop of the high-rise building, two ocean observation halls provide the dual experience of "viewing the courtyard up close and gazing out to the sea beyond".
The floor plan utilizes a functional separation strategy, extracting public elements–including the shared lobby, exhibition hall, and conference rooms–from the research units and linking them via a three-dimensional circulation network formed by elevated floors and semi-outdoor corridors. This spatially integrated model not only enhances functional efficiency for research but also frees up ample public space to facilitate interaction and communication among researchers, faculty, and students.

3. Solid and Void Layering–Facade Design Based on Performance Optimization
Functional spaces with stringent enclosure requirements (i.e., experimental workshops), observation spaces requiring unobstructed sea views (i.e., observation halls), and daily-use spaces balancing daylight access and landscape views (i.e., research offices) together establish the "black-white-gray" hierarchical order of the entire building facade and serve as the ecological foundations of this research building complex.
The research laboratory annex integrates two high-ceilinged testing spaces,, which must meet stringent technical standards. These spaces have minimal demand for natural lighting and thus constitute the most robust "black" mass within the building complex. The exterior facade is clad in bush-hammered, vertically grooved sesame white granite, reinforcing the building's sense of volume while endowing it with refined tactile texture and architectural detailing. Spaces like observation halls, building lobbies, and conference rooms, requiring strong indoor-outdoor visual connectivity, feature full-glass curtain walls. These "white" void nodes are strategically scattered across the core and elevated areas of the building complex, allowing natural elements and landscape to be incorporated to the greatest extent.
Most of the building's facade is in a "gray" state, balancing between solid and void. For spaces where building occupants spend extended periods, striking a balance between natural daylighting and indoor thermal comfort emerges as a key design priority. The facade employs two grid systems: the inner wall features evenly spaced windows sized according to the dimensions of individual rooms, while the external horizontal lines and vertical shading panels form a secondary grid system that is independent of the room layouts. This dual-grid system not only allows for the flexible division of internal spaces but also endows the building with a neat, unified facade appearance.
The width, angle, and spacing of vertical shading louver systems are key design variables that influence the indoor luminous and thermal environments as well as energy consumption performance. Shading louvers, while effective in blocking summer solar radiation, reducing air-conditioning energy consumption, and enhancing indoor thermal comfort, can also substantially lower natural daylight availability. This often leads to higher energy consumption for artificial lighting, thus creating an inherent trade-off between the luminous and thermal performance of the building envelope. Based on Sanya's local climate conditions, the design employs genetic algorithms for parametric simulation and multi-objective optimization of vertical louvers across different orientations. This approach yields an optimal combination of geometric parameters that balances shading efficiency with daylighting requirements, while achieving seamless integration with the building's form and landscape-facing orientations. This performance simulation-based rational design approach not only aligns with the empirical, optimization-driven ethos inherent to research buildings but also provides a quantifiable technical pathway for the detailed design of exterior shading systems in hot-humid regions.

4. Conclusion
Adopting the concept of "Layered Shade and Ocean Vista", the Zhejiang University (Hainan) Advanced Technology and Industrial Innovation Platform employs a building massing and spatial layout that fulfills both functional requirements and planning guidelines, while also alleviating the adverse impacts of the local climate. Guided by indoor environmental quality, the facade design carefully balances the interplay between natural daylighting, thermal comfort, and energy consumption, yielding a final design outcome that strikes a harmonious balance between function and form, climate responsiveness and landscape integration, as well as emotional resonance and rational optimization.