赞助商
立即赞助

设计实战!如何设计一款富有情感吸引力的拼字游戏

UI设计3年前 (2021)更新 流光
2.3K 0 0

现如今许多游戏已经单只具有娱乐性,还具备了错的性和习性。和之前的赛车游戏 UI 界面设计同,这次我们要设计的游戏 UI,需要在娱乐性和性之间,到平衡点,这款游戏是填字游戏 Letter Bounce 。

设计实战!如何设计一款富有情感吸引力的拼字游戏

项目说明

移动端填字游戏设计 UI 和相应图形化元素。

设计过程

这我们团队任务,是为这款移动端手游戏创个充满趣味游戏界,考虑到它是款教育类游戏,需要兼顾到有趣和协调,教育性和游戏性。确保简单有趣时,又不能完全没有游戏本身应有紧迫感。

就功能言,玩家需根据提供的信息填写单词缺失的字母,解决谜题。这游戏传统的填字游戏的数字版,每关卡都会一组需填写的单词,同时还会提供相应的解谜线索。这款游戏还具备社交属性:玩家可以链接到 Facebook,分享分数,好友竞争。漂亮的设动效被认留住用户的核功能之一。

首先,我们来看看游戏的屏幕。首先要考虑的是户在填写字母过程中交互的过程。屏幕的上半分显示了户游戏中的键参数,包括里程碑、成就、金币和等级等参数。游戏界面的背景采了漂亮的渐变,在亮上,并没有设置得很,会分散户的注意。有待户填补的拼字格被放置在屏幕的上半分,还未被填写的字母使的是白色;而供给户来填写的字母在,这分字母采的是色。这种色彩上的差异对于户而言很好分辨,的汉堡图标为户供了同的择,而对侧的灯泡图标则是示系统。整个布当中,有的元素都采了平滑的曲线,或者圆角,这样的设计整个界面会显得太严肃。

设计实战!如何设计一款富有情感吸引力的拼字游戏

这一屏则是为户展示游戏要如何交互的程,而为了达成目标,设计师需要尽量清晰地为户展示导航和交互。为了确保趣味性,字母被设计成为吉物,而画的入,则避免了必要的操作,户无需点击就明白如何操作。

设计实战!如何设计一款富有情感吸引力的拼字游戏

在 UI 设计流程当中,设计师供了多种渐变配色,确保了明亮多彩的配色足够营有趣的氛围。

设计实战!如何设计一款富有情感吸引力的拼字游戏

值得一的是,示按钮中搭配的画。它模拟了光影波的效果,够吸引户的注意。而左角的金币数则告诉户,多金币数可获得这一示。

设计实战!如何设计一款富有情感吸引力的拼字游戏

此外,游戏界面中还有许多界面是弹口的形式呈现来的,来告知户成就相的信息和更的容,甚至还可供一些优惠。你可在面看到相的范例:第一屏的弹口展示的是户成就、当前卡总分、奖励、行榜和 Facebook 分享及继续游戏的相项。随后的几个弹式界面当中,设计师都了相同的圆形按钮和类似格的元素,保持了整体视觉上的一致性。第二屏供的是获取金币的途径,第屏则是设置。

设计实战!如何设计一款富有情感吸引力的拼字游戏

卡地图是移端游戏中重要的组成分。在 Letter Bounce 当中,设计师将各种有趣的景和游戏卡结合到了一起,从雪山到火山,一应俱全。平面设计师 Denys Boldyriev 制作了各种有趣的平面插画,生,泼。

设计实战!如何设计一款富有情感吸引力的拼字游戏

设计实战!如何设计一款富有情感吸引力的拼字游戏

除此之外,这款游戏的吉祥也非常关键的元素。我们初构思吉祥的时候,决使用字母按键设,了让它看起加人性化,我们它加了手脚,游戏中可以作出各种各样的姿势,教程 UI 界面中不同的置用户行交互。吉祥作游戏中一颇趣的元素,具强的感吸引力,产品增加积极的绪。

设计实战!如何设计一款富有情感吸引力的拼字游戏

目,这款游戏 AppStore  Google Play 都架,如果动动脑子,不妨去下载看看。

设计实战!如何设计一款富有情感吸引力的拼字游戏

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

网易UEDC – 马宝 : 一个漂洋过海的寿司食玩,为什么会让大人无从下手,不会使用?是语言文化地域的差异?还是设计师眼里只有...
经验分享
编者按:我们生活在一个快速发展的时代,技术正在以难以想象的速度快速地进步,即便我们所处的设计行业,也随着这些趋势和技...
经验分享
图标的分类和风格有很多种,而设计图标的时候,如何才能抓住用户的眼球,设计出自己满意的图标呢? 欢迎关注译者的微信公...
ICON
随着电商的发展, 618、双11、母婴节、蝴蝶节,各种活动扑面而来。从事电商活动交互设计的这两年,我观察到很多活动都是「今...
产品思维
不知道为什么,聪明的人常常会做出愚蠢的决定。我在之前的《为什么有时候对产品钻研很深,却并没有带来好体验?》文章当中,...
Eugen Eşanu
UI 在拿到产品原型时该如何思考?如何着手设计界面?最近跟一些设计师朋友交流 UI 设计方案,总结了一下在方案优化的思考过程...
UI设计师
笔者最近在参与组件库的设计工作中,发现了一个很有趣的现象:诸多设计师都会以8像素为基数设立间距规范,将其运用在界面和元...
ui设计
设计「诱惑」绝对不是诱导和操纵用户 —— 而是在设计产品过程中给予更多用户想要的东西,甚至是用户没有想到的东西。就像原本...
情感化设计