Beliebte Webdesign-Trends in 2011 Über 50 inspirierende Beispiele

Der Dezember ist da und es sieht so aus, als ob wir das Jahr 2011 endlich beenden würden. CSS3, HTML5 und responsives Design standen bei den am meisten diskutierten Themen ganz oben. Wir markieren auch die alten Wege. Flash, Silverlight und ähnliche proprietäre Plugins wurden im Jahr 2011 vollständig aus dem Ruder gelas- sen, von denen sie sich möglicherweise nie erholen werden.

Um das Jahr mit einer informativen Retrospektive abzuschließen, haben wir das Internet auf der Suche nach Mustern und Trends durchsucht, die sich im Laufe des Jahres 2011 herausstellten oder immer beliebter wurden. Ich garantiere Ihnen, dass es schwer zu lesen sein wird, ohne einige Trends zu entdecken, die Sie dieses Jahr in Ihren eigenen Projekten angesprochen haben!

Top-Trend: Responsive Design

Im Jahr 2010 hat Ethan Marcotte den Begriff geprägt Sich anpassendes Design und schrieb einen aufschlussreichen und überzeugenden Artikel über A List Apart. Bis Mitte 2011 war Responsive Design der heißeste neue Trend im Webdesign.

Dies ist kein reiner Stil-Fad wie die anderen auf dieser Liste. Es ist ein neuer Ansatz zum Erstellen von Inhalten im Web, der darauf abzielt, das bestmögliche Erlebnis für die maximale Anzahl von Geräten zu schaffen. Während einige Designer diese Idee als zusätzliche Arbeit ablehnen, geht eine ständig wachsende Zahl so weit, zu sagen, dass, wenn Ihre Website nicht reagiert, Sie dies falsch machen.

Hier auf Design Shack waren wir in diesem Jahr dem Thema Responsive Design kein Unbekannter. Hier sind einige der Artikel, die wir zum Thema gepostet haben:

  • 20 erstaunliche Beispiele für die Verwendung von Medienabfragen für Responsive Web Design
  • Praktische Überlegungen zum Design für responsive Sites
  • Ein Responsive Frankenstein Framework mit LESS erstellen

Ich könnte Ihnen leicht über hundert Beispiele für responsive Designs bieten, die in diesem Jahr aufgetaucht sind, aber viele andere haben bereits monatelang hart daran gearbeitet, solche Kollektionen zu sammeln. Meine derzeitige responsive Design-Galerie ist Media Queries mit über 200 Beispielen!

Responsive Design zeichnet sich definitiv aus das Designtrend von 2011, aber es gibt auch andere, viel kleinere Trends, die es wert sind, einen Blick darauf zu werfen. Das Folgende stellt einige dar, die mir aufgefallen sind.

Gestrichelt

Strichlinien erhielten 2011 wachsende Aufmerksamkeit von Designern. Obwohl es gelegentlich gerade ist, ist der üblichere Anwendungsfall ein kurvenreicher, sich schlängelnder Pfad, der Ihre Aufmerksamkeit auf sich zieht und dahin führt, wo der Designer Sie möchte.

Ich habe diesen Trend in diesem Jahr in mehreren Artikeln erwähnt, als eine gute Möglichkeit, Ordnung in einem ansonsten organischen Design zu erreichen. Es bietet die perfekte Möglichkeit, Chaos in leicht nachvollziehbare Gedankengänge zu verwandeln.

Gründerfonds

Ja!

Boo Bebe

Quartier Vier

AskLela.org

Kreise

Ich zögere, dies nur zu erwähnen, weil ich nicht sicher bin, ob Sie eine Grundform als Design-Trend bezeichnen können. Immerhin waren Kreise in allen Formen des Designs präsent und werden es immer sein.

Trotzdem habe ich definitiv eine Zunahme bei der Verwendung von Kreisen als primäre Gestaltungselemente festgestellt. Es ist offensichtlich, dass viele der untenstehenden Designer absichtlich Kreise als Kern ihres Themas gewählt und diese einfache, aber elegante Idee aufgebaut haben. Das Ergebnis ist oft recht organischer Natur, aber wie Sie unten sehen können, sind einige Designs immer noch recht strukturiert und verwenden Kreise, die in einer geraden Linie angeordnet sind, einfach als Alternative zum alten Rechteck-Miniaturbild.

Carnette

Lisi Design

Pistazien-Skizzieren

TaosPuso-Stiftung

Englisch WorkshopSprachenlernen

Luft schützen

Agcia iSee Interactive Group

Dekodieren

Schlankes Design

Rakesh

Ich bin zam

In meiner Blase

Sauberer, raffinierter Retro-Typ

Ich fange an zu glauben, dass Retro ein Trend ist, der niemals sterben wird. Wir schauen immer auf Designstile vergangener Epochen mit Interesse und Nostalgie zurück. Die wirklich interessante Offenbarung ist jedoch, dass moderne und Retro-Designstile tatsächlich zusammen entwickelt werden.

In den vergangenen Jahren hatten Retro-Designs und insbesondere Typografie oft einen sehr grungigen, beunruhigten Look, wie man es von einem Old Navy T-Shirt erwartet. Als jedoch saubere, minimale Designs sich im modernen Design durchsetzten, machte das Retro-Design einen ähnlichen Sprung in die Raffinesse. Heutzutage ist die Retro-Typografie stilvoll und sauber, ohne dass sie belastet wird. Schatten sind fast immer vorhanden und völlig verschwommen, viele bestehen aus diagonalen Linien oder einem anderen einfachen Muster im Gegensatz zu einer Volltonfarbe.

