我們如何打造 Tutamen ICM-21 的互動式 3D 產品頁

本客戶案例說明 Proofscene 如何把 Tutamen ICM-21 液冷歧管的 STEP 檔，變成已上線的互動式 3D 產品頁，讓採購直接在 Tutamen 自己的網站上轉動、拆解與檢查產品。Tutamen 是創立於加州的熱管理系統與精密機構硬體製造商，服務 AI、超大規模資料中心與網路安全專案；ICM-21 則是 Proofscene 第一個以製造商自有 CAD 打造的互動式 3D 產品展示。任何人都能直接從它的產品頁，在瀏覽器中開啟。

本文說明什麼是互動式 3D 產品展示、Tutamen 是什麼樣的公司、為什麼它是合適的合作夥伴、展示如何由 CAD 製作、與一般做法相比製造商要付出多少成本，以及哪些產品最受益。您現在就可以用 3D 開啟 ICM-21，邊看邊讀。

ICM-21 展示讓採購能做什麼

互動式 3D 產品展示是一個網頁，採購可以在上面以立體方式檢視真實產品：旋轉、拆解、剖開，並了解每個零件是什麼、用什麼材料製成。這項服務、四個線上展示，以及它們如何放到製造商的網站上，都在互動式 3D 產品展示頁面上；以下是 ICM-21 展示的功能。

它填補了大多數製造商已經公開的兩種資料之間的空白。產品照片只從一個角度呈現外觀；規格書列出尺寸、接口與材料，卻要讀者自己想像它們如何組合在一起。3D 展示把兩者放在同一個地方：產品、它的零件，以及附在零件上的數字。在每個展示中，訪客都可以：

• 旋轉、縮放產品，或直接切換到等角、正面、俯視或側面視圖；
• 展開組件的爆炸圖，用滑桿調整拆開的程度，再把它組回去；
• 做剖面切割，查看內部流道與壁面，或切換到 X 光透視，看見外殼裡面裝了什麼；
• 在輸送流體的產品中，追蹤流體的流動路徑；
• 輕觸任何零件，查看名稱、材料與數量，再將它單獨顯示或隱藏；
• 量測模型、跟著導覽參觀、在淺色與深色攝影棚之間切換，以及分享連結。

顯示的每個數字都標有來源：由 CAD 量測、引用自製造商的規格書，或標示為估計值。沒有任何數字是為了填滿面板而編造的。

Tutamen 是什麼樣的公司？

Tutamen 是 2003 年創立於加州的散熱與機構硬體製造商，座右銘是「Everything But the Board」（電路板以外的一切）。它為全球要求最嚴苛的部分運算硬體，設計並製造環繞電子元件的散熱與機構系統，並以「美國研發設計，全球規模生產」形容自己。

根據其官網，Tutamen 約有 850 名員工、超過 50 名工程師，分布在它所說的「由同一支工程團隊營運的六個據點」：美國、中國、墨西哥與馬來西亞的工程與製造據點，以及法國的業務辦公室。

• 美國加州：工程與客戶支援，並正在聖塔克拉拉設立一座 10,000 平方英尺的散熱研發與客戶測試實驗室。
• 中國東莞：Tutamen 的工程與製造總部，涵蓋設計、DFM、模具、樣品與量產，並自有金屬沖壓、CNC 加工、射出成型、壓鑄與材料科學實驗室。
• 中國江西：大量生產散熱片成品，設有專屬的陽極處理與鈍化、壓鑄及 CNC 產線。
• 墨西哥提華納：自 2017 年起在北美製造，四座工廠位於自由貿易區，總面積約 95,000 平方英尺，具備符合 USMCA 資格的「墨西哥製造」原產地認定，以及經 FDA 註冊、取得 ISO 13485 認證的醫療器材組裝。
• 馬來西亞檳城：Tutamen 最新的工廠，也是它在東南亞的第一座工廠，設有自由貿易區內的面板與最終組裝產線。
• 法國：歐洲業務與支援。

公司取得 ISO 9001:2015、ISO 13485:2016 與 ISO 14001:2015 認證，官網列出的客戶獎項包括：2023 至 2025 年連續三年獲得 Palo Alto Networks 獎項、2024 與 2025 年連續獲得鴻海（Foxconn）的品質獎，以及醫療科技公司 Enovis 頒發的 2025 年 NPI 上市獎。

Tutamen 的產品線涵蓋被動式與氣冷散熱片、均溫板、熱導管、液冷冷板、歧管與管路系統、機箱、滑軌與機架結構，以及自有的 ThermoChem 材料系列。其官網把它所因應的時代形容為「AI 熱曲線」，並引用 Nvidia 的藍圖：2027 年每個機架達 600 kW，2028 年達到一百萬瓦。

