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!