《女神异闻录 5》的 UI 设计
转自:https://www.zhihu.com/question/50995871?sort=created
《女神异闻录5》是近两年最为火热的JRPG游戏之一,它的出色不仅在于剧情暗讽社会黑暗面的主旨展现,那套酷炫而又极富冲击力的动态UI设计也成为了本作的一大亮点,不仅成为了部分同行游戏“借鉴参考”的对象,其中某些元素甚至被当作Cosplay的对象。
当然,这套UI并非一面倒的好评,也有部分的玩家认为这套UI的效果太过“喧宾夺主”,甚至会在长时间游戏后产生视觉疲劳,比如每次战斗结束后都无法跳过的厄长结算动画,对于一个近百小时才能通关的游戏来说并不太友好。
UI设计是一门学问,对于《女神异闻录5》来说更是如此。在今年10月底的日本CEDEC+KYUSHU 2017开发者大会上,来自Atlus的制作人和田和久先生,以及艺术总监兼首席设计师须藤正喜先生,便向同行们介绍了《女神异闻录5》UI设计背后的一些故事,我们也得以较为完整地了解到本作UI的最初构想、核心特色以及开发流程。
丨 Atlus公司的危机感,是这套独特UI诞生的大背景。
首先,和田和久先生介绍说,提到《女神异闻录5》的用户界面,只要体验过的玩家都会留下深刻的印象。它不仅时尚动感,且独一无二,这在本作第一部宣传视频中就有所展示,玩家也能初探这套独特的UI的端倪。

当然在宣传视频里的惊鸿一瞥里想要全面了解UI并不容易,而UI也是《女神异闻录5》不可忽视的一大特色。因此当PV发布后,很多人都对这套设计感到新奇,他们都向和田和久提出疑问,说为何这套UI会制作成这样?
提起这套独特的UI的诞生,和田和久说,这还要回归到《女神异闻录》系列的发展中,因为第三作是一个重大的转折点。
2000年,《女神异闻录2 罚》发布,但在时隔六年后,我们才迎来了《女神异闻录3》的诞生。第三作被誉为本系列新时代的开启,不仅美术风格大为革新,而且还承担着“拓宽玩家群”的这一设计责任(即使这一作的开发预算很低),这在当时已经不仅是一个目标,而是一个必须要实现的任务。
和田先生说,当时Atlus开发部深陷于一个游戏叫好不叫座的危机,《女神异闻录3》希望能打破这个局面,即使开发预算有限也必须要成功,这就让《女神异闻录3》的开发策略演变成以市场为导向。

丨 如何兼顾作品的形象设计和信息传播?
Atlus艺术总监兼首席设计师须藤正喜对具体的UI设计进行了演讲。他表示自己18年前就已经加入了Atlus工作,而入社的时候和现在的UI设计流程几乎没有发生什么变化,甚至使用的工具都是一样的,包括像Photoshop,Adobe Illustrator,After Effects等等。
《女神异闻录》系列的UI,除了要达到游戏UI本身具备的“传达信息”的目的,还兼顾着“构筑作品主导的美术设计风格”的任务,以及担负着把游戏包装成”有价值的游戏“的重大使命。
想要做出那样的UI,首先是要确定主色调,因为色彩能够给人们留下深刻的印象;一旦主色调确定了,游戏的标识也应运而生,主字体也随之而确定。











设计和构图一旦被确定,接下来就是数据的处理工作。在《女神异闻录5》中,战斗和菜单等不同UI的部分,都是由专属程序员负责的。设计师把坐标指定书交给程序员,并在程序员旁边进行一对一的检查确认,随时进行框架上的调整。
这些提前设计好的、像俄罗斯方块一样的贴图纹理数据,一方面可以让《女神异闻录5》的游戏容量更轻量化,另一方面也是为了可以基于PS3/PS4两个平台的不同分辨率下,都尽可能实现相同的画面质量。这部分程序员应该是做了巨大的工作,也确实很耗费人力。
《女神异闻录5》的UI设计证明,风格化和可用性并非是一场零和博弈的游戏,相反,这更像是一个决定优先级的过程。事实上,《女神异闻录5》的开发团队所思考的是让UI如何融入到游戏主题之中,甚至是进一步去强化剧情的渲染力,这也是Atlus在这三代《女神异闻录》系列作品中所一直强调、学习并改进的要素。
须藤先生最后谈到自己的抱负的时候说道,今后也想继续做凭直觉、能够随心所欲引导玩家的UI设计工作。这种随心所欲包含着有趣,也包含着惊喜,而UI设计也应该是一个更生动形象、更有娱乐价值的事情吧。
截图欣赏














