Trouvez l'inspiration du design pour le Web… en version imprimée
L'inspiration du design est partout. Il n'y a rien de tel que des éléments tactiles subtils qui donnent juste envie de tout laisser tomber et de créer quelque chose. Cela est vrai même pour les designers qui ne travaillent que sur des projets web ou numériques.
Reproduire l'apparence de quelque chose de réel peut fournir une inspiration stellaire pour les projets. Pensez simplement à certains des effets de la conception réelle ou imprimée sur la conception de sites Web récemment - les styles de matériaux et de conception 3D ont des liens directs.
Aujourd'hui, nous allons examiner des choses qui peuvent vous inspirer de l'impression lorsque vous vous lancez dans votre prochain projet de conception Web. (Et peut-être même vous apprendre quelques choses sur vos projets de conception Web.)
Affiches
La conception d'affiches est un art en soi. Vous pouvez presque voir l'évolution du design - et 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 utilisées offrent un aperçu du passé.
Si vous voulez entreprendre un projet rétro, les affiches sont un excellent point de départ. Et les images sont faciles à trouver grâce à une recherche Google.
Ce n'est pas seulement l'inspiration old-school, comme l'image ci-dessus, que vous trouverez. Les affiches imprimées d'un nouveau style peuvent être tout aussi inspirantes. Arrêtez-vous et regardez les dessins la prochaine fois que vous allez voir un film. Pensez à toutes les informations qu'ils entassent dans l'espace - il y a beaucoup d'ego à apaiser en ce qui concerne les noms (et la taille des noms) imprimés - sans que cela ne soit trop écrasant.
Aller à ce type de conception peut vous aider à penser à un projet qui comprend une grande partie des informations lorsqu'il s'agit d'un plan de site Web. Regardez la structure organisationnelle d'une affiche; vous pouvez utiliser cette même hiérarchie - gros titre, image dominante, texte secondaire et informations de pied de page.
Typographie
Il n'y a rien de tel que de passer vos doigts à travers les rainures et les impressions sur un grand morceau de papier qui a été tamponné avec une typographie. Le grand papier et les belles encres ne font qu'ajouter à l'expérience de la manipulation d'un grand design.
Parce que la typographie est un peu chère en matière d'impression, vous ne la voyez pas aussi souvent. La technique est le plus souvent 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 la typographie sur le Web, il s'agit d'établir la profondeur. Il faut un soin particulier en termes d'ombres et de gaufrage pour ajouter cet élément d'une manière qui n'est pas écrasante. Gardez à l'esprit que ce que vous essayez de faire est de créer à l'écran quelque chose que les utilisateurs peuvent imaginer comme un élément physique.
Emballage
L'une des choses les plus cool à propos de la conception de l'emballage est qu'elle peut être presque n'importe quoi. L'emballage peut prendre l'apparence super simple et moderne associée aux produits Apple, ou il peut être rempli d'images et de lettrages complexes.
L'un ou l'autre peut inspirer un excellent design.
- Le «style Apple» austère se traduit par les cadres les plus minimes. La traduction du site Web comprend probablement de nombreux espaces, des éléments aux bords durs et un lettrage simple avec le moins de mots possible.
- La conception d'emballages occupés, comme l'image ci-dessus de la galerie Design Shack, est une leçon de combinaison d'éléments inattendus. Auriez-vous imaginé ces choix de couleurs pour l'emballage des pâtes? Le concept à retenir est que vous n'avez pas à faire ce que vous attendez. Le design peut être n'importe quoi et faire tout ce que vous voulez. Expérimentez avec. S'amuser. Peut-être même devenir un peu fou de temps en temps.
Signalisation
Il y a des signes partout. Mais vous arrêtez-vous vraiment vraiment et pensez-vous pourquoi ils sont construits comme ils sont? Ou pourquoi le lettrage et le design ont tendance à tomber dans des motifs 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 l'arrière-plan. Les mots doivent avoir un espacement parfait pour que le message soit clair. En outre, ce message doit être succinct et lisible en un coup d'œil.
À combien de vos projets ces concepts ne s'appliquent-ils pas?
Faites attention aux panneaux qui vous entourent, des panneaux verts communs le long des autoroutes - non sans controverse sur la police de caractères - aux localisateurs dans les entreprises et autres endroits que vous visitez. Ensuite, appliquez quelques règles rapides et sales pour voir si votre lettrage réussit le test:
- Est-il 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 panneaux extérieurs.
- Le message ou l'appel à l'action est-il simple?
- L'imagerie simple se vend. De nombreux signes courants incluent des logos simples qui sont identifiables même sans mots.
Les magazines
Rien ne se compare au sentiment d'ouvrir un magazine pour la première fois. Il y a un élément d'anticipation pour voir le contenu à l'intérieur. Que vous sachiez à quoi s'attendre de la conception d'un ancien favori ou que vous examiniez quelque chose de nouveau, c'est une expérience pas comme les autres. Chaque page a quelque chose de nouveau à offrir et il y a beaucoup de place pour se sentir inspiré.
Du contenu réel aux publicités imprimées - ce qui peut également être amusant à regarder - il y a généralement au moins un design à emporter à l'intérieur des pages imprimées.
Certains des éléments les plus utilisables pour consulter un magazine et réorienter les idées pour le Web sont la manière dont les petits blocs de contenu sont utilisés. Les magazines sont souvent remplis d'informations divisées 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 à des fins de 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 à dépasser 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. Et si vous pouviez offrir aux utilisateurs autant de points d'entrée dans le contenu? Comment le concevriez-vous?
Conclusion
L'une des grandes choses quand il s'agit de penser à la conception d'impression et à la façon dont elle peut être utilisée pour le Web, c'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é par rapport au numérique.
Trouver l'inspiration dans un type de conception différent du médium dans lequel vous travaillez généralement peut également vous aider à repousser les limites de votre pensée et à ouvrir votre esprit à essayer quelque chose d'un peu différent. Alors la prochaine fois que vous vous retrouvez arrêté et que vous regardez quelque chose, posez la question: comment pourrais-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.
