建築 3D 導覽怎麼做?實測 3D 只有 0.23 MB,比網頁字型還輕

建築 3D 導覽怎麼做?

很多事務所不敢把 3D 放進官網,怕拖慢速度。我們 2026 年 9 月 28 日自己量了一次:整個 3D 導覽只有 0.23 MB、18 個請求;而且在讀者按下「開始」之前,它完全不下載。

建築 3D 導覽是把平面圖做成一個可以用滑鼠拖、用手指滑、走進去逛一圈的網頁。我們用一份 S:1/100 的單元平面圖,做了一個四層透天的示範。這篇把實測數字、報價單怎麼看、掛進自己官網會發生什麼事,一次講完。

先交代寫法:機器量測與 Demo 都是我們自己做的,逐字整理與初稿由 AI 協作完成,數字與判斷由我本人逐項核對。

業主看不懂平面圖,到底卡在哪一步?

建築 3D 導覽是把平面圖轉成可拖曳、可走進去的網頁 —— 不是影片,也不是一張張定點算圖。卡住的不是業主的理解力,是提案流程的順序。

這件事要用事務所的成本語言算,不是用屋主的語言講。你可以拿最近三個案子填這個算式:

  • 看不懂的成本 = 改圖次數 × 每次吃掉的繪圖人力小時 × 人力時薪
  • 再加上:簽圖延後幾週 × 設計費請款節點延後造成的現金流缺口
  • 再加上:到工地才說「跟我想的不一樣」的拆改與追加減帳

這三個數字我們手上沒有,所以只給算式,請你拿自己的案子算一遍。

2026 年 9 月 28 日我們查「業主看不懂平面圖」,前十筆全是教屋主讀圖 —— 比例尺 1:50 與 1:100 怎麼換算、柱樑的虛線實線、插座迴路。沒有一篇站在設計端寫「提案流程該怎麼改」。這篇不談怎麼把房子賣掉,談的是設計者跟業主對圖。要看官網母體怎麼搭,可以先讀我們寫的建築師事務所網站設計實測拆解。

二樓 3D 俯瞰拉近:廚房、餐廳、客廳到陽台的完整動線,含家具配置

實體模型、算圖、VR 現在各自的限制在哪?

三種現行做法各有一個改不掉的限制。實體模型做完不能改,業主一句「客廳往外推 30 公分」就等於重做。單張算圖只看得到一個角度,業主站到別的位置就問不出問題,也答不出來。VR 環景要戴設備或到現場才看得到,人不在場就等於沒有。

等待時間本身就是成本。論壇上有人抱怨等一個多月才拿到 3D,但沒有人從事務所的成本結構去算這件事 —— 那一個月裡,設計費請款節點也跟著往後挪。

前排文章講對了一條分界,這裡照收:現有空間適合實景掃描,未完工的案子只能靠平面圖建模。而未完工正是事務所的日常。

另外要說清楚我們刻意避開的幾個詞:360/720 環景、娃娃屋視角、身歷其境、沉浸式體驗、「降低溝通落差」。這些字每一家都在寫,寫了等於沒寫。這篇改成回答一個實際的問題 —— 東西交來之後,驗收時該怎麼驗。

我們做了一個建築 3D 導覽,你現在就可以拖曳看看

這個示範是一個四層透天住宅的室內 3D 導覽,現在就可以直接玩:打開我們的 3D 預覽網站示範頁,按下「開始 3D 導覽」走一圈,不要只看截圖。

頁面上的規格是這樣寫的:h1「四層透天住宅・室內 3D 導覽」、面寬 6M・深 15.85M・地上四層+屋突、室內依單元平面圖(S:1/100)逐層建模、外觀為示意設計非原建築設計。

三個視角照實列:

  • 外觀、俯瞰、漫遊三種切換
  • 點一下畫面開始漫遊,按住拖曳轉向
  • 用「電梯・前往樓層」切換樓層

