赞助商
立即赞助

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

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设计师也叫做...
App设计
2019年就要过去了,这很有可能是年底最后的几波干货之一。这次的干货大合集的设计工具多数都偏向前端和开发,但是结尾推荐的...
干货
在经典的尼尔森十大启发式当中,「系统状态可见性」可以说是如今交互设计领域当中,最为重要的原则之一。通过向用户展现当前...
交互设计
不出意外,这应该是 2019 年最后一波设计师干货合集了!这一次,我们汇集了 27 款超级实用的设计工具,包括在 XD 中快速生成...
干货合集
我们正式走入下一个10年。在设计和开发之间,在体验和功能之间,我们将会使用不同的工具和服务来协调、弥合、融汇。在这次推...
干货合集
和往年一样,今年 Google 依旧在 Material Design 上投注了不小的心力,来推动整个设计语言渗透到整个 Google 的产品体系当中...
Material Design
中秋节刷朋友圈,从大家晒的月饼上发现,大课堂学员真是遍布互联网各大厂,很多原本素不相识的人因大课堂变为同事,缘分着实...
ui设计
本文聚焦 Airbnb 产品,描述10大可用性原则的应用场景,希望能够帮助你更系统地理解10大可用性原则。 一、系统状态的可见性 V...
Airbnb