網頁遊戲

網頁遊戲

Website Game

Website Game

Website

Game

兩款網頁抽獎遊戲,提供給會員進行不同的抽選體驗:第一款是扭蛋機的網頁遊戲,點選按鈕後觸發扭蛋動畫,扭蛋釣出後彈出中獎彈窗。第二款是輪盤遊戲,點擊旋轉後觸發旋轉動畫,停止後彈出中獎彈窗。

時間

2022 - 3週

角色

UI設計

負責

  • UI介面設計

  • RWD規劃

  • 與前端人員溝通與合作

設計

採用高飽和度紫色與金黃色作為主色調,模擬舞台燈光與拉斯維加斯的嘉年華氣氛。透過光暈與亮漆質感的處理,營造出一種「充滿機會」與「慶祝」的沉浸式操作網頁。

互動

  • 扭蛋機: 模擬真實物理裝置的構造,強化透明機身內的扭蛋質感,透過視覺引導讓使用者直覺點擊「扭一扭」把手,連結記憶中的趣味性。

  • 大輪盤: 以對稱中心化的布局,金屬鑲邊與霓虹導光帶的設計,引導視覺焦點於獎項,提升整體的精緻度。

跨團隊協作

物件拆解: 遊戲 UI 拆解成Sprite Assets(以下是示意圖)。我將扭蛋機外殼、旋鈕、中獎燈效分別導出,並確保每個組件的切片尺寸符合開發邏輯,減少工程師二次處理的時間。

RDW規劃:針對手機端進行優化,確保在行動裝置瀏覽器上,遊戲畫面皆能維持高品質的渲染與流暢的動態表現。

Back

UI/UX

Create a free website with Framer, the website builder loved by startups, designers and agencies.