這裡要講一件反直覺的事:這個 Demo 本身不做 SEO。它只有 269 字、0 張圖、沒有 JSON-LD(給機器讀的公司資料卡),我們刻意掛 noindex —— 就是那個叫 Google 不要收錄這一頁的標籤。它的工作是被玩,不是排名。

要詢問、要報價,請走服務頁,不要留在 Demo 上 —— Demo 沒有表單也沒有說明,把人丟在那裡會流失。

3D 俯瞰四層:H 3.3M、57.00㎡(17.24 坪),臥室 ×2、浴廁 ×2、陽台
四樓 3D 俯瞰拉近:兩間臥室、兩套浴廁與陽台,含家具配置

這個建築 3D 導覽是怎麼做出來的、花多久?

材料只有一份單元平面圖(S:1/100)。室內逐層建模,外觀做示意設計 —— 不需要到現場,因為未完工的案子沒有現場可掃。

範圍標註三行就寫完,這是驗收時最該看的一塊:

  1. 尺寸:面寬 6M・深 15.85M・地上四層+屋突
  2. 依據哪張圖:室內依單元平面圖(S:1/100)逐層建模
  3. 哪一部分是示意:外觀為示意設計,非原建築設計

這三行是「作品照片的著作權與業主同意」的實作版。同一類問題我們在室內設計公司官網那篇的版權段落裡寫過:誰畫的、授權範圍、能不能商業使用,委託單上要寫明。

工具是 Claude Code Opus 5.5。重點不是工具名,是做得出來、以及多久做得出來。我們第一個版本做了大約 20 分鐘就生成出來了,但是你會發現它當中有許多問題。譬如說平面圖裡面 AI 無法判斷它是什麼東西,或者是某些地方有破圖,這些都需要一步一步去修正。我們的示範頁面裡面的 3D 效果大概做了一個小時左右

服務頁本身也可以當範例:h1 寫「3D 預覽網站:簽約前,先讓客戶走進房子」—— 講結果不講技術。而且 Demo 擺在第一個 H2,跟這篇「第 3 段是引擎」是同一個邏輯。

把建築 3D 導覽掛進官網,會發生什麼事?四個實測數字

把 3D 掛進官網最怕的是拖慢速度,所以我們在 2026 年 9 月 28 日用 Lighthouse 行動版條件自己量了一次。以下數字全是我們自己量的,不是業界評比。

項目 服務頁 3D 導覽本體
傳輸量 1.82 MB 0.23 MB
請求數 58 18
一般網路 5.6 秒載完 4.6 秒可開始操作
慢速行動網路+手機效能 11.2 秒載完 9.5 秒可開始操作
LCP(最大那塊畫面畫出來的時間) 6.4 秒 —

整個 3D 只有 0.23 MB,比一套網頁字型還輕。更重要的是:按「開始」之前,3D 完全不下載,它不在那 1.82 MB 裡面。「靜態預覽圖當封面、點了才載入」這個做法有數字支撐 —— 我們自己的文章頁就是這樣做的。

再補一個常見疑慮:互動元件會不會綁架鍵盤?實測結果是不會。按 End 鍵到頁尾(4565/4565 px);先按過 3D 的「開始」、焦點停在 3D 畫面裡,再按 End 一樣到得了頁尾。這是實測,不是推論。

限制自己先講:慢速條件量的是沒有顯示卡的軟體繪圖。真實手機有 GPU,應該會比 9.5 秒快 —— 但我們沒有實機,這點無法證實。

手機上的 3D 導覽:左下角虛擬搖桿控制移動,畫質自動切換為標準

官網公開展示和給業主登入預覽,差在哪?

建築 3D 導覽有兩條完全不同的線,混在一起做會出事。

A 官網公開展示 B 給業主登入預覽
給誰看 還不認識你的潛在客戶 已簽約的業主
目的 品牌信任、讓對方願意約 專案溝通、減少來回改圖
SEO 需求 必須被收錄 必須不被收錄
技術要求 手機要開得動 要能登入、要能控權限

