我们如何更改PVS-Studio图标的故事



7.0版标志着PVS-Studio分析仪历史上的新里程碑-现在,分析不仅适用于用C,C ++,C#编写的代码,而且还适用于Java。 除了这项全球创新之外,现有的分析机制还在不断改进和完善,并增加了诊断规则。 您几乎不会错过另一个全球变化。 我们已经更改了图标。

注意事项 在本文中,您将找不到开发图标的技巧。 本文的目的略有不同-讲一个故事,并尽可能使它有趣。

为什么要这样决定? 一切都很平淡无奇。 当前的图标已经很旧,并且多年没有变化。 为什么不进行全局版本升级呢? 那就是他们认为对于7.0版,您需要提出一些新的东西。

您可能有一个问题-我们是如何来自三维绿色字母“ PVS”的来源的? 为了更好地理解,您应该遵循更改的历史记录,下面将对此进行描述。

顺便说一句,密切关注我们出版物的读者以及在会议上与我们交流的读者可能已经注意到伴随属性的某些变化,例如独角兽。 现在,它们通常被描述为两足动物,大多穿着蓝色T恤,而且实际上他们的队伍也多种多样。

让我们回到一个问题,为什么在物品和展台上通常需要进行几何形状的实验-到处都有独角兽? 为什么不使用它作为图标?

是的,独角兽确实已经与PVS-Studio紧密相关,因此在尝试新图标之前,我们检查了独角兽的外观像一个图标。

您可以在下面看到一些示例。

安装程序窗口:



从解决方案资源管理器中调用的上下文菜单的一部分:



看起来不太对吗? 图标越小,情况就越糟。 例如,在某些Process Hacker中,独角兽看起来绝对不雅。 顺便说一下,我们将这个图标称为“香蕉”,因为不可能将这种16x16的独角兽与香蕉区分开。

因此,我们决定不尝试绘制专门用于图标的新独角兽,而是尝试更改现有的独角兽(绿色字母“ PVS”)。 实际上,几年前我们已经尝试过将独角兽作为标志。 然后从专业人士那里订购了图标的开发。 工作的结果只是被扔掉了。

最初,决定使图标更加简约(删除三维尺寸)并更改颜色。 他们决定使用蓝色作为主要颜色:他们在网站上绘制了一些元素,在网站上使用了这种颜色穿着的独角兽T恤,文章,讲义和会议看台上。

绘制了3个图标,我必须从中选择。



投票中的第二个模拟票立即退出,但在第一票和第三票之间产生了分歧。 经过短暂的辩论,第一个图标也被放弃了-这太简单了。

出现了第三个图标,尽管在另两个图标的背景下看起来更好,但仍不能满足所有需求。 有一些实验可以改变字母之间的距离,三角形的形状(从等腰到等边),等等。 重点之一可能是拒绝单调性和扩展调色板-为每个字母分配单独的颜色。 这种图标的第一个版本如下所示。



调色板的扩展带来了多样性,但是图标仍然显得过于枯燥和简单。 在我们看来,主要原因是在字母之间突出了严格的水平/垂直线。 决定开始尝试使用它们。 下面介绍了一些中间选项。



关键决定在很大程度上影响了以后的工作,并且也反映在最终结果中,是字母“ V”的位置如下:



我们再也没有关于“ V”的问题-它非常适合(尽管现在更像是对勾)。 关于字母“ P”和“ S”之间的边界存在疑问,因为它看起来并不那么优雅,所以它开始“无处”而“无处”。 与“ V”形线条在图的角落开始和结束的“ V”相比,它看上去很呆滞。

然后,一位同事( Paull ,你好)表达了这个想法,该想法决定了进一步的关键工作领域(报价不是逐字记录的):“为什么我们在三角形上需要这个“上层建筑”? 让我们把它扔掉,然后蓝色和绿色边界处的线自然会与'V'对齐。” 这在靶心上是打击!



精美,简约,边界可根据需要定位! 他们开始实验-看起来很棒。 对结果满意后,我们甚至决定以某种特殊方式命名此原型-'UltimateTriangle'。 因此,与附近的其他人进行比较时,很明显,谁是这里的最爱。 好吧,你明白了,一个公正的比较:)

但是,通过更全面的测试,一个细微差别浮出水面(没有它们的情况会怎样)。 由于尺寸较小,绿色和蓝色之间的边界已合并,我想以某种方式强调它。

我的同事还有另一个要求。 如果仍能以某种方式在此处看到字母“ P”和“ V”,则显然已不再阅读“ S”。 也许它可以“完成”,但是为此您需要具有非常酷的想象力。

因此,我们从三角形继续前进。 开发原型来解决上述问题,凯瑟琳(是的, 凯特·米洛维多娃Kate_Milovidova) ,也向您问好:))稍微改变了图形的几何形状,添加了另一个角并将其从三角形变成...细长的三角形? 无论听起来如何,它看起来都更加新鲜!

一个新图的草图:



因此,在将其转换为数字格式后,它看起来很像:



改变几何形状显然是有益的,但是缺少元素的分离/“字母”(针对谁)的选择。 为了表示字母“ S”,决定尝试使用黑线。 结果如下。



显然,这条线加剧了此事。 现在,突出于其他方面并专注于自身的主要元素已经变成了黑暗的“箭头”。

但是将图形分为三个明显分开的部分可以解决问题。 几乎最终的版本如下所示:



我对结果感到满意。 同事们-现在他们已经更清楚地看到了字母“ PVS”(所以您怎么做?!)。

起初 ,我们的首席执行官Eugene( EvgeniyRyzhkov ,也向您问好:)的回应是这样的:“太好了,但是“ PVS”在哪里?” 令人惊讶的是,过了一会儿他开始在这里看到信件...

进一步的改进与对颜色的少量调整以及元素之间的距离的对齐有关-当以大比例显示图像时,它看起来不应该太大,但是在小图像中,该线不应看起来像一条几乎不明显的条带-例如16x16。

结果,我们选择了下一个选项,它成为了最后一个选项。



如果您使用的是PVS-Studio 7.0,您可能已经亲眼看到了该图标,但以防万一,我将举一些例子说明它在不同位置的外观。

安装程序窗口:



从解决方案资源管理器中调用的上下文菜单的一部分:



切换打开的窗口时分析进度窗口的外观:



搜索过程中如何显示新图标的示例:



以下是从旧图标到新图标的简短路径:



看来效果很好,您认为呢? 顺便问一下,我不禁要问,您是否在新图标中看到字母“ PVS”?

结论


我希望我能告诉您一个有趣的故事,展示我们的方式并解释我们是如何从旧形象过渡到新形象的。 为了更好地考虑它,我当然不建议在本文的图片中使用,而是建议在分析项目时使用。 同时,您可以评估新的下载页面,并在必要时在那里请求试用密钥。

对于那些对此类故事感兴趣的人,我还建议您阅读这篇文章(如果您突然错过了它)“ PVS-Studio项目是10年前开始的 。” 但是,从那以后,已经有大量的水流了(至少我们搬到了新办公室),所以我们肯定还有话要说...



如果您想与讲英语的读者分享这篇文章,请使用以下链接:Sergey Vasiliev。 我们如何更改PVS-Studio图标的故事

Source: https://habr.com/ru/post/zh-CN441046/


All Articles