萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> 平面設計理論

探秘快樂尋寶路:QQ 地方遊戲地圖設計全記錄

專案緣起:打破「標籤+列表」的陳規

原版地方遊戲頁面:Tab 切換 + 規整列表,功能清晰但體驗枯燥。團隊決定:將地圖設計為「藏寶圖」,把找遊戲變成「尋寶遊戲」,讓快樂從進入頁面那一刻開始。

用戶洞察:三類人群、三種需求

  • 尋根型(遊子): 精準鎖定家鄉遊戲,尋求歸屬感與社交連接;
  • 探索型(達人): 明確目標遊戲,追求高效直達;
  • 閒逛型(大眾): 無明確目標,需趣味誘導激發點擊嘗試。

設計理念:**「簡捷有趣」**——文化吸引力 + 操作便捷性 + 趣味最大化。

尋寶路徑的三輪迭代

第一關:藏寶圖怎麼畫?(入口態呈現)

  1. 熱門遊戲圖標遍布:優點直觀,缺點無法展示數量、點擊預期不符;
  2. 純數字標註:優點量級明顯,缺點缺乏吸引力;
  3. 最終方案:文化圖標 + 數字雙編碼——既展示遊戲數量,又承載地域文化情感(如四川熊貓、廣東獅舞、哈爾濱冰雕),強化歸屬感與趣味性。

第二關:寶藏怎麼打開?(展開交互)

  1. 原地環繞展開:邊緣地區排版崩壞;
  2. 地圖居中+圓形環繞:過於規整、遊戲與地圖關聯弱;
  3. 最終方案:地圖放大+原位展示——地圖可控縮放承載所有遊戲,遊戲以標牌形式掛載地圖上,空間關聯最強。

第三關:銜接動畫與 Loading 趣味化

常態:懸浮→浮出→數字牌展開地名/數量。點擊:背景模糊→地圖放大居中→遊戲標牌展開。Loading 狀態:俯視視角下的飛機飛行軌跡,等待也好玩。

風格推導:從「紙」到「草地」的質感進化

  • 方案 1 紙質:扁平、單薄、紙上談兵感;
  • 方案 2 水晶:立體但冷冰冰、距離感強;
  • 方案 3 草地(勝出): 立體感強、自然親和、弱距離感、完美契合「快樂尋寶」隱喻。配色提取自衛星圖,真實感與藝術感平衡。

文化圖標庫:22 個省級文化基因的視覺化

經產品端多輪討論,甄選最具代表性的文化元素(排除極小省市),繪製 22 枚文化圖標,涵蓋歷史傳承、風土人情、地標建築、非遺技藝,激發用戶文化共鳴與好奇心。

二期展望:從地圖到「我的遊戲王國」

  • 文化圖標根據運營反饋定期更換,保持新鮮感;
  • 配合地方賽事,地圖上增加對戰模式引導;
  • 引入「我的遊戲」概念:已玩遊戲在地圖亮燈,構建個人化「遊戲王國」,激發收集慾與活躍度。

兩個月,「走遍」中國大江南北。尋寶路才剛剛開始,廣袤地圖上,更多寶藏待發掘。

copyright © 萬盛學電腦網 all rights reserved