火星網(wǎng)校
設(shè)計(jì)實(shí)戰(zhàn)!如何設(shè)計(jì)一款富有情感吸引力的拼字游戲
發(fā)布時(shí)間：2024-04-16 09:22:47 瀏覽量：195次
現(xiàn)如今許多游戲已經(jīng)不單只具有娛樂(lè)性，還具備了不錯(cuò)的教育性和學(xué)習(xí)性。和之前的賽車游戲 UI 界面設(shè)計(jì)不同，這次我們要設(shè)計(jì)的游戲 UI，需要在娛樂(lè)性和教育性之間，找到平衡點(diǎn)，這款游戲是填字游戲 Letter Bounce 。
項(xiàng)目說(shuō)明
為移動(dòng)端填字游戲設(shè)計(jì) UI 和相應(yīng)的圖形化元素。
設(shè)計(jì)過(guò)程
這一次給我們團(tuán)隊(duì)的任務(wù)，是為這款移動(dòng)端的手機(jī)游戲創(chuàng)建一個(gè)充滿趣味的游戲界面，考慮到它是一款教育類的游戲，需要兼顧到有趣和協(xié)調(diào)，教育性和游戲性。確保簡(jiǎn)單有趣的同時(shí)，又不能完全沒(méi)有游戲本身應(yīng)有的緊迫感。
就功能而言，玩家需要根據(jù)提供的信息來(lái)填寫單詞缺失的字母，解決謎題。這個(gè)游戲是傳統(tǒng)的填字游戲的數(shù)字版，每個(gè)關(guān)卡都會(huì)有一組需要填寫的單詞，同時(shí)還會(huì)提供相應(yīng)的解謎線索。這款游戲還具備社交屬性：玩家可以鏈接到 Facebook，分享分?jǐn)?shù)，和好友競(jìng)爭(zhēng)。漂亮的設(shè)計(jì)和動(dòng)效被認(rèn)為是留住用戶的核心功能之一。
首先，我們來(lái)看看游戲的主屏幕。首先要考慮的是用戶在填寫字母過(guò)程中交互的過(guò)程。屏幕的上半部分顯示了用戶游戲中的關(guān)鍵參數(shù)，包括里程碑、成就、金幣和等級(jí)等參數(shù)。游戲界面的背景采用了漂亮的漸變，在亮度上，并沒(méi)有設(shè)置得很高，不會(huì)分散用戶的注意力。有待用戶填補(bǔ)的拼字網(wǎng)格被放置在屏幕的上半部分，還未被填寫的字母使用的是白色底；而提供給用戶用來(lái)填寫的字母在底部，這部分字母采用的是黃色底。這種色彩上的差異對(duì)于用戶而言很好分辨，底部的漢堡圖標(biāo)為用戶提供了不同的選擇，而對(duì)側(cè)的燈泡圖標(biāo)則是提示系統(tǒng)。整個(gè)布局當(dāng)中，所有的元素都采用了平滑的曲線，或者圓角，這樣的設(shè)計(jì)讓整個(gè)界面不會(huì)顯得太嚴(yán)肅。
這一屏則是為用戶展示游戲要如何交互的教程，而為了達(dá)成目標(biāo)，設(shè)計(jì)師需要盡量清晰地為用戶展示導(dǎo)航和交互。為了確保趣味性，字母被設(shè)計(jì)成為吉祥物，而動(dòng)畫的加入，則避免了不必要的操作，讓用戶無(wú)需點(diǎn)擊就能明白如何操作。
在 UI 設(shè)計(jì)流程當(dāng)中，設(shè)計(jì)師提供了多種漸變配色，確保了明亮多彩的配色足夠營(yíng)造出有趣的氛圍。
值得一提的是，提示按鈕中所搭配的動(dòng)畫。它模擬了光影波動(dòng)的效果，能夠吸引用戶的注意力。而左下角的金幣數(shù)則告訴用戶，用多少金幣數(shù)可以獲得這一提示。
此外，游戲界面中還有許多界面是以彈出窗口的形式呈現(xiàn)出來(lái)的，用來(lái)告知用戶成就相關(guān)的信息和更新的內(nèi)容，甚至還可以提供一些優(yōu)惠。你可以在下面看到相關(guān)的范例：第一屏的彈出窗口展示的是用戶成就、當(dāng)前關(guān)卡總分、獎(jiǎng)勵(lì)、排行榜和 Facebook 分享以及繼續(xù)游戲的相關(guān)選項(xiàng)。隨后的幾個(gè)彈出式界面當(dāng)中，設(shè)計(jì)師都沿用了相同的圓形按鈕和類似風(fēng)格的元素，保持了整體視覺(jué)上的一致性。第二屏提供的是獲取金幣的途徑，第三屏則是設(shè)置。
關(guān)卡地圖是移動(dòng)端游戲中重要的組成部分。在 Letter Bounce 當(dāng)中，設(shè)計(jì)師將各種有趣的風(fēng)景和游戲關(guān)卡結(jié)合到了一起，從雪山到火山，一應(yīng)俱全。平面設(shè)計(jì)師 Denys Boldyriev 制作了各種有趣的平面插畫，生動(dòng)，活潑。
除此之外，這款游戲的吉祥物也是非常關(guān)鍵的元素。我們最初在構(gòu)思吉祥物的時(shí)候，決定使用字母按鍵來(lái)設(shè)計(jì)，為了讓它看起來(lái)更加人性化，我們?yōu)樗由狭耸趾湍_，在游戲中可以作出各種各樣的姿勢(shì)，在教程和 UI 界面中不同的位置和用戶進(jìn)行交互。吉祥物作為游戲中一個(gè)頗為有趣的元素，具有強(qiáng)大的情感吸引力，為產(chǎn)品增加積極的情緒。
目前，這款游戲在 AppStore 和 Google Play 上都有上架，如果你想動(dòng)動(dòng)腦子，不妨去下載看看。
熱門課程推薦
熱門資訊
-
探討游戲引擎的文章，介紹了10款游戲引擎及其代表作品，涵蓋了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戲設(shè)計(jì)領(lǐng)域和數(shù)字藝術(shù)教育的重要性，歡迎點(diǎn)擊咨詢報(bào)名。
-
2. 手機(jī)游戲如何開發(fā)(如何制作傳奇手游，都需要準(zhǔn)備些什么？)
?如何制作傳奇手游，都需要準(zhǔn)備些什么？提到傳奇手游相信大家都不陌生，他是許多80、90后的回憶；從起初的端游到現(xiàn)在的手游，說(shuō)明時(shí)代在進(jìn)步游戲在更新，更趨于方便化移動(dòng)化。而如果我們想要制作一款傳奇手游的
-
3. B站視頻剪輯軟件「必剪」：免費(fèi)、炫酷特效，小白必備工具
B站視頻剪輯軟件「必剪」，完全免費(fèi)、一鍵制作炫酷特效，適合新手小白?？靵?lái)試試！
-
4. Steam值得入手的武俠游戲盤點(diǎn)，各具特色的快意江湖
游戲中玩家將面臨武俠人生的掙扎抉擇,戰(zhàn)或降?殺或放?每個(gè)抉定都將觸發(fā)更多愛(ài)恨糾葛的精彩奇遇。《天命奇御》具有多線劇情多結(jié)局,不限主線發(fā)展,高自由...
-
5. Bigtime加密游戲經(jīng)濟(jì)體系揭秘，不同玩家角色的經(jīng)濟(jì)活動(dòng)
Bigtime加密游戲經(jīng)濟(jì)模型分析，探討游戲經(jīng)濟(jì)特點(diǎn)，幫助玩家更全面了解這款GameFi產(chǎn)品。
-
6. 3D動(dòng)畫軟件你知道幾個(gè)?3ds Max、Blender、Maya、Houdini大比拼
當(dāng)提到3D動(dòng)畫軟件或動(dòng)畫工具時(shí),指的是數(shù)字內(nèi)容創(chuàng)建工具。它是用于造型、建模以及繪制3D美術(shù)動(dòng)畫的軟件程序。但是,在3D動(dòng)畫軟件中還包含了其他類型的...
-
7. 3D動(dòng)漫建模全過(guò)程，不是一般人能學(xué)的會(huì)的，會(huì)的多不是人?
步驟01:面部,頸部,身體在一起這次我不準(zhǔn)備設(shè)計(jì)圖片,我從雕刻進(jìn)入。這一次,它將是一種純粹關(guān)注建模而非整體繪畫的形式。像往常一樣,我從Sphere創(chuàng)建它...
-
8. 如何自己開發(fā)一款游戲(游戲開發(fā)入門必看：五大獨(dú)立游戲開發(fā)技巧)
?游戲開發(fā)入門必看：五大獨(dú)立游戲開發(fā)技巧無(wú)論您是剛剛起步開發(fā)自己的第一款游戲，還是已經(jīng)制作了幾款游戲，本篇文章中的5大獨(dú)立游戲開發(fā)技巧都可以幫助您更好地設(shè)計(jì)下一款游戲。無(wú)論你對(duì)游戲有著什么樣的概念，都
-
?三昧動(dòng)漫對(duì)于著名ARPG游戲《巫師》系列，最近CD Projekt 的高層回應(yīng)并不會(huì)推出《巫師4》。因?yàn)椤段讕煛废盗性诓邉澋臅r(shí)候一直定位在“三部曲”的故事框架，所以在游戲的出品上不可能出現(xiàn)《巫師4》
-
10. 3D打印技巧揭秘！Cura設(shè)置讓你的模型更堅(jiān)固
想讓你的3D打印模型更堅(jiān)固？不妨嘗試一下Cura參數(shù)設(shè)置和設(shè)計(jì)技巧，讓你輕松掌握！
最新文章
