「蓝湖设计协作平台」一切为了更好的交付。

最近,蓝湖对产品性能做了一次整体升级,一句话来说:打开速度更快了,操作更流畅了。

打开速度更快,具体是指设计页和标注页在不同情况下的打开速度均有提升。

比如说在设计页,100 张图打开速度提升 20%、300 张图打开速度提升 25%、1000 张图打开速度提升 130%;在标注页,100 和 300 图层的设计图打开速度均提升 30%,500 图层的设计图打开速度提升 120%。

我们可以用更直观的方式来感受,设计页优化后,打开速度的变化。

在蓝湖,打开标注页和查看标注是产研设人群非常高频的操作,标注页优化后能够明显感知到打开速度的提升。

通常情况下,FPS 代表了每秒更新的帧数,当帧数越多时,我们会觉得画面越流畅,反之帧数越少,我们会觉得画面越卡顿。也就是说,同一个动画,如果FPS 达到 60,这个动画的画面就会更流畅,但当 FPS 低于 30 时,我们会感觉到明显的卡顿。蓝湖在监测并优化蓝湖界面中核心操作的 FPS的同时 ,也在用 FPS 的 P95 数值来衡量优化结果是否到位。而 P95 指的是将每次操作中出现的所有 FPS 数值记录下来,再从小到大排列,位于 95% 位置的数值。某种意义上,P95 比平均值更加严格,它覆盖了更大比例的操作性能数值。(注:文中所有数据保证在同一环境下,测算优化前后的页面的 FCP 以及 TTI 数值。)

通过 FPS 监测图我们能很清楚地感受到,优化后 FPS 的 P95 数值更高了,这代表着流畅度更高了。另外,曲线波动更小了,这代表着稳定性更强了。

一些测试结果显示:500 张图的画布缩放流畅度提升 30%,1000 张图的画布缩放流畅度提升 70%;

以及,拖拽 300 张图流畅度提升 85%,拖拽 500 张图流畅度提升 220%。

除了在设计图数量较多时的打开速度、缩放、移动等操作流畅度有显著提升外,我们还对其他重要操作做了流畅度上的优化。

在设计图数量较少时,如 100 张以内或者 50 张以内的设计图,打开速度和操作流畅度方面也有不同程度的提升,未来我们也还会持续不断地升级性能。

在性能测试中,蓝湖分别选取了 300 张、500 张甚至更多数量的设计图来考验性能表现,重复数千次试验,打开、拖拽、平移、缩放等操作逐一测试,确保优化结果是准确且有效的。欢迎大家可以在电脑上试试,体验更快、更流畅的蓝湖,也欢迎大家关注「蓝湖协作平台」。

性能升级后,蓝湖陆续收到了来自用户的一些反馈,在设计页中图片数量越多的用户,对性能升级的感知会越明显。

但是性能的优化,往往只在几秒之差,甚至 1 秒以内。比如说,昨天打开设计页用了 1 秒,今天用了0.8 秒,它的变化可能不会被明显地感知到。但这却是一件我们认为必须要做的事,因为也许哪一天,随着业务的发展,你需要打开 1 万张设计图,那么设计页节省的时间,会比 0.2 秒多更多。更快响应,更加流畅,蓝湖不想因为哪怕 0.2 秒的等待,让用户错过了稍纵即逝的灵感。

一切为了更好地交付。

