Aujourd'hui, nous allons nous attaquer à des problèmes courants qui ne proviennent pas d'un contenu trop dispersé mais de trop peu. Comment pouvez-vous étoffer un dessin alors que votre client ne vous a presque rien donné à travailler?
Nous allons passer en revue quelques astuces simples et rapides pour créer des designs magnifiques qui ne semblent pas vides malgré l'utilisation de très peu de ressources.
Grands espaces ouverts
Jetez un groupe de designers autour d'une table et vous en verrez beaucoup se plaindre de la façon dont les clients veulent toujours qu'ils se faufilent autant dans un espace aussi petit. Les non-concepteurs ont tendance à se concentrer sur la maximisation du potentiel d'une page Web disponible ou d'une annonce imprimée, pensant peu ou pas que la surcharge d'informations peut souvent rendre inefficace les meilleures conceptions.
Trouver comment organiser beaucoup d'informations et de ressources dans un espace restreint est un gros problème auquel nous sommes tous confrontés, mais ce n'est que la moitié de l'histoire. Peut-être que beaucoup de designers luttent contre des clients qui très peu fournir, à la fois en direction et en ressources.
Lorsque vous n'avez pas grand chose à faire, une page blanche peut sembler énorme et vous vous demandez comment vous allez la remplir. Passons en revue quelques scénarios courants et voyons quelques exemples de solutions pour chacun.
Une seule photo, texte minimal
Ceci est un concept assez commun des concepteurs. Vous devez produire un design de qualité et fini, mais vous ne disposez que d'une image pour travailler. Pour aggraver les choses, vous n'avez que quelques phrases de texte. Si on vous donnait une annonce pleine page ou une page Web entière, cela pourrait sembler assez décourageant.
En jetant l'image sur votre toile, vous voyez des tonnes d'espace à remplir!
Alors que nous commençons à ajouter du contenu Web standard, la page commence certainement à être bien meilleure. En déplaçant simplement la photo vers la droite, nous obtenons une mise en page décente à deux colonnes qui suit les tendances minimalistes et offre beaucoup de contraste agréable.
Malheureusement, c'est complètement ennuyeux. Les éléments ne semblent pas? Conçus? tellement que jeté ensemble de la manière la plus évidente. Pour certaines images, c’est peut-être ce que nous pouvons faire de mieux, mais c’est une bonne idée de vraiment prendre la photo et de réfléchir à la façon de l’utiliser de manière plus créative.
Dans notre cas, c'est un studio tourné sur un fond noir. Cela rend l'extension de la photo un processus pratiquement indolore. Les images à fond perdu ont une allure élégante et professionnelle. Nous pouvons utiliser une mise en page presque identique à celle utilisée précédemment et obtenir un résultat beaucoup plus visuel:
Utiliser la même photo plusieurs fois
Une astuce vraiment efficace que vous pouvez mettre en œuvre lorsque vos ressources sont limitées consiste à utiliser la répétition pour donner l’illusion que vous avez plus à faire que vous ne le faites réellement.
Pour moi, cela implique généralement de trouver des moyens de dupliquer l'image avec goût et sans redondance évidente. Voici notre exemple de projet à la première étape. Encore une fois, nous avons quelque chose d'assez ennuyeux et peu créatif pour commencer:
Pour donner un peu de vie et de variété à la mise en page, concentrons-nous sur l'optimisation de l'utilisation de cette photo unique. Pour commencer, avec quelques copies de calque et de simples effets de calque Photoshop, nous pouvons transformer une seule image en une pile de photos. Notre page a déjà l'air un peu plus conviviale et moins rigide.
Pour pousser cette idée encore plus loin, transformons la même photo en une texture d’arrière-plan. Nous l'étirons à fond, puis nous le filtrons un peu en arrière. Cela prend ce fond blanc et ajoute beaucoup plus d'intérêt visuel.
À ce stade, l’arrière-plan est bien évidemment la même photo. Ce n’est pas nécessairement une mauvaise idée, mais si vous voulez l’abréger un peu afin que ce ne soit pas aussi évident, essayez d’effacer l’arrière-plan.
Vous pouvez aller aussi loin que vous voulez avec ça. Essayez d'ajouter un peu de texture aussi. L’image d’arrière-plan nous fournit essentiellement autre chose qu’un fond blanc pour notre toile. Alors que nous construisons au-dessus de quelque chose qui reflète les couleurs et la composition de la photo principale, notre design reste agréable et cohérent tout en nous laissant une liberté d'expérimenter remarquable.
Combler les lacunes avec des actions
Une autre chose importante à retenir est que vous pouvez toujours utiliser des images de stock pour compléter vos ressources. Même si votre client vous a déjà fourni une image principale, il est souvent assez facile de trouver une photo associée qui complète bien le dessin.
Par exemple, supposons que notre client nous ait fourni l’image suivante, ainsi que l’instruction de l’afficher en évidence sur la page.
Étant donné que cette image est si attrayante, nous avons déjà beaucoup de choses à travailler. Nous pouvons facilement utiliser l'image de la tortue de mer comme base pour une superbe annonce pleine page.
J'aime cette conception, mais il y a quelques problèmes fonctionnels. L'image du haut est si attrayante qu'elle attire immédiatement mon attention. Malheureusement, après cela, il n'y a rien d'autre qui attire mon attention vers le bas de la page, mais un gros morceau de texte ennuyeux. De nombreux téléspectateurs risquent de jeter un coup d'œil sur la tortue, puis de perdre tout intérêt, ce qui ne sert à rien si nous voulons leur faire lire ce titre secondaire.
Une solution consiste à rechercher une image de stock pour attirer l’attention vers le bas. Nous n'avons besoin de rien d'incroyable, mais simplement d'un élément simple qui ajoute un intérêt visuel au champ de blanc situé dans la partie inférieure de la publicité.
En seulement une minute ou deux, j'ai pu trouver une excellente image pour la tâche:
Le concept d'exposition de tortues est maintenant poussé plus loin et la moitié inférieure a un petit gars mignon qui vous prend pour les yeux et vous oblige à lire le titre. Heureusement, il est très facile de trouver des photos comme celle-ci, que ce soit complètement exempt de formes extrêmement bon marché. iStock a à peu près tout ce que vous pouvez imaginer tourné sur un fond blanc et ne cassera pas votre budget.
Conclusion
Étant donné que le design minimal est si populaire en ce moment, il peut être positif d’avoir moins de travail, tant que vous savez ce que vous faites. Cela pose quelques problèmes de mise en page, mais si vous êtes créatif et débrouillard, vous pouvez facilement les surmonter.
N'oubliez pas d'analyser vos images et de réfléchir à la manière de les étendre ou de maximiser l'espace qu'elles utilisent. Essayez une photo à fond perdu et voyez si votre conception ne semble pas beaucoup plus élégante qu'auparavant.
De même, si vous n’avez qu’une seule image, considérez comment dupliquer cette image de façon élégante. Cela peut prendre la forme d'une répétition intentionnelle évidente ou de quelque chose de plus subtil.
Enfin, rappelez-vous que le Web regorge de ressources visuelles étonnantes, super bon marché ou totalement gratuites. Réfléchissez à la manière dont vous pouvez utiliser les actions pour renforcer ce qui vous a déjà été fourni.
Sources de photos: Vikram Vetrivel, Luis Hernandez, Maria Herrera et Ibrahim Iujaz.