恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
「明日方舟」里的美学-叶子学堂骨头独家揭秘
0.0°
2022-07-12 原创文章 设计趋势 举报 2116 2 2 0

《明日方舟》自从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不仅仅只是辅助,做好了可以达到功能和美观的高度统一,同时能增加游戏的辨识度,让大家记住这款游戏。”

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

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


Powered by Froala Editor

更新:2022-07-12

收藏

2人已收藏

叶子学堂

叶子学堂 官网:http://www.yezixt.com

  • 195

    作品

  • 7269

    粉丝

  • 3

    关注

  • 2024大厂实体班起飞计划❗0基础玩转游戏UI❗️
  • 《书与花》乙女风作品复盘
  • 《鉨变》二次元作品设计复盘
  • 韩 系 黑 白 独 立 风 作品设计复盘

    猜你喜欢

      2022-07-12 原创文章 设计趋势 举报 2116 2 2 0

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

      0.0°

      你确定要举报「明日方舟」里的美学-叶子学堂骨头独家揭秘

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年07月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录