Dimensões da web para seus infográficos

O desafio de dimensionar um infográfico para a web é tamanhos de design agora são tão variáveis, não há padrões para falar. O “design responsivo” trazida com o advento do HTML5 mudou a paisagem design web permanentemente.

Ao contrário de um gráfico impresso, onde todos que a vê experimenta no mesmo tamanho, o tamanho real de um Web alterações gráficas, dependendo dispositivos dos leitores. A tela do dispositivo pode variar de 27 "para um computador desktop para 5" para um smartphone.

Sempre otimizar seu público. Use software de análise web para determinar como as pessoas estão acessando seu site e basear suas decisões em que os dados.

Dito isto, você precisa pensar em alguns elementos quando você está publicando o trabalho online.

proporção da tela para infográficos

design responsivo é o princípio de design da web que tenta fazer imagens visuais claras e legíveis através de uma ampla gama de dispositivos. Para um designer de infográfico, a beleza desta abordagem é que o seu trabalho vai caber-se automaticamente para a tela é visto por diante.

Como designer, você não precisa vir para cima com uma relação de aspecto para o trabalho que será visto em um laptop e outro adaptado para smartphones.

O uso crescente da tecnologia HTML tem feito design responsivo um padrão. Você não tem que ser um programador para usar e tirar proveito dessas tecnologias. Phasing esta tecnologia em seu trabalho irá torná-lo muito mais acessível e legível e será certamente uma habilidade de trabalho valioso para você como um designer de infográfico.

Se você não está usando o design ágil, pensar de onde seu público-alvo estará vendo o seu infográfico e trabalhar para trás a partir daí. Se a maioria dos seus leitores estão recebendo seu material em uma plataforma específica ou proporção de tela, você projeta com isso em mente.

Os usuários não querem sempre para rolar para baixo para ver mais, por isso pense que informação você quer que seus leitores para ver quando eles primeiro olhar para o seu infográfico.

Para o trabalho que precisa ser escalado para impressão simultânea e uso da web - digamos você trabalha em um jornal, e seu infográfico será executado tanto na edição impressa e on-line no site da web - vara a usar arquivos vetoriais. Eles vão tornar mais fácil para ajustar a escala do trabalho.

resolução de tela para infográficos

Uma das perguntas mais comuns e básicas feitas no design do site é o que a resolução da tela do monitor para usar. A resposta um tanto inútil é que o seu trabalho deve ser otimizado para a resolução mais comum, mas deve funcionar para todos eles.

Video: Infográfico Banners Viewer Português

Por outro lado, não existe um design que parece o mesmo em cada resolução, plataforma e navegador, criando assim um não é uma meta realista. O que você está apontando para um equilíbrio - algo que parece perfeito sob as condições mais comuns e ainda parece realmente bom em menos condições típicas.

O site StatCounter monitores estatísticas sobre uma variedade de fatores que podem ser úteis, incluindo as resoluções de topo da tela, resoluções móveis e navegadores em uso.

Verifique sempre o seu trabalho de olhar para ele em diferentes navegadores e redimensionar as janelas do navegador para ver como seu trabalho se parece em condições diferentes. E sempre design com seu público em mente. Por exemplo, se você sabe que o público-alvo principalmente usa dispositivos móveis, design, móvel em mente.