diff --git a/analysis.html b/analysis.html index 598cf6c..9ca5a14 100644 --- a/analysis.html +++ b/analysis.html @@ -292,25 +292,31 @@

简介

-

黑牦牛帐篷是青藏高原游牧民族的传统居住形式，具有深厚的文化内涵和适应性特征。这种帐篷以牦牛毛编织的布料为主要材料，采用独特的结构体系，能够适应高原极端气候条件。

+

黑帐篷，藏语书面语通称“札那”。 +东北藏地区真正的游牧部落的帐房是低的，矩形的，由黑牦牛毛织成的粗褐做成。帐篷顶部有轻微的倾斜，帐篷的“墙”体像窗帘一样挂在顶部边缘。作为一个精巧的有独创性的系统，外面的帐杆高于整个帐篷，系于其上的绳子延展开来，帐篷或多或少从顶部和四角桂起，帐篷最中间只有两根柱杆，在帐篷的每一个有从帐篷前厅延伸到后面的两英尺长的烟道。 +帐身通常呈矩形或六角形，由众多条“热”缝合而成，由此组成两块尺寸较大的帐布，并用“卡察(kha tshab)”(白色羊毛织成的天窗幕布)将双方拼接，用木杆撑起后，帐体呈对称状，顶部具有一定坡度。 +

抗风结构

-

黑牦牛帐篷通过斜拉索系统和柔性骨架形成稳定的抗风结构。其独特的张力体系和流线型外形能够有效分散风力荷载，在强风环境下保持稳定。

+

黑帐篷通常采用低矮的坡面形态和内部中心支撑(一根或两根木柱)+周边牵拉的系统。这种柔性结构能有效分散和抵抗高原上强烈的风力，如同一个张开的帆，却又能通过调节绳索而“随波逐流”，极具韧性。 +这完美契合了游牧生活“逐水草而居”的核心需求，是整个游牧文明的物质载体。

模块化与可移动性

-

传统黑牦牛帐篷采用模块化设计，各个构件可以拆卸、组装和运输。这种特性使其具有良好的可移动性，适应游牧生活的迁徙需求。

+

所有组件--牦牛毛布、木杆、绳索--都易于拆卸、捆扎和运输。这完美契合了游牧生活“逐水草而居”的核心需求，是整个游牧文明的物质载体。

内部空间特点

-

黑牦牛帐篷内部空间开敞灵活，中央设有火塘作为生活核心。空间布局体现了藏族人民的生活智慧和文化传统。

+

黑帐篷的活动中心一般为整体空间的中部的火炕，这个中央灶台既是生火做饭的热源，也是家庭的中心。以灶为界，右侧为男（阳帐），待客住宿；左侧为女（阴帐），存放厨具。与火炕相对正对门的后方位置最高，供奉佛像和贵重物品。这种秩序体现了游牧民族对秩序和生活仪轨的重视。 +帐篷顶部留有长方形的顶上天窗开口，是唯一采光口和排烟口。牛羊粪燃烧的炊烟会自然从天窗排出。利用这个天窗，牧人可以通过观察天窗透过的光线位置判断时间（例如光照在后壁为上午，照在锅台为中午），极具智慧。 +

@@ -346,7 +352,7 @@

1.4.2 解读与转译：黑牦牛帐篷

-

通过对黑牦牛帐篷的文化意象进行深入分析，我们提取了其核心的设计语言和结构逻辑，并将其转译为现代医疗建筑的设计策略。这一过程不仅保留了传统文化的精髓，还结合了当代建筑技术和功能需求，实现了传统与现代的有机融合。

+

基于上述对那曲地区黑帐篷原型的形态解构与场所精神提炼，本设计从空间叙事、结构逻辑、建造方式及环境应对四个维度，提出将传统游牧智慧转化为现代轻型建筑语汇的具体策略，实现从‘文化符号’到‘工程逻辑’的跨越。

