44c1a218ae
详细说明: - 将不存在的效果图-客厅.jpg替换为效果渲染图加尺寸标注.jpg - 为Section 5(户型生长动画展示)添加背景图片定义 - 同时添加了浅色和深色主题的背景样式 - 修改文件: civil/index.html, civil/css/styles.css
736 lines
39 KiB
HTML
736 lines
39 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>室内CAD整体方案设计 - 土木订单班</title>
|
||
<link rel="stylesheet" href="css/styles.css">
|
||
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
|
||
</head>
|
||
<body class="dark-theme">
|
||
<!-- 主题切换按钮 -->
|
||
<div class="theme-toggle">
|
||
<button id="themeToggleBtn" class="theme-toggle-btn">
|
||
<i data-lucide="sun" class="theme-icon theme-icon-light"></i>
|
||
<i data-lucide="moon" class="theme-icon theme-icon-dark"></i>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Hero 区域 -->
|
||
<section class="hero">
|
||
<div class="hero-content">
|
||
<div class="hero-badge"><i data-lucide="building-2"></i> 土木订单班</div>
|
||
<h1 class="hero-title">室内CAD<br>整体方案设计</h1>
|
||
<h2 class="hero-subtitle">需求分析 · 深化设计 · 效果呈现 · 施工出图</h2>
|
||
<p class="hero-description">
|
||
<i data-lucide="home"></i> 120m² 现代简约三口之家<br>
|
||
<i data-lucide="palette"></i> 浅灰米白主色调设计<br>
|
||
<i data-lucide="ruler"></i> 全流程CAD施工图绘制
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 导航栏 -->
|
||
<nav class="nav">
|
||
<div class="nav-container">
|
||
<div class="nav-item active">
|
||
<i data-lucide="clipboard-list"></i>
|
||
<span>需求分析</span>
|
||
</div>
|
||
<div class="nav-item">
|
||
<i data-lucide="pencil-ruler"></i>
|
||
<span>深化设计</span>
|
||
</div>
|
||
<div class="nav-item">
|
||
<i data-lucide="sparkles"></i>
|
||
<span>效果呈现</span>
|
||
</div>
|
||
<div class="nav-item">
|
||
<i data-lucide="file-text"></i>
|
||
<span>施工出图</span>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Section 1: 需求分析与初稿设计 -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img src="agent-avatars/需求分析师.jpg" alt="需求分析师" class="agent-avatar">
|
||
<div class="agent-info">
|
||
<div class="agent-name">
|
||
<i data-lucide="user-search"></i> 需求分析师
|
||
</div>
|
||
<h2 class="section-title">需求分析与初稿设计</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3><i data-lucide="info"></i> 项目背景</h3>
|
||
<p>本项目为120m²高层住宅室内设计,业主为三口之家(夫妻+6岁小孩),希望打造开放式客餐厅、独立书房、儿童活动区和大容量收纳系统的现代简约风格家居空间。总预算35万元(硬装25万+软装10万),工期120天内完工确保新学期入住。</p>
|
||
</div>
|
||
|
||
<!-- 图文交错布局 -->
|
||
<div class="alternating-layout">
|
||
<div class="alternating-image">
|
||
<img data-src="images/室内平面设计图.jpg" alt="室内平面设计图" loading="lazy">
|
||
</div>
|
||
<div class="alternating-content">
|
||
<h3><i data-lucide="home"></i> 户型概况</h3>
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="home"></i> 房屋类型: 高层住宅120m²</li>
|
||
<li><i data-lucide="arrow-up"></i> 层高: 2.9m (吊顶后2.6m)</li>
|
||
<li><i data-lucide="sun"></i> 客厅: 6.2m×4.0m 南向落地窗</li>
|
||
<li><i data-lucide="bed"></i> 主卧: 4.5m×3.8m 带独立卫生间</li>
|
||
<li><i data-lucide="baby"></i> 儿童房: 3.6m×3.0m 东向窗户</li>
|
||
<li><i data-lucide="book-open"></i> 书房: 3.2m×2.5m 独立空间</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="alternating-layout reverse">
|
||
<div class="alternating-image">
|
||
<img data-src="images/效果渲染图加尺寸标注.jpg" alt="客厅效果图" loading="lazy">
|
||
</div>
|
||
<div class="alternating-content">
|
||
<h3><i data-lucide="target"></i> 核心需求</h3>
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="utensils"></i> 开放式客餐厅设计</li>
|
||
<li><i data-lucide="book"></i> 独立书房工作区</li>
|
||
<li><i data-lucide="gamepad-2"></i> 儿童活动区规划</li>
|
||
<li><i data-lucide="archive"></i> 大容量收纳系统 ≥35m³</li>
|
||
<li><i data-lucide="palette"></i> 现代简约风格</li>
|
||
<li><i data-lucide="coins"></i> 预算控制: 35万元</li>
|
||
<li><i data-lucide="clock"></i> 工期要求: 120天</li>
|
||
<li><i data-lucide="trending-up"></i> 空间利用率: 85%→92%</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
|
||
<h3><i data-lucide="route"></i> 功能分区与动线规划</h3>
|
||
</div>
|
||
|
||
<div class="grid grid-4">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="home"></i> 起居区</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="sofa"></i> 客厅+餐厅: 38m²</li>
|
||
<li><i data-lucide="tv"></i> 沙发3.2m 距电视3.2m</li>
|
||
<li><i data-lucide="utensils"></i> 餐桌1.6m×0.9m</li>
|
||
<li><i data-lucide="droplets"></i> 通行距离≥0.8m</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="bed"></i> 休息区</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="bed-double"></i> 主卧: 17m²</li>
|
||
<li><i data-lucide="bed-single"></i> 次卧: 12m²</li>
|
||
<li><i data-lucide="baby"></i> 儿童房: 11m²</li>
|
||
<li><i data-lucide="move"></i> 床尾通道≥0.9m</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="book-open"></i> 学习工作区</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="book-open"></i> 书房: 8m²</li>
|
||
<li><i data-lucide="laptop"></i> 书桌1.5m×0.7m</li>
|
||
<li><i data-lucide="library"></i> 书柜厚度0.35m</li>
|
||
<li><i data-lucide="square"></i> 活动空间≥1.0m</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="settings"></i> 生活服务区</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="chef-hat"></i> 厨房: 10m²</li>
|
||
<li><i data-lucide="bath"></i> 卫生间: 8m²</li>
|
||
<li><i data-lucide="package"></i> 储藏空间: 6m²</li>
|
||
<li><i data-lucide="layout-grid"></i> 动静分区: 52%/48%</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 统计数据展示 -->
|
||
<div class="stats-chart" style="margin-top: var(--spacing-xl);">
|
||
<div class="stat-item-chart">
|
||
<div class="stat-header">
|
||
<div class="stat-label">户型面积</div>
|
||
<div class="stat-value area-size">0m²</div>
|
||
</div>
|
||
<div class="stat-bar">
|
||
<div class="stat-bar-fill" style="width: 80%"></div>
|
||
</div>
|
||
</div>
|
||
<div class="stat-item-chart">
|
||
<div class="stat-header">
|
||
<div class="stat-label">层高</div>
|
||
<div class="stat-value floor-height">0m</div>
|
||
</div>
|
||
<div class="stat-bar">
|
||
<div class="stat-bar-fill" style="width: 90%"></div>
|
||
</div>
|
||
</div>
|
||
<div class="stat-item-chart">
|
||
<div class="stat-header">
|
||
<div class="stat-label">总预算</div>
|
||
<div class="stat-value total-budget">0万</div>
|
||
</div>
|
||
<div class="stat-bar">
|
||
<div class="stat-bar-fill" style="width: 70%"></div>
|
||
</div>
|
||
</div>
|
||
<div class="stat-item-chart">
|
||
<div class="stat-header">
|
||
<div class="stat-label">工期</div>
|
||
<div class="stat-value construction-days">0天</div>
|
||
</div>
|
||
<div class="stat-bar">
|
||
<div class="stat-bar-fill" style="width: 85%"></div>
|
||
</div>
|
||
</div>
|
||
<div class="stat-item-chart">
|
||
<div class="stat-header">
|
||
<div class="stat-label">收纳体积</div>
|
||
<div class="stat-value storage-volume">0m³</div>
|
||
</div>
|
||
<div class="stat-bar">
|
||
<div class="stat-bar-fill" style="width: 75%"></div>
|
||
</div>
|
||
</div>
|
||
<div class="stat-item-chart">
|
||
<div class="stat-header">
|
||
<div class="stat-label">空间利用率</div>
|
||
<div class="stat-value space-efficiency">0%</div>
|
||
</div>
|
||
<div class="stat-bar">
|
||
<div class="stat-bar-fill" style="width: 92%"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 2: 深化设计与细部绘制 -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img src="agent-avatars/CAD制图员.jpg" alt="CAD制图员" class="agent-avatar">
|
||
<div class="agent-info">
|
||
<div class="agent-name">
|
||
<i data-lucide="drafting-compass"></i> CAD制图员
|
||
</div>
|
||
<h2 class="section-title">深化设计与细部绘制</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3><i data-lucide="layers"></i> 深化设计理念</h3>
|
||
<p>将前期方案转化为可落地的施工图纸,在CAD中精确表现吊顶、立面、收口节点和水电布置等细节。客厅吊顶高度2.6m,边吊宽度450mm;地面采用600×600mm浅灰瓷砖,卧室15mm实木地板;立面设计包含电视背景墙3.8m×2.6m岩板+木饰面组合。</p>
|
||
</div>
|
||
|
||
<!-- 大图+小卡片组合布局 -->
|
||
<div class="hero-cards-layout">
|
||
<div class="hero-image-container">
|
||
<img data-src="images/实景渲染尺寸标记.jpg" alt="实景渲染尺寸标记" loading="lazy">
|
||
<div class="hero-image-overlay">
|
||
<h3><i data-lucide="ruler"></i> CAD深化设计全景</h3>
|
||
<p>精确标注 · 施工级细节 · 完整材料说明</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hero-cards-grid">
|
||
<div class="card">
|
||
<div class="image-container">
|
||
<img data-src="images/吊顶收口节点CAD图.jpg" alt="吊顶收口节点" loading="lazy">
|
||
<div class="image-caption">吊顶收口节点CAD图</div>
|
||
</div>
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="ruler"></i> 顶面布置深化</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="layers"></i> 吊顶高度: 2.6m (扣除梁高0.3m)</li>
|
||
<li><i data-lucide="square"></i> 边吊宽度: 450mm</li>
|
||
<li><i data-lucide="lightbulb"></i> 灯带: 3500K暖白 180lx</li>
|
||
<li><i data-lucide="circle-dot"></i> 筒灯间距: 1.2m</li>
|
||
<li><i data-lucide="moon"></i> 卧室: 3000K暖光 150lx</li>
|
||
<li><i data-lucide="sun"></i> 厨房: 4000K中性光 250lx</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="image-container">
|
||
<img data-src="images/地面与墙面收口CAD图.jpg" alt="地面收口" loading="lazy">
|
||
<div class="image-caption">地面与墙面收口CAD图</div>
|
||
</div>
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="palette"></i> 地面铺装设计</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="grid-3x3"></i> 客餐厅: 600×600mm浅灰瓷砖</li>
|
||
<li><i data-lucide="shield-check"></i> 防滑系数: ≥0.5</li>
|
||
<li><i data-lucide="tree-pine"></i> 卧室: 15mm实木地板</li>
|
||
<li><i data-lucide="droplets"></i> 厨卫: 300×300mm防滑砖</li>
|
||
<li><i data-lucide="trending-down"></i> 排水坡度: 0.5-2.5%</li>
|
||
<li><i data-lucide="ruler"></i> 找平层厚度: 20mm</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="image-container">
|
||
<img data-src="images/窗帘盒尺寸CAD图.jpg" alt="窗帘盒节点" loading="lazy">
|
||
<div class="image-caption">窗帘盒尺寸CAD图</div>
|
||
</div>
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="wrench"></i> 节点详图绘制</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="box"></i> 轻钢龙骨: 38×12mm</li>
|
||
<li><i data-lucide="file"></i> 石膏板厚度: 9.5mm</li>
|
||
<li><i data-lucide="ruler"></i> 踢脚线: 高80mm 厚15mm</li>
|
||
<li><i data-lucide="scissors"></i> 转角: 45°斜切拼接</li>
|
||
<li><i data-lucide="layout-template"></i> 窗帘盒: 宽150mm 高120mm</li>
|
||
<li><i data-lucide="chevrons-right"></i> 遮光布+纱帘双轨</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
|
||
<h3><i data-lucide="zap"></i> 水电系统深化</h3>
|
||
</div>
|
||
|
||
<div class="image-container" style="margin-bottom: var(--spacing-xl);">
|
||
<img data-src="images/CAD绘制强弱电布置图.jpg" alt="强弱电布置图" loading="lazy">
|
||
<div class="image-caption">CAD强弱电布置图</div>
|
||
</div>
|
||
|
||
<div class="grid grid-2">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="zap"></i> 强弱电布置</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="plug"></i> 客厅插座: 6个 (含电视墙2个)</li>
|
||
<li><i data-lucide="bed-double"></i> 卧室床头: 每侧2个插座</li>
|
||
<li><i data-lucide="laptop"></i> 书房桌下: 4个插座</li>
|
||
<li><i data-lucide="light-bulb"></i> 开关高度: 1300mm</li>
|
||
<li><i data-lucide="move-down"></i> 普通插座: 300mm</li>
|
||
<li><i data-lucide="move-up"></i> 台面插座: 1100mm</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="droplets"></i> 给排水系统</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="droplets"></i> 厨房排水管: 直径50mm</li>
|
||
<li><i data-lucide="trending-down"></i> 排水坡度: 2%</li>
|
||
<li><i data-lucide="bath"></i> 卫生间排水: 直径75mm</li>
|
||
<li><i data-lucide="arrow-down"></i> 卫浴坡度: 2.5%</li>
|
||
<li><i data-lucide="water"></i> 地漏位置精确标注</li>
|
||
<li><i data-lucide="pipe"></i> 预埋管线走向规划</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 3: 材质与效果呈现 -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img src="agent-avatars/室内设计师.jpg" alt="室内设计师" class="agent-avatar">
|
||
<div class="agent-info">
|
||
<div class="agent-name">
|
||
<i data-lucide="palette"></i> 室内设计师
|
||
</div>
|
||
<h2 class="section-title">材质与效果呈现</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3><i data-lucide="sparkles"></i> 设计理念</h3>
|
||
<p>现代简约风格以米白(60%)+浅灰(25%)为主色调,辅以黑色金属线条、深胡桃木饰面(10%)增加层次感,儿童房采用马卡龙蓝(5%)点缀。所有材质均达E0级环保标准,客厅电视背景墙采用6mm大岩板+木饰面组合,营造简洁大方的空间氛围。</p>
|
||
</div>
|
||
|
||
<!-- 图文交错布局 -->
|
||
<div class="alternating-layout">
|
||
<div class="alternating-image">
|
||
<img data-src="images/材质选型.jpg" alt="材质选型" loading="lazy">
|
||
</div>
|
||
<div class="alternating-content">
|
||
<h3><i data-lucide="package"></i> 材质选型</h3>
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="square"></i> 客餐厅地面: 600×600mm抛釉瓷砖</li>
|
||
<li><i data-lucide="shield-check"></i> 光泽度≥85% 防滑R10</li>
|
||
<li><i data-lucide="tree-pine"></i> 卧室: 15mm三层实木复合地板</li>
|
||
<li><i data-lucide="leaf"></i> 甲醛释放≤0.05mg/m³ (E0级)</li>
|
||
<li><i data-lucide="layers"></i> 电视墙: 6mm大岩板+木饰面</li>
|
||
<li><i data-lucide="sofa"></i> 卧室: 布艺硬包+阻燃海绵</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="alternating-layout reverse">
|
||
<div class="alternating-image">
|
||
<img data-src="images/尺寸标注.jpg" alt="尺寸标注" loading="lazy">
|
||
</div>
|
||
<div class="alternating-content">
|
||
<h3><i data-lucide="palette"></i> 色彩搭配</h3>
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="circle"></i> 主色调: 米白60% (NCS S0502-Y)</li>
|
||
<li><i data-lucide="square"></i> 辅助色: 浅灰25%</li>
|
||
<li><i data-lucide="triangle"></i> 点缀色: 黑色金属10%</li>
|
||
<li><i data-lucide="hexagon"></i> 木饰面: 深胡桃木</li>
|
||
<li><i data-lucide="star"></i> 儿童房: 马卡龙蓝5%</li>
|
||
<li><i data-lucide="sun"></i> AI色彩模拟: 自然光+夜间</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
|
||
<h3><i data-lucide="lightbulb"></i> 灯光设计方案</h3>
|
||
</div>
|
||
|
||
<div class="grid grid-3">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="sun"></i> 客厅照明</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="sun"></i> 色温: 3500K暖白</li>
|
||
<li><i data-lucide="gauge"></i> 照度: 180lx</li>
|
||
<li><i data-lucide="circle-dot"></i> 筒灯间距: 1.2m</li>
|
||
<li><i data-lucide="waves"></i> 灯带配合层次光环境</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="moon"></i> 卧室照明</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="moon"></i> 色温: 3000K暖光</li>
|
||
<li><i data-lucide="gauge"></i> 照度: 120lx</li>
|
||
<li><i data-lucide="bed-double"></i> 床头灯: 可调光</li>
|
||
<li><i data-lucide="sparkles"></i> 营造温馨舒适氛围</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="lightbulb"></i> 厨房照明</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="sun"></i> 色温: 4000K中性光</li>
|
||
<li><i data-lucide="gauge"></i> 照度: 250lx</li>
|
||
<li><i data-lucide="chef-hat"></i> 台面补充照明</li>
|
||
<li><i data-lucide="shield-check"></i> 保证操作安全</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 4: 施工图绘制与3D展示 -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img src="agent-avatars/3D模型师.jpg" alt="3D模型师" class="agent-avatar">
|
||
<div class="agent-info">
|
||
<div class="agent-name">
|
||
<i data-lucide="box"></i> 3D建模师
|
||
</div>
|
||
<h2 class="section-title">施工图绘制与3D展示</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3><i data-lucide="file-text"></i> 施工图出图标准</h3>
|
||
<p>输出1:50比例CAD施工图,包含总平面布置图、天花吊顶图、地面铺装图,标注所有墙体、门窗、家具位置。门洞宽度统一900mm,室内净高2.6m。3D建模使用3ds Max按1:1尺寸精确建模,V-Ray渲染输出4K分辨率效果图,展示鸟瞰全景及各空间透视图。</p>
|
||
</div>
|
||
|
||
<div class="image-container" style="margin-bottom: var(--spacing-xl);">
|
||
<img data-src="images/效果渲染图加尺寸标注.jpg" alt="效果渲染图" loading="lazy">
|
||
<div class="image-caption">3D效果渲染图+尺寸标注</div>
|
||
</div>
|
||
|
||
<div class="grid grid-3">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="layout-grid"></i> 总平面布置图</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="layout-grid"></i> 比例: 1:50</li>
|
||
<li><i data-lucide="home"></i> 客餐厅: 38m²</li>
|
||
<li><i data-lucide="bed"></i> 卧室: 17/12/11m²</li>
|
||
<li><i data-lucide="book-open"></i> 书房: 8m²</li>
|
||
<li><i data-lucide="chef-hat"></i> 厨房: 10m²</li>
|
||
<li><i data-lucide="door-open"></i> 门洞宽度: 900mm</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="building-2"></i> 天花吊顶施工图</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="layers"></i> 主吊顶标高: 2.6m</li>
|
||
<li><i data-lucide="corner-down-right"></i> 跌级吊顶: 2.5m</li>
|
||
<li><i data-lucide="lightbulb"></i> 客厅筒灯: 12盏 (间距1.2m)</li>
|
||
<li><i data-lucide="waves"></i> 灯带总长: 18m</li>
|
||
<li><i data-lucide="gauge"></i> 照度: 180lx</li>
|
||
<li><i data-lucide="wrench"></i> 材料: 9.5mm石膏板</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="palette"></i> 地面铺装施工图</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="grid-3x3"></i> 客餐厅: 600×600mm瓷砖</li>
|
||
<li><i data-lucide="scissors"></i> 缝宽: 2mm</li>
|
||
<li><i data-lucide="tree-pine"></i> 卧室: 15mm实木地板</li>
|
||
<li><i data-lucide="sun"></i> 顺光铺设</li>
|
||
<li><i data-lucide="droplets"></i> 厨卫: 300×300mm防滑砖</li>
|
||
<li><i data-lucide="trending-down"></i> 坡度: 0.5-0.8%</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="expert-intro" style="margin-top: var(--spacing-xl);">
|
||
<h3><i data-lucide="box"></i> 3D建模与渲染</h3>
|
||
</div>
|
||
|
||
<div class="grid grid-2">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="film"></i> 建模渲染标准</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="cube"></i> 软件: 3ds Max + V-Ray</li>
|
||
<li><i data-lucide="ruler"></i> 尺寸: 1:1精确建模</li>
|
||
<li><i data-lucide="monitor"></i> 分辨率: 4K (3840×2160px)</li>
|
||
<li><i data-lucide="sparkles"></i> 瓷砖反射率: 0.25</li>
|
||
<li><i data-lucide="layers"></i> 岩板反射率: 0.4</li>
|
||
<li><i data-lucide="tree-pine"></i> 木地板反射率: 0.15</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title"><i data-lucide="camera"></i> 效果图展示</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="layout-grid"></i> 鸟瞰全景图: 1张</li>
|
||
<li><i data-lucide="sofa"></i> 客厅-餐厅透视: 2张</li>
|
||
<li><i data-lucide="bed-double"></i> 卧室透视图: 2张</li>
|
||
<li><i data-lucide="book-open"></i> 书房透视图: 1张</li>
|
||
<li><i data-lucide="baby"></i> 儿童房透视: 1张</li>
|
||
<li><i data-lucide="palette"></i> 真实材质模拟</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="stats" style="margin-top: var(--spacing-xl);">
|
||
<div class="stat-item">
|
||
<div class="stat-label">施工图比例</div>
|
||
<div class="stat-value">1:50</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-label">客厅筒灯</div>
|
||
<div class="stat-value ceiling-lights">0盏</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-label">插座数量</div>
|
||
<div class="stat-value socket-count">0个</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-label">渲染分辨率</div>
|
||
<div class="stat-value">4K</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 5: 户型生长动画展示 -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img src="agent-avatars/3D模型师.jpg" alt="3D动画师" class="agent-avatar">
|
||
<div class="agent-info">
|
||
<div class="agent-name">
|
||
<i data-lucide="video"></i> 3D动画师
|
||
</div>
|
||
<h2 class="section-title">户型生长动画展示</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3><i data-lucide="play-circle"></i> 动画展示说明</h3>
|
||
<p>通过3D动画展示户型空间的生长过程，直观呈现墙体结构、空间布局与设计理念。采用侘寂美学风格，以客厅漫游视频形式展现室内空间的整体氛围与细节设计，让客户提前感受未来家的模样。</p>
|
||
</div>
|
||
|
||
<div class="hero-image-container" style="margin-bottom: var(--spacing-xl);">
|
||
<video
|
||
controls
|
||
preload="metadata"
|
||
style="width: 100%; height: 100%; object-fit: contain; background: #000; border-radius: var(--radius-2xl);"
|
||
poster="images/室内平面设计图.jpg">
|
||
<source src="images/户型生长动画.mp4" type="video/mp4">
|
||
您的浏览器不支持视频播放。
|
||
</video>
|
||
</div>
|
||
|
||
<div class="stats">
|
||
<div class="stat-item">
|
||
<div class="stat-label">动画时长</div>
|
||
<div class="stat-value">90秒</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-label">渲染分辨率</div>
|
||
<div class="stat-value">4K</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-label">设计风格</div>
|
||
<div class="stat-value">侘寂美学</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-label">展示视角</div>
|
||
<div class="stat-value">客厅漫游</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer: 项目成果总结 -->
|
||
<section class="section" style="background: var(--bg-semi-dark); padding: var(--spacing-3xl) 0;">
|
||
<div class="container">
|
||
<h2 class="section-title text-center" style="margin-bottom: var(--spacing-2xl);">
|
||
<i data-lucide="award"></i> 项目成果总结
|
||
</h2>
|
||
|
||
<div class="grid grid-3">
|
||
<div class="card">
|
||
<div class="card-header" style="order: 1;">
|
||
<h3 class="card-title"><i data-lucide="building-2"></i> 核心成果</h3>
|
||
</div>
|
||
<div class="card-body" style="order: 2;">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="home"></i> 120m² 现代简约设计</li>
|
||
<li><i data-lucide="layout-grid"></i> 空间利用率提升至92%</li>
|
||
<li><i data-lucide="archive"></i> 收纳体积≥35m³</li>
|
||
<li><i data-lucide="palette"></i> 米白+浅灰色调</li>
|
||
<li><i data-lucide="lightbulb"></i> 无主灯+主灯结合</li>
|
||
<li><i data-lucide="ruler"></i> 全套CAD施工图</li>
|
||
<li><i data-lucide="box"></i> 4K高清效果图</li>
|
||
<li><i data-lucide="leaf"></i> E0级环保材料</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header" style="order: 1;">
|
||
<h3 class="card-title"><i data-lucide="bar-chart"></i> 项目数据</h3>
|
||
</div>
|
||
<div class="card-body" style="order: 2;">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="square"></i> 户型面积: 120m²</li>
|
||
<li><i data-lucide="arrow-up"></i> 层高: 2.9m→2.6m</li>
|
||
<li><i data-lucide="coins"></i> 总预算: 35万元</li>
|
||
<li><i data-lucide="clock"></i> 工期: 120天</li>
|
||
<li><i data-lucide="lightbulb"></i> 客厅筒灯: 12盏</li>
|
||
<li><i data-lucide="plug"></i> 插座总数: 14个</li>
|
||
<li><i data-lucide="layers"></i> 石膏板: 9.5mm</li>
|
||
<li><i data-lucide="tree-pine"></i> 地板: 15mm</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header" style="order: 1;">
|
||
<h3 class="card-title"><i data-lucide="target"></i> 应用价值</h3>
|
||
</div>
|
||
<div class="card-body" style="order: 2;">
|
||
<ul class="feature-list">
|
||
<li><i data-lucide="users"></i> 满足三口之家需求</li>
|
||
<li><i data-lucide="baby"></i> 儿童成长空间</li>
|
||
<li><i data-lucide="book-open"></i> 独立学习工作区</li>
|
||
<li><i data-lucide="package"></i> 大容量收纳系统</li>
|
||
<li><i data-lucide="sparkles"></i> 现代简约美学</li>
|
||
<li><i data-lucide="shield-check"></i> 环保健康材料</li>
|
||
<li><i data-lucide="file-check"></i> 可落地施工图</li>
|
||
<li><i data-lucide="award"></i> 专业设计标准</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="text-center" style="margin-top: var(--spacing-2xl); color: var(--text-gray);">
|
||
<p><i data-lucide="building-2"></i> 室内CAD整体方案设计圆满完成!</p>
|
||
<p style="margin-top: var(--spacing-sm);">© 2024 土木订单班 | 专业室内设计解决方案</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html>
|