Hipstamatic, Spotify und jetzt Adidas: Unsere Gesellschaft scheint ein großes Verlangen nach Alt und Alt zu haben. Vielleicht ist unser Markt mit allem Innovativen und Hightech so gesättigt, dass wir uns langsam langweilen. Oder vielleicht ist es nur eine banale Nostalgie für die alten Zeiten, als alles einfach, einfach und rosa schien. Die gegenwärtige Besessenheit von allem aus der jüngeren Vergangenheit ist offensichtlich. Es ist überall zu sehen und die Sphäre des Webdesigns ist keine Ausnahme.
Tatsächlich manifestiert sich der Retro-Stil von Zeit zu Zeit im Web. Dargestellt über Retro-Pastellfarbpaletten, Duotone-Effekte, kühne, vereinfachte geometrische Drucke, Art-Deco-Kunstwerke, körnige, verrauschte Effekte, Polaroid-ähnliche Bilder, Tabloid-inspirierte Designs, Landschaften aus alten Spielen und Claro, Typografie von gestern.
Apropos, Typografie ist eine der beliebtesten Optionen, wenn es darum geht, einem Projekt ein helles Retro-Feeling zu verleihen. Es ist subtil und geschmackvoll. Und vor allem überlastet oder überlastet es das Projekt nicht. Es ist ein perfekter Abschluss, der die Aufmerksamkeit auf sich zieht und eine geeignete Atmosphäre schafft.
Außerdem können Sie mit Hilfe des beliebten Trios aus CSS / JS und SVG die Effekte der 80er oder 90er Jahre schnell reproduzieren. Wenden Sie den Effekt einfach auf ein beliebiges Wort an und erhalten Sie in Sekunden das gewünschte Ergebnis. Und Sie müssen sich nicht mit Fotobearbeitung oder designbezogenen Programmen wie Photoshop oder Sketch herumschlagen, um Änderungen vorzunehmen. Einfach und elegant, oder?
Wenn Sie diese Art der Arbeit zu schätzen wissen, haben wir 10 Code-Schnipsel mit unglaublichen Retro-Typografie-Effekten zusammengestellt. Wir werden sehen:
Verlasse das Land
Wir konnten nicht anders, als unsere Sammlung mit diesem großartigen Gabrielle Wee-Code zu beginnen. Sein Projekt heißt Left the Country und wurde hauptsächlich vom Horror “Stranger Things” der Duffer Brothers inspiriert. Viele Designer und Entwickler haben es reproduziert. Dribbble und Codepen sind voller professioneller Meinungen zur Einführung des Programms. Es gibt sogar einen von Nelson Cash entwickelten Generator, mit dem Sie ein Logo mit Ihren Daten erstellen und das Bild herunterladen können. Wenn Sie jedoch die statische Aufladung vermeiden möchten, versuchen Sie es mit dem Wee-Code-Snippet, einer reinen HTML- und SCSS-Lösung.
Ohne freie Stelle 404
In Riley Shaws Vacancy 404 ist es Gabrielle Wees früheren Arbeiten sehr ähnlich. Seine Wurzeln liegen in der wunderbaren Kunstlinie, die durch einen funkelnden Touch und einen flackernden Effekt für zusätzlichen Realismus verstärkt wird. Es erinnert uns an all die leuchtenden Leuchtreklamen, die Mitte des letzten Jahrhunderts in Amerika immer beliebter wurden. Vielleicht sahen sie jedoch nicht so elegant und raffiniert aus wie Riley Shaws Meisterwerk. Die Lösung ist eine Symbiose aus Eleganz, Raffinesse und Vintage-Anziehungskraft.
Vintage Leuchtreklame
Benötigen Sie mehr funkelnde Effekte und eine amerikanische Atmosphäre? Dann sollten Sie Ihre Aufmerksamkeit auf Kyle Laverys Vintage-Leuchtreklame richten. Es sieht so aus, als stamme es aus Werbespots aus den 1960er Jahren, die mit beleuchteten Schildern übersät waren. Die clevere Kombination von Röhren mit mehreren Durchmessern, ein wunderbarer Glitzereffekt, eine kontroverse Farbpalette und eine schöne Schrift machen den Trick und ergeben ein exzellent codiertes Meisterwerk.
Abteilung: Space Invaders
Gehen wir zurück zu den 80ern und Code-Schnipsel, die für diesen Zeitraum erstellt wurden. Erstens konzentrierten sich die 80er und 90er Jahre auf Videospiele. Unsere Kindheit war so bezaubernd. Und Martin Pitt ist einer von denen, die es geschafft haben, uns daran zu erinnern. Seine Abteilung: Space Invaders bringt uns zurück in die Jugend. Diese Erkenntnis erfreut sich mit positiver Stimmung und Freude. Es sieht süß und verträumt aus. Es wurde mit Hilfe der Splitting-Bibliothek erstellt, die Manipulationen mit CSS erleichtert.
Mit Retro-Typografie spielen
Es gibt keine 90 Nicht-Arcade-Spiele auf der Atari-Heimvideospielkonsole. Es ist nur ein Synonym für die 80er und 90er Jahre in der Geek-Welt. Und Max Kohler weiß es genau. Der Retro-Typografie-Codepen ist geschickt mit dem reproduzierten Atari-Logo versehen. Sie finden auch vier weitere Effekte, die den Texten einen schönen Retro-Touch verleihen.
Neue Text- / Retro-Typografie 80/404 SVG
Es gibt einige fantastische Texteffekte in unserer Sammlung, die einigen süßen Erinnerungen an das Fernsehen ähneln. Zum Beispiel New Retro Text von Vladimir Jovanović, David Parker 80s Typography und 404 SVG von Marcos Mellado. Während die ersten beiden Projekte kräftige Schriftzüge, eine glänzende Oberfläche, Neon-Styling und drastische Farben für eine bestimmte Retro-VHS-Einführung verwenden, wirkt das zweite wie die Videoclips etwas rustikal, banal und roh. Musicals auf MTV aus dieser Zeit.
Vintage Typografie / fantastischer Vintage Titel
Ohne einige traditionelle Lösungen wäre dies keine vollständige Sammlung von Retro-Typografieeffekten. Und wir haben zwei fantastische Code-Schnipsel: Thibault Jan Beyers Vintage-Schrift und Kevin Nagatas Awesome Vintage-Titel. Beide zeigen eine traditionelle Vintage-Schrift, wie wir sie gewohnt sind: ultraschlank mit zunehmend länglicher Schrift, einem subtilen Hauch von Art Deco und natürlich einem Schatten, der das Herz und die Seele des Kunstwerks bildet. Während Thibault Jan Beyers Projekt klassisch und majestätisch wirkt; Kevin Nagatas Projekt wirkt etwas modern, mit einem gewissen spielerischen Ton.
Zurück in der Zeit
Wenn Sie alles satt haben, was hochmodern, raffiniert und raffiniert ist, ist es Zeit, die Gegenwart loszuwerden und nach Inspiration in der Vergangenheit zu suchen. Vertrauen Sie uns, Sie haben immer ein Ass im Loch. Nicht ein einziges Mal kann er den Tag nicht retten.
Es bietet Designer-Trends und -Lösungen, mit denen sich ein Projekt von der Masse abheben kann. Und retro typografische Effekte sind das perfekte Beispiel dafür. Es sind warme, freundliche Explosionen der Vergangenheit, die auf natürliche Weise Aufmerksamkeit erregen, wie ein Hauch frischer Luft.
