赞助商
立即赞助

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

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

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

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

项目说明

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

设计过程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关文章

作为一名在互联网行业摸爬滚打好多年的一位 UI 设计师,也在团队里带过众多 UI 设计师和实习生,所以深刻认识到无论于团队还...
ui设计
UI 在拿到产品原型时该如何思考?如何着手设计界面?最近跟一些设计师朋友交流 UI 设计方案,总结了一下在方案优化的思考过程...
UI设计师
编者按:今天的译文同样来自设计师 Eugen Eşanu,他将经典设计书《Don‘t Make Me Think》中的内容梳理出来供你参考。这些老问...
Eugen Eşanu
笔者最近在参与组件库的设计工作中,发现了一个很有趣的现象:诸多设计师都会以8像素为基数设立间距规范,将其运用在界面和元...
ui设计
这篇内容较少,但是非常重要实用,因为提供了很明确的几份设计走查表,用于在发布产品之前检验问题、清单共有4个,分别针对不...
交互设计流程
@菜心设计铺 :图标——界面设计最重要的元素之一。 菜心经常写关于图标的教程和感悟,可见图标设计在我日常工作中占了很大比...
图标设计
问对问题才能找对答案,这个逻辑并不复杂,但是在做产品设计的时候,要做到并不是那么容易的事情。如何提问,对于最终产品的...
Eugen Eşanu
有趣的灵魂万里挑一,人们对正面情绪的向往使“有趣”成为沟通交流中不可或缺的情感特征。随着越来越多的品牌涌入市场,用户对...
ui设计