體驗 Google 黑洞特效
👇 向下滑動開始體驗!
重點資訊
點一下黑洞圖示,看結果頁往中心塌縮,再慢慢回到原樣。
elgooG,
靈感來自 Baidu
2024
可在 elgooG 體驗
打開彩蛋
製作背景
核心想法
黑洞特效(Black Hole Effect)很適合拿來開介面玩笑:畫面中央只要出現一個夠黑、夠有吸力的點,周圍一切看起來都像會被拖進去。這一頁把那種宇宙意象搬到熟悉的搜尋結果頁上,讓整個介面都成了特效的一部分。
這個笑點很直觀,也很視覺化。原本安靜整齊的結果頁,忽然遇上一個黑洞,連連結、文字、圖片和按鈕都像突然有了另一個去處。
靈感與開發
這個點子來自 Baidu 那邊曾出現過的搜尋特效。有些關鍵字會讓結果頁彎曲、旋轉,甚至像被黑洞吸走。這個版本則把那種想法重做成一段 Google 風格結果頁上的非官方互動特效。
它不是 Google 以前上線過、後來又下線的功能。整頁的核心節奏很簡單:一個會旋轉的圖示、一輪清楚俐落的塌縮,再加上一段仔細安排好的復原。
彩蛋體驗
看點
頁面一開始看起來就像普通的結果頁。搜尋欄在上方,連結排得整整齊齊,旁邊還有一個小小的黑洞圖示一直緩緩旋轉。
點一下圖示,安靜的頁面就會立刻醒過來。黑洞在螢幕中央打開,版面上的元素一塊塊往內漂、越接近中心就越縮小,最後依次消失。接著黑洞淡出,畫面元素回來,頁面也重新找回原本的形狀。
運作方式
這段特效把頁面上看得到的部分,當成一張張小紙片來處理。每一塊都會被拉向中心,接近黑洞時逐步縮小,然後短暫隱藏。
等整個頁面外框也向中心收攏之後,動畫就會反向播放。外框重新展開,隱藏的元素按節奏回位,頁面最後停回接近頂部,方便你立刻再玩一輪。
如何體驗
- 按上方按鈕,打開搜尋結果頁。
- 找到結果頁旁邊那個會旋轉的黑洞圖示。
- 點擊或輕觸圖示,啟動特效。
- 看黑洞在畫面中央變大,把文字、圖片、連結和控制項一路吸向中心。
- 等整輪跑完,讓黑洞淡出,並看著頁面元素慢慢回到原位。
你可以把它想成其他 Google 風格頁面特效的視覺近親,但動作邏輯完全不同。Google 重力會讓頁面碎片往下掉,漂浮的 Google 讓它們失重亂飄,而黑洞特效則是把所有東西朝同一個中心拉走,再完整還給你。
最後感想
它的魅力很直接,也很好感受。一個點擊,就能把搜尋結果頁變成一幕迷你的太空場景:先消失一下,再安安靜靜地回來。
常見問題(FAQ)
什麼是黑洞特效?
黑洞特效(Black Hole Effect)是一段非官方的瀏覽器動畫,會把一個旋轉中的黑洞圖示放進搜尋結果頁裡。
當你點下圖示,畫面中央就會打開黑洞。文字、圖片、連結和控制項會一路被吸向中心、縮小,然後消失。
等吸入結束後,特效會把頁面一塊塊還原。這個點子受 Baidu 那邊的黑洞搜尋特效啟發,但這一頁呈現的是本站的非官方效果,不是 Google 以前的官方功能。
要怎樣觸發黑洞?
按上方按鈕打開頁面後,先找到搜尋結果旁邊那個小小的旋轉黑洞圖示。
點一下或輕觸它,動畫就會自己跑完一輪。結束後頁面會恢復原樣,圖示也會再出現,方便你立刻重播。
它和 Google 重力、漂浮的 Google 類似嗎?
它們都屬於同一類好玩的 Google 風格視覺特效,但運動方式不一樣。Google 重力會讓頁面往下掉,漂浮的 Google 則讓整個介面在畫面中失重漂移。
黑洞特效則是把整頁拉向一個黑暗中心,讓它短暫消失,再把畫面完整送回原位。

