A versão 7.0 marcou um novo marco na história do analisador PVS-Studio - a análise agora está disponível não apenas para o código, escrito em C, C ++, C #, mas também em Java. Além dessa melhoria global, alguns mecanismos existentes para a análise são refinados e aprimorados, e regras de diagnóstico são adicionadas. Houve outra mudança significativa que você dificilmente poderia perder. Nós mudamos o ícone.
Nota No artigo, você não encontrará dicas ou truques astutos sobre o design de ícones. O objetivo do artigo é um pouco diferente desta vez - é contar uma história e, se possível, torná-la interessante.
Por que decidimos fazer isso? Tudo é bastante prosaico. O ícone atual já era antigo e não foi alterado por muitos anos. Por que não dolly-lo junto com a atualização da versão impactante? Portanto, ficou acertado que precisávamos criar algo para o próximo
lançamento 7.0 .
Você provavelmente tem uma pergunta - como você acabou com o que tem agora, com aquelas letras verdes em 3D? Para entender melhor, siga o histórico de alterações, que será descrito abaixo.
A propósito, os leitores que seguem nossas publicações, bem como os que se comunicam conosco em conferências, já devem ter notado algumas mudanças nos atributos relacionados, por exemplo, em nossos unicórnios. Agora eles são retratados com mais freqüência, na maioria das vezes usam camisas azuis, e o número deles aumentou.
Agora, voltemos à pergunta - por que precisamos experimentar formas geométricas, se nos artigos e nas conferências é o nosso unicórnio quem é o chefe do programa? Por que não usá-lo como um ícone?
Sim, o unicórnio agora está fortemente associado ao PVS-Studio, portanto, antes de realizar experimentos com o novo ícone, verificamos como ele se pareceria com um ícone.
Você pode ver alguns exemplos abaixo.
Janela do instalador:
Parte de um menu de contexto, chamado no Solution Explorer:
Não parece bonito, certo? E quanto menor era o ícone, piores eram as coisas. Em um Process Hacker, por exemplo, o unicórnio parecia absolutamente indecente. A propósito, apelidamos esse ícone de "banana" porque no tamanho 16x16 é impossível distingui-lo de uma banana.
Por isso, decidimos não experimentar o desenho de novos unicórnios especificamente para ícones e tentar alterar o existente (letras verdes 'PVS'). Na verdade, já experimentamos um unicórnio como ícone, alguns anos atrás. Então pedimos a um profissional para fazer isso. O resultado do trabalho foi simplesmente jogado fora.
Inicialmente, decidiu-se tornar o ícone mais minimalista (remover tridimensionalidade) e alterar as cores. Decidimos usar uma cor azul como básica: alguns elementos do site são pintados nessa cor; os unicórnios vestem uma camiseta azul, que podemos ver no site, em artigos, folhetos e em estandes de conferências.
Desenhamos 3 ícones para escolher.
O segundo layout foi eliminado da votação imediatamente e os votos divididos entre o primeiro e o último. Após uma breve disputa, recusamos o primeiro ícone - era muito simples.
Embora o terceiro ícone estivesse se destacando em comparação com outros dois, ainda não atendia a todos os nossos desejos. Houve experimentos com a alteração do espaçamento entre as letras, a forma do triângulo (de isósceles para equilaterais) e assim por diante. Um dos pontos principais foi, talvez, uma renúncia de apenas uma extensão de cor e paleta - escolhendo uma cor para cada letra. A primeira versão desse ícone tinha a seguinte aparência.
A extensão da paleta de cores fez variedade, mas o ícone ainda parecia muito chato e simples. Pareceu-nos que o principal motivo disso eram linhas horizontais / verticais estritas que representavam limites entre as letras. Decidimos experimentar com eles. Várias opções intermediárias são dadas abaixo.
Uma decisão-chave, que influenciou fortemente o trabalho posterior e também refletiu o resultado final, tornou-se o local da letra 'V' da seguinte maneira:
Quanto à letra 'V', não tínhamos mais perguntas, ela era ideal (mesmo que parecesse um tiquetaque). Ainda tínhamos algumas perguntas sobre os limites entre as letras 'P' e 'S', pois não parecia tão gracioso, começou do 'lugar nenhum' e foi para o 'lugar nenhum'. Comparando com 'V', cujas linhas começaram e terminaram nos cantos da forma que pareciam tristes.
Depois disso, meu colega (oi,
Paull ) sugeriu essa idéia, que determinou nosso processo de criação (não citação de palavra por palavra): "Por que precisamos desse 'suplemento' em um triângulo? Vamos jogar fora, então a linha de fronteira entre verde e azul será naturalmente colocada da mesma maneira que 'V'. Ele acabou de acertar o alvo!
Fronteiras agradáveis e minimalistas foram definidas da maneira que queríamos! Continuamos as experiências - parecia ótimo. Satisfeitos com o resultado, decidimos até chamar esse protótipo como algo especial - 'Último Triângulo'. Ao comparar com os outros, ficou imediatamente claro qual era o favorito lá. Bem, você conseguiu, comparação neutra :)
No entanto, ao testar mais detalhadamente, uma nuance apareceu (é claro, não podemos prescindir delas). Ao observar o tamanho pequeno, percebemos que a fronteira entre verde e azul se misturava, queríamos destacá-lo de alguma forma.
Os colegas tiveram outra reivindicação. As letras 'P' e 'V' podiam ser reconhecidas, 'S' não era mais legível. Talvez pudesse ser "concluído", mas você precisava ter uma imaginação muito legal para fazer isso.
Portanto, partimos de um triângulo. Criando protótipos para resolver o problema indicado acima, Ekaterina (
Kate_Milovidova ) (sim, oi para você também :)) mudou ligeiramente a geometria da forma, adicionando outro canto e transformando-o de um triângulo em ... um triângulo esticado e recortado? Não importa como isso soa, parecia tão renovado!
O esboço da nova forma:
É assim que parecia em um formato digital:
A mudança de geometria claramente se beneficiou, mas faltou elementos / letras separados. Para separar a letra 'S', decidimos tentar usar uma linha escura. O resultado é apresentado abaixo.
Como você pode ver, a linha exacerbou o assunto. Agora, o principal elemento que se destacava do resto e que focava a atenção em si era a flecha escura.
No entanto, a separação das formas para três componentes claramente divididos resolveu o problema. Quase a versão final tinha a seguinte aparência:
Fiquei satisfeito com o resultado. Os colegas também. Agora eles podiam ver as letras 'PVS' mais claramente (como você está fazendo isso ?!).
A reação de Evgeniy (
EvgeniyRyzhkov ), nosso CEO (oi também :)), a princípio foi o seguinte: “Legal, mas onde está o 'PVS' aqui?” Incrível, mas depois de um tempo, ele também começou a ver cartas ...
Refinamentos adicionais relacionados a um pequeno ajuste de cores e à reconciliação do espaçamento entre os elementos - não deveria parecer muito grande quando a imagem era exibida em grande escala, mas a linha não deveria parecer uma faixa quase invisível em imagens pequenas, por exemplo, de tamanho 16x16.
No final, escolhemos a seguinte variante, que se tornou final.
Se você usa o PVS-Studio 7.0, provavelmente já viu esse ícone, mas por precaução, aqui estão alguns exemplos de como ele fica em lugares diferentes.
Janela do instalador:
Parte de um menu de contexto, chamado no Solution Explorer:
Veja a janela de progresso da análise ao alternar entre janelas abertas:
O exemplo de como o novo ícone é exibido ao pesquisar:
Gostaria de apresentar um pequeno caminho do ícone antigo para o novo abaixo:
Bem, funcionou bem, como você acha? A propósito, não pode deixar de pensar: você vê 'PVS' no novo ícone?
Conclusão
Espero ter conseguido contar uma história interessante, mostrando o nosso caminho e explicando como passamos da imagem antiga para a nova. Eu recomendaria analisá-lo de perto ao analisar seus projetos, não apenas ao ler o artigo. Ao mesmo tempo, você pode conferir
uma nova página de download e solicitar uma chave de avaliação, se necessário.
Para quem está interessado nessas histórias, também recomendo a leitura deste artigo (caso você tenha perdido) "
Projeto PVS-Studio - 10 anos de falhas e sucessos ". No entanto, muita coisa mudou desde então (pelo menos, nos mudamos para o novo escritório), então definitivamente temos algo a dizer ...