「蓝湖设计协作平台」一切为了更好的交付相关推荐

  1. 在线协作平台「蓝湖」完成5亿元C轮融资,多元化产品布局提升产品研发效率...

    在线协作平台「蓝湖」已于近日完成 5 亿人民币的 C 轮融资,领投方为尚未透露的某产业基金,老股东光速中国,红杉中国,金沙江创投跟投.本轮融资额将主要用于产品研发投入.市场业务团队搭建及后续品牌建设. ...

  2. (51)蓝湖团队协作开发平台

    一.Adobe Photoshop 二.Adobe Fireworks 三.Sketch(Mac版本电脑前端程序员最喜欢的切图工具) 四.插件:Cutterman(早期程序员最爱用的插件) 蓝湖(现在 ...

  3. linux内核对孤儿进程寻父,读薄「Linux 内核设计与实现」(2) - 进程管理和调度

    这篇文章是<读薄「Linux 内核设计与实现」>系列文章的第 II 篇,本文主要讲了以下问题:进程管理的任务.进程管理与其他模块的依赖关系.进程描述符和任务队列.进程的创建.线程的实现.进 ...

  4. 蓝湖-简单好用的设计协作平台

    同事推荐一款很不错的协作平台--蓝湖.可以简化设计师和程序猿间的工作.使用它可以自动获取设计图标注,可以添加页面跳转逻辑,做出高仿真的交互原型,能很大程度的提高做事效率,减少沟通成本. 官网地址:蓝湖 ...

  5. 「蓝玫瑰不会安眠」读后感

    提前完成了本周的计划,然后奖励自己看了Zack Snyder版的Justice League,不得不说,导演一样带来的就是剧情的连贯性,BVZ里的剧情和JL的剧情完全连上了,而且六巨头的选角也很棒.和 ...

  6. 「黄金比例标尺设计辅助软件」Goldie App for Mac 1.2.1

    地址:Goldie App for Mac 1.2.1[风云社区] Goldie App 1.2.1 是设计师和艺术家在视觉上参考或计算黄金比例的最快捷方式.适用于Mac OS.将您的设计从优秀变为优 ...

  7. 蓝湖类似的软件_一款产品设计团队必备的协作工具——蓝湖

    蓝湖和Tower:一个是国内产品设计协作平台的先行者,一个是国内互联网团队协作平台的领航者,拥有着同样的互联网开放精神,一见如故,强强联合,打通了彼此的功能渠道,致力为各个互联网公司与团队提供更方便. ...

  8. 怎么用class引入svg_【蓝湖指北】走向设计巅峰,从蓝湖 Sketch 插件开始,用它!...

    用好蓝湖,提升团队协作效率,蓝湖指北,教你如何用好蓝湖.本期[蓝湖指北]如约而至- Sketch 作为一款轻量级的矢量设计工具,凭借其强大的界面设计功能,被大多数 UI 设计师所使用,日渐成为产品研发 ...

  9. 蓝湖怎么切图标注_【蓝湖指北】你真的会切图吗?

    ​​用好蓝湖,提升团队协作效率, 蓝湖指北,教你如何用好蓝湖. 本期[蓝湖指北]如约而至- 应付奇葩需求.交付设计图,乃设计师职业生涯中的两大难题.对 UI 设计师而言,交付设计图绝不只是打包.发送设 ...

最新文章

  1. 获取各种常见形状的位图
  2. WPF实现Windows资源管理器(附源码)
  3. matlab实现彩色图像灰度化的三种方法
  4. 机器学习理论《统计学习方法》学习笔记:第五章 决策树
  5. 创建一个存储函数,返回指定员工的姓名,薪水和年收入
  6. angular路由传递参数_在angular4.0路由传递获取参数的最优方案
  7. Linux手机适配,nginx同时适配PC版和手机移动版
  8. 纯css实现给图片加标签
  9. [2013.8.16]小议innerText/HTML以及outerText/HTML
  10. 你以为海淘产品能逃过海关法眼?大数据技术一网打尽
  11. LINUX下载编译libc(glibc)
  12. 运动控制芯片 Motion Control ICs
  13. 李永乐老师讲博弈论:帝王为啥要杀掉有功之臣
  14. React router v6写法总结
  15. KGB知识图谱深入挖掘金融行业的知识关联
  16. USB扫码枪二维码读取(二)——MFC篇
  17. 使用canvas绘制笑脸
  18. 设备选型(选择交换机、选择路由器的技能指标)
  19. webug 4.0 第四关 POST注入
  20. JavaScript获取元素下标的几种方法

热门文章

  1. QueryWrapper常用方法
  2. springMVC教程初级(四)Controller篇(结果、参数 )
  3. Eclipse Maven Web工程报错:java.lang.ClassNotFoundException: ContextLoaderListener
  4. 【React】485- React 大佬都在用的 22 种神奇工具
  5. 我的知识和我的动力,来自哪里?
  6. 张钜楷;3.25黄金、原油、磅日、美加、澳美,外汇,今日行情分析及解套
  7. Trojan.Win32病毒源码分析
  8. 前端标注工具标你妹啊与马克鳗小对比
  9. 第31章 Python3 标准库概览教程
  10. 《java架构师成长直通车》课程阶段一学习笔记