La version 7.0 a marqué une nouvelle étape dans l'histoire de l'analyseur PVS-Studio - maintenant l'analyse est disponible non seulement en C, C ++, C #, mais aussi en Java. En plus de cette innovation mondiale, les mécanismes d'analyse existants continuent de s'améliorer et de s'affiner, et des règles de diagnostic sont ajoutées. Il y a eu un autre changement global que vous avez à peine manqué. Nous avons changé l'icône.
Remarque Dans cet article, vous ne trouverez pas d'astuces ou de conseils pour développer des icônes. Le but de l'article est légèrement différent - raconter une histoire et, si possible, la rendre intéressante.
Pourquoi une telle décision? Tout est assez prosaïque. L'icône actuelle était déjà ancienne et n'a pas changé depuis de nombreuses années. Pourquoi ne pas le mettre à niveau avec une mise à niveau de version globale? C'est ce qu'ils ont décidé que pour la
version 7.0, vous devez trouver quelque chose de nouveau.
Vous avez probablement une question - comment sommes-nous venus d'où nous venions des lettres vertes tridimensionnelles «PVS»? Pour une meilleure compréhension, vous devez suivre l'historique des changements, qui sera décrit ci-dessous.
Soit dit en passant, les lecteurs qui suivent de près nos publications, ainsi que ceux qui communiquent avec nous lors de conférences, ont peut-être déjà remarqué des changements dans les attributs qui l'accompagnent, par exemple les licornes. Désormais, ils sont plus souvent représentés comme bipèdes, portent pour la plupart des t-shirts bleus, et leurs rangs sont en effet diversifiés.
Revenons à la question de savoir pourquoi il était nécessaire d'expérimenter les formes géométriques en général, si dans les articles et sur les supports - une licorne apparaît partout? Pourquoi ne pas l'utiliser comme icône?
Oui, la licorne est vraiment déjà fortement associée à PVS-Studio, donc avant d'expérimenter avec la nouvelle icône, nous avons vérifié à quoi ressemblait la licorne comme une icône.
Vous pouvez voir quelques exemples ci-dessous.
Fenêtre d'installation:
Une partie du menu contextuel appelé depuis l'Explorateur de solutions:
Ça n'a pas l'air très bien? Et plus l'icône était petite, plus les choses étaient mauvaises. Dans certains Process Hacker, par exemple, une licorne avait l'air absolument indécente. Soit dit en passant, nous avons appelé cette icône «banane» entre nous, car il est impossible de distinguer cette licorne de 16x16 d'une banane.
Par conséquent, nous avons décidé de ne pas essayer de dessiner de nouvelles licornes spécifiquement pour les icônes, mais d'essayer de changer celles existantes (lettres vertes «PVS»). En fait, nous avons déjà expérimenté la licorne comme icône il y a plusieurs années. Ensuite, le développement de l'icône a été commandé par un professionnel. Le résultat du travail a simplement été jeté.
Au départ, il a été décidé de rendre l'icône plus minimaliste (supprimer la tridimensionnalité) et de changer les couleurs. Ils ont décidé d'utiliser le bleu comme couleur principale: ils ont peint certains éléments sur le site, dans un T-shirt de cette couleur habillé de licornes utilisées sur le site, dans des articles, sur des documents et des stands de conférence.
3 icônes ont été tirées, parmi lesquelles j'ai dû choisir.
Le deuxième simulacre de vote a immédiatement été abandonné, mais entre le premier et le troisième vote ont été divisés. Après un court débat, la première icône a également été abandonnée - c'était trop simple.
La troisième icône présentée, bien qu'elle paraisse mieux dans le contexte des deux autres, mais ne satisfait toujours pas tous les désirs. Il y a eu des expériences pour changer la distance entre les lettres, la forme d'un triangle (d'un isocèle à un équilatéral), etc. L'un des points clés a peut-être été le rejet de la monotonie et l'expansion de la palette de couleurs - l'attribution d'une couleur distincte pour chaque lettre. La première version d'une telle icône ressemblait à ceci.
L'expansion de la palette de couleurs a apporté de la variété, mais l'icône semblait toujours trop ennuyeuse et simple. Il nous a semblé que la raison principale était des lignes horizontales / verticales strictes qui dépassent entre les lettres. Il a été décidé de commencer à les expérimenter. Quelques options intermédiaires sont présentées ci-dessous.
La décision clé, qui a grandement influencé la poursuite des travaux et s'est également reflétée dans le résultat final, était l'emplacement de la lettre «V» comme suit:
Nous n'avions plus de questions sur le `` V '' - il allait parfaitement (bien qu'il ressemblait maintenant plus à une coche). Il y avait des questions sur la frontière entre les lettres «P» et «S», car il n'avait pas l'air si élégant, il a commencé «nulle part» et est allé «nulle part». Comparé au «V», dont les lignes ont commencé et se sont terminées dans les coins de la figure, il avait l'air terne.
Puis un collègue (
Paull , bonjour) a exprimé l'idée, qui a déterminé le domaine clé de travail supplémentaire (la citation n'est pas textuelle): «Pourquoi avons-nous besoin de cette« superstructure »sur le triangle? Jetons-le, puis la ligne à la frontière du bleu et du vert s'alignera naturellement de la même manière que «V». » Et ce fut un coup dans la bulle!
Magnifiques, minimalistes, les bordures sont situées au gré de vos envies! Ils ont commencé à expérimenter - ça avait l'air super. Satisfait du résultat, nous avons même décidé de nommer ce prototype d'une manière spéciale - «UltimateTriangle». Donc, en comparant avec les autres à proximité, il était immédiatement clair qui était le favori ici. Eh bien, vous comprenez, une comparaison impartiale :)
Cependant, avec des tests plus approfondis, une nuance est apparue (où serait-ce sans eux). Avec une petite taille, la frontière entre le vert et le bleu fusionné, je voulais le souligner en quelque sorte.
Mes collègues avaient une autre réclamation. Si les lettres «P» et «V» peuvent toujours être vues ici, alors «S» a clairement cessé d'être lu. Peut-être que cela pourrait être «terminé», mais pour cela, vous devez avoir une imagination très cool.
Donc, à partir du triangle, nous sommes passés. En développant des prototypes pour résoudre le problème identifié ci-dessus, Catherine (ouais,
Kate_Milovidova , bonjour à vous aussi :)) a légèrement changé la géométrie de la figure, en ajoutant un autre coin et en la transformant d'un triangle en ... un triangle allongé et recadré? Peu importe comment ça sonne, ça a l'air encore plus frais!
Un croquis d'une nouvelle figure:
Et donc, il s'est occupé du transfert au format numérique:
La modification de la géométrie a clairement bénéficié, mais il y avait un manque de séparation des éléments / sélection de la «lettre» (pour qui). Pour représenter la lettre «S», il a été décidé d'essayer d'utiliser une ligne sombre. Le résultat est présenté ci-dessous.
Apparemment, la ligne a exacerbé la question. Maintenant, l'élément principal qui se démarque du reste et se concentre sur lui-même, est devenu une «flèche» sombre.
Mais la division du chiffre en trois composantes clairement séparées a résolu le problème. La version presque finale ressemblait à ceci:
J'étais content du résultat. Collègues aussi - maintenant ils ont vu les lettres «PVS» plus clairement (alors comment faites-vous cela?!).
La réponse d'Eugene, notre PDG (
EvgeniyRyzhkov , bonjour à vous aussi :)) était au début quelque chose comme ceci: "Super, mais où est le 'PVS'?" Étonnamment, après un certain temps, il a commencé à voir des lettres ici ...
D'autres améliorations ont été associées à un petit ajustement des couleurs et à l'alignement de la distance entre les éléments - elle ne devrait pas sembler trop grande lorsque l'image est affichée à grande échelle, mais la ligne ne devrait pas ressembler à une bande à peine perceptible dans les petites images - 16x16, par exemple.
En conséquence, nous avons opté pour l'option suivante, qui est devenue la dernière.
Si vous avez utilisé PVS-Studio 7.0, vous avez probablement déjà vu cette icône vous-même, mais juste au cas où, je vais vous donner quelques exemples de son apparence à différents endroits.
Fenêtre d'installation:
Une partie du menu contextuel appelé depuis l'Explorateur de solutions:
L'apparence de la fenêtre de progression de l'analyse lors du basculement des fenêtres ouvertes:
Exemple d'affichage d'une nouvelle icône lors d'une recherche:
Vous trouverez ci-dessous un court chemin de l'ancienne à la nouvelle icône:
Cela semble avoir bien fonctionné, qu'en pensez-vous? Soit dit en passant, je ne peux pas m'empêcher de demander, voyez-vous les lettres «PVS» dans la nouvelle icône?
Conclusion
J'espère avoir réussi à vous raconter une histoire intéressante, montrant notre chemin et expliquant comment nous sommes passés de l'ancienne image à la nouvelle. Pour mieux y réfléchir, je recommande, bien sûr, pas dans les photos de l'article, mais lors de l'analyse de mes projets. Dans le même temps, vous pouvez évaluer la
nouvelle page de téléchargement et y demander une clé d'essai si nécessaire.
Pour ceux qui sont intéressés par de telles histoires, je recommande également de lire l'article (si vous l'avez soudainement manqué) "
Comment le projet PVS-Studio a commencé il y a 10 ans ." Cependant, depuis lors, beaucoup d'eau a déjà coulé (au moins, nous avons déménagé dans un nouveau bureau), nous avons donc certainement encore quelque chose à dire ...
Si vous souhaitez partager cet article avec un public anglophone, veuillez utiliser le lien vers la traduction: Sergey Vasiliev.
L'histoire de la façon dont nous avons changé l'icône PVS-Studio