Descrição do projeto
TraduzidoNosso site de serviços tem crescido por três anos, e os ícones nele vieram de todos os lugares: alguns foram retirados de um pacote gratuito, alguns foram desenhados por um desenvolvedor às pressas, alguns são sobras de uma landing page que aposentamos há muito tempo. Juntos, eles parecem estranhos. Diferentes pesos de traço, diferentes raios de canto, um glifo preenchido e o próximo contornado, e o carrinho está dois pixels mais baixo do que tudo ao seu redor. Nos cartões de seção, isso é apenas desorganizado. Na tabela de preços e no menu móvel, isso começa a nos custar dinheiro: as pessoas desaceleram, caçam a legenda com os olhos e acabam ligando para perguntar sobre o que uma seção realmente se trata.
Então, queremos um conjunto desenhado para nós, em uma única grade, e queremos que ele cubra o site em vez de uma tela de demonstração. Quarenta pictogramas para nossos serviços e seções, o mesmo peso óptico em cada um deles, e comportamento que sobrevive ao uso real: pequeno no menu, grande em um cartão, em um fundo claro, em um fundo escuro, além de estados de hover, pressionado e desativado para tudo que pode ser clicado. Quarenta ícones honestos que se mantêm juntos valem mais para nós do que oitenta que apenas parecem bons dispostos em uma grade de apresentação.
Três condições são importantes para nós e gostaríamos que fossem acordadas antes do início do trabalho. Os ícones são desenhados do zero: conjuntos existentes não são redesenhados, retrabalhados ou "reformulados" no nosso, nem mesmo parcialmente. O significado de um pictograma é testado em pessoas em vez de adivinhado, então mostraremos os glifos sem contexto a alguns colegas e alguns externos e perguntaremos o que cada um significa; qualquer coisa que não for compreendida será redesenhada, e um pictograma pouco claro sempre viajará com um rótulo de texto. E o tamanho e peso do traço são julgados em uma tela na escala em que o ícone é realmente usado, não apenas em uma prancheta ampliada onde quase tudo parece elegante.
O que esperamos receber:
— 40 pictogramas em uma grade, com um peso de traço e uma lógica de canto;
— versões para fundo claro e escuro de todo o conjunto;
— estados de hover, pressionado, foco e desativado para os ícones interativos;
— fontes vetoriais limpas, nomeadas por uma única convenção;
— uma fonte de ícones (ou um sprite igualmente utilizável) com uma página de demonstração mostrando todo o conjunto;
— legibilidade verificada em páginas ao vivo no menor tamanho que realmente usamos;
— um guia escrito curto para desenhar novos ícones no mesmo estilo, para que possamos estender o conjunto nós mesmos.
Então, queremos um conjunto desenhado para nós, em uma única grade, e queremos que ele cubra o site em vez de uma tela de demonstração. Quarenta pictogramas para nossos serviços e seções, o mesmo peso óptico em cada um deles, e comportamento que sobrevive ao uso real: pequeno no menu, grande em um cartão, em um fundo claro, em um fundo escuro, além de estados de hover, pressionado e desativado para tudo que pode ser clicado. Quarenta ícones honestos que se mantêm juntos valem mais para nós do que oitenta que apenas parecem bons dispostos em uma grade de apresentação.
Três condições são importantes para nós e gostaríamos que fossem acordadas antes do início do trabalho. Os ícones são desenhados do zero: conjuntos existentes não são redesenhados, retrabalhados ou "reformulados" no nosso, nem mesmo parcialmente. O significado de um pictograma é testado em pessoas em vez de adivinhado, então mostraremos os glifos sem contexto a alguns colegas e alguns externos e perguntaremos o que cada um significa; qualquer coisa que não for compreendida será redesenhada, e um pictograma pouco claro sempre viajará com um rótulo de texto. E o tamanho e peso do traço são julgados em uma tela na escala em que o ícone é realmente usado, não apenas em uma prancheta ampliada onde quase tudo parece elegante.
O que esperamos receber:
— 40 pictogramas em uma grade, com um peso de traço e uma lógica de canto;
— versões para fundo claro e escuro de todo o conjunto;
— estados de hover, pressionado, foco e desativado para os ícones interativos;
— fontes vetoriais limpas, nomeadas por uma única convenção;
— uma fonte de ícones (ou um sprite igualmente utilizável) com uma página de demonstração mostrando todo o conjunto;
— legibilidade verificada em páginas ao vivo no menor tamanho que realmente usamos;
— um guia escrito curto para desenhar novos ícones no mesmo estilo, para que possamos estender o conjunto nós mesmos.
Design e multimídia Dinheiro, Transferência bancária
