关注每日深度好文分享,正能量经典好文分享!

当前位置:主页 > 好文分享 >

产品案例|为移动端填字游戏设计 UI

  • 原创
  • 好文分享
  • 2022-06-27 01:40:01
  • 本文有510个文字,大小约为3KB,预计阅读时间2分钟

这一屏则是为用户展示游戏要如何交互的教程,而为了达成目标,设计师需要尽量清晰地为用户展示导航和交互。为了确保趣味性,字母被设计成为吉祥物,而动画的加入,则避免了不必要的操作,让用户无需点击就能明白如何操作。

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

值得一提的是,提示按钮中所搭配的动画。它模拟了光影波动的效果,能够吸引用户的注意力。而左下角的金币数则告诉用户,用多少金币数可以获得这一提示。

此外,游戏界面中还有许多界面是以弹出窗口的形式呈现出来的,用来告知用户成就相关的信息和更新的内容,甚至还可以提供一些优惠。你可以在下面看到相关的范例:第一屏的弹出窗口展示的是用户成就、当前关卡总分、奖励、排行榜和 Facebook 分享以及继续游戏的相关选项。随后的几个弹出式界面当中,设计师都沿用了相同的圆形按钮和类似格的元素,保持了整体视觉上的一致性。第二屏提供的是获取金币的途径,第三屏则是设置。

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

除此之外,这款游戏的吉祥物也是非常关键的

产品案例|为移动端填字游戏设计 UI

元素。我们最初在构思吉祥物的时候,决定使用字母按键来设计,为了让它看起来更加人性化,我们为它加上了手和脚,在游戏中可以作出各种各样的姿势,在教程和 UI 界面中不同的位置和用户进行交互。吉祥物作为游戏中一个颇为有趣的元素,具有强大的情感吸引力,为产品增加积极的情绪。

目前,这款游戏在 AppStore 和 Google Play 上都有上架,如果你想动动脑子,不妨去下载看看。

原文作者 : Tubik Studio

译者/编辑 : 陈子木

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至1450188540@qq.com举报,一经查实,本站将立刻删除。

猜你喜欢