Travailler avec plusieurs photos et images peut être une perspective délicate. Effectuée avec soin, l’utilisation de plusieurs images peut aider à créer une conception efficace et magistrale pour les projets de conception imprimée et Web. Certains des meilleurs exemples de conception utilisant plusieurs photos se trouvent sur les sites Web de photographes professionnels.
Tenez compte de la dominance, du nombre de photos, de la couleur, du regroupement et de la qualité d'image lorsque vous travaillez avec une variété de photos. Examinez les détails et réfléchissez à la convivialité d'un projet pour obtenir les meilleurs résultats lorsque vous utilisez plusieurs images de votre projet.
Vous aimez l'article? Assurez-vous de vous abonner à notre flux RSS et suivez-nous sur Twitter pour rester au courant du contenu récent.
Créer une dominance
Votre site doit avoir une image, ou une collection d'images, dominante et constitue la grande image évidente du site. Pensez à utiliser une seule photo qui utilise une grande partie de l'espace, verticalement ou horizontalement, avec lequel vous travaillez ou combinez les images de manière à ce qu'elles semblent unifiées.
Photo unique
Le moyen le plus simple de créer une domination sur les images est de se concentrer sur une seule image ou photo. L'image est affichée en grand format avec des photos plus petites utilisées pour accentuer l'image principale. Ceci est un concept populaire et peut fonctionner exceptionnellement bien avec une photo grand écran forte et un groupement d'images plus petites et étroitement recadrées.
Culture dramatique
Un recadrage spectaculaire est un autre moyen de faire ressortir une seule photo dans une construction avec plusieurs photos. Parfois, une forme inhabituelle, telle qu'une image extrême horizontale ou verticale, suffit pour vous attirer d'abord dans une image. Les images secondaires avec des formes plus typiques ne sont pas le focus.
Chacun de ces sites utilise une image horizontale forte de différentes manières. Maleny Manor adopte une approche directe avec un rognage puissant qui s'étend sur la largeur de la page. Les images secondaires sont de petites icônes qui vous dirigent vers d'autres images. Le site Web de William & Mary semble également utiliser une culture forte, mais si vous regardez de plus près, le reste de l'image est intégré à la bannière. Ce recadrage astucieux permet également de créer un visuel puissant, qui est complété par des images plus petites rognées de manière précise.
Couleur
L'utilisation de la couleur, ou non, peut également avoir un impact sur les mises en page avec plusieurs photos. Le fait de mélanger des photos en couleur avec des tons noir et blanc ou sépia peut ajouter du contraste et accentuer certaines images. Les images étranges - couleurs en noir et blanc ou inversement - attireront immédiatement l’attention.
Denis Reggie Photography utilise un schéma d'images en noir et blanc avec une image couleur rotative pour vous guider à travers les images de la page. En outre, l’outil de navigation principal de la page se trouve dans un bloc de couleur statique. La couleur est utilisée pour vous guider à travers chacune des images en séquence. Notez également que l’image couleur sort presque de la page par rapport aux images incolores.
C & J Willis Photography utilise une technique similaire. En mélangeant des photographies en noir et blanc et en couleur, l'accent est mis sur l'image la plus grande au profit de la plus petite ci-dessous. Les photos couleur apparaissent plus grandes et plus dominantes et vous conduisent vers d'autres points du site Web, car l'image en noir et blanc s'estompe dans le fond sombre.
Regroupement d'images
Travailler avec des groupes d'images peut également créer une présentation visuelle forte. Bien que certains aiment l'approche en miroir, avec un groupe d'images de forme et de taille identiques, vous pouvez également jouer avec des groupes de formes et de tailles incompatibles.
Les deux approches peuvent fonctionner, mais nécessitent une attention aux détails. Un alignement correct des photos est essentiel lorsque vous travaillez avec des groupements. Assurez-vous que les photos ont une taille identique lorsque vous travaillez avec une rangée de tailles similaires et utilisez des cultures pour recadrer des formes variées de manière à ce que les images s'agencent parfaitement dans votre espace.
Il est également important que les photos collent ensemble. lors du regroupement d'images. Sachez que les images Web peuvent "bouger". basé sur les paramètres du navigateur de l'utilisateur. Si votre CSS ne permet pas le regroupement (ou si c'est quelque chose que vous n'êtes pas prêt à essayer), fusionnez vos images en un seul fichier dans un logiciel de retouche photo tel que Adobe Photoshop et placez le fichier à plusieurs photos en une seule image. Cela garantit que votre regroupement de photos apparaîtra comme vous le souhaitiez. N'oubliez pas non plus de garder à l'esprit l'espacement et l'alignement afin que les images aient un aspect net.
Considérations relatives à l'impression et au Web
Les règles d'utilisation de plusieurs images dépassent les limites entre impression et conception Web. Pour chaque type de projet, concentrez-vous sur des images fortes, la lisibilité et les détails pour obtenir les meilleurs résultats.
Taille et Proportion
Trop de petites photos peuvent être difficiles à comprendre et dérouter votre public. Considérez le recadrage de chaque image et comment elle remplit le cadre. Les photos grand angle ne fonctionnent pas bien avec les petites tailles alors que les photos recadrées tiennent mieux lorsqu'elles sont utilisées petit.
La clé pour les deux types de projets est la proportion. Regardez les visages ci-dessus dans la première rangée de photos. Dans le plan large, les visages sont presque indiscernables et semblent très petits. Mais dans la deuxième rangée, chacune des faces est clairement visible. Les cadres sont de taille identique dans chaque rangée de photos et les photos contiennent les mêmes images; le seul changement concerne la récolte de chacun. Les cultures plus serrées font apparaître les photos plus grandes, bien que les cadres ne le soient pas.
Vous souhaitez que chaque image soit lisible à la taille d'affichage. Si vous ne pouvez pas dire quelle est l'image ou ce qui se passe sur une photo, réexaminez la taille de l'image ou expérimentez un recadrage alternatif.
Qualité d'image
Une mauvaise image utilisée en petite taille ou avec du texte reste une mauvaise image. Le lancer.
Assurez-vous d'utiliser des images fortes à n'importe quelle taille. Évitez les images pixélisées, floues, prises dans des conditions de faible éclairage ou présentant des problèmes évidents, tels qu'un doigt dans le coin de la photo ou une lumière parasite.
L'utilisation d'une seule image de qualité médiocre peut avoir une incidence sur votre projet, quelle que soit la puissance de la conception.Les mauvaises images manquent de professionnalisme et peuvent amener un client à avoir une impression négative de votre travail. Il n'y a pas de solution pour une image qui manque de qualité en résolution ou en composition.
Signification de l'image
Pensez également au message que votre image véhiculera. Assurez-vous que les images sont appropriées pour votre public et? Match? un autre. Par exemple, un site Web promouvant un salon de tatouage tel que celui ci-dessus n'aurait pas le même effet si l'image de fond présentait des nuages et des lapins.
Conclusion
L'utilisation de plusieurs photos dans la conception peut être un outil efficace pour présenter de superbes images. Méfiez-vous des mauvaises images et sélectionnez des photos avec soin. Assurez-vous que chaque image sert à votre projet et ne forcez pas l'utilisation d'images supplémentaires si elles ne sont pas disponibles.
Examinez la manière dont les images seront visualisées et prenez des mesures supplémentaires dans la conception Web pour vous assurer que le regroupement reste intact comme vous le souhaitez. Tenez compte des détails de tous les projets multi-photos et vérifiez bien les cultures et la taille des images afin que les regroupements aient des tailles cohérentes et un aspect épuré. Enfin, jouez avec différentes options telles que des cultures identiques et des formes et des tailles variables pour développer un design qui représente le mieux votre projet.
Sources d'images: DeusXFlorida, kevin dooley, photoskate et Anthony van Dyck.