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: ahora el an√°lisis est√° disponible no solo en C, C ++, C #, sino tambi√©n en Java. Adem√°s de esta innovaci√≥n global, los mecanismos de an√°lisis existentes contin√ļan mejorando y refinando, y se agregan reglas de diagn√≥stico. Hubo otro cambio global que apenas te perdiste. Hemos cambiado el √≠cono.

Nota En este artículo no encontrarás trucos o consejos para desarrollar íconos. El propósito del artículo es ligeramente diferente: contar una historia y, si es posible, hacerla interesante.

¬ŅPor qu√© tal decisi√≥n? Todo es bastante prosaico. El √≠cono actual ya era antiguo y no cambi√≥ durante muchos a√Īos. ¬ŅPor qu√© no actualizarlo con una actualizaci√≥n de versi√≥n global? Eso es lo que decidieron que para la versi√≥n 7.0 necesita crear algo nuevo.

Probablemente tenga una pregunta: ¬Ņc√≥mo llegamos de donde venimos con las letras verdes tridimensionales 'PVS'? Para una mejor comprensi√≥n, debe seguir el historial de cambios, que se describir√° a continuaci√≥n.

Por cierto, los lectores que siguen de cerca nuestras publicaciones, as√≠ como aquellos que se comunican con nosotros en las conferencias, pueden haber notado algunos cambios en los atributos que los acompa√Īan, por ejemplo, los unicornios. Ahora se representan con mayor frecuencia como b√≠pedos, la mayor√≠a usan camisetas azules y, de hecho, sus filas est√°n diversificadas.

Volvamos a la pregunta de por qu√© era necesario experimentar con formas geom√©tricas en general, si en art√≠culos y en soportes, ¬Ņaparece un unicornio en todas partes? ¬ŅPor qu√© no usarlo como icono?

Sí, el unicornio ya está muy asociado con PVS-Studio, así que antes de experimentar con el nuevo ícono, verificamos cómo se veía el unicornio como un ícono.

Puedes ver algunos ejemplos a continuación.

Ventana del instalador:



Parte del men√ļ contextual invocado desde el Explorador de soluciones:



¬ŅNo se ve muy bien? Y cuanto m√°s peque√Īo era el √≠cono, peor eran las cosas. En algunos Process Hacker, por ejemplo, un unicornio parec√≠a absolutamente indecente. Por cierto, llamamos a este icono "pl√°tano" entre nosotros, ya que es imposible distinguir este unicornio de 16x16 en tama√Īo de un pl√°tano.

Por lo tanto, decidimos no experimentar dibujando nuevos unicornios espec√≠ficamente para iconos, sino tratar de cambiar el existente (letras verdes 'PVS'). De hecho, ya experimentamos con el unicornio como √≠cono hace varios a√Īos. Luego, el desarrollo del √≠cono fue ordenado por un profesional. El resultado del trabajo fue simplemente desechado.

Inicialmente, se decidió hacer que el icono fuera más minimalista (eliminar la tridimensionalidad) y cambiar los colores. Decidieron usar el azul como color principal: pintaron algunos elementos en el sitio, en una camiseta de este color vestidos con unicornios utilizados en el sitio, en artículos, folletos y stands de conferencias.

Se dibujaron 3 iconos, de los cuales tuve que elegir.



El segundo simulacro de la votación se retiró inmediatamente, pero entre el primero y el tercer voto se dividieron. Después de un breve debate, el primer ícono también fue abandonado, era demasiado simple.

El tercer icono presentado, aunque se ve√≠a mejor en el contexto de los otros dos, pero a√ļn no satisfizo todos los deseos. Hubo experimentos para cambiar la distancia entre letras, la forma de un tri√°ngulo (de un is√≥sceles a un equil√°tero), y as√≠ sucesivamente. Uno de los puntos clave fue, quiz√°s, el rechazo del monocromo y la expansi√≥n de la paleta de colores: la asignaci√≥n de un color separado para cada letra. La primera versi√≥n de dicho √≠cono ten√≠a el siguiente aspecto.



La expansi√≥n de la paleta de colores trajo variedad, pero el √≠cono a√ļn parec√≠a demasiado aburrido y simple. Nos pareci√≥ que la raz√≥n principal son las estrictas l√≠neas horizontales / verticales que sobresalen entre las letras. Se decidi√≥ comenzar a experimentar con ellos. Algunas opciones intermedias se presentan a continuaci√≥n.



La decisión clave, que influyó en gran medida en el trabajo posterior, y también se reflejó en el resultado final, fue la ubicación de la letra 'V' de la siguiente manera:



No teníamos más preguntas sobre la 'V': encajaba perfectamente (aunque ahora era más como una marca de verificación). Hubo preguntas sobre el borde entre las letras 'P' y 'S', ya que no se veía tan elegante, comenzó 'en ninguna parte' y se fue 'en ninguna parte'. En comparación con la 'V', cuyas líneas comenzaron y terminaron en las esquinas de la figura, parecía aburrida.

