La photographie est l’une de vos ressources les plus puissantes en tant que designer. Dans cet article, nous allons examiner quelques méthodes astucieuses et uniques pour créer des conceptions centrées sur les photos utilisant plusieurs images.
Utiliser plusieurs photos
Il est toujours agréable de limiter au minimum votre contenu afin de maintenir une page propre et facile à numériser. L'utilisation d'une image principale avec du texte d'accompagnement est un modèle simple qui fonctionne pour de nombreuses raisons, mais lorsque vous concevez pour des clients du monde réel, vous avez souvent un dossier complet rempli de ressources que vous êtes censé utiliser.
En tant que concepteur, il peut être assez difficile de trouver un moyen attrayant de mélanger différentes images dans une mise en page cohérente, en particulier si vous travaillez avec une impression plutôt qu'un espace interactif illimité. Épargnez-vous des heures de bidouillage en lisant rapidement nos exemples. N'hésitez pas à voler ces idées et à les utiliser comme les vôtres!
Stack 'Em
Les photographies à fond perdu peuvent constituer une page très attrayante et accrocheuse. Cependant, les concepteurs abandonnent souvent l'idée et la mise en page générale d'une seule photo à fond perdu lorsqu'il s'avère qu'ils doivent comporter deux images ou plus.
Cependant, il est assez facile de créer une mise en page qui maximise deux images. Pour commencer, essayez de diviser la page à moitié et d’accorder un espace égal à chacun.
Comme vous pouvez le constater, il aurait été difficile d'insérer du texte directement sur les photos; j'ai donc simplement dessiné une bande en guise de support pour le titre. Pour empêcher une ligne dure de s'afficher, j'ai brouillé les deux images ensemble sous la zone de texte.
Cet effet est idéal pour afficher non seulement des images liées, mais également des thèmes présentant une dualité conceptuelle: textures douces et dures, jour et nuit, etc.
Ne soyez pas un carré
Avec la même idée générale à l'esprit, vous pouvez obtenir beaucoup d'effets différents. Par exemple, dans la conception ci-dessous, j'ai créé des bandes diagonales de contenu, des lignes horizontales plutôt typiques.
Notez que j'ai gardé tout mon contenu à des rotations normales. Ni le texte ni les images ne sont en diagonale, seules les formes dans lesquelles elles ont été insérées possèdent cette caractéristique. Cela permet de garder tout ce qui est agréable et facile à lire / interpréter tout en vous permettant de tirer parti d’une mise en page plus unique.
Grille photo
Un moyen extrêmement populaire et très pratique de transformer des tonnes d’images en une seule page est de les disposer dans une grille.
Dans l'exemple ci-dessous, j'ai commencé par créer des guides dans Photoshop conformes à une grille à peu près carrée. C’est une étape importante pour vous assurer d’obtenir les bonnes proportions et d’économiser beaucoup de tracas à long terme. À partir de là, déposez quelques images et masquez-les sous différentes formes dans le cadre général de votre grille.
Comme vous pouvez le constater, j'ai rempli les espaces de couleurs unies que j'ai saisies à l'aide de la pipette à partir des images environnantes. Vous voulez toujours vous assurer que les couleurs de remplissage que vous utilisez dans un dessin vont bien avec la photographie et l'une des meilleures façons de le faire est de saisir vos couleurs directement à partir des images.
Créer des lignes de grille
La structure de base de la grille, comme vous le voyez ci-dessus, se présente sous la forme d'un million de variantes. Essayez de jouer avec la taille des cellules individuelles, le rapport couleurs / images, etc.
Une technique très courante consiste à accentuer les photos individuelles en créant des séparations claires. En gros, tracez une ligne blanche épaisse autour du bord de chaque photo pour obtenir un effet différent mais tout aussi attrayant.
Éditorial
Pour un look plus éditorial, essayez la mise en page ci-dessous. Ici, nous présentons principalement une image, puis prenons une image associée pour l’accompagner du texte. Ce n'est pas sans rappeler une version très simple de la grille ci-dessus, vous utilisez simplement moins de photos.
Une note rapide sur l’utilisation de plusieurs photos dans un seul design: assurez-vous toujours que les couleurs s’harmonisent bien. Lorsque j'ai créé la mise en page ci-dessus, l'image principale a été prise en noir et blanc et l'image secondaire était en couleur et présentait une balance des blancs très froide. La lumière bleuâtre semait tout simplement des ravages dans mon jeu de couleurs. J'ai donc désaturé l'image et, tout à coup, les deux photos semblaient provenir d'un seul et même tournage.
Texte photographique
Je suis un grand fan de masquer des images en texte et je l'ai fait dans quelques articles récents. Ici, nous voyons cela comme un moyen de travailler de manière subtile sur une autre photo associée.
Comme l'image principale est un pont de bois, j'ai saisi une texture de bois pour le texte. Le résultat lie vraiment le texte avec la photo en dessous, bien plus qu’un simple remplissage de couleur en gouttes.
Déshabiller
Notre dernière suggestion utilise une disposition en bandes verticales, idéale lorsque vous essayez de créer un environnement global ou une ambiance et que vous n'avez pas nécessairement besoin d'afficher les images complètes.
Cet effet peut être écrasant si vous allez trop loin avec cela. De plus, il peut être difficile de placer du texte sur autant d'images différentes. Pour toutes ces raisons, il est bon de séparer une image et de la rendre plus visible que les autres.
Encore une fois, notez que mes proportions sont très intentionnelles. Tout d’abord, je divise la page en deux, puis le côté droit en trois.
Cours
Nous avons passé en revue beaucoup de choses très rapidement. Les leçons que chacun nous enseigne sont plus importantes que les exemples individuels. Tout d'abord, vous pouvez parfois utiliser deux photos sur une page entière comme s'il s'agissait d'une seule image. Gardez à l'esprit qu'il n'est pas nécessaire de toujours concevoir des lignes parfaitement horizontales ou verticales.
Ensuite, lorsque vous utilisez une grille d’images, assurez-vous de prendre le temps de disposer vos guides de manière à ce que les proportions relatives soient correctes (sauf si vous optez pour une mise en page organique). Remplissez les espaces vides avec des remplissages de couleurs simples en extrayant les couleurs dominantes des photos environnantes. Essayez de maximiser l’aspect des lignes de la grille ou de les masquer complètement.
Enfin, lorsque vous travaillez avec plusieurs photos, il est presque toujours judicieux de conserver une image bien en évidence qui se démarque du reste. Vous pouvez voir cela à l'oeuvre dans la plupart des exemples ci-dessus. Établissez toujours une hiérarchie visuelle et évitez de donner à tous les éléments de votre page le même poids et la même importance visuels.
Conclusion
J'espère que les exemples et les leçons de cet article vous ont permis de réfléchir et de réfléchir à de nouvelles façons d'incorporer plusieurs photographies dans vos conceptions.
Il est beaucoup trop facile de s'emballer et de créer une page surchargée et surchargée. Veillez donc à utiliser une contrainte et à rechercher la clarté du chaos. Au fur et à mesure que vous continuez à ajouter des éléments visuels à la page, rappelez-vous qu’il existe un risque de rendement décroissant dans la mesure où vous réduisez réellement l’impact de la conception.