《女神异闻录 5》的 UI 设计的更多相关文章
- UI设计行业中的“延禧攻略”,教你从青铜变王者
最近一直在追<延禧攻略>,女主魏璎珞敢爱敢恨,有仇必报的性格吸引不少人,她从低贱的秀坊小宫女步步为营,最终成为皇帝最宠爱的令妃呼风唤雨.尔虞我诈的后宫,想要打怪升级光有颜值是万万不够的,更 ...
- 缩放因子和UI设计
一.PPI 1.像素密度PPI:PPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目. 根据勾股定理(直角三角形两边为a和b,斜边为c, ...
- Android 腾讯入门教程( 智能手表UI设计 和 MVC模式 )
*****注意到mvc 在android 中是如何进行分层分域执行各自的功能.**** 官方推荐的按钮尺寸是48像素 前端之Android入门(1):环境配置 前端之Android入门(2):程序目录 ...
- eclipse里打开SWT项目找不到source/design的图形UI设计界面
因为前天重新装了个新版的eclipse, 结果今天打开一个SWT的项目,突然找不到source/design的图形UI设计的两个切换按钮 我把SWT组件重新装了还是找不到.结果后来发现是因为重装ecl ...
- 分享20个最新的免费 UI 设计素材给设计师
用户界面设计涉及到很多的创意,灵感以及需要与客户进行有效沟通的技能.良好的用户界面是一致的,可以使网站更容易理解和使用.UI设计的重点在于用户体验和互动,同时易于使用对于一个成功的移动应用程序来说非常 ...
- UI设计中的48dp定律【转】
有朋友建议我偶尔写写技术类的文章,所以我打算开始穿插性的写一些偏技术方面的科普文章,尽量往小白能看懂的方向写,今天我来讲讲UI设计中的48dp定律. 那么先说说什么是dp ?其实对于一个非技术人员要把 ...
- 2017年8个UI设计流行趋势
设计趋势变化的理由需要考虑各种各样的因素.让我们来一起看看2017年的设计流行趋势吧. 应用界面的设计趋势是不断变化的.随着时间的推移他也在不断的成长,进化.虽然有些趋势还有待检验,但我们还是需要不断 ...
- 浅谈UI设计中妙用无穷的深色系背景
英文:medium 译者:优设网 - 陈子木 链接:http://www.uisdc.com/ui-benefits-of-dark-background# --------------------- ...
- MAC OS UI设计
对比MAC OS 10.9到10.11的UI设计,苹果曾经卓尔不群的审美观逐步变得泯然众人. 当苹果也跟上扁平化的浪潮,许多搞设计的朋友都一时难以接受,曾经潮流的引领者变成了亦步亦趋的跟随者. MAC ...
随机推荐
- [uva P1601] The Morning after Halloween
[uva P1601] The Morning after Halloween 题目链接 非常经典的一道题目,lrj的书上也有(貌似是紫书?). 其实这题看起来就比较麻烦.. 首先要保证小鬼不能相遇, ...
- 原生tab切换(适用于购物商城中订单管理模块,例如:待付款/待发货/待收货等订单状态)
<!-- 头部tab栏切换 html部分--> <ul class="title-bar"> <li @click="changeStatu ...
- vs2013+qt5.3.2+pcl1.8.0+osg2.3开发环境配置
一.安装vs2013 注意:最好安装VS2013 Update 5,不然有些项目会报莫名其妙的异常. VS2013 Update 5下载:https://pan.baidu.com/s/1TAU5Qi ...
- ceph Luminous版手动安装零散记录
1.安装必要的依赖包,关防火墙,向/etc/hosts内添加域名等 2.安装ceph 配置yum源 (如果嫌慢,可以配置cachedir=/home/yum/$basearch/$releasever ...
- echarts和highcharts比较
echarts底层为canvas,highcharts底层为svg canvas特点: ①依赖分辨率 ②不支持事件处理器 ③弱的文本渲染能力 ④能够以.jpg..png格式保存结果图像 ⑤最适合图像密 ...
- angularjs checkbox
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- Linux防火墙iptables的基础
一.网络访问控制 1.Linux一般都是作为服务器系统使用,对外提供一些基于网络的服务 2.通常我们都需要对服务器进行一些网络访问控制,类似防火墙的功能 3.常见的访问控制包括:哪些IP可以访问服务器 ...
- LeetCode 257 二叉树的所有路径
题目: 给定一个二叉树,返回所有从根节点到叶子节点的路径. 说明: 叶子节点是指没有子节点的节点. 示例: 输入: 1 / \ 2 3 \ 5 输出: ["1->2->5&quo ...
- Java容器解析系列(5) AbstractSequentialList LinkedList 详解
AbstractSequentialList为顺序访问的list提供了一个骨架实现,使实现顺序访问的list变得简单; 我们来看源码: /** AbstractSequentialList 继承自 A ...
- mac搭配Nginx服务器常见问题
推流服务器主要是使用了开源的nginx和rtmp模块,网上也有很多资料,不过对有些可能出现的问题没有很好的总结. 安装brew 使用Mac进行开发很久的老司机应该对这个工具很熟悉了.brew是一个第三 ...