L'inspiration de conception est partout. Rien de tel que des éléments tactiles subtils qui donnent envie de tout laisser tomber et de créer quelque chose. Cela est vrai même pour les concepteurs qui travaillent uniquement sur des projets Web ou numériques.
Reproduire l'apparence de quelque chose de réel peut fournir une inspiration stellaire aux projets. Il suffit de penser à quelques-uns des impacts récents de la conception imprimée ou réelle sur la conception de sites Web: les styles de matériaux et de conception 3D ont des liens directs.
Aujourd'hui, nous allons examiner les éléments pouvant vous inspirer de l'impression lors de votre prochain projet de conception de sites Web. (Et peut-être même vous apprendre quelques choses sur vos projets de conception web.)
Affiches
Le design de l'affiche est un art en soi. Vous pouvez presque voir l'évolution du design - et de la technologie utilisée pour créer ces designs - sur différentes affiches. Des films aux événements sportifs, les styles, les couleurs et les polices de caractères utilisées offrent un aperçu du passé.
Si vous souhaitez entreprendre un projet rétro, les affiches sont un excellent point de départ. Et les images sont faciles à trouver grâce à une recherche sur Google.
Ce n'est pas seulement l'inspiration old-school, telle que l'image ci-dessus, que vous trouverez. Les nouvelles affiches imprimées peuvent être tout aussi inspirantes. Arrêtez-vous et regardez les dessins la prochaine fois que vous allez voir un film. Pensez à toute l’information qu’ils fourrent dans l’espace - il y a beaucoup d’égos pour apaiser les noms (et la taille des noms) imprimés - sans que cela soit trop pénible.
Ce type de conception peut vous aider à réfléchir à un projet comportant beaucoup d’informations sur le plan du site Web. Regardez la structure organisationnelle d'une affiche; vous pouvez utiliser la même hiérarchie - gros titre, image dominante, texte secondaire et informations de pied de page.
Typographie
Il n'y a rien de mieux que de glisser vos doigts sur les rainures et les impressions sur une pièce de grande qualité estampée d'une typographie. Un papier de qualité et de belles encres ne font qu'ajouter à l'expérience de la gestion d'un superbe design.
Parce que la typographie est un peu chère en matière d’impression, on ne la voit pas aussi souvent. Cette technique est généralement utilisée pour les invitations, les annonces et certaines cartes de visite.
Mais lorsqu'il est associé à un design simple et agréable, il peut être absolument magnifique.
Lorsqu'il s'agit de traduire une typographie sur le Web, il faut établir la profondeur. En ce qui concerne les ombres et le gaufrage, il est particulièrement important d’ajouter cet élément de manière à ne pas être totalement dérisoire. N'oubliez pas que vous essayez de créer quelque chose à l'écran que les utilisateurs peuvent imaginer en tant qu'élément physique.
Emballage
L’un des aspects les plus intéressants de la conception des emballages est qu’il peut être presque n'importe quoi. L'emballage peut prendre l'aspect super simple et moderne associé aux produits Apple, ou il peut être rempli d'images et de lettres complexes.
L'un ou l'autre peut inspirer un grand design.
- Le style Stark? Apple? traduit au plus minimal des cadres. La traduction du site Web comprend probablement beaucoup d’espaces, des éléments aux contours nets et des lettres simples comportant le moins de mots possible.
- La conception d’emballages chargés, telle que l’image ci-dessus de la galerie Design Shack, permet de combiner des éléments inattendus. Auriez-vous envisagé ces choix de couleurs pour l'emballage des pâtes? Le concept à retenir est que vous n'avez pas à faire ce qui est attendu. La conception peut être n'importe quoi et faire tout ce que vous voulez. Expérimentez avec. S'amuser. Peut-être même aller un peu fou de temps en temps.
La signalisation
Il y a des signes partout. Mais avez-vous déjà vraiment réfléchi à la raison pour laquelle ils sont construits comme ils sont? Ou pourquoi le lettrage et la conception ont tendance à tomber dans des modèles spécifiques?
La signalisation peut être l’une des plus grandes sources d’apprentissage en matière de lettrage et de typographie. Un signe efficace est facile à lire. Et plus que cela, il est facile de lire à une distance appropriée pour le message. Les lettres doivent contraster avec le fond. Les mots doivent être parfaitement espacés pour que le message soit clair. En outre, ce message doit être succinct et lisible d’un coup d’œil.
Combien de vos projets ces concepts ne pas postuler à?
Faites attention aux panneaux qui vous entourent, des panneaux verts courants le long des autoroutes - non sans controverse au sujet de la police de caractères - aux repères de localisation utilisés dans les entreprises et aux autres endroits que vous visitez. Appliquez ensuite quelques règles rapides et compliquées pour vérifier si votre lettrage réussit le test:
- Est-ce lisible?
- La police est-elle simple et fiable? (Ceci est particulièrement important sur le Web.)
- Les choix de couleurs créent-ils suffisamment de contraste? Les options de contraste les plus élevées incluent le noir sur jaune, le noir sur blanc, le jaune sur noir, le blanc sur noir et le bleu sur blanc pour les enseignes extérieures.
- Le message ou l'appel à l'action est-il simple?
- L'imagerie simple se vend. De nombreux signes courants incluent de simples logos identifiables même sans mots.
Les magazines
Rien ne se compare à la sensation d'ouvrir un magazine pour la première fois. Il y a un élément d'anticipation à voir le contenu à l'intérieur. Que vous sachiez à quoi vous attendre de la conception d’un ancien favori ou que vous examiniez quelque chose de nouveau, c’est une expérience unique. Chaque page a quelque chose de nouveau à offrir et il y a beaucoup d'espace pour se sentir inspiré.
Du contenu réel aux publicités imprimées - ce qui peut être amusant à regarder aussi -, il y a généralement au moins un motif à emporter dans les pages imprimées.
Certains des éléments les plus utiles pour consulter un magazine et réutiliser des idées pour le Web sont la façon dont de petits blocs de contenu sont utilisés. Les magazines sont souvent emballés avec des mottes d’informations dans de minuscules conteneurs. C’est quelque chose dont nous parlons beaucoup dans la conception Web - comment utiliser efficacement les éléments de conteneur - et pour la conception, les magazines peuvent être un excellent endroit pour commencer à chercher des idées.
L'autre chose que les magazines font particulièrement bien est de vous inciter à aller au-delà de la couverture. Très peu d’entre nous penseraient à concevoir une page d’accueil de site Web à la manière d’une couverture de magazine, avec autant d’éléments, de texte, de couleurs et d’images. Mais que se passerait-il si vous pouviez offrir aux utilisateurs autant de points d’entrée dans le contenu? Comment le concevriez-vous?
Conclusion
L’un des points forts de la conception imprimée et de son utilisation sur le Web est l’idée de la façon dont les gens digèrent les informations. Beaucoup de ces idées ne changent pas parce que le design est imprimé plutôt que numérique.
Trouver de l'inspiration dans un type de design différent du support sur lequel vous travaillez habituellement peut également vous aider à repousser les limites de votre pensée et à vous permettre d'essayer quelque chose de légèrement différent. Alors, la prochaine fois que vous vous retrouvez arrêté et que vous regardez quelque chose, posez la question suivante: comment puis-je prendre cette idée et l’utiliser dans un projet de conception de site Web?
Sources d'images: Joe Wolf, Greg Rodgers, Liz Jones et Phil Roeder.