Web Dimensions pour vos infographies - mannequins

Le défi de dimensionner une infographie pour le web est que les tailles de design sont maintenant si variables, il n'y a pas de normes parler de. Le "responsive design" créé avec l'avènement du HTML5 a changé le paysage du design web en permanence.

Contrairement à un graphisme imprimé, où tous ceux qui le voient l'expérimentent dans la même taille, la taille réelle d'un graphique web change en fonction des appareils des lecteurs. Un écran d'appareil peut aller de 27 "pour un ordinateur de bureau à 5" pour un smartphone.

Optimisez toujours pour votre audience . Utilisez un logiciel d'analyse Web pour déterminer la façon dont les utilisateurs accèdent à votre site et basez vos décisions sur ces données.

Cela dit, vous devez penser à quelques éléments lorsque vous publiez du travail en ligne.

Rapport d'aspect de l'écran pour les infographies

Le design réactif est le principe de conception Web qui tente de rendre les images visuelles claires et lisibles sur un large éventail d'appareils. Pour un concepteur en infographie, la beauté de cette approche est que votre travail s'adapte automatiquement à l'écran sur lequel il est visualisé.

En tant que concepteur, vous n'avez pas besoin de proposer un ratio d'aspect pour le travail qui sera vu sur un ordinateur portable et un autre adapté pour les smartphones.

L'utilisation croissante de la technologie HTML a fait du design réactif une norme. Vous n'avez pas besoin d'être un programmeur pour utiliser et bénéficier de ces technologies. L'intégration progressive de cette technologie dans votre travail la rendra beaucoup plus accessible et lisible, et sera certainement une compétence professionnelle précieuse pour vous en tant que concepteur infographique.

Si vous n'utilisez pas le design responsive, pensez à l'endroit où votre public cible verra votre infographie et travaillerez en arrière à partir de là. Si la plupart de vos lecteurs obtiennent votre matériel sur une plate-forme ou une proportion d'écran spécifique, vous concevez cela en pensant à cela.

Les utilisateurs ne veulent pas toujours faire défiler vers le bas pour en voir plus. Pensez donc aux informations que vous voulez que vos lecteurs voient lorsqu'ils regardent votre infographie pour la première fois.

Pour un travail qui doit être mis à l'échelle pour l'impression et l'utilisation Web simultanées - disons que vous travaillez dans un journal et que votre infographie sera diffusée dans l'édition imprimée et en ligne sur ce site Web - utilisez des fichiers vectoriels. Ils vous faciliteront la tâche.

Résolution d'écran pour les infographies

L'une des questions les plus courantes et les plus élémentaires posées lors de la conception d'un site Web est la résolution d'écran du moniteur à utiliser. La réponse un peu inutile est que votre travail devrait être optimisé pour la résolution la plus commune, mais il devrait fonctionner pour tous.

D'un autre côté, il n'existe aucune conception qui ressemble à toutes les résolutions, plates-formes et navigateurs, la création d'un tel n'est pas un objectif réaliste. Ce que vous recherchez est un équilibre - quelque chose qui semble parfait dans les conditions les plus courantes et qui a l'air vraiment bien dans des conditions moins typiques.

Le site Web StatCounter surveille les statistiques sur divers facteurs susceptibles de vous intéresser, notamment les résolutions d'écran supérieures, les résolutions mobiles et les navigateurs utilisés.

Vérifiez toujours votre travail en l'examinant dans différents navigateurs et en redimensionnant les fenêtres du navigateur pour voir à quoi ressemble votre travail dans différentes conditions. Et toujours concevoir en pensant à votre public. Par exemple, si vous savez que le public cible utilise principalement des appareils mobiles, la conception avec le mobile en tête.