ICM-21 是什麼？為什麼要用 3D 呈現？

ICM-21 是一款機箱內液冷歧管，用於 21 英吋、2U 的液冷伺服器托盤。它位於機箱的快速接頭與冷板之間，把冷卻液分配到五個固定分支：一對供應 ASIC 與 VRM 冷板，四對供應 OSFP 模組。分流比例由歧管的內部幾何結構決定，而不是由閥門控制，所以在現場沒有需要調整、也不會偏移的設定。公開規格如下：

ICM-21 的優點，幾乎都無法從照片中看出來。冷端與熱端兩排各有獨立腔室，彼此沒有交叉流動。十個接頭各由母接頭本體、陽極處理的鎖定套筒與 EPDM O 型環組成。分流結構就藏在不鏽鋼主體裡。評估這個零件的散熱工程師，想看的正是這些，而在 3D 展示中都看得到：展開歧管的爆炸圖，把每個母接頭、套筒與密封件分開；在流動視圖中，追蹤冷卻液從冷端入口到熱端出口的路徑；不必開啟 PDF，就能讀到每個數字。

Tutamen 把這個展示放在自己的 ICM-21 產品頁上，掛著自己的 Logo，就在規格書旁邊。這正是這項產品的意義：向製造商採購的客戶，可以直接在製造商的網站上探索零件。

Proofscene 如何把 CAD 變成 3D 展示？

我們從製造商現有的 CAD 出發，建立忠於原始設計的模型，再發布到向製造商採購的客戶找得到的地方。以 ICM-21 為例，步驟如下：

1. 製造商提供 STEP 檔與規格書。Tutamen 提供從其 CAD 系統匯出的 ICM-21 組件 STEP 檔，以及已公開的規格書。
2. 精確讀取 CAD。每個實體都依真實曲面建立網格，相同的零件會辨識為重複使用的同一個形狀，體積、面積與孔位則直接從 CAD 量測。ICM-21 模型共有 21 種零件，總計 42 件。
3. 為零件命名、拆分並加上表面處理。每個零件都標上型錄名稱與材料：主體為硬焊 S304L、鎖定套筒為陽極處理、密封件為 EPDM。接頭原本是單一實體，所以我們把每個接頭拆成母接頭本體、套筒與 O 型環，並在 CAD 外形範圍內依 Tutamen 的產品照片重新描繪套筒輪廓，檢視器也照此標示。
4. 每個數字都與來源核對。模型計算出的重量為 3.69 kg，規格書則為 3.64 kg。CAD 中沒有的選配（例如漏液偵測電路），以文字說明，而不是在 3D 中憑空做出來。產品照片與 CAD 不一致時，模型以 CAD 為準，頁面上也註明以規格書為準。
5. 展示發布在製造商的專屬網址上。ICM-21 位於 tutamen.proofscene.com/icm-21，並以一個 iframe 嵌入 Tutamen 自己的產品頁。
6. 頁面可供搜尋引擎讀取。除了 3D 檢視器，公開的展示頁還附有產品文字說明、各零件名稱、規格與結構化資料，讓搜尋引擎與 AI 助理不必執行檢視器，也能讀懂這是什麼產品。

完成的 ICM-21 模型壓縮後約 2 MB，在電腦或手機的任何新版瀏覽器中都能載入，免外掛、免 App、免帳號。

Tutamen 為這次合作帶來了什麼？

Tutamen 帶來了讓展示值得信賴的要素：真實的量產零件、作為依據的規格書，以及會檢查每個數字的硬體工程師受眾。ICM-21 形塑了整條產品線的運作方式。

真實的 CAD 立下了精確度的標準。正因為是以 Tutamen 的量產模型打造，每個 Proofscene 展示都以 CAD 為準，並標示每個數字的來源。

工程師受眾立下了功能的標準。評估冷卻液歧管的工程師，想知道分流比例、接頭類型、外形尺寸與公差、材料與測試方式。流動視圖、剖面切割、具名零件與標明來源的規格面板之所以存在，都是因為像 ICM-21 這樣的零件需要它們。

Tutamen 自己的網站立下了發布的標準。每個展示都是為了嵌入製造商的網站而打造，而不是放在我們的網站上。

與 Tutamen 這樣實力深厚的製造商合作，由橫跨北美與亞洲的同一支工程團隊負責 DFM、模具、樣品與量產，正是一條新產品線需要的夥伴關係。如果您生產 AI、資料中心或醫療硬體，需要散熱或機構方面的合作夥伴，請與 Tutamen 的工程師洽談。

為什麼不用代管型 3D 檢視器，或委託客製化 3D 開發？

