Une astuce de conception facile: utiliser les lignes naturelles d'une photo
Aujourd'hui, nous allons explorer une astuce de conception super simple pour combiner du texte et des photos de manière intéressante. Je vais vous enseigner quatre méthodes d'utilisation de la directivité d'une photographie pour déterminer une disposition de conception correspondante.
Celui-ci sera amusant et remettra certainement en question votre façon de penser les images dans vos créations, alors asseyez-vous et venez pour la balade!
Pas de règles
Je préfère cet article en admettant brièvement que les conseils suivants ne représentent pas des règles strictes et rapides 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 divers éléments de conception par rapport au contenu d'une photo.
De toute évidence, des considérations telles que les espaces blancs ont souvent un effet principal sur l'endroit où vous placez le texte sur une photo. Gardez cela à l'esprit lorsque vous travaillez avec vos propres images de cette manière.
Pourquoi le faire?
Bien que ce ne soit pas nécessairement une exigence, je vous encourage fortement à toujours bien regarder les lignes dures d'une photographie 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 mise en œuvre naturelle de cette idée. En analysant la photo et en suivant sa directionnalité, vous trouvez des moyens incroyablement faciles de rendre vos graphiques et votre texte vraiment intégrés, comme si l'image avait été créée expressément pour le but pour lequel vous l'utilisez, une grande illusion si vous utilisez du papier .
Alors, qu'est-ce que je veux dire en vous suggérant de suivre les lignes existantes dans 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 aider à aligner votre œuvre d'art de manière très littérale.
La première étape de ce processus est évidemment de trouver la bonne photo. Toutes les images ne se prêteront pas aux techniques de cet article, comme condition préalable, vous devez utiliser quelque chose avec des bords clairs et durs. L'image suivante du photographe Stephen Heron en est un parfait exemple.
Comme vous pouvez le voir, il existe de nombreuses zones distinctes, grandes et solides. L'ossature des bâtiments offre 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 à considérer le flux des lignes comme quelque chose qui se démarque et peut être facilement utilisé.
Avec ces directives à l'esprit, nous pouvons aligner notre contenu sur ces lignes existantes. Le résultat est plutôt sympa. À elle seule, cette disposition semble erratique, mais avec l'image régissant notre placement, elle fonctionne parfaitement.
Trop évident non? Vous n'avez pas eu besoin d'un article pour vous dire de placer du texte à l'endroit le plus naturel d'une photo! Ce n'est que le point de départ de notre conversation, nous pouvons utiliser cette logique pour aller encore plus loin dans certains placements qui peuvent ne pas vous sauter 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 photographie occupée empêche cela d'être un emplacement naturel. Par exemple, dans cette photographie de theklan, placer du texte juste au-dessus des escaliers rendrait le contenu difficile à lire.
La zone naturelle des espaces blancs est sur le côté droit où nous avons un grand mur vide pour travailler. Maintenant, nous pourrions jeter au hasard notre texte dans cet espace et l'appeler un jour, ou nous pourrions être un peu plus intentionnels au sujet de notre placement en tenant compte des directives existantes que la photographie nous offre.
Remarquez comment j'ai tracé les lignes pour qu'elles coïncident avec les étapes, même si elles ne s'étendent pas sur toute la page. Les marches servent de point focal principal de l'image et elles ont de si belles lignes dures 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 très bien correspondre à l'image.
Notez que, de haut en bas, chaque morceau de texte a un placement très intentionnel qui coïncide avec la directivité préexistante de l'image. Ces lignes ne régissent pas seulement où je place le texte, mais même la taille de chaque pièce.
Cette fois, notre effet résultant est beaucoup plus subtil. La plupart des téléspectateurs ne remarqueront même pas ce que vous avez fait, et pourtant il y a vraiment un sentiment de justesse dans la façon dont le texte est placé.
Répétition
Rappelez-vous la répétition de notre bon ami? Cette fois-ci, nous allons tirer parti de 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 parfaite pour cette expérience. Les lignes ici sont limpides et il y a beaucoup d'espace à 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 qui correspondent à des éléments existants sur la page, mais je les ai également utilisées 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.
Gardez à l'esprit 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 superbe image du photographe Daniel Zedda.
J'aime beaucoup cette image, la composition est incroyablement solide et utilise une technique souvent retrouvée dans l'art de la renaissance européenne. Si nous pensons aux lignes naturelles les plus fortes de cette photo, elles ne s'étendent pas vraiment sur l'image comme celles des 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 façon dont nous plaçons notre texte sur la page, tout comme nous l'avons fait avec la photo d'oiseau. Pour ce faire, tracez les lignes qui composent le triangle, puis copiez ce triangle et placez-le dans la zone de gauche. Enfin, utilisez ce nouveau triangle comme guide pour le placement du texte.
Notez que, dans le résultat final ci-dessous, je n'ai pas réellement continué la forme pyramidale jusqu'en bas. Au lieu de cela, mes lignes de texte semblaient naturellement se conformer à une forme presque en losange, et c'est tout à fait acceptable. Encore une fois, vous définissez les règles ici, alors n'hésitez pas à déformer et à repenser les lignes naturelles de la photo plutôt que de simplement les prendre au pied de la lettre.
Conclusion
Le but ici est de ne pas suivre exactement mes suggestions, mais plutôt de simplement prendre conscience de la façon dont le contenu existant dans une photographie peut être utilisé pour vous guider et vous inspirer pour créer des designs uniques qui se détachent du moule de l'emporte-pièce qui est si facile à 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 photographie avant d'y ajouter des éléments ou est-ce une nouvelle idée pour vous?
