激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

產(chǎn)品案例|為移動(dòng)端填字游戲設(shè)計(jì) UI

發(fā)布時(shí)間：2024-03-03 09:26:53 瀏覽量：239次

現(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)腦子，不妨去下載看看。

原文作者 : Tubik Studio

譯者/編輯 : 陳子木

譯文地址：
https://www.uisdc.com/case-study-letter-bounce

本文由 @陳子木 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖由作者提供

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定