27 avril 2012

Formats d'images

Dans la conception et la réalisation de sites Internet, Infographie Montréal utilise principalement les formats d’images JPEG, PNG et GIF.
 
PNG versus GIF
PNG est un format d’images numériques qui a été créé dans le but de remplacer le format GIF, car ce dernier était soumis à un brevet. Le Portable Network Graphics (PNG) permet de publier des images synthétiques comme des logos, des icones ou autres éléments graphiques créés à partir de logiciels de design graphique. Les images, un fois sauvegardées en format PNG, conservent une excellente qualité. Le format PNG permet la transparence et la translucidité, et la lisibilité des textes inclus dans les images reste excellente. On peut aussi utiliser ce format pour la sauvegarde de photographies, toutefois, la taille du fichier sera supérieure à celle d’un fichier JPEG de la même photographie. Le PNG surpasse souvent le GIF quant à la réduction de la taille du fichier, mais aussi quant à la qualité des images, car il n’est pas limité à 256 couleurs. Ce format est donc idéal pour les images publiées dans un site Internet.
 image A
Par exemple, en sauvegardant cette image en PNG plutôt qu'un JPG, il est possible d'utiliser une courbe dans le bas, et lorsqu'on dispose cette image sur un fond, ce fond paraît dans la partie carrelée qui est en fait en transparence comme ou peut le voir dans l'imageB.
 
 
 
 
image B






 
 
JPEG / JPG:
JPEG est l’acronyme de Joint Photographic Experts Group. Puisque certains systèmes d’exploitation ne supportaient pas les extensions de plus de 3 caractères, on a du réduire cet acronyme à JPG. Le format JPG ne permet aucune transparence dans l’image. Dans la conception des images destinées à être publiées sur un site Web, JPG n’est qu’un complémentaire aux formats PNG et GIF, car la compression peut causer une perte de résolution visible à l’oeil. JPG est toutefois idéal pour les photos plus lourdes
 
 Lors de la conception d'un site Internet, il vaut mieux bien connaître les différents formats ainsi que leurs caractéristiques pour en faire un usage adéquat et ainsi réduire au maximum la taille globale du site. Plus les images sont lourdes, plus le délai de chargement du site sera long et moins l'internaute sera patient...mais attention, il ne faut surtout pas réduire la taille des images au détriment de la qualité visuelle du site!

18 avril 2012

Pour une présentation qui capte l'attention de l'auditoire!

Infographie Montréal vous propose de visionner son portfolio dont la présentation sort de l'ordinaire.
En effet, l'équipe de graphiste a fait l'acquisition du logiciel Prezi dans le but d'offrir à ses clients de nouvelles possibilités dans la réalisation d'outils de présentations visuelles.

Ce logiciel offre l'avantage de pouvoir inclure non seulement des images et du texte, mais aussi des vidéos. La présentation est construite comme le plan d'un édifice à l'intérieur duquel on zoom pour voir en détail les différents éléments. Pour le spectateur, il devient donc plus facile de comprendre le fil conducteur qui relie les points abordés tout au long de la présentation.

Pour un exemple de présentation réalisée par l'équipe de design graphique de Lockquell productions inc, suivez le lien suivant:

http://prezi.com/ef0gl36i1_mx/infographie-montreal-portfolio/?auth_key=176af4ad211434484636506a9c787cf512abdac9

 Au plaisir de collaborer dans la réalisation de vos outils de communication!

04 avril 2012

Design graphique et composition de l’image

Le design graphique ou le graphisme est une profession qui a pour but la création d’objets de communication visuelle comme la logotype, la création d’images de marques, la réalisation d’affiches, de brochures, de sites Internet, et autres.
 
Lorsqu’un designer graphique compose une image, il doit déterminer les éléments qui doivent être mis en valeur pour communiquer le message de façon optimale. Le positionnement des éléments se fait en suivant une structure qui prend en considération le mode de lecture de l’image de l’oeil humain. Ainsi, dans les cultures qui parlent une langue latine, la lecture s’effectue de gauche à droite et de haut en bas. L’oeil possède un champ de vision étroit et c’est grâce à un mouvement rapide et continu, que l’humain a l’impression de percevoir la totalité d’une image. Il faut donc user de tact et connaître certaines règles pour attirer le regard sur les bons éléments.
 
Pour positionner les éléments, le graphiste peut faire appel à la règle d’or en divisant l’espace en six parties égales à l’aide de 2 traits verticaux et 2 traits horizontaux. Ces 4 traits sont appelés lignes de force et les intersections entre ces derniers permettent d’identifier les espaces où le regard à naturellement tendance à se poser. Il ne faut pas mettre plus d’un élément important sur une même ligne de force, car les éléments risqueraient de s’affaiblir mutuellement. Aussi, il faut éviter de poser des détails sans importance sur ces points, car cela pourrait avoir l’effet de biaiser le message que l’image se veut de communiquer.
Dans une composition graphique verticale, l’oeil est attiré par les éléments se trouvant en haut et dans une composition horizontale, c’est plutôt du côté gauche de l’image que le regard se pose.
 
Pour donner de l’impact aux éléments importants et communiquer son message, l’expert en graphisme sait que de façon naturelle, le regard a déjà tendance à se diriger vers le centre de l’image ou vers la forme la plus grande ou la plus rapproché. Le regard est porté a accrocher sur les espaces plus compliqués de l’image. Si un être vivant est représenté dans l’image, le regard est dirigé sur ce sujet, plus précisément sur le visage de ce dernier. Selon le message qu’on souhaite communiquer, on peut décider de positionner les yeux de ce sujet sur un point fort ou plutôt à l’opposé,
 
La forme et la taille des éléments, leur netteté par rapport aux autres, la distance entre un objet et un autre, les liens géométriques entre les masses, le choix des couleurs et les effets de contrastes ont tous leur rôle à jouer en ce qui concerne le cheminement du regard sur une image.