@@ -357,25 +363,23 @@ - - + + - - + + - - + + - - - - - - + + +
牦牛毛编织布料轻质高强膜材料/金属屋面系统中央火塘，人们日常活动围绕中心空间展开，以火炕为基础划分内部空间。 +中央作为公共活动大厅，多功能，承载集散和聚会的空间任务。
木质骨架+斜拉索轻钢结构+预应力拉索体系木杆交叉利用绳索连接牦牛毛布，牛毛绳穿过木杆并固定于地桩,牛毛绳作为斜拉索轻钢结构 + 钢构立柱 + 斜拉索体系
模块化组装预制装配式建造方式随季节迁徙，所有组件便于拆装和运输。模块化构件、螺栓连接
中央火塘空间多功能核心服务区
游牧可移动性快速部署与灵活扩展能力帐篷边缘压石防风地锚抗风构造
@@ -386,7 +390,7 @@ diff --git a/css/style.css b/css/style.css index 41bdfab..e8b4832 100644 --- a/css/style.css +++ b/css/style.css @@ -962,3 +962,237 @@ body { font-size: 0.9rem; } } + +/* ======================================== + 结构单元拆解 - 2×2图片网格 + ======================================== */ +.image-grid-2x2 { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: var(--spacing-md); + margin-bottom: var(--spacing-md); +} + +.grid-item img { + width: 100%; + height: 350px; + object-fit: contain; + background: #FFFFFF; + border-radius: var(--border-radius); + box-shadow: var(--shadow-soft); + display: block; +} + +.grid-item.with-caption { + text-align: center; +} + +.image-caption { + font-size: 0.9rem; + color: var(--text-secondary); + margin-top: var(--spacing-sm); + font-weight: 500; +} + +/* ======================================== + 文字在右，图片在左（比例2:1） + ======================================== */ +.text-image-layout { + display: flex; + gap: var(--spacing-lg); + align-items: flex-start; + margin-bottom: var(--spacing-xl); +} + +.text-image-layout.reverse { + flex-direction: row-reverse; +} + +.layout-images { + flex: 1; +} + +.layout-text { + flex: 2; +} + +.layout-image-single img { + width: 100%; + max-height: 60vh; + object-fit: contain; + background: #FFFFFF; + border-radius: var(--border-radius); + box-shadow: var(--shadow-soft); +} + +/* ======================================== + 性能分析 - 全宽大图 + ======================================== */ +.full-width-image { + margin: var(--spacing-lg) 0; + width: 100%; +} + +.full-width-image img { + width: 100%; + max-height: 70vh; + object-fit: contain; + background: #FFFFFF; + border-radius: var(--border-radius); + box-shadow: var(--shadow-soft); +} + +.placeholder-text.large { + min-height: 400px; + font-size: 1.5rem; +} + +/* ======================================== + 性能分析 - 左侧图+右侧表格布局 + ======================================== */ +.text-image-table-layout { + display: flex; + gap: var(--spacing-lg); + align-items: flex-start; + margin-top: var(--spacing-lg); +} + +.layout-images-left { + flex: 1; + display: flex; + flex-direction: column; + gap: var(--spacing-md); +} + +.image-pair img { + width: 100%; + height: 280px; + object-fit: contain; + background: #FFFFFF; + border-radius: var(--border-radius); + box-shadow: var(--shadow-soft); +} + +.layout-table-right { + flex: 1.5; +} + +/* ======================================== + 性能分析 - 左侧表格+右侧文字布局 + ======================================== */ +.table-text-layout { + display: flex; + gap: var(--spacing-lg); + align-items: flex-start; +} + +.layout-table-left { + flex: 1.5; +} + +.layout-text-right { + flex: 1; +} + +/* ======================================== + 性能分析表格样式 + ======================================== */ +.performance-table { + width: 100%; + border-collapse: collapse; + background: var(--bg-card); + border-radius: var(--border-radius); + overflow: hidden; + box-shadow: var(--shadow-soft); + font-size: 0.95rem; +} + +.performance-table thead { + background: var(--primary-color); + color: white; +} + +.performance-table th { + padding: 1rem; + font-weight: 600; + text-align: center; + letter-spacing: 1px; +} + +.performance-table td { + padding: 0.75rem 1rem; + border-bottom: 1px solid var(--bg-secondary); + color: var(--text-secondary); + text-align: center; +} + +.performance-table tbody tr:last-child td { + border-bottom: none; +} + +.performance-table tbody tr:hover { + background: var(--bg-secondary); +} + +.performance-table.wide { + font-size: 0.9rem; +} + +.performance-table.wide th, +.performance-table.wide td { + padding: 0.6rem 0.5rem; +} + +/* ======================================== + 光照分析滑块特殊样式 + ======================================== */ +.image-slider.light-analysis .slider-item { + width: 300px; +} + +.image-slider.light-analysis .slider-item img { + height: 300px; +} + +/* ======================================== + 响应式调整 + ======================================== */ +@media (max-width: 1024px) { + .text-image-layout, + .text-image-layout.reverse, + .text-image-table-layout, + .table-text-layout { + flex-direction: column; + } + + .layout-text, + .layout-table-right, + .layout-text-right { + flex: none; + width: 100%; + } + + .grid-item img { + height: 280px; + } +} + +@media (max-width: 768px) { + .image-grid-2x2 { + grid-template-columns: 1fr; + } + + .grid-item img { + height: 250px; + } + + .performance-table th, + .performance-table td { + padding: 0.5rem; + font-size: 0.85rem; + } + + .full-width-image img { + max-height: 50vh; + } +} diff --git a/drawings.html b/drawings.html index 4a0a427..79bdc6f 100644 --- a/drawings.html +++ b/drawings.html @@ -164,6 +164,110 @@ + +
+
+

结构单元拆解

+ + +
+

屋面结构单元设计拆解

+ + +
+
+ 屋面结构图1 + +
+
+ 屋面结构图2 + +
+
+ 屋面结构图3 + +
+
+ 屋面结构图4 + +
+
+ + +
+

在此处插入屋面结构单元设计的详细说明...

+
+
+ + +
+

柱身结构单元设计拆解

+ + +
+
+
+
+ 柱身结构图1 + +

图名标注1

+
+
+ 柱身结构图2 + +

图名标注2

+
+
+ 柱身结构图3 + +

图名标注3

+
+
+ 柱身结构图4 + +

图名标注4

+
+
+
+
+

在此处插入柱身结构单元设计的第一段详细说明...

+
+
+ + +
+
+
+
+ 柱身结构图5 + +

图名标注5

+
+
+ 柱身结构图6 + +

图名标注6

+
+
+ 柱身结构图7 + +

图名标注7

+
+
+ 柱身结构图8 + +

图名标注8

+
+
+
+
+

在此处插入柱身结构单元设计的第二段详细说明...

+
+
+
+
+
+