Work Showcase
娛樂城遊戲破解
#首頁改造
#部落格網站
#網頁設計
01
作品介紹
Introduce
此案是一個結合了資訊分享與遊戲化視覺的部落格首頁改造專案。參考了原先網站的部分設計與LOGO，一步步改造成目前的視覺方向與配色。
整體敘事風格為透明背景與些許光影聚焦的搭配，運用了「星空、星球、宇宙飛船」等等元素，為此分享型網站定位為「攻略探索基地」的方向。
過程中將大量素材重組並結合(如星球、金幣、代幣等)，避開了素材的限制，成功創造出獨特的主體形象。
功能上為每個區塊增加了導引連結，轉化來客進入到文章中，最大化網站原本資訊導向的功能，既有完整的功能性兼具獨特的風格，最終打造一個客戶滿意的成品。
02
設計與顏色
Design & Color
網站色彩選用
- 溫暖有力的珊瑚橙作為視覺上的主角。
它在深色背景上點燃了動態感，用於主要的內容、重要的按鈕，選用自LOGO圖標，並作為強調色凸出。 - 深邃的藍灰色被用作主要的輔助色，猶如深空中的穩定星系，象徵著這個「攻略基地」的安全與可靠性。
- 純粹的白色則用於所有的資訊文字與文章標題，確保在深邃的太空背景上擁有高度閱讀對比度，平衡了背景的深度與前景的動態，讓知識的傳達更加清晰與純粹。
本網站以高度的資訊導向為核心，並結合遊戲化品牌感，透過選擇探索的主題顏色，以及透明化的視覺語言，營造出專屬這個「攻略基地」的獨特氛圍。
在色彩的選用上，以深邃的藍灰色和有力的珊瑚橙作為主要的視覺引導色，象徵著基地的穩定感並兼具探索及獎勵。
排版方面與結構方面，採用常見的部落格卡片式佈局，但將其改造為網站的語言，以透明、清晰的視覺面板來呈現，以凸顯其簡潔的資訊內容。
03
亮點功能展示
Highlights
以部落格分享為網站主要目標，為此製作了設計上的變化性。
設計上的亮點包括：
- 輪轉式卡片移動：設計上，將靜態的Banner小卡片區塊賦予了遊戲化的動態體驗。
首頁 Banner 上的介紹卡片採用了類似老虎機轉輪的視覺運動模式，讓卡片滾動的方式呈現。為頁面注入了動感，也強化了網站的娛樂主題，成為吸引用戶目光、激發探索慾望的第一視覺重心。 - 頁尾品牌贊助跑馬燈：在頁尾區塊，設置了水平滾動的品牌贊助跑馬燈。
這個區塊的目標是建立信任感與展示合作夥伴。透過動態且循環的展示方式，在頁面底部持續傳遞商業合作的廣泛性，提升整體網站的可信賴度。 - 賦予元素敘事性：將既有的素材（如卡通星球、金幣）視為背景元素，並與新製作的背景進行有目的性的組合。
例如，將代幣環繞在星球周圍，將原本不相干的素材賦予了「探索中獲得的獎勵」的敘事意義。
