La historia de cómo cambiamos el ícono de PVS-Studio



La versión 7.0 marcó un nuevo hito en la historia del analizador PVS-Studio: el análisis ahora está disponible no solo para el código, escrito en C, C ++, C #, sino también en Java. Además de esta mejora global, algunos mecanismos existentes para el análisis se refinan y mejoran, se agregan reglas de diagnóstico. Hubo otro cambio significativo que difícilmente podría perderse. Cambiamos el ícono.

Nota En el art√≠culo, no encontrar√°s trucos o consejos astutos para dise√Īar iconos. El prop√≥sito del art√≠culo es un poco diferente esta vez: es contar una historia y, si es posible, hacerla interesante.

¬ŅPor qu√© decidimos hacerlo? Todo es bastante prosaico. El √≠cono actual ya era antiguo y no se ha cambiado en muchos a√Īos. ¬ŅPor qu√© no distribuirlo junto con la impactante actualizaci√≥n de la versi√≥n? Por lo tanto, se resolvi√≥ que necesit√°bamos encontrar algo para la pr√≥xima versi√≥n 7.0 .

Probablemente tengas una pregunta: ¬Ņc√≥mo terminaste con lo que tienes ahora, con esas letras verdes en 3D? Para obtener una mejor comprensi√≥n, debe seguir el historial de cambios, que se describir√° a continuaci√≥n.

Por cierto, los lectores que siguen nuestras publicaciones, as√≠ como aquellos que se comunican con nosotros en las conferencias, ya pueden haber notado algunos cambios en los atributos relacionados, por ejemplo, en nuestros unicornios. Ahora son retratados con mayor frecuencia en posici√≥n vertical, la mayor√≠a usan camisas azules, y el n√ļmero de ellos hab√≠a aumentado.

Ahora volvamos a la pregunta: ¬Ņpor qu√© alguna vez tuvimos que experimentar con formas geom√©tricas, si en los art√≠culos y en las conferencias es nuestro unicornio quien es el jefe del espect√°culo? ¬ŅPor qu√© no usarlo como √≠cono?

Sí, el unicornio ahora se asocia fuertemente con PVS-Studio, por lo que antes de realizar experimentos con el nuevo ícono, habíamos comprobado cómo se vería como un ícono.

Puedes ver algunos ejemplos a continuación.

Ventana del instalador:



Una parte de un men√ļ contextual, llamado desde el Explorador de soluciones:



No se ve bonito, ¬Ņverdad? Y cuanto m√°s peque√Īo era el √≠cono, peor eran las cosas. En un Process Hacker, por ejemplo, el unicornio parec√≠a absolutamente indecente. Por cierto, hemos llamado a este icono "pl√°tano" porque en un tama√Īo de 16x16 es imposible distinguirlo de un pl√°tano.

As√≠ que decidimos no experimentar dibujando nuevos unicornios espec√≠ficamente para iconos e intentar cambiar el existente (letras verdes 'PVS'). En realidad, ya hemos experimentado con un unicornio como √≠cono, hace unos a√Īos. Luego le pedimos a un profesional que hiciera eso. El resultado del trabajo simplemente fue descartado.

Inicialmente se decidió hacer el icono más minimalista (eliminar la tridimensionalidad) y cambiar los colores. Decidimos usar un color azul como básico: algunos elementos en el sitio están pintados en este color; los unicornios usan una camiseta azul, a quien podemos ver en el sitio, en artículos, folletos y en las cabinas de conferencias.

Dibujamos 3 iconos para elegir.



El segundo dise√Īo se elimin√≥ de la votaci√≥n inmediatamente y los votos se dividieron entre el primero y el √ļltimo. Despu√©s de una breve disputa, nos negamos desde el primer √≠cono: era demasiado simple.

Aunque el tercer √≠cono se destacaba en comparaci√≥n con otros dos, a√ļn no cumpl√≠a con todos nuestros deseos. Hubo experimentos para cambiar el espacio entre las letras, la forma del tri√°ngulo (de is√≥sceles a equil√°tero), etc. Uno de los puntos clave fue, quiz√°s, una exenci√≥n de un solo color y una extensi√≥n de paleta: elegir un color para cada letra. La primera versi√≥n de dicho √≠cono ten√≠a el siguiente aspecto.



La extensi√≥n de la paleta de colores hizo variedad, pero el √≠cono a√ļn parec√≠a demasiado aburrido y simple. Nos pareci√≥ que la raz√≥n principal de esto eran las estrictas l√≠neas horizontales / verticales que representan los l√≠mites entre las letras. Decidimos experimentar con ellos. Varias opciones intermedias se dan a continuaci√≥n.



Una decisión clave, que influyó fuertemente en el trabajo posterior, así como también reflejó el resultado final, se convirtió en la ubicación de la letra 'V' de la siguiente manera:



En cuanto a la letra 'V', no ten√≠amos m√°s preguntas, se adaptaba idealmente (a pesar de que parec√≠a una marca). Todav√≠a ten√≠amos algunas preguntas sobre los l√≠mites entre las letras 'P' y 'S', ya que no se ve√≠a tan elegante, comenz√≥ desde 'ning√ļn lugar' y se fue a 'ning√ļn lugar'. Comparando con 'V', cuyas l√≠neas comenzaron y terminaron en las esquinas de la forma que parec√≠a triste.

