SILENCIO 立體捲動網站案例:看到 AI 展示影片,先查作品年代與原始作者
SILENCIO 立體捲動網站案例。看到一段立體商品隨捲動轉換的網站影片,貼文說是 Claude Code 做的,就能直接拿來證明模型能力嗎?先查畫面裡的品牌與作品年代,答案可能會改變。
看到一段立體商品隨捲動轉換的網站影片,貼文說是 Claude Code 做的,就能直接拿來證明模型能力嗎?先查畫面裡的品牌與作品年代,答案可能會改變。
SILENCIO 的 Digital Products 是有公開設計紀錄的網站案例。Awwwards 在 2023 年就介紹它的概念、技術與團隊,因此不能只靠後來一則社群貼文,把原作歸到新的模型。
這個例子適合用來練習作品來源查核,也能學到如何把設計參考轉成自己的需求。
SILENCIO 原始案例記錄了什麼?
Awwwards 作品頁 列出網站,另一篇2023 年 5 月 31 日的團隊文章 說明它獲得當年四月的月選網站。
團隊把設計服務比擬成超市中的商品,透過商品、條碼與收據串接互動。概念先決定畫面與聲音,所以它的視覺不是憑空堆上 3D 效果。
文章也寫出 Three.js、GSAP 與壓縮模型等技術,並說明創意、文字、設計、3D、互動與開發由團隊內部完成。這是一份可回查的原始製作脈絡。

社群影片和原作怎麼分清楚?
monokern 後來的貼文 使用 Claude Code 製作網站的強烈標題,但畫面辨識到既有作品時,必須再查它展示的是原作、復刻還是另外的版本。
2023 年原作存在,並不排除後來有人用 AI 復作,只是這種主張需要另外的專案、操作過程或明確說明支持。原作影片本身無法證明復作所花的時間與工具。
因此,分享時可以說「這段畫面的設計來源是 SILENCIO」,再把尚未確認的製作主張分開。這樣既保留作品價值,也不會錯置作者。
從案例借用方法,怎麼避免只抄外觀?
先拆出故事:使用者在逛什麼、捲動時為何換場、最後的收據如何變成聯絡入口。這能讓你看見每個互動對品牌目的的作用。
接著用自己的內容寫一個小場景,例如三項服務各對應一個物件,最後整理成需求清單。再請 AI 做最小原型,測閱讀、捲動和手機操作。
原作的字體、圖片、模型與品牌仍有各自權利。參考設計方法時保留來源,公開作品則使用自己的內容和已確認可用的素材。
常見問題
能直接說原貼文造假嗎?
目前證據能確認原作年代與團隊,不能代替對貼文全部製作過程的調查。指出來源與證據缺口會更精確。
原作很早,AI 就不可能做出類似效果嗎?
效果是否能做,應用新的可重現專案驗證,作品年代只處理原始歸屬問題。
哪個線索最容易先查?
從畫面上的品牌、網址或作品名稱開始,再找團隊介紹與有日期的案例頁。
先找原作,再討論製作能力
保留作品名稱、作者和年代,再分別記錄復作證據。把來源查清楚之後,這段參考影片仍能成為很好的設計教材。