Sobre o serviço
TraduzidoUm conjunto de ícones se torna valioso quando você pode ver que uma mão o desenhou. Então, eu começo não com imagens, mas com a própria interface: a grade em que está, o peso da tipografia, quão afiadas ou suaves são as bordas, quais tamanhos de ícones realmente aparecem nas suas telas. A partir disso, surge uma breve folha de regras — peso da linha, raio dos cantos, tamanhos ópticos, o ritmo dos traços — e a partir de então, isso se mantém em todo o conjunto. O vigésimo ícone, desenhado três meses depois, fica ao lado do primeiro e não parece um visitante.
O movimento que adiciono é curto e significa algo. Uma rotação diz que a tela está funcionando, uma marca de verificação diz que o toque foi registrado, um campo recusado diz que isso não é aceito. Cada movimento responde a uma pergunta que o usuário acabou de fazer, em vez de entretê-lo enquanto ele espera. Eu trabalho através dos três estados que têm mais peso no uso real: carregamento, sucesso e falha. Em cima deles vêm alternâncias, caixas de seleção e botões com suas transições pressionadas, ativas e desativadas. O conjunto é desenhado em ambos os temas desde o início, porque um traço que lê lindamente em branco muitas vezes desaparece em um painel escuro.
Entregar o trabalho a um desenvolvedor faz parte do trabalho, não é um apêndice. Você recebe as fontes e a exportação nos formatos que se adequam à plataforma: animação vetorial leve para a web, sprites ou movimento controlado por código para mobile onde isso custa menos em peso e bateria. Os números viajam com os arquivos: duração de cada movimento, curva de suavização, atraso, a ordem em que as partes do ícone ganham vida. Antes da entrega, eu executo o conjunto em um dispositivo fraco, porque o que é suave em uma máquina de trabalho engasga em um telefone de três anos, e um ícone engasgando é lido como um bug.
O que o trabalho inclui:
— uma análise da interface atual e uma folha de regras: peso da linha, raios, grade, tamanhos ópticos;
— um conjunto de ícones em um estilo, tema claro e tema escuro;
— carregamento, sucesso e erro como três movimentos diferentes e reconhecíveis;
— alternâncias, caixas de seleção e botões com transições pressionadas, ativas e desativadas;
— fontes e exportação em formatos leves para a web e para mobile;
— uma especificação para o desenvolvedor: duração, curva, atraso e ordem de movimento para cada animação;
— uma execução em um dispositivo fraco, com os quadros perdidos nomeados e corrigidos;
— animação não substitui uma dica de texto: o estado é rotulado com uma palavra também, caso contrário, o significado do movimento é adivinhado;
— efeitos longos atrapalham dentro de uma interface de trabalho, então a duração permanece dentro de décimos de segundo;
— sem piscadas e sem flashes de contraste forte.
O movimento que adiciono é curto e significa algo. Uma rotação diz que a tela está funcionando, uma marca de verificação diz que o toque foi registrado, um campo recusado diz que isso não é aceito. Cada movimento responde a uma pergunta que o usuário acabou de fazer, em vez de entretê-lo enquanto ele espera. Eu trabalho através dos três estados que têm mais peso no uso real: carregamento, sucesso e falha. Em cima deles vêm alternâncias, caixas de seleção e botões com suas transições pressionadas, ativas e desativadas. O conjunto é desenhado em ambos os temas desde o início, porque um traço que lê lindamente em branco muitas vezes desaparece em um painel escuro.
Entregar o trabalho a um desenvolvedor faz parte do trabalho, não é um apêndice. Você recebe as fontes e a exportação nos formatos que se adequam à plataforma: animação vetorial leve para a web, sprites ou movimento controlado por código para mobile onde isso custa menos em peso e bateria. Os números viajam com os arquivos: duração de cada movimento, curva de suavização, atraso, a ordem em que as partes do ícone ganham vida. Antes da entrega, eu executo o conjunto em um dispositivo fraco, porque o que é suave em uma máquina de trabalho engasga em um telefone de três anos, e um ícone engasgando é lido como um bug.
O que o trabalho inclui:
— uma análise da interface atual e uma folha de regras: peso da linha, raios, grade, tamanhos ópticos;
— um conjunto de ícones em um estilo, tema claro e tema escuro;
— carregamento, sucesso e erro como três movimentos diferentes e reconhecíveis;
— alternâncias, caixas de seleção e botões com transições pressionadas, ativas e desativadas;
— fontes e exportação em formatos leves para a web e para mobile;
— uma especificação para o desenvolvedor: duração, curva, atraso e ordem de movimento para cada animação;
— uma execução em um dispositivo fraco, com os quadros perdidos nomeados e corrigidos;
— animação não substitui uma dica de texto: o estado é rotulado com uma palavra também, caso contrário, o significado do movimento é adivinhado;
— efeitos longos atrapalham dentro de uma interface de trabalho, então a duração permanece dentro de décimos de segundo;
— sem piscadas e sem flashes de contraste forte.