B 線一定要掛 noindex,理由很直接:業主還沒定案的設計被 Google 收錄,會出事。搜尋結果撤下來要時間,設計外流的損害卻是即時的。noindex 的正確寫法與生效條件,Google 在Search Console 說明的繁體中文版裡寫得很清楚,也可以對照官方的 robots meta 標籤規格文件。

權限怎麼給:一個案子一組帳號,結案後關掉。不要用「知道網址就看得到」那種做法 —— 網址一旦被轉貼到群組,就等於公開。

建築 3D 導覽的報價單怎麼看?先問是按什麼計價

比價之前,先問對方是按什麼計價。四種算法的落點差很多:

  • 按坪數
  • 按點位(掃描點)
  • 按場景數
  • 按建模工時

市場價格的現況照實寫。2026 年 9 月 28 日我們看了這個字排前面的五個頁面,清一色是作品 demo 加「歡迎來電洽詢」,價格多半不寫。只有一家同業露出「每張 2000 起」、另一家業者露出「$450 起/小時」這種碎片,沒有一家掛出完整價目表。所以網路上搜到的「行情」,大多不是行情。

另外提醒一件事:2026 年 9 月 28 日查「建築 3D 導覽」,前 8 筆是 Google 地球說明、Adobe 軟體頁、Freepik 圖庫、北投溫泉博物館的 3D 室內環景、YouTube 建築動畫。意圖很散,這也是為什麼用這個字去對價格會對不起來。

八個必問欄位,逐項問:含幾次修改/第三次改加多少/樓層或坪數超出怎麼算/交付格式/嵌進官網是否另計/託管費誰付/原始檔要不要另外買/幾天交件。

我們的公開方案可以先看方案費用,報價單怎麼逐項拆,另一篇看懂報價單 7 個項目寫得更細。

建築 3D 導覽的 4 種計價方式(按坪數、點位、場景數、建模工時)與簽約前必問的 8 個欄位

上線之後的長期成本和模型權屬,誰負責?

平台型的導覽服務多半是月租或年租,停繳連結就死。這是事務所最會踩的坑,因為坑是兩年後才塌的。簽約前要問三件事:託管費誰付、租約幾年、業主兩年後回來看還在不在。

我們的做法是放在自己網域底下的 /demo/ 這一層。要不要搬家自己決定,不看別人的方案異動。這跟網站改版最怕的綁死問題是同一類 —— 東西掛在誰名下,決定了兩年後你有沒有得選。

模型原始檔、貼圖與授權範圍要寫進委託單:誰建的模、能不能商業使用、要不要署名。這跟作品照片的著作權是同一類問題,建築師事務所網站設計那篇有一整段在講。

業主同意的可操作分界,三條就能用:社區名與門牌不寫;範圍標註要分清「依圖建模」和「示意設計」;上架前拿一頁式同意書逐項勾選。蒐集與使用範圍記得在隱私權政策裡交代。

這一頁搜尋引擎讀不到,有沒有關係?

沒關係 —— 而且這不是忽略問題,是用架構解決的。先把字數的兩種算法講清楚,因為同一頁會量出兩個數字:實測報告量到 109 字(只算標題列與按鈕文字);用我們量前六篇的同一套方法(剝掉標籤算全頁純文字)量到 269 字。兩個都對,差在算法,所以要寫明怎麼算的。

3D 放在 iframe(把另一個網頁整塊嵌進來的框)裡,Google 本來就不會把框裡的內容算成外面那一頁的內容。刻意不被收錄本身是正常用法,Google 也在封鎖索引的官方文件裡寫明了。關鍵是外面那頁自己站得住。

