火星網校
如何設計一款富有情感吸引力的拚字遊戲？
發布時間：2018-11-17 19:57:24
現如今許多遊戲已經不單隻具有娛樂性，還具備了不錯的教育性和學習性。和之前的賽車遊戲UI界麵設計不同，這次我們要設計的遊戲UI，需要在娛樂性和教育性之間，找到平衡點，這款遊戲是填字遊戲Letter Bounce。
項目說明
為移動端填字华体会hth体育app在线登录
UI和相應的圖形化元素。
設計過程
這一次給我們團隊的任務，是為這款移動端的手機遊戲創建一個充滿趣味的遊戲界麵，考慮到它是一款教育類的遊戲，需要兼顧到有趣和協調，教育性和遊戲性。確保簡單有趣的同時，又不能完全沒有遊戲本身應有的緊迫感。
就功能而言，玩家需要根據提供的信息來填寫單詞缺失的字母，解決謎題。這個遊戲是傳統的填字遊戲的數字版，每個關卡都會有一組需要填寫的單詞，同時還會提供相應的解謎線索。這款遊戲還具備社交屬性：玩家可以鏈接到Facebook，分享分數，和好友競爭。漂亮的設計和動效被認為是留住用戶的核心功能之一。
首先，我們來看看遊戲的主屏幕。首先要考慮的是用戶在填寫字母過程中交互的過程。屏幕的上半部分顯示了用戶遊戲中的關鍵參數，包括裏程碑、成就、金幣和等級等參數。遊戲界麵的背景采用了漂亮的漸變，在亮度上，並沒有設置得很高，不會分散用戶的注意力。有待用戶填補的拚字網格被放置在屏幕的上半部分，還未被填寫的字母使用的是白色底；而提供給用戶用來填寫的字母在底部，這部分字母采用的是黃色底。這種色彩上的差異對於用戶而言很好分辨，底部的漢堡圖標為用戶提供了不同的選擇，而對側的燈泡圖標則是提示係統。整個布局當中，所有的元素都采用了平滑的曲線，或者圓角，這樣的設計讓整個界麵不會顯得太嚴肅。
這一屏則是為用戶展示遊戲要如何交互的教程，而為了達成目標，設計師需要盡量清晰地為用戶展示導航和交互。為了確保趣味性，字母被設計成為吉祥物，而動畫的加入，則避免了不必要的操作，讓用戶無需點擊就能明白如何操作。
在UI設計流程當中，設計師提供了多種漸變配色，確保了明亮多彩的配色足夠營造出有趣的氛圍。
值得一提的是，提示按鈕中所搭配的動畫。它模擬了光影波動的效果，能夠吸引用戶的注意力。而左下角的金幣數則告訴用戶，用多少金幣數可以獲得這一提示。
此外，遊戲界麵中還有許多界麵是以彈出窗口的形式呈現出來的，用來告知用戶成就相關的信息和更新的內容，甚至還可以提供一些優惠。你可以在下麵看到相關的範例：第一屏的彈出窗口展示的是用戶成就、當前關卡總分、獎勵、排行榜和Facebook分享以及繼續遊戲的相關選項。隨後的幾個彈出式界麵當中，設計師都沿用了相同的圓形按鈕和類似風格的元素，保持了整體視覺上的一致性。第二屏提供的是獲取金幣的途徑，第三屏則是設置。
關卡地圖是移動端遊戲中重要的組成部分。在Letter Bounce當中，設計師將各種有趣的風景和遊戲關卡結合到了一起，從雪山到火山，一應俱全。平麵設計師Denys Boldyriev製作了各種有趣的平麵插畫，生動，活潑。
除此之外，這款遊戲的吉祥物也是非常關鍵的元素。我們最初在構思吉祥物的時候，決定使用字母按鍵來設計，為了讓它看起來更加人性化，我們為它加上了手和腳，在遊戲中可以作出各種各樣的姿勢，在教程和UI界麵中不同的位置和用戶進行交互。吉祥物作為遊戲中一個頗為有趣的元素，具有強大的情感吸引力，為產品增加積極的情緒。
目前，這款遊戲在AppStore和Google Play上都有上架，如果你想動動腦子，不妨去下載看看。
本文轉載於：優設網，譯者：@陳子木，原作者：Tubik Studio。
分享
华体会hth体育网
賞析
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
這篇文章將詳細探索學習網頁設計需要多長時間以及在火星時代教育可以如何學習和領悟這項技能。
-
深入探討美工專業的學習周期以及有效的學習路徑，專業的指導來自火星時代教育，幫助你理解化學習美工所需的時間
-
本文從UI設計所需技能，學習方法，以及學習周期三個角度為大家解析學習UI設計需要多長時間。
-
尋找學習遊戲建模的理想學校，為自己的職業生涯做準備。火星時代教育，全方位的遊戲建模課程，專業的講師指導，提供你需要的技能和知識。
-
探索學習插畫的核心要求和技巧，以及火星時代教育如何幫助你達成藝術夢想
-
本文主要介紹如何通過選擇專業的影視動畫場景培訓機構，挖掘你的創新潛能，為未來職業做好準備。同時，我們也將介紹火星時代教育的專業......
