「明日方舟」里的美学-叶子学堂骨头独家揭秘

用户头像
上海/UI设计师/4年前/4447浏览
「明日方舟」里的美学-叶子学堂骨头独家揭秘

「明日方舟」里的美学

《明日方舟》自从2019年5月1日上线以来,获得了大量玩家的喜爱,《明日方舟:终末地》的出现自然又一次吸引了大家的关注。

今天骨头老师和大家一起探讨一下「明日方舟」里的美学!

《明日方舟:终末地》部分概念设定:

《明日方舟:终末地》里的玩家不再是博士,而是有了新身份管理员,带领的是终末地工业的专业人员而非罗德岛干员。

所以我们可以看到《明日方舟:终末地》中的场景设计未来感更强。

各处都有“基建中”的影子

没有看过概念片的宝子们感受一下:

角色在环境里的跑动效果:

即使是环境里的一个小魔物也做的很有趣~

天气系统里的质感表现也是相当感人~

一 动物拟人的角色设定

明日方舟的设定是全员兽人。

(一个比较典型的furry脸角色)

Furry指的是特别喜欢拟人化动物的一类人。

譬如疯狂动物城,索尼克,

还有...《西游记》

兽人的设定让《明日方舟》里的人物立绘更有辨识度。

我们从头部的视觉识别能很明显看出他们不同的动物属性。

在设计上会保留他们的形象识别,比如头上的犄角,身后的尾巴,或者是同动物幼崽露出。

同时由动物这个主题《明日方舟》还在2020年3月3日宣布了和WWF、OPF和bilibili游戏的联动“万类共生”。

2022年1月6日《明日方舟》发布了游戏与上海美术电影制片厂《九色鹿》联动的PV。

该视频很快就在B站突破了百万播放,并积累了上万条评论。甚至有用户惊呼“这风格震撼我一百年”,并获得了万人赞同。

二 “舟”味十足的符号化

明日方舟中最明显的特征之一就是符号化。

从明日方舟的LOGO本身,

到职业,到时装的系列,

以“源石”为主导的图标设计,

延续了许多以三角形为主的图标。

包括到《明日方舟:终末地》的场景里也延续了三角形的设定。

符号化的存在可以说为玩家对于方舟更有印象。

同时也加强了品牌化,无形中潜意识里增加了我们对方舟的记忆。

三 功能为主导的技能风格

说到《明日方舟》,大家想到的另一个特点便是机能风。

《明日方舟》是一个架空的世界观,所以“明日方舟”风格里涵盖了解构主义,街头潮流,未来户外,城市机能,赛博朋克以及机甲元素。

比如寒武纪系列的时装设计,更偏向于御寒类的户外运动风格。

但本身户外运动和城市机能风格其实是有设计上共通的理念--以功能为主导。


01 机能风格是什么?

咱们可以看到机能风格大致的表现——

黑色为主/灰、军绿色等辅色调,飘带够长,口袋立体且大。

02 Errolson Hugh


当然,说到机能风格不得不提到一个人:

Errolson Hugh

他是ACRONYM品牌的主理人之一。

ACRONYM 针对年轻化的市场, ACRONYM 的灵感多来源于军装和工装元素,简约的剪裁看似简单但却融合了品牌的极其精湛的技术。

03 机能风的舒适与实用性

既然被称之为机能,那军品配件、科技面料、coretex涂层,防风、防水、透气轻薄、保暖等词汇,就是针对不同用途的机能服饰的常住标签。

同时为了对抗未来城市中的工业酸雨等恶劣的天气条件,机能风的服饰都有较高的户外功能。

在同样是未来架构下的游戏《杀出重围》和小岛的游戏《死亡搁浅》中,主角都穿着acr设计的服装。

比如死亡搁浅里的设计,因为设定是一个快递员,所以背部这块设计就是为了缓解背部压力而设计。


四 科技风不只有赛博朋克

01 少即是多|磁带盒未来主义

之前看到《明日方舟》的UI,一直不知道为什么设计里很喜欢用黑色的长条型来做主视觉设计,现在终于明白了。

背景材质里也会选用透明且干净的塑料材质。

这种风格,有一个小众的名称叫磁带盒未来主义。

磁带盒未来主义通常风格简约,少即是多为设计宗旨。

形式追随功能,产品弱化外在表现形式,更加注重内部合理性与逻辑,表现主义弱化。

这种风格主要表现在:

8090年代科幻、镭射激光、几何外形、故障艺术、合成器浪潮、个人电脑、大按键、符号化排列、捆扎带、塑料外壳、半透明。

于是我们再看到《明日方舟》游戏里的弹出界面,在按钮的设计上沿用了这种极简风格。

02 HUD界面|复古与未来感共存

《明日方舟:终末地》设定中的场景中可见各种LED屏幕中的HUD可视化设计。

可以从物料中看到,界面中偏2.5D构图,同时模拟了全息投影

和周围环绕按钮的形式

类型于早期诺基亚手机按钮的设计,更有操控感。

整体的布局为中间显示屏,可及时现实数据信息。

HUD设计

HUD设计技术的实现很简单:主要是由高强度的LED进行提供信息,然后又通过仪表盘后处的镜片进行反射,将导航的图像信息反映出来,然后直接传输到驾驶员的视野中。

因为投出的信息是在屏幕的下方,有一股图像飘浮在前路的感觉,因此被人称之为悬浮的“仪表盘”。

《光环》里HUD风格结合到UI里的设计:

西部世界里的操作系统中也有类似的等高线设计,更有“规划中”的感觉。

预测一波,可能游戏会带领的一阵科幻风格:

未来的科技风格会更多虚拟与现实结合HUD界面的表现形式出现。

呼吁大家多了解不同的科技风格和亚文化,科技风格不仅仅只有“赛博朋克”。


骨头老师的笔记

动物拟人的角色设定,“舟味”十足的符号化设计,功能为主导的机能风格,构成了自身很有辨识度“明日方舟”风格。

同时由磁带盒未来主义和HUD界面风格构成了引领着未来科技感风格走向。

本次有幸也采访到了《明日方舟:终末地》的制作团队中的神秘人,TA这样说道:

“在做明日方舟这个过程中,更明白了UI设计对一个游戏的重要性。UI不仅仅只是辅助,做好了可以达到功能和美观的高度统一,同时能增加游戏的辨识度,让大家记住这款游戏。”

作为已经是国内头部的二次元游戏,随着市场上二次元游戏增多,方舟本身也面临各种挑战。

让我们一起期待《明日方舟:终末地》最终上线的呈现吧!

67
阅读原文
|
举报
|
164
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
户外旅行飞机情侣假日出行
【新年UI图标】相机icon
UI 登录界面设计模板包
【新年UI图标】积分icon
【新年UI图标】礼物/活动icon
UI应用平面图标
【新年UI图标】旅行icon
新能源APP应用UIKit
钱包ui模板
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】美食icon
UI通用设计素材1
【新年UI图标】活动icon
UI界面 组件
高级感金属拟物 UI设计组件库
【新年UI图标】银行卡icon
新拟态风格 UI设计组件库
我的钱包-UI界面设计-app
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
Security Camera UI kit
盲盒APP UI设计
智能家居中心 简约 UI设计组件库
森系3D渐变流体抽象矢量UI背景图
你可能喜欢
相关收藏夹
游戏
游戏
游戏
游戏
大家都在看
登录注册