B端-技术效果创新

技术效果创新，同样也是围绕产品价值体现的，其中核心的创新为两个方向，一个是针对决策者的效果创新，另一个是针对实际产品效率的创新。

1.面向决策者- Web3D与智慧大屏效果创新
这类创新需要与视觉设计密切合作，视觉效果与数据信息的呈现是重点。现在通常使用的有两种基础技术，一种是与web平台直接结合的3D效果，这类大部分使用Threejs的逻辑进行显示，具体案例可以在ThreeJS官网（https://threejs.org/）进行查看。基于这类技术，国内也退出了跟简洁化的服务，例如ThingJS（官网 http://www.thingjs.com/guide/），这类网站大家只需拖动模型就可以做出一定的效果，开发也比较便于使用，但效果大部分只能做到中等水准，对电脑的性能消耗也较大。
这类创新建议使用在大型项目的数据可视化界面，同时建议作为配置项，针对设备性能不高的客户，即时隐藏该功能，避免性能影响带来使用效率的降低。这里我们以谷歌与Threejs合作的实验为展示案例，查看网站是：https://experiments.withgoogle.com/chrome/globe

还有一种效果创新，是针对在大屏展示的项目中的，目前大部分基于Unity进行开发，对显卡性能的要求比较高，建议只在演示项目与展厅中使用。这类创新也非常依赖视觉效果，并且其中的开发流程与游戏开发较为类似，需要一名TA（技术美术）进行Shader的效果制作，大部分用于园区、城市级别、复杂楼宇的效果数据可视化展示。
更全面的案例了解可以看下潘洛斯团队与腾讯大数据可视化项目组这篇总结：https://www.pianshen.com/article/16771394917/

这两种技术效果，针对场景都可进行不同选择，重大演示场景，需要体现技术的数据结果，使用Unity进行创新效果最佳。普通使用展示数据可视化，可以采用Web3D。如果对3D内容没有述求，可以进行图标可视化的内容创新。

2.面向实际使用者-前端效果创新
由于B类产品中，产品要解决大量的认知问题与效率问题，前端效果的创新同样也是围绕这两个维度进行的。表层效果的技术创新，以降低用户认知为目标，提高用户使用效率，例如一些图片相关产品中，图片剪裁、拖动、放大等效果的创新。还有一些是为产品加载速度创新，例如大量的列表、大量的树结构等，这类控件的加载速度非常影响用户解决业务问题，而进行越多的创新就越好。这方面作者也不是内行，只将通常关注的网站发出来与大家分享。AntDesign团队的一些新内容发布，网址如下：
组件内容：https://ant.design/docs/react/introduce-cn
图表内容：https://antv.vision/zh

3.面向团队内部的稳定性与效率-工程化创新
工程化在前端开发中研究的太多，作者从设计师的角度也无法带给大家深入的解读，但可以以此为引子，为大家扩展一些思路。基本的目标是提高解决产品出问题后，查找相关问题的精准度与速度，而设计经常遇到的还原度问题也可以用工程化思维进行解决，尽量将前端与设计最终效果、设计组件、设计灵活性的关系加强，是解决产品质量稳定提升的一个有效思路。