Big Bite Creative

Bierarbeiten

Urbanoff

Noltedesign

Bänder

Das wichtigste Designelement in 2011 ist das vertikale Aufhängeband. Dieses Ding tauchte absolut überall auf, als eine gut integrierte Art, ein Logo, ein Symbol oder einen Text zu halten, während es sich vom Hintergrund abhebt.

Die typische Form hat zwei dreieckige Punkte an der Unterseite, aber Designer haben mit allen Arten von Bandmetaphern experimentiert. Ein Beispiel unten nimmt sogar eine bekannte Bandform an und verleiht ihr eine unerwartete Wendung, indem sie in eine Hemdtasche verwandelt wird.

Nation wechseln

GiveBeyond.Me

Tao-Gemeinschaft

Red Bowl Challenge

Marisco Gallego ein Domicilio

LoadUp 2012 von PuddleDrop

DigitalSafe

Anhalter des Jahres 2011

Ziegenbart Joe

Jopp

Sonntag Beste Websites

HarryFord

Kitchen Sink Studios

Drei Dinge

Jeder Designer weiß, dass drei eine magische Zahl sind und dies war in diesem Jahr beim Webdesign sehr deutlich. Eine sehr beliebte Layouttechnik, die Sie immer wieder sehen, verwendet drei hervorstechende Abschnitte oder Objekte, um einen Prozess, eine Liste von Features oder ein anderes Konzept zu vermitteln.

Ich mag diesen Trend sehr, weil er Designer dazu zwingt, die Informationen, die dem Benutzer präsentiert werden, zu vereinfachen und sie in ein paar leicht verdauliche Stücke zu unterteilen. Das Ergebnis ist oft eine sehr attraktive Seite, die informativ und ausgewogen erscheint.

Tabspresso

Baumhaus

Schattige Morgen

Sellfy.com

Gewelltes / gefaltetes Papier

Der Schlagschatten hat sich entwickelt. Dieser Designtrick nutzt die einfache Illusion eines gekrümmten Schattens, um das ansonsten flache Objekt darüber wie gewelltes Papier aussehen zu lassen. Es ist eine so glaubwürdige kleine Lüge, dass selbst wenn Sie wissen, was passiert, es schwierig ist, Ihre Augen zu sehen, was wirklich eine gerade Kante ist. Der Schatten lässt Ihr Gehirn sofort eine Kurve wahrnehmen, egal wie direkt Sie es kennen.

Dies ist ein einfacher Effekt, der entweder in Photoshop oder sogar in CSS ausgeführt werden kann. Hier sind ein paar Seiten, die diesen Trend effektiv nutzen:

Alphabetisierung2030

Editiert vierteljährlich

Grünjob

Grenzenlose Raster

Ein weiterer zunehmender visueller Trend ist das Verschwinden von Rändern oder Rändern in einem Bildraster. In der Vergangenheit haben wir häufig Bilder in einem hübschen Raster angeordnet, aber heutzutage ist es sehr beliebt, sie alle einfach zusammenzudrücken.

Ich mag diesen Look sehr, da er den einzelnen Bildern ein sehr integriertes Gefühl verleiht. Es ist ein Beispiel für Synergien bei der Arbeit, bei denen das Ganze etwas größer ist als die Summe der Teile.

Fuzzco

Ignacio Macri

CARLOS5TO

ROA Produktion

Diagonales Design

Unser endgültiger Designtrend ist die Entstehung ziemlich chaotisch wirkender Designs, die diagonale Linien stark nutzen. Erwarten Sie, dass sich dieser Designtrend auch im Jahr 2012 fortsetzt. Warum? Denn es ist eine scharfe Abkehr von den klaren, stark strukturierten, minimalen Designs, die die Webdesign-Landschaft in den letzten Jahren geprägt haben.

Ein Blick zurück in die Geschichte zeigt deutlich, dass Designtrends reaktiv sind. Etwas wird cool, weil es anders ist als die Norm. Dann wird es so beliebt, dass es die Norm ist. Was einst rebellisch war, ist heute alltäglich, daher kommt jemand mit einer Antwort, die eine klare Abreise darstellt. Zum Beispiel entstand die minimale Modeerscheinung, die ich gerade angesprochen habe, als Reaktion auf das allzu verrückte, chaotische und farbenfrohe Design der 1990er Jahre (siehe: Saved By the Bell). Der derzeitige Trend der Diagonalen geht auf diese Tage zurück und behält dennoch ein attraktives, anspruchsvolles Gefühl bei.

Bleep-Radio

Piropixel

Kikk Festival 2011

David Kopec

Marshes Einkaufszentrum

Wixel

Designer Gleb

Was haben wir vermisst?

Dies ist nur eine Handvoll der vielen populären Webdesign-Trends im Jahr 2011. Jetzt können Sie helfen. Hinterlassen Sie einen Kommentar und teilen Sie uns mit, welche Trends Sie im Laufe des Jahres bemerkt haben oder sogar daran teilgenommen haben.

Welche Trends waren dein Favorit? Was hast du gehasst? Verlassen Sie wenn möglich einen Link und zeigen Sie uns ein Beispiel!