查看原文
其他

“赏心悦目”只需四步,轻松变美不是梦

58UXD 58UXD 2023-01-11

VR漫游场景要变得“赏心悦目”需要哪几步呢?要从图片的清晰度,曝光度,对比度这些开始,然后加上合适的色彩滤镜调整让观众感受到品质感和舒适感!接下来我们结合真实案例,和大家分享下我们怎么做到,只需四步,让VR漫游轻松变美的。


针对我们自研的VR激光设备成像质量不高,展示效果不佳的问题展开的“图像美化”专项


首先我们梳理了目前成像质量不高,展示效果不佳的问题点,针对成像效果从四个方向去优化

我们把四个优化方向拆分成四步,从设备、拍摄流程、图像预处理、滤镜效果进行全流程优化,最终加以盲测以保证最终输出达到更好的效果

第一步·硬件优化

针对硬件(镜头、元件等)问题导致的原片画质效果不佳,我们整理一套原片画质标准,对齐(激光硬件样机参数指标)便于后续推进优化落地

第二步·拍摄优化

为了找到拍摄最优环境,我们参考专业的“光学实验室”搭建了拍摄实验室,整理常见空间光照环境和场景物品,模拟真实拍摄效果,确保数据准确性,并且建立拍摄评测集,对比调整拍摄效果,挑选最优方案

第三步·编辑优化

研发同学对原片预处理曝光亮度等问题以达到成片质量
考虑到VR原始图场景都属于大空间且复杂场景,所以在人工调整色彩的时候,很难做到只调节全局参数,而得到光照均匀且色彩温和的GT图;同时由于原始图到人工调整图之间存在不同程度的光照提升,在实际应用中,如果输入图本身是光照较好图像,经过色彩模型之后,可能会在亮度上过曝,导致整体效果变差,因此我们考虑色彩模型的能力只限制色彩,色温,饱和度等的变化,而降低亮度的变化,照片亮度由研发同学先行进行调整。

第四步·滤镜效果

在色彩滤镜方向,经过我们项目组讨论,我们需要确定一款58平台特有的图像风格(有辨识性,品质感,能让用户喜欢接受)。

风格定义

风格环节,我们三位设计师输出九版不同风格,内部进行一轮初步筛选(去除相似和感受相对差的),选出的1、5、7号然后又与原图一起进行盲测

确定风格

● 基础情况:截至2022-11-17 12:00共计收到38份问卷
● 调研覆盖:交互、设计、产品、测试、二手房产品、及客户
● 测试结果:7号风格50%得票,成为最优选择(7号风格设计思路是,风格化更明显,打造58自己的风格,整体暖色调偏向红,色温偏暖黄,给人一种家的温馨感)

风格推进

在确定风格后,我们分两期-批量输出基于7号美化风格的原图+美化图,用于后处理算法训练;

·第一期输出790+美化图
我们发现直接使用7号滤镜效果,调整内容存在偏色问题,总结原因,因7号滤镜饱和度和自然饱和度调整导致。要达到效果,不能用批量处理方式,需要针对每张图单独进行调整。

·第二期进行单张微调预期达到7号美化效果
微调后通过算法学习发现,色温暖度达到预期,但是存在偏红问题,我们又在色调上进行了二期微调

美化结论

目前经过第二期优化,机器学习后输出图像已达到7号滤镜效果预期


因为是第一次做类似项目,最终效果只能靠设计师主观判断,在第一期设计中,大量时间在反复调整滤镜开发学习设计验证这个循环中,但是因为场景的不同,滤镜普适性还有待验证,后续我们要快速迭代验证效果。

通过“四步变美” 我们的VR效果已经达到预期效果,但是在优化的过程中我们也发现了很多问题,风格过于个性化,普适性待验证,美化风格比较单一不能适应所有场景等。针对这些问题,我们也对流程做了一些优化和补充,在每一步增加图像质量评估标准。新版效果也在优化中,大家可以期待我们“轻松变美”后续的成果产出。


邰军军

“中老年UI设计师”

扫码进群

转载时请连同下方内容一起转发

请与该公众号联系获取内容授权

长按二维码   轻松关注

微信公众号:i58UXD

58同城用户体验设计中心




您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存