暢玩 Google 彈跳 logo
重點資訊
- 摘要
- 拉一拉舊 Google 結果頁上那個被拉長的 Goooooooooooooooooogle logo,看它彈回原位。
- 製作方
- elgooG,
Aleksandr - 推出時間
- 2020
- 狀態
- 可在 elgooG 體驗
打開彩蛋
製作背景
核心想法
早期 Google 結果頁在頁碼上方使用加長的 logo,以一連串 o 對應不同的結果頁。
本頁將這項介面細節改成可拖曳的互動 logo:拉動 Goooooooooooooooooogle 的任一字母,即可觀察整段文字伸展和回彈。
靈感與開發
這個點子來自 Aleksandr 在 CodePen 上的實驗,CodePen 是大家分享小型程式作品的網站。我們的版本保留了會彈的 logo,再給它一整頁的空間,用滑鼠或手指都可以拖動。
彩蛋體驗
看點
加長的 Goooooooooooooooooogle logo 橫跨頁面,各字母以模擬彈簧相連。拖動任一字母,鄰近字母也會隨之移動。
拖曳可以拉伸、彎曲或扭轉 logo;放開後,字母會持續擺動,逐漸回到原來的位置。
運作方式
字母像用彈簧串在一起,拉動其中一個,就會牽動旁邊的字母。放手後,彈力和重力讓整串字母來回擺動,再慢慢停下來。
如何體驗
- 按上方按鈕,打開這個字母玩具。
- 拖動長長的 Goooooooooooooooooogle 裡任何一個字母。
- 放手,看 logo 晃一晃、彈一彈,再慢慢回到原位。
這是受舊 Google 頁碼 logo 啟發的非官方互動作品。原介面的 o 用於對應結果頁碼,本頁則以彈簧效果連接字母,讓 logo 可被拖曳與拉伸。
結語
舊 Google 結果頁用一長串 o 表示頁碼,這裡則把那串字母變成彈簧。原本只用來翻頁的 logo,現在可以拉長、鬆開,看每個字母慢慢回到隊伍裡。
打開彩蛋
常見問題(FAQ)
什麼是 Goooooooooooooooooogle?
Goooooooooooooooooogle 是一個非官方的彈簧 logo 玩具,靈感來自以前搜尋結果最下面、頁碼上方那個被拉長、多了一整排 o 的 Google logo。
字母以彈簧效果相連。拖曳其中一個字母,整個 logo 便會伸展、搖晃,放手後逐漸回復原狀。
這是 Google 官方彩蛋嗎?
不是。這是本站以 Aleksandr 的 CodePen 實驗為基礎製作的非官方互動作品,靈感來自舊 Google 的頁碼 logo。
舊版 logo 原本用來切換搜尋結果頁;這裡可以拖動、回彈的字母,則是這個互動玩具的玩法。