Die Geschichte, wie wir das PVS-Studio-Symbol geändert haben



Die Version 7.0 markiert einen neuen Meilenstein in der Geschichte des PVS-Studio-Analysators. Die Analyse ist jetzt nicht nur für den in C, C ++, C #, sondern auch in Java geschriebenen Code verfügbar. Zusätzlich zu dieser globalen Verbesserung werden einige vorhandene Mechanismen für die Analyse verfeinert und verbessert, und Diagnoseregeln werden hinzugefügt. Es gab eine weitere bedeutende Änderung, die Sie kaum übersehen konnten. Wir haben das Symbol geändert.

Hinweis In diesem Artikel finden Sie keine listigen Tricks oder Tipps zum Entwerfen von Symbolen. Der Zweck des Artikels ist diesmal etwas anders - es geht darum, eine Geschichte zu erzählen und sie, wenn möglich, interessant zu machen.

Warum haben wir uns dazu entschlossen? Alles ist ziemlich prosaisch. Das aktuelle Symbol war bereits alt und wurde seit vielen Jahren nicht mehr geändert. Warum nicht zusammen mit dem wirkungsvollen Versionsupdate? Es wurde also entschieden, dass wir uns für die nächste Version 7.0 etwas einfallen lassen mussten.

Sie haben wahrscheinlich eine Frage: Wie sind Sie zu dem gekommen, was Sie jetzt haben, mit diesen grünen 3D-Buchstaben? Um ein besseres Verständnis zu erhalten, sollten Sie den Verlauf der Änderungen verfolgen, der im Folgenden beschrieben wird.

Übrigens haben Leser, die unseren Veröffentlichungen folgen, sowie diejenigen, die auf Konferenzen mit uns kommunizieren, möglicherweise bereits einige Änderungen in den zugehörigen Attributen bemerkt, beispielsweise bei unseren Einhörnern. Jetzt werden sie häufiger aufrecht dargestellt, tragen meistens blaue Hemden, und die Anzahl von ihnen hatte zugenommen.

Kommen wir nun zu der Frage zurück: Warum mussten wir jemals mit geometrischen Formen experimentieren, wenn in den Artikeln und auf Konferenzen unser Einhorn der Chef der Show ist? Warum ihn nicht als Ikone benutzen?

Ja, das Einhorn ist jetzt sehr stark mit PVS-Studio verbunden. Bevor wir also Experimente mit dem neuen Symbol durchführen, haben wir überprüft, wie es wie ein Symbol aussehen würde.

Unten sehen Sie einige Beispiele.

Installationsfenster:



Ein Teil eines Kontextmenüs, das vom Projektmappen-Explorer aufgerufen wird:



Sieht nicht schön aus, oder? Und je kleiner die Ikone war, desto schlimmer waren die Dinge. In einem Process Hacker zum Beispiel sah das Einhorn absolut unanständig aus. Übrigens haben wir dieses Symbol als "Banane" bezeichnet, da es in der Größe 16x16 unmöglich ist, ihn von einer Banane zu unterscheiden.

Wir haben uns daher entschlossen, nicht mit dem Zeichnen neuer Einhörner speziell für Symbole zu experimentieren und das vorhandene zu ändern (grüne PVS-Buchstaben). Tatsächlich haben wir bereits vor einigen Jahren mit einem Einhorn als Ikone experimentiert. Dann haben wir einen Fachmann darum gebeten. Das Ergebnis der Arbeit wurde einfach weggeworfen.

Zunächst wurde beschlossen, das Symbol minimalistischer zu gestalten (Dreidimensionalität entfernen) und die Farben zu ändern. Wir haben uns für eine blaue Farbe als Basis entschieden: Einige Elemente auf der Website sind in dieser Farbe gemalt. Einhörner tragen ein blaues T-Shirt, das wir auf der Website, in Artikeln, Handouts und an Konferenzständen sehen können.

Wir haben 3 Symbole zur Auswahl gezeichnet.



Das zweite Layout wurde sofort aus der Abstimmung gestrichen und die Stimmen zwischen dem ersten und dem letzten aufgeteilt. Nach einem kurzen Streit lehnten wir das erste Symbol ab - es war zu einfach.

Obwohl das dritte Symbol im Vergleich zu zwei anderen auffiel, entsprach es nicht allen unseren Wünschen. Es gab Experimente mit der Änderung des Abstands zwischen den Buchstaben, der Form des Dreiecks (von gleichschenklig bis gleichseitig) und so weiter. Einer der wichtigsten Punkte war vielleicht der Verzicht auf nur eine Farbe und eine Palettenerweiterung - die Auswahl einer Farbe für jeden Buchstaben. Die erste Version eines solchen Symbols sah wie folgt aus.



Die Erweiterung der Farbpalette sorgte für Abwechslung, aber das Symbol sah immer noch zu langweilig und einfach aus. Es schien uns, dass der Hauptgrund dafür strenge horizontale / vertikale Linien waren, die Grenzen zwischen Buchstaben darstellen. Wir beschlossen, mit ihnen zu experimentieren. Im Folgenden sind einige Zwischenoptionen angegeben.



Eine wichtige Entscheidung, die die weitere Arbeit stark beeinflusste und auch das Endergebnis widerspiegelte, wurde zum Ort des Buchstabens 'V' wie folgt:



Der Buchstabe 'V' hatte keine Fragen mehr, er passte ideal (obwohl er wie eine Zecke aussah). Wir hatten noch einige Fragen zu den Grenzen zwischen den Buchstaben 'P' und 'S', da es nicht so anmutig aussah, begann es von 'nirgendwo' und ging zu 'nirgendwo'. Im Vergleich zu 'V', dessen Linien in den Ecken der Form begannen und endeten, die traurig aussahen.