Despu√©s de eso, mi colega (hola, Paull ) sugiri√≥ tal idea, que determin√≥ nuestro proceso de dise√Īo adicional (no una cita palabra por palabra): "¬ŅPor qu√© necesitamos este 'complemento' en un tri√°ngulo? Des√©chelo, entonces la l√≠nea de borde entre el verde y el azul se colocar√° naturalmente de la misma manera que 'V'. ¬°Acaba de dar en el blanco!



¡Las fronteras bonitas y minimalistas se establecieron de la manera que queríamos! Continuamos los experimentos, se veía genial. Satisfechos con el resultado, incluso decidimos llamar a ese prototipo como algo especial: 'UltimateTriangle'. Al compararlo con otros, quedó claro de inmediato cuál era el favorito allí. Bueno, lo tienes, neutral comparando :)

Sin embargo, al probar m√°s a fondo, apareci√≥ un matiz (por supuesto, no podemos prescindir de ellos). Al observar su peque√Īo tama√Īo, se hizo evidente que el borde entre el verde y el azul se mezclaba, quer√≠amos resaltarlo de alguna manera.

Los colegas tenían otro reclamo. Las letras 'P' y 'V' podían reconocerse, 'S' ya no era legible. Tal vez podría ser 'completado', pero necesitabas tener una imaginación realmente genial para hacer eso.

Por lo tanto, pasamos de un tri√°ngulo. Dise√Īando prototipos para resolver el problema indicado anteriormente, Ekaterina ( Kate_Milovidova ) (s√≠, hola para ti tambi√©n :)) cambi√≥ ligeramente la geometr√≠a de la forma, agregando otra esquina y convirti√©ndola de un tri√°ngulo en ... ¬Ņun tri√°ngulo estirado y recortado? ¬°No importa c√≥mo suene, se ve√≠a tan renovado!

El boceto de la nueva forma:



Así es como se veía en un formato digital:



El cambio de geometría claramente se benefició, pero careció de elementos separados / letras resaltadas. Para separar la letra 'S', decidimos intentar usar una línea oscura. El resultado se presenta a continuación.



Como puede ver, la línea exacerbó el asunto. Ahora, el elemento principal que se destacaba del resto y que centraba la atención en sí mismo, era la oscura 'flecha'.

Sin embargo, la separación de las formas para tres componentes claramente divididos resolvió el problema. Casi la versión final tenía el siguiente aspecto:



Estaba satisfecho con el resultado. As√≠ fueron los colegas. Ahora pod√≠an ver las letras 'PVS' m√°s claramente (¬Ņc√≥mo lo est√°s haciendo?).

La reacci√≥n de Evgeniy ( EvgeniyRyzhkov ), nuestro CEO (hola a ti tambi√©n :)) al principio fue la siguiente: "Genial, pero ¬Ņd√≥nde est√° 'PVS' aqu√≠?" Incre√≠ble, pero despu√©s de un tiempo, tambi√©n comenz√≥ a ver cartas ...

Mejoras adicionales relacionadas con un peque√Īo ajuste de colores y conciliaci√≥n del espacio entre los elementos: no deber√≠a haber parecido demasiado grande cuando la imagen se mostraba a gran escala, pero la l√≠nea no deber√≠a haber parecido una franja apenas visible en im√°genes peque√Īas, por ejemplo, de tama√Īo 16x16.

Al final, elegimos la siguiente variante, que se convirtió en final.



Si ha estado usando PVS-Studio 7.0, probablemente ya haya visto este icono, pero por si acaso, aquí hay algunos ejemplos de cómo se ve en diferentes lugares.

Ventana del instalador:



Una parte de un men√ļ contextual, llamado desde el Explorador de soluciones:



Mire la ventana de progreso del an√°lisis al cambiar las ventanas abiertas:



El ejemplo de cómo se muestra el nuevo icono al buscar:



Me gustaría presentar un breve camino del icono antiguo al nuevo a continuación:



Bueno, funcion√≥ bien, ¬Ņc√≥mo te parece? Por cierto, no puedo evitar preguntarme, ¬Ņves 'PVS' en el nuevo √≠cono?

Conclusión


Espero haber podido contarte una historia interesante, mostrándote nuestro camino y habiendo explicado cómo pasamos de la imagen anterior a la nueva. Recomendaría echarle un vistazo de cerca al analizar sus proyectos, no solo al leer el artículo. Al mismo tiempo, puede consultar una nueva página de descarga y solicitar una clave de prueba allí si es necesario.

Para aquellos que est√©n interesados ‚Äč‚Äčen tales historias, tambi√©n recomiendo leer este art√≠culo (en caso de que se lo perdieran) " Proyecto PVS-Studio - 10 a√Īos de fracasos y √©xitos ". Sin embargo, mucho ha cambiado desde entonces (al menos, nos mudamos a la nueva oficina), por lo que definitivamente tenemos algo que contar ...

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


All Articles