Des motifs aux vidéos, en passant par les images, vous avez le choix entre de nombreuses possibilités pour choisir la toile de fond idéale pour tout projet de conception. Bien que la texture ou l'image que vous choisissez ne soit pas nécessairement destinée à faire partie intégrante du message global, elle peut avoir un impact considérable.
Les fonds peuvent être subtils, gras, statiques, dynamiques ou inexistants. Et les arrière-plans des projets d'aujourd'hui sont souvent plus qu'une simple toile beige et font partie intégrante - et intégrée - du schéma de conception global. La tendance dans la conception de l'arrière-plan peut même amener certains à demander où se termine l'arrière-plan et où commence le premier plan. Aujourd'hui, nous partageons quelques conseils et astuces sur la manière de choisir un arrière-plan efficace.
Couleur unie ou dégradé
L'un des styles d'arrière-plan les plus populaires et classiques est celui d'un simple ou d'une couleur avec un dégradé subtil. Chacune de ces options peut parfaitement fonctionner pour des projets imprimés ou numériques et peut être conçue en utilisant presque toutes les couleurs, ce qui explique pourquoi cette option est si populaire.
Les teintes neutres sont l'option la plus populaire pour l'utilisation d'arrière-plan de couleur unie. Ce choix logique fonctionne avec presque tous les éléments de premier plan sans gêner ni rendre difficile le placement d'éléments sur la toile. Cependant, de plus en plus de concepteurs optent pour des arrière-plans à une seule couleur plus brillants ou plus audacieux avec un schéma de conception global plus simple. Cette tendance a émergé avec les principes de conception à plat alors que de plus en plus de personnes prenaient des risques avec la couleur et les polices et éléments simples.
Il existe deux courants d’opinion en ce qui concerne l’utilisation des dégradés comme arrière-plan: fondu au blanc ou noir, ou au mélange de plusieurs couleurs contrastantes. Selon l’utilisation, l’une ou l’autre option peut fonctionner, mais la transition au blanc ou au noir est de loin une solution plus simple. C'est aussi plus facile à retirer. Les dégradés ont également un aspect plus ancien, car la tendance est passée de mode à la mode. (Mais comme la plupart des autres tendances, il va probablement réapparaître.)
Motif subtil
Une autre conception populaire consiste à utiliser des motifs subtils pour créer une texture en arrière-plan. Ceci peut être accompli en utilisant de la couleur et des formes simples, des lignes ou des petits objets.
Ces petits motifs ou morceaux de texture peuvent aider à ajouter une touche tridimensionnelle à la conception ou, dans le cas de projets imprimés, à inclure physiquement un élément de texture. Des motifs que vous ne voyez pas vraiment aider? autres éléments de design hors de la toile, en apportant plus d’attention et d’attention.
Des motifs subtils peuvent être créés à l'aide de formes et de lignes ou de petites images. L'une ou l'autre option peut fonctionner de différentes manières. Subtil, en termes de motif, ne correspond pas toujours à la couleur. Des motifs subtils peuvent être tissés dans presque toutes les couleurs, des neutres décolorés aux nuances audacieuses. La clé lorsque les motifs sont conçus pour l’arrière-plan est de les conserver. Trop de couleur ou de contraste dans la conception de l'arrière-plan peut la mettre en concurrence avec d'autres éléments pouvant être plus importants pour le message global du projet de conception.
Motif gras ou large
Les motifs surdimensionnés ou volumineux, en particulier ceux qui utilisent des couleurs vives, peuvent être l'une des choses les plus amusantes que vous puissiez faire avec la conception d'arrière-plan. Cela peut aussi être l’un des plus difficiles.
La plupart des concepteurs qui optent pour des motifs audacieux ou volumineux le font en les utilisant à des emplacements clés de la toile et en les associant à quelque chose de plus subtil ou en tant que toile de fond complète associée à des superpositions de zones colorées pour le contenu et d'autres éléments de conception.
Les motifs audacieux sont plutôt à la mode et créent souvent une certaine ambiance pour un projet de conception. Ils ont tendance à? Sentir? amusant et léger. Ils sont souvent utilisés avec des choix de couleurs vives pour contribuer davantage à cette ambiance générale.
Une autre option avec de grands motifs consiste à utiliser le motif de manière surdimensionnée. Avec ce concept, vous ne pouvez voir le motif se répéter qu'une ou deux fois. Les concepteurs utilisent souvent le modèle surdimensionné? si vous pouvez vraiment appeler ça comme ça, en couleurs plus monotones. Ce concept se situe à la limite des lignes surdimensionnées et audacieuses ou peut être atténué pour créer un arrière-plan plus subtil.
Photo ou vidéo
Une image vaut mieux que mille mots. C'est l'idée qui se cache derrière les arrière-plans photo et vidéo dans les projets de conception. Les arrière-plans basés sur des images peuvent être plus efficaces lorsqu'ils sont utilisés pour raconter une histoire d'une manière que les mots ou d'autres éléments visuels ne peuvent pas.
Les arrière-plans photo ou vidéo en plein écran - qu'ils soient fixes ou intégrés à un curseur - sont incroyablement populaires. Ce type d’arrière-plan est si attrayant que de nombreux utilisateurs ne remarqueront même pas l’arrière-plan ou le premier plan dans la conception car, une fois cette opération effectuée, toutes les pièces semblent fusionner.
Cette technique n'est pas toujours facile à produire. Les images doivent être stellaires pour le faire fonctionner. Les images doivent également inclure des zones ouvertes pour d'autres éléments tels que du texte ou des boutons sur des sites Web. Ils doivent également s’ajuster à la toile et parfois à plusieurs toiles lorsqu’ils sont utilisés dans le cadre d’une conception Web réactive.
Mais le principal avantage d'un arrière-plan photo est la connexion. Les gens aiment regarder des images. Sélectionnez un arrière-plan photo qui raconte l'histoire du projet de conception sur lequel vous travaillez et envisagez d'utiliser les visages en tant qu'élément clé de la photo pour attirer davantage de personnes dans la conception.
Les arrière-plans photo volumineux sont populaires depuis un certain temps dans divers types de projets, notamment les sites Web. Plus généralement, les concepteurs d'impression les utilisent également. Les photos en plein écran peuvent faire de belles brochures, cartes de visite et autres documents imprimés. La vidéo en mode plein écran, en revanche, est une tendance nettement Web qui commence à envahir un certain nombre de sites qui utilisaient jadis des photos en plein écran. Les vitesses de connexion Web et les temps de chargement plus rapides ont rendu l'utilisation de ce format encore plus facile dans les projets de conception.
Illustration
Tout comme les arrière-plans photo ou vidéo, les illustrations offrent une expérience visuelle interactive. Les arrière-plans illustrés semblent souvent se confondre avec le premier plan, mais ils peuvent aussi être subtils.
La bonne chose à propos d’une illustration est qu’il s’agit d’un visuel vraiment personnalisé. La plupart des concepteurs qui utilisent des illustrations créent ou contractent des dessins uniques. Il n’ya aucune raison de penser qu’un autre projet inclura le même visuel ou un modèle similaire.
L'illustration peut également aider à définir une ambiance spécifique pour un projet. Éléments populaires dans les projets de conception destinés à un public plus jeune, les illustrations sont souvent plus claires et faciles à digérer, même lorsqu'elles sont associées à un contenu plus sérieux.
Pas de fond
Certains arrière-plans ne sont pas du tout des arrière-plans. Ce ne sont que des espaces blancs.
C'est une option particulièrement populaire en ce moment alors que le minimalisme dans la conception est une tendance majeure. L'absence d'arrière-plan, associé à d'autres techniques de conception simples, peut créer un package époustouflant.
La clé pour faire un? Fond-moins? le travail de conception fait l'objet d'une attention particulière aux autres détails de conception. Bien qu'il soit le plus populaire dans la conception de sites Web, pensez comme il est facile de créer un site Web réactif lorsque vous n'avez pas à tenir compte de l'arrière-plan, cela se traduit bien en projets d'impression.
L'utilisation de grandes quantités d'espaces blancs attire toute l'attention du public sur les éléments de la toile. Cela donne à chaque objet un aspect un peu plus important qu’il pourrait le faire autrement. Le risque de ne pas avoir d'antécédents est celui de perdre rapidement son auditoire parce que son implication visuelle n'est pas suffisante.
Tutoriels et ressources
Maintenant, comment commencez-vous à mettre toutes ces idées en pratique? Nous avons également rassemblé un ensemble d'excellents tutoriels et ressources afin que vous puissiez essayer de développer vous-même une variété de contextes.
- Fonds de couleur unie: sélectionnez et téléchargez un fond de papier solide pour vos projets personnels ou commerciaux.
- Ultimate CSS Gradient Generator: définissez les options de couleur et obtenez le code pour importer un dégradé directement sur votre site Web.
- Tutoriel - Créer 5 motifs de fond subtils: Apprenez à créer vos propres motifs de fond dans ce tutoriel simple.
- Didacticiel - Création de motifs géométriques dans Illustrator: Découvrez comment créer de grands motifs en gras à l'aide de formes vectorielles.
- Didacticiel: Créer des motifs répétitifs dans Photoshop: Apprenez à créer un motif, à ajouter de la couleur et à ajouter de la profondeur.
- Didacticiel - Créer une vidéo d'arrière-plan HTML5 en plein écran: Ce didacticiel vous explique le code CSS nécessaire pour créer un arrière-plan vidéo.
- Motifs subtils: Le site et le plugin correspondant pour Photoshop incluent de nombreux arrière-plans.
- Zen BG: Cet outil vous permet de créer différents types d'arrière-plan.
Conclusion
Comme vous pouvez probablement le constater dans les exemples ci-dessus, les meilleurs arrière-plans peuvent inclure plus d'un type de technique de conception. Un arrière-plan peut utiliser un motif subtil qui est animé ou une photo surdimensionnée. Les combinaisons sont presque illimitées.
La clé de tout concept d'arrière-plan, ou projet de conception, est de créer quelque chose avec lequel les gens voudront interagir. Le contexte devrait faire partie du plan de conception global, pas une réflexion après coup. N'oubliez pas ceci: le fait que ce ne soit pas la première chose à voir ne signifie pas que ce n'est pas l'une des plus importantes.
Banque d'images avec l'aimable autorisation de Creative Market.