Aujourd'hui, nous allons explorer une astuce de conception extrêmement simple pour combiner texte et photos de manière intéressante. Je vais vous enseigner quatre méthodes d'utilisation de la directivité d'une photo pour déterminer la mise en page correspondante.
Celui-ci sera amusant et mettra à l'épreuve votre vision des images dans vos créations, alors asseyez-vous et venez faire un tour!
Pas de règles
Je ferai précéder cet article d’une brève déclaration selon laquelle les conseils suivants ne constituent pas des règles absolues que vous devez suivre dans votre travail de conception. Au lieu de cela, c'est simplement une méthode (en quatre parties) que vous pouvez utiliser pour aligner différents éléments de conception par rapport au contenu d'une photo.
De toute évidence, des considérations telles que les espaces ont souvent un effet primordial sur l'emplacement du texte sur une photo. Gardez cela à l'esprit lorsque vous travaillez avec vos propres images de cette manière.
Pourquoi faire ça du tout?
Bien que ce ne soit pas nécessairement une exigence, je vous encourage fortement à toujours bien regarder les traits durs d'une photo que vous essayez de combiner avec du texte et des graphiques. La répétition est l’un des principes de conception les plus importants et c’est une implémentation naturelle de cette idée. En analysant la photo et en suivant sa direction, vous trouvez des moyens extrêmement simples de rendre vos graphiques et votre texte véritablement intégrés, comme si l'image avait été créée expressément dans le but pour lequel vous l'utilisez, une grande illusion si vous utilisez du papier stock. .
Alors qu'est-ce que je veux dire en suggérant de suivre les lignes existantes sur une photo? Nous allons jeter un coup d'oeil.
Littéral
Notre première méthode d'utilisation des lignes dans une photo est la plus simple et la plus directe. Tout ce que vous avez à faire est d’analyser le contenu de l’image et d’utiliser des lignes dures pour aligner vos œuvres d’une manière très littérale.
La première étape de ce processus consiste évidemment à trouver la bonne photo. Toutes les images ne se prêteront pas aux techniques décrites dans cet article. En tant que condition préalable, vous devez utiliser quelque chose avec des bords nets et nets. L'image suivante du photographe Stephen Heron en est un parfait exemple.
Comme vous pouvez le constater, il existe de nombreuses zones colorées distinctes, larges et solides. Le cadre des bâtiments fournit des sections naturellement séparées qui peuvent servir de conteneurs pour notre contenu.
Dans la version modifiée ci-dessous, j'ai ajouté quelques repères graphiques à l'image afin que vous puissiez commencer à penser au flux des lignes comme quelque chose qui se démarque et qui peut être facilement utilisé.
En gardant ces lignes directrices à l’esprit, nous pouvons adapter notre contenu à ces lignes existantes. Le résultat est plutôt sympa. À elle seule, cette disposition semblerait erratique, mais avec l’image qui gouverne notre placement, elle fonctionne parfaitement.
Trop évident non? Vous n'avez pas besoin d'un article pour vous dire de placer du texte à l'endroit le plus naturel d'une photo! Ceci n’est que le point de départ de notre conversation, nous pouvons utiliser cette logique pour aller encore plus loin dans des placements qui ne vous plairont peut-être pas autant.
Littéral étendu
Dans l'exemple précédent, nous avons pris notre texte et nos graphiques et les avons placés directement sur les lignes et les bords existants de la photo. Cependant, il arrive souvent qu'une photo très occupée empêche que ce soit un placement naturel. Par exemple, sur cette photo de theklan, placer du texte juste au-dessus des escaliers rendrait le contenu difficile à lire.
La zone naturelle des espaces blancs se trouve sur le côté droit, où nous avons un grand mur vide pour travailler. Maintenant, nous pourrions lancer notre texte dans cet espace et l'appeler un jour, ou nous pourrions être un peu plus intentionnels sur notre emplacement en tenant compte des directives existantes que la photographie nous offre.
Remarquez comment les lignes ont coïncidé avec les étapes, même si elles ne s'étendent pas complètement sur la page. Les étapes servent de point focal principal de l'image et elles ont des lignes si nettes que vos yeux auront tendance à les suivre. Si nous utilisons ensuite ces lignes, notre texte devrait théoriquement avoir un placement très naturel qui semble parfaitement correspondre à l'image.
Notez que, de haut en bas, chaque texte a un placement très intentionnel qui coïncide avec la directionnalité préexistante de l’image. Ces lignes ne déterminent pas seulement l'endroit où je place le texte, mais même la taille de chaque morceau.
Cette fois, notre effet résultant est beaucoup Plus subtil. La plupart des téléspectateurs ne remarquent même pas ce que vous avez fait, et pourtant, il y a un sentiment de justesse quant à la manière dont le texte est placé.
Répétition
Rappelez-vous notre bon ami la répétition? Cette fois-ci, nous allons largement appliquer ce principe à la lumière des lignes existantes sur la photo.
L'image suivante d'oiseaux sur un fil, prise par Lali Masriera, fournit la toile de fond idéale pour cette expérience. Les lignes ici sont limpides et il y a beaucoup d'espaces à droite que nous pouvons utiliser pour le contenu.
Cette fois, en plaçant mes lignes, j'ai fait quelque chose d'un peu différent. Non seulement j'ai placé des lignes correspondant à des éléments existants sur la page, mais j'ai également utilisé celles-ci comme point de départ d'un motif ou d'une grille. Je prends quelques libertés et j'ajoute mes propres lignes, mais elles imitent directement celles déjà en place. Encore une fois, cela va simplement rendre notre placement un peu plus naturel que si nous défions cette directionnalité avec un placement parfaitement vertical.
Avec ces lignes en place, nous avons créé des sections claires et utilisables. Notez que ceux-ci n'existaient pas nécessairement sous cette forme dans l'image d'origine, comme dans notre premier exemple. Nous avons plutôt utilisé le contenu existant comme source d'inspiration pour une forme répétitive.
N'oubliez pas que vous pouvez pousser ce principe à l'extrême et faire pivoter votre texte pour imiter davantage la directionnalité des lignes existantes.
Symétrie inspirée
Pour notre dernier exemple, nous utiliserons une méthode très similaire à la méthode de répétition ci-dessus, mais d'une manière plus complexe. Pour commencer, j'ai saisi cette image impressionnante du photographe Daniel Zedda.
J'aime beaucoup cette image, la composition est incroyablement solide et utilise une technique souvent utilisée dans l'art de la Renaissance européenne. Si nous pensons aux lignes naturelles les plus fortes sur cette photo, elles ne s’étirent pas vraiment comme sur les exemples précédents. Au lieu de cela, nous voyons une pyramide très définie prendre forme.
Nous pouvons utiliser cette forme comme source d’inspiration pour la manière dont nous plaçons notre texte sur la page, comme nous l’avons fait pour la photo avec un oiseau. Pour ce faire, tracez les lignes qui composent le triangle, puis copiez-le et placez-le dans la zone située à gauche. Enfin, utilisez ce nouveau triangle comme guide pour le placement de texte.
Notez que, dans le résultat final ci-dessous, je n’ai pas poursuivi la pyramide jusqu’en bas. Au lieu de cela, mes lignes de texte semblaient naturellement se conformer à une forme presque losange, et c'est tout à fait acceptable. Encore une fois, vous établissez les règles ici, alors n'hésitez pas à déformer et à repenser les lignes naturelles de la photo plutôt que de les prendre si littéralement.
Conclusion
Le but ici est de ne pas suivre mes suggestions à la lettre, mais plutôt de mieux comprendre comment le contenu existant d'une photo peut être utilisé pour vous guider et vous inspirer à créer des designs uniques qui se détachent du moule à l'emporte-pièce si tombé dans.
Laissez un commentaire ci-dessous et dites-nous ce que vous pensez de ces exemples. Pensez-vous à la directionnalité du contenu d'une photo avant d'y ajouter des éléments ou s'agit-il d'une nouvelle idée?