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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
钢铁侠Mark VII界面设计概念
0.0°
2014-07-23 自译外文 经验/观点 原作者: Jayse Hansen 举报 54360 181 203 21

翻译自国外,非本人设计

为了给已经存在的Mark VI HUD界面设计一些新的元素(Mark VI HUD界面由设计师Stephen Lawes设计),我尝试了自我挑战,意图设计出全新、升级版的钢铁侠HUD界面,为托尼斯塔克先生量身打造最时新的界面——Mark VII

在设计之前,我做了大量研究:书籍、影像、飞行器仿真界面都成为了我研究的对象。为了设计这个HUD界面,我画满了3个笔记本,用来储存创意。


很多的元素是用AI设计,导出为PSD,然后导入AE制作动画,还有不少元素使用了C4D设计,然后导入到AE中进行制作,制作了一些面部高光和眼球中得反射,我尝试将HUD界面立体化。我认为电影中得Mark VI的设计风格有点扁平,因此在我的Mark VII中我让设计充满了深度感。

既然是立体化的界面,因此我努力让界面变得充满可读性。争取让界面的每个部分都具备功能性。

下面是Mark VII的设计简介。对比了各代HUD界面,我力求让我的Mark VII在迭代上更有迹可循。我的Mark VII更注重功能性。

钢铁侠目标线系统


盔甲诊断器是整个HUD界面中主要的信息来源,跟上一代HUD一样,我把这个部分放置在了头部上方——盔甲诊断器已经成为了钢铁侠的象征。在其中的菜单中放置了武器、盔甲状态、生理状态等信息——但是添加了圆形子菜单。

下图橙色的圆形图表可以用文本和图形的形式告诉斯塔克盔甲每个部分的状态。但是这个界面可能有点视觉复杂。因此在其他界面中,斯塔克可以较为简略的搞懂盔甲状态。也可以观察到盔甲各个部分是否接合紧密。

诊断器


目标线界面



战斗模式 - 盔甲诊断+飞行功能


一切都要清晰易读,极具功能性,这是我的设计理念


飞行面板


注意看Tony,界面很具备深度感,全新设计。


目标线系统努力追求深度感和功能性,有点像镜头或瞄准镜。

目标线HUD,功能全开模式



目标线系统解剖


目标线系统的构建过程


目标线HUD系统解剖



C4D构建的目标线HUD系统


目标线HUD系统白色版


2种模式——二维的合成光圈,或者3维的细节视图


最开始打算构建全三维HUD界面。后来做了几个动画测试,测试后根据盔甲传感器系统,构建了更多细节视图。

同时还可视化了自控型微件


下面是地图微件

更新:2014-07-23

收藏

181人已收藏

MartinRGB

http://www.MartinRGB.com

  • 234

    作品

  • 1.7w

    粉丝

  • 413

    关注

  • MartinRGB.com
  • Icon Freebie - Code
  • 实验系列II —— Music App For Tv/Pad
  • Private Trainer 引导页实现
相关标签

    猜你喜欢

      2014-07-23 自译外文 经验/观点 原作者: Jayse Hansen 举报 54360 181 203 21

      钢铁侠Mark VII界面设计概念

      0.0°

      你确定要举报钢铁侠Mark VII界面设计概念

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2014年07月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      203
      181
      21

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

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

      登录

      手机号

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

      登录
      第三方账号登录