7.0版本标志着PVS-Studio分析仪历史上的一个新的里程碑-该分析现在不仅适用于用C,C ++,C#编写的代码,而且还适用于Java。 除了这种全局改进之外,还完善和改进了一些现有的分析机制,并添加了诊断规则。 还有另一个您几乎不会错过的重大更改。 我们更改了图标。
注意事项 在本文中,您不会找到有关设计图标的狡猾技巧或提示。 这次文章的目的有所不同-讲述一个故事,并在可能的情况下使其有趣。
我们为什么决定这样做? 一切都很平淡无奇。 当前图标已经很旧,并且多年没有更改。 为什么不随着影响力大的版本更新来推销它呢? 因此解决了,我们需要为下一个
7.0版本提出一些建议。
您可能有一个问题-有了那些3D绿色字母,您如何最终得到现在的东西? 为了更好地理解,您应该遵循更改的历史记录,下面将对此进行描述。
顺便说一句,关注我们出版物的读者以及在会议上与我们交流的读者可能已经注意到相关属性的某些变化,例如在我们的独角兽中。 现在,人们通常将他们描绘成直立的,大多穿着蓝色衬衫,而且数量有所增加。
现在让我们回到一个问题-为什么在文章和会议中,我们的独角兽是节目的负责人,为什么我们需要尝试几何形状? 为什么不使用他作为图标?
是的,独角兽现在确实与PVS-Studio紧密地联系在一起,因此在尝试使用新图标之前,我们已经检查了他的外观。
您可以在下面看到一些示例。
安装程序窗口:
从解决方案资源管理器中调用的上下文菜单的一部分:
看起来不漂亮吧? 图标越小,情况就越糟。 例如,在Process Hacker中,独角兽看上去绝对是不雅的。 顺便说一句,我们将这个图标昵称为“香蕉”,因为以16x16的大小无法将他与香蕉区分开。
因此,我们决定不尝试绘制专门用于图标的新独角兽,并尝试更改现有的独角兽(“ PVS”绿色字母)。 实际上,几年前,我们已经尝试过用独角兽作为图标。 然后,我们请专业人士这样做。 工作的结果只是被扔掉了。
最初,决定使图标更加简约(删除三维尺寸)并更改颜色。 我们决定使用蓝色作为基本颜色:网站上的某些元素都用这种颜色绘制; 独角兽穿着一件蓝色的T恤,我们可以在网站上的文章,讲义和会议摊位上看到它们。
我们绘制了3个图标供您选择。
第二个布局立即从投票中删除,投票在第一个和最后一个之间分配。 经过短暂的争执,我们拒绝了第一个图标-这太简单了。
尽管与其他两个图标相比,第三个图标突出了,但它仍然不能满足我们的所有需求。 有一些实验可以改变字母之间的间距,三角形的形状(从等腰到等边)。 重点之一可能是放弃仅一种颜色和调色板扩展名-为每个字母选择一种颜色。 该图标的第一个版本如下所示。
调色板扩展名千变万化,但图标仍然显得过于枯燥和简单。 在我们看来,其主要原因是严格的水平/垂直线表示字母之间的边界。 我们决定尝试使用它们。 下面给出了几个中间选项。
一个决定性地决定了字母“ V”的位置,这是一个重要的决定,在很大程度上影响了后续工作,并反映了最终结果。
至于字母“ V”,我们没有其他问题,它非常适合(即使看起来像一个勾号)。 对于字母“ P”和“ S”之间的界限,我们仍然有一些疑问,因为它看起来并不那么优美,它从“无处”开始,到“无处”。 与“ V”相比,“ V”的线条在看起来令人悲伤的形状的角处开始和结束。
之后,我的同事(嗨,
Paull )提出了这样一个想法,它决定了我们的进一步设计过程(不是逐字引用):“为什么我们需要在三角形上添加这个“附加项”? 让我们扔掉它,然后绿色和蓝色之间的边界线自然会以与“ V”相同的方式放置。 他只是撞到了靶心!
精美,简约的边框设置了我们想要的方式! 我们继续进行实验-看起来很棒。 对于结果感到满意,我们甚至决定将该原型称为特殊名称-'UltimateTriangle'。 与他人进行比较时,很明显,哪一个是那里的最爱。 好吧,你明白了,比较中立:)
但是,当进行更彻底的测试时,会出现一个细微差别(当然,没有它们我们就无法做到)。 当查看它的小尺寸时,绿色和蓝色之间的边界变得很明显,我们想以某种方式突出显示它。
同事还有另一个要求。 可以识别字母“ P”和“ V”,而“ S”不再清晰可见。 也许它可以“完成”,但是您需要具有非常出色的想象力才能做到这一点。
因此,我们从一个三角形继续前进。 为解决上述问题而设计原型时,Ekaterina(
Kate_Milovidova )(是的,也为您打招呼:))稍微改变了形状的几何形状,方法是添加另一个拐角并将其从三角形变成... 无论听起来如何,它看起来都那么新!
新形状的草图:
这是数字格式的样子:
改变几何形状显然会受益,但缺少单独的元素/字母突出显示。 为了分隔字母“ S”,我们决定尝试使用黑线。 结果如下。
如您所见,这条线加剧了问题。 现在,最突出的主要要素是黑暗的“箭头”,它使注意力集中在自身上。
尽管如此,将三个明显分开的组件的形状分开解决了问题。 最终版本几乎如下所示:
我对结果感到满意。 同事们也一样。 现在他们可以更清楚地看到字母“ PVS”(您到底在做什么?!)。
起初 ,我们的首席执行官Evgeniy(
EvgeniyRyzhkov )(也向您
问好 :))的反应是:“很酷,但是'PVS'在哪里?”令人惊讶的是,但过了一会儿,他也开始看到信件...
进一步的改进涉及对颜色的少量调整和元素之间的间距的调和-当以大比例显示图像时,它看起来不应该太大,但是在小图像上,该线看起来不应该是几乎看不见的条纹,例如16x16大小。
最后,我们选择了以下变体,这些变体成为最终的。
如果您一直在使用PVS-Studio 7.0,则可能已经看到了此图标,但以防万一,这里有一些示例,说明了它在不同位置的外观。
安装程序窗口:
从解决方案资源管理器中调用的上下文菜单的一部分:
切换打开的窗口时,查看分析进度窗口:
搜索时如何显示新图标的示例:
我想在下面介绍从旧图标到新图标的简短方法:
好吧,效果很好,您怎么看? 顺便说一下,您不禁要问,您是否在新图标中看到“ PVS”?
结论
我希望通过向您展示我们的道路并解释了我们是如何从旧形象转变为新形象的方式,告诉您一个有趣的故事。 我建议在分析您的项目时仔细研究它,而不仅仅是在阅读本文时。 同时,您可以签出
新的下载页面,并在必要时在那里请求试用密钥。
对于那些对此类故事感兴趣的人,我还建议阅读这篇文章(以防万一您错过了它)“
PVS-Studio项目-十年失败与成功 ”。 但是,此后发生了很多变化(至少,我们搬到了新办公室),所以我们肯定有话要说...