Luego, un colega ( Paull , hola) expres√≥ una idea que determin√≥ un √°rea de trabajo clave adicional (la cita no es textual): ‚Äú¬ŅPor qu√© necesitamos esta 'superestructura' sobre un tri√°ngulo? Vamos a tirarlo, y luego la l√≠nea en el borde de azul y verde se alinear√° naturalmente de manera similar a 'V' ‚ÄĚ. ¬°Y fue un √©xito en la diana!



Hermoso, minimalista, las fronteras se encuentran como lo necesita. Comenzaron a experimentar, se veía genial. Satisfechos con el resultado, incluso decidimos nombrar este prototipo de alguna manera especial: 'UltimateTriangle'. Entonces, al comparar con otras personas cercanas, inmediatamente quedó claro quién era el favorito aquí. Bueno, ya entiendes, una comparación imparcial :)

Sin embargo, con pruebas m√°s exhaustivas, surgi√≥ un matiz (d√≥nde estar√≠a sin ellos). Con un tama√Īo peque√Īo, el borde entre el verde y el azul se fusion√≥, quer√≠a enfatizarlo de alguna manera.

Mis colegas tenían otro reclamo. Si las letras 'P' y 'V' todavía se pueden ver aquí de alguna manera, entonces 'S' claramente ha dejado de leerse. Tal vez podría ser 'completado', pero para esto necesitas tener una imaginación genial.

Entonces desde el tri√°ngulo seguimos adelante. Al desarrollar prototipos para resolver el problema identificado anteriormente, Catherine (s√≠, Kate_Milovidova , hola a ti tambi√©n :)) cambi√≥ ligeramente la geometr√≠a de la figura, agregando otra esquina y convirti√©ndola de un tri√°ngulo en ... ¬Ņun tri√°ngulo alargado y recortado? ¬°No importa c√≥mo suene, se ve a√ļn m√°s fresco!

Un boceto de una nueva figura:



Y así se veía después de ser transferido a formato digital:



Cambiar la geometría claramente se benefició, pero hubo una falta de separación de elementos / selección de la 'letra' (para quién). Para representar la letra 'S', se decidió intentar usar una línea oscura. El resultado se presenta a continuación.



Aparentemente, la línea exacerbó el asunto. Ahora el elemento principal que se destaca del resto y se enfoca en sí mismo, se ha convertido en una 'flecha' oscura.

Pero dividir la figura en tres componentes claramente separados resolvió el problema. La versión casi final se veía así:



Estaba satisfecho con el resultado. Colegas tambi√©n: ahora han visto las letras 'PVS' m√°s claramente (¬Ņc√≥mo lo hacen?).

La respuesta de Eugene, nuestro CEO, ( EvgeniyRyzhkov , hola a ti tambi√©n :) al principio fue algo como esto: "Genial, pero ¬Ņd√≥nde est√° el 'PVS'?" Sorprendentemente, despu√©s de un tiempo comenz√≥ a ver cartas aqu√≠ ...

Otros ajustes se asociaron con un peque√Īo ajuste de colores y la alineaci√≥n de la distancia entre los elementos: no deber√≠a verse demasiado grande cuando la imagen se muestra a gran escala, pero la l√≠nea no deber√≠a verse como una tira apenas perceptible en im√°genes peque√Īas, 16x16, por ejemplo.

Como resultado, nos decidimos por la siguiente opci√≥n, que se convirti√≥ en la √ļltima.



Si usó PVS-Studio 7.0, probablemente ya haya visto este icono usted mismo, pero por si acaso, le daré algunos ejemplos de cómo se ve en diferentes lugares.

Ventana del instalador:



Parte del men√ļ contextual invocado desde el Explorador de soluciones:



La apariencia de la ventana de progreso del an√°lisis al cambiar de ventana abierta:



Un ejemplo de c√≥mo se muestra un nuevo icono durante una b√ļsqueda:



A continuación se muestra un breve camino desde el icono antiguo al nuevo:



Parece haber funcionado bien, ¬Ņqu√© te parece? Por cierto, no puedo evitar preguntar, ¬Ņves las letras 'PVS' en el nuevo √≠cono?

Conclusión


Espero haber podido contarte una historia interesante, mostrando nuestro camino y explicando cómo pasamos de la vieja imagen a la nueva. Para considerarlo mejor, recomiendo, por supuesto, no en las imágenes del artículo, sino durante el análisis de mis proyectos. Al mismo tiempo, puede evaluar la 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 el art√≠culo (si de repente se lo perdi√≥) " C√≥mo comenz√≥ el proyecto PVS-Studio hace 10 a√Īos" . Sin embargo, desde entonces, mucha agua ya fluy√≥ (al menos nos mudamos a una nueva oficina), por lo que definitivamente todav√≠a tenemos algo que contar ...



Si desea compartir este artículo con una audiencia de habla inglesa, utilice el enlace a la traducción: Sergey Vasiliev. La historia de cómo cambiamos el ícono de PVS-Studio

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


All Articles