服務頁的數字排出來(2026 年 9 月 28 日我們自己匿名抓的):不跑 JavaScript 讀到內文 1,433 字(不含選單與頁尾)、內文 4 張圖(另外 3 張是頁首頁尾的 Logo,全頁共 7 張,alt 全部寫了)、有 JSON-LD、1 個 iframe 連到 Demo、HTTP 200 沒有 noindex。草稿時是 1,216 字、內文 0 張圖,補上 4 張截圖與常見問題後,發布時是 1,433 字。

順便把我們自己四張圖的 alt 原文放出來當示範 —— alt 要寫成完整描述,不是「圖1」:

  • 3D 預覽網站示範:四層透天住宅外觀,清水模大框與深色金屬格柵立面(示意設計)
  • 二樓 3D 俯瞰平面:廚房、餐廳、客廳與陽台配置,房間標示名稱
  • 第一人稱漫遊二樓:從餐廳望向客廳、落地窗與陽台
  • 推開二樓落地窗後,從室內望向陽台與花台

注意第一張把「(示意設計)」直接寫進 alt。範圍聲明連替代文字都做進去了 —— 跟前面的範圍標註、著作權是同一套邏輯。Demo 負責被玩,說明頁負責被收錄,分工就是這樣。想一次看完更多檢查項,可以走31 項 AI 能見度自測。

什麼情況不該做建築 3D 導覽?

有五種情況,這筆錢花下去不划算,老實說出來比較實在。

  • 只想要一張放首頁的漂亮主視覺:單張算圖更便宜、更快,不用做導覽。
  • 案子還在比稿、設計費還沒收:這時候出導覽,等於幫業主免費比稿。什麼階段出,比出得多早重要。
  • 要的是現有空間的真實材質與現況紀錄:那該用實景掃描,不是重新建模。
  • 平面圖還在大改:每改一次都要重建模,先把平面定下來再做。
  • 官網連作品頁和流程頁都還沒有:先把母體做好,3D 是加分項不是地基。

最後一項最常見。3D 導覽能讓人多留幾分鐘,但人留下來之後要去哪裡?如果沒有作品頁、沒有流程頁、沒有一個能送出的表單,流量就從指縫漏掉。順序是先把官網做起來、把建置流程寫清楚,再加 3D。

建築 3D 導覽費用大概多少?

2026 年 9 月 28 日我們查,排前面的服務頁幾乎不標價,只看到「每張 2000 起」和「$450 起/小時」這種碎片,沒有完整價目表。要比價,先問是按坪數、按點位、按場景數還是按建模工時,再問含幾次修改。

3D 導覽嵌進官網會不會拖慢速度?

我們量自己這一頁:3D 本體只有 0.23 MB,放它的服務頁是 1.82 MB,而且按「開始」之前 3D 完全不下載。頁面重不重,多半不是 3D 造成的。

只有平面圖、沒有現場,可以做 3D 導覽嗎?

可以。我們的示範就是只憑一份 S:1/100 單元平面圖逐層建模,外觀在頁面上標明是示意設計、非原建築設計。未完工的案子本來就沒有現場可掃。

給業主看的預覽頁,會被 Google 搜到嗎?

只要那條線掛上 noindex 並加登入,就不會。我們公開的 Demo 也掛了 noindex,因為它只有 269 字、沒有圖,放開也排不動,還會多一個薄內容頁。

3D 導覽可以取代簽圖嗎?

不能。它是溝通工具,能減少「跟我想的不一樣」的來回;正式的簽認還是要靠圖說簽認單與變更單。合約怎麼寫,請自己的法務確認。

5 種不該急著做 3D 的情況與替代做法:單張算圖、等收費階段、實景掃描、先定案平面、先做官網

下一步

先花三分鐘把示範玩過一遍,再回頭看自己最近三個案子的改圖次數 —— 這兩件事對照起來,你就知道值不值得做。要開始的話,把平面圖和樓層數告訴我們,其餘交給我們處理:看3D 預覽網站服務內容,或直接告訴我們你手上的案子狀況。詢問進來之後怎麼接,可以再看LINE 線上預約系統。

相關文章