Danach schlug mein Kollege (hi, Paull ) eine solche Idee vor, die unseren weiteren Entwurfsprozess bestimmte (nicht Wort für Wort Zitat): "Warum brauchen wir dieses 'Add-In' für ein Dreieck? Werfen wir es weg, dann wird die Grenzlinie zwischen Grün und Blau natürlich auf die gleiche Weise wie 'V' platziert. Er hat gerade ins Schwarze getroffen!



Schöne, minimalistische Grenzen wurden so gesetzt, wie wir es wollten! Wir haben weiter experimentiert - es sah toll aus. Mit dem Ergebnis zufrieden, haben wir uns sogar entschlossen, diesen Prototyp als etwas Besonderes zu bezeichnen - "Ultimatives Dreieck". Im Vergleich zu anderen war sofort klar, welcher dort der Favorit war. Nun, du hast es verstanden, neutraler Vergleich :)

Beim gründlicheren Testen erschien jedoch eine Nuance (natürlich können wir nicht ohne sie auskommen). Bei der Betrachtung der geringen Größe wurde deutlich, dass sich die Grenze zwischen Grün und Blau vermischte, wir wollten sie irgendwie hervorheben.

Kollegen hatten einen anderen Anspruch. Die Buchstaben 'P' und 'V' waren zu erkennen, 'S' war nicht mehr lesbar. Vielleicht könnte es "abgeschlossen" sein, aber man brauchte wirklich coole Fantasie, um das zu tun.

Deshalb sind wir von einem Dreieck weitergegangen. Ekaterina ( Kate_Milovidova ) (ja, hallo auch für Sie :)) entwarf Prototypen zur Lösung des oben genannten Problems und änderte die Geometrie der Form geringfügig, indem sie eine weitere Ecke hinzufügte und sie von einem Dreieck in ... ein gestrecktes und abgeschnittenes Dreieck verwandelte. Egal wie es sich anhört, es sah so erneuert aus!

Die Skizze der neuen Form:



So sah es in einem digitalen Format aus:



Das Ändern der Geometrie war eindeutig von Vorteil, es fehlten jedoch separate Elemente / Buchstaben, die hervorgehoben wurden. Um den Buchstaben 'S' zu trennen, haben wir uns entschlossen, eine dunkle Linie zu verwenden. Das Ergebnis ist unten dargestellt.



Wie Sie sehen können, hat die Linie die Angelegenheit verschärft. Das Hauptelement, das sich von den anderen abhob und die Aufmerksamkeit auf sich selbst richtete, war der dunkle „Pfeil“.

Trotzdem löste die Trennung der Formen für drei klar unterteilte Komponenten das Problem. Fast die endgültige Version sah wie folgt aus:



Ich war mit dem Ergebnis zufrieden. Die Kollegen auch. Jetzt konnten sie die Buchstaben 'PVS' deutlicher sehen (wie um alles in der Welt machst du das ?!).

Die Reaktion von Evgeniy ( EvgeniyRyzhkov ), unserem CEO (Hallo an Sie auch :)), war zunächst wie folgt: „Cool, aber wo ist 'PVS' hier?“ Erstaunlich, aber nach einer Weile sah er auch Briefe ...

Weitere Verfeinerungen bezogen sich auf eine kleine Anpassung der Farben und die Abstimmung des Abstands zwischen den Elementen - es hätte nicht zu groß aussehen sollen, wenn das Bild in großem Maßstab angezeigt wurde, aber die Linie sollte auf kleinen Bildern nicht als kaum sichtbarer Streifen aussehen. Zum Beispiel von 16x16 Größe.

Am Ende haben wir die folgende Variante gewählt, die endgültig wurde.



Wenn Sie PVS-Studio 7.0 verwendet haben, haben Sie dieses Symbol wahrscheinlich bereits gesehen, aber für den Fall, hier sind einige Beispiele, wie es an verschiedenen Stellen aussieht.

Installationsfenster:



Ein Teil eines Kontextmenüs, das vom Projektmappen-Explorer aufgerufen wird:



Sehen Sie sich das Fenster für den Analysefortschritt an, wenn Sie die geöffneten Fenster wechseln:



Das Beispiel, wie das neue Symbol bei der Suche angezeigt wird:



Ich möchte einen kurzen Weg vom alten zum neuen Symbol unten vorstellen:



Nun, es hat gut geklappt, wie denkst du? Ich frage mich übrigens, ob das neue Symbol "PVS" enthält.

Fazit


Ich hoffe, ich habe es geschafft, Ihnen eine interessante Geschichte zu erzählen, indem ich Ihnen unseren Weg gezeigt und erklärt habe, wie wir vom alten zum neuen Bild gekommen sind. Ich würde empfehlen, es sich bei der Analyse Ihrer Projekte genau anzusehen, nicht nur beim Lesen des Artikels. Gleichzeitig können Sie eine neue Download-Seite auschecken und dort bei Bedarf einen Testschlüssel anfordern.

Für diejenigen, die an solchen Geschichten interessiert sind, empfehle ich auch, diesen Artikel zu lesen (falls Sie ihn verpasst haben) " PVS-Studio-Projekt - 10 Jahre Misserfolge und Erfolge ". Seitdem hat sich jedoch viel geändert (zumindest sind wir in das neue Büro umgezogen), sodass wir definitiv etwas zu erzählen haben ...

Source: https://habr.com/ru/post/de441044/


All Articles