Hipstamatic, Spotify et maintenant Adidas: Notre société semble avoir un grand désir pour les anciens et les anciens. Peut-être que notre marché est tellement saturé de tout ce qui est innovant et de haute technologie que nous commençons à nous ennuyer. Ou peut-être que c’est juste une nostalgie banale pour les vieux jours, quand tout semblait facile, simple et rose. L’obsession actuelle pour tout ce qui est du passé récent est évidente. Il peut être vu partout, et la sphère de la conception Web ne fait pas exception.
En fait, le style rétro se manifeste de temps en temps sur le web. Montré via des palettes de couleurs pastel rétro, des effets bichromiques, des imprimés géométriques simplifiés audacieux, des illustrations art déco, des effets granuleux et bruyants, des images de type Polaroid, des dessins inspirés des tabloïdes, des paysages tirés d’anciens jeux et de Claro, la typographie de années passées.
En parlant de cela, la typographie est l’une des options les plus populaires lorsqu’il s’agit d’inculquer une sensation rétro lumineuse dans un projet. C’est subtil et de bon goût. Et, plus important encore, il ne surcharge ni ne surcharge le projet. C’est une touche finale parfaite qui attire l’attention et crée une atmosphère appropriée.
De plus, vous pouvez reproduire rapidement les effets des années 80 ou 90 à l’aide du trio bien-aimé CSS / JS et SVG. Appliquez simplement l’effet à n’importe quel mot et obtenez le résultat souhaité en quelques secondes. Et vous n’avez pas à vous soucier de l’édition de photos ou de programmes liés à la conception comme Photoshop ou Sketch pour apporter des modifications. Simple et élégant, non?
Si vous êtes quelqu’un qui apprécie cette façon de faire, nous avons rassemblé 10 extraits de code avec des effets de typographie rétro incroyables. Nous allons voir:
Quitter le pays
Nous ne pouvions pas nous empêcher de commencer notre collection avec ce super code Gabrielle Wee. Son projet s’intitule Left the Country et s’inspire principalement de l’horreur des Stranger Things des Duffer Brothers. De nombreux concepteurs et développeurs l’ont reproduit. Dribbble et Codepen regorgent d’opinions professionnelles sur l’introduction du programme. Il existe même un générateur développé par Nelson Cash qui vous permet de recréer un logo avec vos données et de télécharger l’image. Mais si vous voulez éviter toute statique, essayez l’extrait de code Wee qui est une solution HTML et SCSS pure.
Sans poste vacant 404
Dans Vacance 404 de Riley Shaw, il est très similaire au travail précédent de Gabrielle Wee. Ses racines sont dans la merveilleuse ligne d’art qui est renforcée par une touche scintillante et un effet scintillant pour un réalisme accru. Cela nous rappelle tous ces néons lumineux qui sont devenus de plus en plus populaires au milieu du siècle dernier en Amérique. Cependant, ils n’étaient peut-être pas aussi élégants et raffinés que le chef-d’œuvre de Riley Shaw. La solution est une symbiose d’élégance, de sophistication et d’attrait vintage.
Enseigne au néon vintage
Besoin de plus d’effets scintillants et d’une ambiance américaine? Ensuite, vous devriez tourner votre attention vers l’enseigne au néon vintage de Kyle Lavery. On dirait qu’il est sorti de publicités des années 1960 qui étaient encombrées de panneaux lumineux. La combinaison intelligente de tubes multi-diamètres, un merveilleux effet étincelant, une palette de couleurs controversée et une belle police font l’affaire, résultant en un excellent chef-d’œuvre codé.
Division: Space Invaders
Revenons aux années 80 et aux extraits de code créés avec cette période à l’esprit. Tout d’abord, les années 80 et 90 se sont concentrées sur les jeux vidéo. Notre enfance a été si adorable. Et Martin Pitt est de ceux qui ont réussi à nous le rappeler. Sa division: Space Invaders nous ramène à l’adolescence. Cette réalisation enchante avec des vibrations positives et de la joie. Il a l’air mignon et rêveur. Il a été créé à l’aide de la bibliothèque Splitting, qui facilite les manipulations avec CSS.
Jouer avec la typographie rétro
Il n’y a pas 90 jeux non-arcade sur la console de jeu vidéo Atari. C’est juste un synonyme des années 80 et 90 dans le monde Geek. Et Max Kohler le sait parfaitement. Son codepen de typographie rétro présente habilement le logo Atari reproduit. Vous trouverez également quatre autres effets qui donnent aux paroles une belle touche rétro.
Nouveau texte / typographie rétro 80/404 SVG
Il existe plusieurs effets de texte fantastiques dans notre collection qui ressemblent à de doux souvenirs liés à la télévision. Par exemple, New Retro Text de Vladimir Jovanović, David Parker 80s Typography et 404 SVG de Marcos Mellado. Alors que les deux premiers projets utilisent des lettres audacieuses, une surface brillante, un style néon et des couleurs drastiques pour une certaine ambiance rétro d’introduction VHS, le second semble un peu rustique, banal et brut, tout comme les clips vidéo. comédies musicales sur MTV de cette période.
Typographie vintage / titre vintage génial
Ce ne serait pas une collection complète d’effets de typographie rétro sans quelques solutions traditionnelles. Et nous avons deux extraits de code fantastiques: Thibault Jan Beyer Vintage Typeface et Awesome Vintage Title de Kevin Nagata. Ils arborent tous deux une police de caractère vintage traditionnelle, comme nous avons l’habitude de l’imaginer: ultra-mince avec des lettres de plus en plus allongées, une touche subtile d’Art Déco et, bien sûr, une ombre qui est le cœur et l’âme de l’œuvre d’art. Alors que le projet de Thibault Jan Beyer semble classique et majestueux; Le projet de Kevin Nagata semble un peu moderne, avec un certain ton ludique.
Dans le temps
Si vous êtes fatigué de tout ce qui est ultramoderne, sophistiqué et sophistiqué, il est temps de vous débarrasser du présent et de chercher l’inspiration dans le passé. Faites-nous confiance, vous avez toujours un as dans le trou. Il ne manque pas une seule fois de sauver la situation.
Il propose aux designers des tendances et des solutions qui permettent à un projet de se démarquer de la foule. Et les effets typographiques rétro en sont l’exemple parfait. Ce sont des explosions chaleureuses et amicales du passé qui attirent naturellement l’attention, comme une bouffée d’air frais.