想在產品頁上加入 3D 的製造商，通常會走兩條路之一，但對工業產品來說，兩者都有不足之處。我們的指南如何把 3D CAD 模型放到您的網站上比較了全部四種做法，包括以開放的網頁檢視器自行建置。

把模型上傳到代管型 3D 平台。這樣很快，但您得到的是一個檢視器，而不是產品頁：模型放在通用的播放器中，往往位於別家公司的平台上、掛著對方的品牌，而工程師需要的零件名稱、材料與規格，只能留給規格書。

委託打造客製化 3D 體驗。這能做出完全符合需求的成果，但價格讓大多數產品線都負擔不起。Sketchfab 自己的指南指出，一個完整 3D 配置器專案的平均前期成本為 US$15,000 至 US$50,000；配置器廠商 Twikit 則估計，總成本從 US$10,000 到超過 US$100,000 不等，視複雜度與功能而定。這還只是單一專案的費用，不含維護，而許多製造商都有數十項值得展示的產品。

Proofscene 的 3D 展示走的是第三條路。我們用您現有的 CAD 建立模型，發布在您自己的網址上，再交給您一行程式碼，就能嵌入您的網站。您不必啟動任何開發專案，採購也不用學習新平台，而且頁面既適合搜尋引擎讀取，也方便人們瀏覽。到互動式 3D 產品展示頁面試用全部四個線上展示，也能在那裡把您的產品資料傳給我們；以同樣模型製作的產品上市影片，則可在 3D 產品動畫中觀看。

哪些產品適合互動式 3D 展示？

任何價值藏在內部、或在於零件如何組合在一起的產品。為了展示伺服器散熱以外的應用範圍，我們在 CAD 中從零打造了三款展示產品，每款都使用虛構品牌，並清楚標示為 Proofscene 展示：

• STRAVIK SX 50-160：符合 EN 733 的直結式端吸幫浦，配有鑄鐵蝸殼、青銅葉輪、機械軸封與 5.5 kW 馬達，連每顆軸承滾珠都建模在內；
• HALVORN BV25：DN25 兩片式全通徑球閥，材質為鑄造 316 不鏽鋼，含浮動球體、PTFE 閥座、防噴出閥桿與填料；
• ARTIXO RA90：用於協作機器人與人形機器人的 90 mm 機器人關節，無框馬達、50:1 諧波減速機、交叉滾子輸出軸承與編碼器，全都裝在同一個密封外殼內。

同樣的做法，也適用於大多數結構複雜的工業產品：

• 資料中心與電子散熱：歧管、冷板、散熱片與冷卻液分配裝置，流動路徑就是產品本身。
• 幫浦、閥門與流體處理設備：採購平常只能在剖面圖中看到的內部構造。
• 工業自動化與機器人：在小小的外形空間裡容納大量零件的致動器、關節與減速箱。
• 醫療器材：元件、材料與方向都必須精確說明的組件。
• 儲能與電力設備：機架、冷卻迴路與安全系統都藏在鋼板後面的機櫃。

儲能最能清楚說明這項價值。貨櫃式電池艙把電芯、液冷迴路與消防安全系統都藏在鋼板後面，採購在設備出貨前，常常得親自到工廠見證驗收測試；learnBESS 有一篇清楚的說明，介紹 BESS 直流電池艙的工廠驗收測試涵蓋哪些項目。3D 展示讓每位相關人員，早在站到產品旁邊參加那場測試之前，就能了解產品。

如何為我的產品製作互動式 3D 展示？

把 CAD 與規格書寄給我們，我們會在製作之前，先告訴您展示能呈現哪些內容。流程很簡短：

1. 告訴我們產品的資訊：透過展示頁上的表單，說明它是什麼、誰會購買，以及您想在哪裡展示。
2. 提供 STEP 匯出檔與規格書。我們會確認展示要包含哪些零件、視圖與規格。
3. 檢查展示內容。在任何內容公開之前，您先核對名稱、材料與數字。
4. 發布並嵌入。展示會在您的公司網址上線，可公開讓搜尋引擎讀取，也可設為非公開並以密碼保護，只要一行程式碼就能嵌入您自己的產品頁。

如果您的產品是印刷品而不是機械加工件，例如卡片、包裝、手環或標籤，Proofscene 的核心平台能把您的平面樣稿變成互動式印刷品 3D 打樣，用免費帳號就能試用。

延伸閱讀

用 3D 開啟 Tutamen ICM-21、在 Proofscene 運作方式中了解印刷品如何從 PDF 樣稿變成 3D、探索 3D 打樣檢視器，或閱讀 PrintPlast 如何用 3D 打樣確認飯店房卡。