Hipstamatic, Spotify und jetzt Adidas: Unsere Gesellschaft scheint ein massives Verlangen nach alten Zeiten und alten Wegen zu haben. Vielleicht ist unser Markt so gesättigt mit allem Hightech und Innovativen, 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, stark vereinfachte, mutige geometrische Drucke, Art-Deco-Kunstwerke, körnige, verrauschte Effekte, Polaroid-ähnliche Bilder, Tabloid-inspirierte Designs, Landschaften aus Spielen der alten Schule und Natürlich alte Typografie.
Apropos, Typografie ist eine der beliebtesten Optionen, wenn es darum geht, einem Projekt ein funkelndes Retro-Feeling zu verleihen. Es ist subtil und geschmackvoll. Und vor allem überfordert 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 die Effekte der 80er oder 90er Jahre mithilfe des beliebten Trios aus CSS / JS und SVG schnell reproduzieren. Wenden Sie den Effekt einfach auf ein beliebiges Wort an und erhalten Sie das gewünschte Ergebnis in Sekunden. Und Sie müssen sich nicht mit Fotobearbeitungs- 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 erstaunlichen Retro-Typografie-Effekten zusammengestellt. Wir werden sehen:
Verlasse das Land
Wir konnten nicht anders, als unsere Sammlung mit diesem hervorragenden Gabrielle Wee-Codefragment 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 Code-Snippet von Wee, einer reinen HTML- und SCSS-Lösung.
Ohne freie Stelle 404
Riley Shaws No Vacancy 404 ist Gabrielle Wees früheren Arbeiten sehr ähnlich. Seine Wurzeln liegen in der wunderbaren Strichzeichnung, 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 Neon Sign richten. Es sieht so aus, als stamme es aus Werbespots der 1960er Jahre, die mit beleuchteten Schildern überfüllt waren. Die clevere Kombination aus Röhren mit mehreren Durchmessern, einem wunderbaren Glitzereffekt, einer kontroversen Farbpalette und einer wunderschönen Schrift macht den Trick und führt zu einem herausragenden Meisterwerk mit Code.
Abteilung: Space Invaders
Gehen wir zurück zu den 80ern und Code-Schnipsel mit Typografie-Effekten, die für diesen Zeitraum erstellt wurden. Zunächst 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 zu unseren Teenagern. Diese Erkenntnis verzaubert mit positiver Stimmung und Freude. Es sieht süß und verträumt aus. Es wurde mit Hilfe der Splitting-Bibliothek erstellt, die die Bearbeitung mit CSS vereinfacht.
Mit Retro-Typografie spielen
Es gibt keine 90 ohne Arcade-Spiele, die auf der Atari-Heimvideospielkonsole gespielt werden. Es ist nur ein Synonym für die 80er und 90er Jahre in der Geek-Welt. Und das weiß Max Kohler sehr gut. Der Codepen für die Retro-Typografie ist gekonnt mit dem reproduzierten Atari-Logo versehen. Sie finden auch vier weitere Effekte, die den Texten einen schönen Retro-Touch verleihen.
Neue 80er / 404 SVG Retro Text / Typografie
Es gibt einige fantastische Texteffekte in unserer Sammlung, die an einige schöne Erinnerungen im Zusammenhang mit dem Fernsehen erinnern. Zum Beispiel New Retro Text von Vladimir Jovanović, David Parkers 80er Typografie und 404 SVG von Marcos Mellado. Während die ersten beiden Projekte eine fette Schrift, eine glänzende Oberfläche, Neonstilisierung und drastische Farbgebung für eine bestimmte Retro-VHS-Intro-Stimmung verwenden, wirkt das zweite wie die Videoclips etwas rustikal, banal und roh. Musicals auf MTV aus dieser Zeit.
Vintage Typografie / fantastischer Vintage Titel
Ohne ein paar traditionelle Lösungen wäre dies keine vollständige Sammlung von Retro-Buchdruckeffekten. 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: ultradünn mit zunehmend länglicher Schrift, einem subtilen Art-Deco-Touch 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 ein bisschen modern mit einem gewissen spielerischen Ton.
Zurück in der Zeit
Wenn Sie es satt haben, hochmodern, raffiniert und hochwertig zu sein, ist es an der Zeit, die Gegenwart loszuwerden und nach Inspiration in der Vergangenheit zu suchen. Vertrauen Sie uns, er hat 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-Buchdruckeffekte sind das perfekte Beispiel dafür. Es sind gemütliche und freundliche Explosionen aus der Vergangenheit, die auf natürliche Weise auffallen, wie ein Hauch frischer Luft.
