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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
可视化项目设计复盘
0.0°
2022-08-25 原创文章 经验/观点 举报 408 0 1 0

项目中的可视化界面。

       设计行业在很多人看来都是吃青春饭,何况是在当下这么内卷及经济形式不太好的时代,所以对于设计行业来说更难。虽然前路漫漫,但还是得不断的学习保持竞争力才不至于未来面临失业。设计不只是需要设计方面的技能及能力,越到后面越需要我们总结复盘能力的提升。只有在不断的复盘总结中才能发现自己的不足,及时弥补自己的弱项。因为设计中有的的项目比较零碎所以很多时候就是交稿完之后就算结束了,但一直这样就会发现自己进步成长很慢,所以不管是小项目还是大项目都应该及时的总结及复盘,这样既能避免同样的问题在以后的项目中出现,又能提升自己总结复盘的能力。由于公司业务涉及到的可视化不是很多,不足之处也欢迎大佬们一起交流学习。下面是我项目中遇到的一些问题及解决问题过程中的一些方法。

1、设计页面之前一定要问清楚展示内容的细节

       首先是要从领导那边拿到业务需求,了解该业务是做啥的,及该业务中需要在大屏上展示那些内容,就比如说我做的这个项目是智慧交通感知态势展示系统,大屏上需要展示实时光照、室内温度、当前湿度值、公共到站实时状态、红路灯状态、停车场数据。因为公司属于比较小型的公司,所以很多时候这种临时的设计是没有原型的,领导只会给你这些东西,然后就会叫你进行设计。我一开始也是一拿到这些就开始找参考进行设计,但设计完成之后,给到领导这边,领导说不用展示这么多信息,比如室内温度我一开始设计成用折线展示一天24小时温度的变化值,但他们想要的是只展示当前室内温度的值,所以又得返工去修改。

2、问清楚大屏的分辨率

       因为现在大屏的分辨率及物理尺寸都有所不同,如果前期不问清楚,设计的效果图如果放到不合适的大屏上就会拉伸变形,又得进行重新设计。

3、是应用在什么地方的

       可视化应用的地方不同,设计的时候需要注意的点也不同,有的距离我们的视线比较近,有的距离我们的视线比较远,所以在做之前问清楚之后方便我们后期页面设计的时候页面中显示内容大小的控制。

4、找参考进行设计

       确定好业务内容及分辨率之后,找参考进行设计,可视化的风格一般分为浅色和深色两种,不过一般深色更出效果,视觉冲击力更强,所以一般情况下都会选择深色,确定好风格之后,然后需要进行配色的选择,我们需要选择主色、辅助色。可视化一般需要科技感比较强,所以一般蓝色作为主色调比较多,像我做的这个项目就是蓝色作为主色调,橙色和红色作为辅助色。

5、对页面进行布局

       可视化大屏合理的布局也很重要,根据所给模块进行合理的布局,因为我的这个项目只有七个模块而且展示的内容比较少,所以在做的时候也尝试了一些布局方式,最后选择这样的布局方式是因为左右比较平衡、页面也不至于比较空。

6、字体大小的问题

       因为做的这个可视化是放到1920*1080的大屏上,我想字体大小应该就是按照平时设计UI页面字体大小差不多,但是在给到我们技术这边去现场安装的时候发现字体太小,由于我们的这个可视化是挂在实训室里面的,距离人的视线比较远,所以字体太小影响观看,所以字体大小需要比平时设计的界面的大一点,比如平时用到的14PX就需要改成16或者18,总之尽量让字体稍微大几像素。

7、该页面中设计用时比较长的地方

       该页面算是可视化界面中比较简单的页面,可能会觉得没啥难点,但是中间的那个大图需要做成动画,而且时间比较赶,一天的时间需要全部做完。下面是做完之后的效果图。

       因为平时3D用的比较少,所以选择了用AI画2.5D,由于时间比较赶,所以还有很多需要优化的地方。在用AI画的过程中透视调起来是比较费时间的,画完之后需要导入到AE中做公交车动起来的动画,由于公交车不是模型而是一张插画,也需要根据动的位置不同调整方向,一开始不知道该怎么调这个平面公交车素材透视的问题,所以就在AE里面直接用追踪路径的方法做动画,这样只需要一张图片就可以做,但是做完之后问题来了,虽然公交是根据线路在行驶,但是公交的走到左边线路的时候就倒过来了,就像过山车一样,悬挂在空中,效果不理想,所以最后试了一下用AI中的3D-凸出和斜角来调公交的透视,居然可以了。虽然麻烦了很多,但至少是正常的显示效果,因为该图是一个沙盘的模拟图,所以就按照沙盘的样式画了这样的插画,但也有借鉴参考其他的插画。

8、动画制作

       由于公司做B端业务比较多,动画平时也涉及不多,但之前也偶尔做过一些UI小动画,所以一开始就想到了用绘制路劲动画来制作。首先新建一个形状层——然后用钢笔工具绘制路劲——然后点开形状下面的路径1并且选中路径——复制——粘贴路径到公交图层下得“位置”上。由于平时动画做的少用起来没有那么熟练,做起来没那么快,所以接下来平时还是应该多练习。

9、总结

       设计是需要平时多练习、多看、多总结的,当我们拿到项目的做起来才会更快,更得心应手。因为很多时候领导不会给我们太多的时间去思考的。

       工作中可能并不需要用到很多的软件及技能,但是我们需要掌握,因为很多时候一个项目需要多个软件及技能才能完成,所以平时还是需要多多学习。

      3D已经越来越普遍化,所以也是设计必须要掌握的一门技能,自己在这方面也还比较欠缺,所以最近也在学习Blender,希望自己能坚持学习下去。

      第一次做这样的总结复盘,不足之处还请各位大佬多多指点。


Powered by Froala Editor

更新:2022-08-25

收藏

0人已收藏

OnlyC

坚持初心

  • 13

    作品

  • 2

    粉丝

  • 44

    关注

  • 荧光树桩
  • 狂飙小车
  • 金币基站
  • 积木建模
相关标签

    猜你喜欢

      2022-08-25 原创文章 经验/观点 举报 408 0 1 0

      可视化项目设计复盘

      0.0°

      你确定要举报可视化项目设计复盘

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2022年08月25日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      0
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录