THINKING /
Thinking / 觀察 2026 · 06 · 10

注入生命力,讓平面的空間活起來!互動的小生物「細煤體」

互動小生物「細煤體」。牠們是一群黑黑圓圓、毛茸茸的小煤炭,透過呼吸、眨眼、眼神跟隨、靠近與閃躲等微互動,讓網站多一點生命感與情緒溫度。希望透過這些可愛又不打擾的小細節,讓網站不只是作品展示平台,而是一個更有活力、更像有人住著的虛擬空間。

注入生命力,讓平面的空間活起來!互動的小生物「細煤體」

那些毛茸茸的小生物 「細媒體」

如果你在這個網站逛過一陣子,可能已經遇過牠們。黑黑圓圓、毛茸茸,安靜地飄在頁面角落的小東西。我稱牠們叫做「細煤體」

牠們不會請你訂閱電子報,也不會突然跳出來告訴你「你可能也喜歡這個作品」。牠們就只是住在這個虛擬空間內。

這篇想簡單聊聊,為什麼我會在一個個人網站裡,特地養幾隻沒有明確功能的小生物?

為什麼是小煤炭?

一開始的靈感,來自宮崎駿動畫裡的煤炭精靈(すすわたり)。動畫裡一直給我一種很特別的感覺:牠們沒有在推動劇情,也不太說話,但只要出現,畫面就是可以吸引人,讓人產生好感,同時也充滿了生命力。

我想放在網站裡的,也是這種存在。

不是一個主角,也不是一個功能按鈕,而是某種「你如果注意到牠,會覺得有點開心」的小東西。

視覺上,小煤炭也剛好很適合這個網站。整體底色偏暖灰白,內容又以文字和作品照片為主,所以一顆深炭色、毛茸茸的小圓球,對比夠高,但又不會太搶戲。牠很容易被看見,也很容易被忽略。

至於名字,「細煤體」其實是一個很簡單的諧音梗。一方面像「新媒體」,一方面又有「細明體」的感覺。聽起來有點像某種字型,也有點像某種生物分類。像是這個網站裡自然長出來的一種小生物。

這些小傢伙需要有功能嗎?

很多時候,我們記得一個網站,不一定是因為它的架構多清楚、按鈕多好按,而是因為它有某些小小的細節。或許可愛就是其中一種細節。

記得以前讀過一篇研究關於可愛的研究。人看到幼態、可愛的圖像之後,注意力操作的表現會變好。我不會說網站裡放幾顆小煤炭,就可以讓大家更認真瀏覽內容。但至少透過「可愛」,有可能會改變人停留、觀看和感受事物的方式。

所以細煤體的角色比較像是替網站調整一點情緒或調性。牠不需要完成任務,只要讓這裡變得比較像「有人住在這裡」,就夠了。

讓牠有一點點生命感

牠會呼吸、會眨眼,眼睛會跟著游標移動。你從畫面左邊經過,牠就看向左邊;你靠近一點,牠可能會慢慢蹭過來;再靠太近,牠又會有點害羞地躲開。

這些動作都很小,但我覺得剛好。

太誇張會很像遊戲角色,太安靜又會變回靜態裝飾。細煤體應該是在這中間。牠像活著,但沒有吵著要你注意牠。

而刻意的設計成「擬人化」。人其實很容易把有眼睛、會看向我們、動作像是有意圖的東西,理解成一個「角色」。人會自然地把心智和意圖投射到非人類的事物上。

所以我沒有替牠做太複雜的表情。只要一雙會看的眼睛、一點呼吸、一點不規律的眨眼,就差不多了。

為什麼牠會說話?

在瀏覽時,細煤體偶爾會冒出一句話。像是:

  • 今天也在努力漂浮
  • 我是細煤體
  • 煤問題

這些話其實沒有什麼目的。牠不會叫你去看作品,也不會提醒你聯絡我。牠只是偶爾刷一下存在感。我刻意把台詞寫得很輕。細煤體比較像角落裡的一隻小動物,你路過時牠看你一眼,偶爾發出一點聲音,然後繼續漂浮。

對我來說,這種沒有目的性的互動,反而更可愛。

「不打擾」的互動,是最重要的存在精神

細煤體最重要的設計,其實是「不要太煩」。

牠會靠近你,但不會一直追著你。牠會移動,但不會擋住主要內容。牠移動時會掉一點細小的煤屑,但幾秒後就消失,不會把畫面弄髒。

手機上可以點牠一下,牠會「啵」散成一小把煤屑,過幾秒再慢慢聚回來。

這個互動沒有功能,也沒有獎勵。但我自己很喜歡這種小動作。它不要求你做什麼,只是讓你覺得「欸,牠有反應耶」。

同時,我也希望牠知道什麼時候該安靜。所以對話框只會出現在關於頁和首頁。在文章頁和作品頁,牠們就只是陪在旁邊,不會干擾你的閱讀,畢竟牠們也需要休息。可愛不應該建立在打擾別人的前提上。

牠帶來了什麼?

我希望我的個人網站是一個有活力、生命力甚至是有機的,於此同時也希望可以投射自我喜好的小空間。

如果你在瀏覽時,眼角瞥見角落有一顆「細煤體」正在眨眼,然後忍不住笑了一下,那牠的工作就完成了。

希望你們會喜歡牠:)