發(fā)布時間:2022-03-09 11:14:29來源:魔方格
和賽車游戲 ui界面設計不同,這次要設計的游戲 ui,需要在娛樂性和教育性之間,找到平衡點,今天小編主要給大家分享如何設計ui游戲界面,希望對你們有幫助!
一、項目
為移動端填字游戲設計UI和相應的圖形元素。
二、設計過程
這次我們團隊的任務是為這款移動端游戲創(chuàng)造一個有趣的游戲界面??紤]到它是一款教育性游戲,它需要趣味性和協(xié)調(diào)性,教育性和游戲性。在確保游戲簡單和有趣的同時,也不能完全喪失游戲本身應有的緊迫感。
在功能方面,玩家需要根據(jù)所提供的信息填寫單詞中缺失的字母來解決謎題。這款游戲是傳統(tǒng)填字游戲的數(shù)字版本。每一關(guān)都有一組需要填寫的單詞,以及相應的謎題線索。
這款游戲也有社交屬性:玩家可以鏈接到Facebook,分享分數(shù),和朋友競爭,美麗的設計和動畫被認為是留住用戶的核心功能之一。
首先要考慮的是用戶在填寫字母的過程中進行交互的過程。屏幕的上半部分顯示了用戶游戲的關(guān)鍵參數(shù),包括里程碑、成就、硬幣和評級。
游戲界面的背景使用漂亮的漸變,亮度不高,不會分散用戶的注意力。用戶需要填寫的拼寫網(wǎng)格位于屏幕上方,尚未填寫的字母使用白色背景;提供給用戶填寫的字母在底部,字母為黃色。
這種顏色的差異對用戶來說是很有區(qū)別的,底部的圖標為用戶提供了不同的選擇,而相反的燈泡圖標是提示系統(tǒng)。在整個布局中,所有元素都有平滑的曲線或圓角。這種設計使得整個界面不那么嚴肅。
這個界面是一個教程,向用戶展示游戲如何交互,為了達到這個目的,設計師需要盡可能向用戶用戶展示清晰的導航和交互。為了增加趣味性,字母設計成吉祥物,添加動畫可以避免不必要的操作,讓用戶無需點擊就能理解如何操作。
在UI設計過程中,設計師提供了多種漸變顏色,確保鮮艷多彩的配色方案足以營造出一種有趣的氛圍。
值得一提的是,提示按鈕的動畫,它模擬光影波動的效果,吸引用戶的注意。左下角的金幣數(shù)量告訴用戶,可以使用多少金幣來獲得提示。
此外,游戲界面中有很多界面以彈出窗口的形式呈現(xiàn),告知用戶相關(guān)信息和更新內(nèi)容,甚至提供一些優(yōu)惠。
你可以看到如下的相關(guān)例子:第一個屏彈出顯示用戶的成就,當前級別的總分、獎勵、排行榜,以及Facebook分享和繼續(xù)游戲的選項。
在隨后的彈出界面中,設計師使用了相同的圓形按鈕和類似的樣式元素來保持整體的視覺一致性。第二個屏提供金幣獲取途徑,第三個屏是設置。
關(guān)卡地圖是手機游戲的重要組成部分。在Letter Bounce中,設計師將各種有趣的景觀和游戲關(guān)卡結(jié)合在一起,從雪山到火山,制作了各種有趣的圖形插圖,生動活潑。