Drücke die Tasten ◄ ► für weitere Artikel  

Die 10 wichtigsten Webdesign-Trends 2012

Wie immer am Jahresende gibt es zahlreiche Rück- und Ausblicke. So werden jetzt beispielsweise auch wieder die Webdesign-Trends 2012 gehandelt. Einen guten Riecher haben dabei in der Vergangenheit die Autoren von Web Design Ledger bewiesen, deren Trends für 2012 wir euch vorstellen wollen.

Die 10 wichtigsten Webdesign-Trends 2012

Webdesign-Trends 2012: Was Webdesigner im Auge behalten sollten

Webdesign-Trends 2012: Welche Schwerpunkte wird es im nächsten Jahr geben... (Foto: stockerre / flickr.com, Lizenz: CC-BY)

Im Vergleich zu vielen anderen Bereichen sind die Trends für das meist verlässlicher. Zwar ist auch das Webdesign in seiner Entwicklung sehr dynamisch, so dass die Trends aus 2011 nicht gleichzeitig auch die Webdesign-Trends 2012 sind, doch es gibt eben auch einige Rahmenbedingungen, die Trends entweder vorgeben oder zumindest sehr wahrscheinlich machen.

Für 2011 waren das beispielsweise der Wechsel zu noch mehr CSS3 und HTML5 oder auch die Einbeziehung mobiler Endgeräte mit Touchbedienung. Daran schließen sich auch einige Trends für das kommende Jahr nahtlos an, wie Jake Rochleau in den Webdesign-Trends 2012 bei Web Design Ledger schreibt. So steht beispielsweise das Responsive Webdesign an erster Stelle. Der Trend zum mobilen Zugriff auf Websites ist ungebrochen und hat natürlich auch Auswirkungen auf die Gestaltung der Websites. Für die Webdesigner ist das deshalb sehr wichtig, weil sie auf die Fragmentierung der Displaygröße reagieren müssen - dafür ist das Responsive Webdesign ein guter Weg.

An zweiter Stelle steht mit der fixierten Navigation ein Trend, der sich bereits in diesem Jahr gezeigt hat. Nicht zuletzt haben Social Networks wie Facebook und Google+ dazu beigetragen, dass eine fixierte Navigation im oberen Seitenbereich fast schon als Standard wahrgenommen wird. Da erscheint es nur logisch, dass wir solche angepinnten Navigationen im nächsten Jahr noch häufiger zu sehen bekommen.

Webdesign-Trends 2012: Die Top 10 von WDL

  1. Responsive Web Design
  2. Fixed-Position Navigation
  3. Circles
  4. Big Vector Art
  5. Multi-Column Menus
  6. jQuery/CSS3/HTML5 Animation
  7. Ribbons & Banner Graphics
  8. Custom Font Faces
  9. Infographics
  10. Focus on Simplicity

Seht ihr noch weitere Webdesign-Trends für 2012?

Weiterführende Links zum Thema Webdesign-Trends:

222 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
21 Antworten
  1. von Nachtgold am 13.12.2011 (14:41Uhr)

    Das doch alter Käs von 2011??

  2. von Nils Huber via facebook am 13.12.2011 (17:35Uhr)

    kreise?? kreise!!!!

  3. von Hayungs am 13.12.2011 (17:49Uhr)

    Omg jetzt sind Kreise in?! Und ich hatte auf Quadrate gesetzt, verdammter Fortschritt!

  4. von Sven (Merlin) Wiese via facebook am 13.12.2011 (18:02Uhr)

    Sozusagen Quadrate mit a/2 Radien :)

  5. von derWachert am 13.12.2011 (18:13Uhr)

    Wie jetzt Kreise? Ich glaub ich spring im Dreieck, das fliegt doch hochkant und vierkantig wieder raus... Das jetzt alle wieder den schlichten Ton fahren, blos keine Farben, kein Glossy-Style und blos mindestens 60% weiss als Farbe verwenden... ich find das zu viel... 2012 werden wir leider viele nüchterne Seiten sehen :/

  6. von Vincent Pen am 14.12.2011 (06:49Uhr)

    Hebt sich das mit dem Responsive Web Design nicht irgendwie wieder auf, wenn ich solche Artikel lese http://t3n.de/news/samsung-galaxy-nexus-test-neue-android-referenz-348909/

    Wir reden hier ja schon von 1280 x 720 Pixeln. Das kann mein Laptop auch nur darstellen.
    Wenn sich die Auflösung der Displays in diese Richtung bewegt und das Netz immer schneller wird,
    braucht man sich denk ich über Responsive Web Design keine Sorgen zu machen in 2012.
    Ich werde mir aber trotzdem mal ein paar Trends als guten Vorsatz nehmen...

  7. von Die 10 wichtigsten Webdesign-Trends 2012… am 14.12.2011 (08:59Uhr)

    [...] Die 10 wichtigsten Webdesign-Trends 2012 Wie immer am Jahresende gibt es zahlreiche Rück- und Ausblicke. So werden jetzt beispielsweise auch wieder die Webdesign-Trends 2012 gehandelt. Source: t3n.de [...]

  8. von UrbanDigital Webdesign am 14.12.2011 (23:40Uhr)

    In meinen Augen ist Mozilla Popcorn ein absoluter Trend! Responsive Webdesign ist der Trend schlechthin, das stimmt. Was denkt ihr über WebGL wo doch Google in den Chromeexperiments mit aufgetrumpft hat dieses Jahr? Ich sehe die Gewichtung eher bei der Technologie.. Flaps und Banner *gähn*

  9. von sel am 17.12.2011 (08:05Uhr)

    moin, also mit den kreisen sind da die gemeint, in denen sich einjeder so bewegt und die die man meiden sollte, oder die von google, welche wenn man genug leute reinzieht - in der darstellung an die wählscheiben uralter telefone erinnern (verstärkt durch die rotationsbewegung!) nur eben mit gesichtern statt der ziffern 0-9 - mei war das noch alles übersichtlich, -damals!

  10. von Meine Wochenlinks KW 50/2011 | Webocalyp… am 18.12.2011 (10:46Uhr)

    [...] Auf jeden Fall lesenswertCloud Hosting Angebote in Deutschland unter der Lupe beim t3n Magazint3n über die wichtigsten Webdesigntrends des nächsten JahresSmashing MagazineDas Smashing Magazine hat ein paar tolle Deals für deren [...]

  11. von Links 50 » WoWa-Webdesign Friedrichshaf… am 19.12.2011 (09:55Uhr)

    [...] Die 10 wichtigsten Webdesign-Trends 2012 [...]

  12. von 10 zeitsparende und kostenlose Tools fü… am 20.12.2011 (15:47Uhr)

    [...] Die 10 wichtigsten Webdesign-Trends 2012 - t3n-News [...]

  13. von Malte am 28.12.2011 (15:40Uhr)

    Multi-Column Menus mit list-style-type:circle; ! Soooh..

  14. von Jonas am 29.12.2011 (13:46Uhr)

    Ich habe mir die Mühe gemacht die verschiedenen Web Trends zusammenzufassen inkl. Links zu allen Artikeln. http://www.ibrows.ch/blog-read/items/web-trends-2012.html

    Ich glaube insbesondere das Responsive Design wird den meisten genannten Trends auf die eine oder andere Art gerecht.

  15. von Ines am 12.01.2012 (16:40Uhr)

    Danke für die tolle Inspirationen! Zu Papier gebracht bzw. schriftlich fixiert, gibt es diese und weitere Webdesign-Trends des Jahres 2012 unter:

    http://www.marketingfish.de/news/websites/die-webdesign-trends-fuer-2012-5653/

  16. von Webdesign: The Noun Project – Kost… am 24.01.2012 (15:50Uhr)

    [...] Die 10 wichtigsten Webdesign-Trends 2012 - t3n-News [...]

  17. von Weby24 – der Blog rund ums worldwi… am 05.02.2012 (05:13Uhr)

    [...] Die 10 wichtigsten Webdesign-Trends 2012 - t3n-News [...]

  18. von Webdesign aus Dortmund am 13.02.2012 (17:28Uhr)

    Also ich denke auch, dass Responsive Webdesign einer der wichtigsten Trends für modernes Webdesign 2012 wird.

  19. von Worüber man im vergangenen Jahr noch bl… am 15.07.2012 (00:11Uhr)

    [...] Was wird sich im Webdesign 2012 ändern? Jedes Jahr hat ja bekanntlich bestimmte Trends, die verfolgt werden und zumeist am Ende des Jahres wieder etwas langweiliger sind. http://t3n.de/news/10-wichtigsten-webdesign-trends-2012-351316/ [...]

  20. von matkl am 09.08.2012 (12:53Uhr)

    Das ist doch Mist... Einerseits Simplicity und andererseits Kreise?
    Das wird ja ein Kuddelmuddel :-)

  21. von Parallax Scrolling: 10 schicke Beispiele… am 29.10.2012 (12:16Uhr)

    [...] Die 10 wichtigsten Webdesign-Trends 2012 – t3n News [...]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Webdesign
t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“
t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“

Möchte man für unterschiedliche Geräte anpassungsfähige Websites erstellen, ist „Responsive Webdesign“ das Stichwort. Um sich damit vertraut zu machen, ist Designern und Entwicklern das Buch.. ... » weiterlesen

SVGMagic: Automatischer SVG-Fallback für deine Webseite
SVGMagic: Automatischer SVG-Fallback für deine Webseite

SVG-Grafiken sind seit Responsive Webdesign und Retina-Display kaum hoch wegzudenken. Fall-Back-Lösungen sind jedoch ein hartes Stück Arbeit. Mit SVGMagic soll sich das ändern – wir zeigen euch w ... » weiterlesen

Responsive Webdesign: Dieser Browser stellt Mobil- und Desktop-Ansicht nebeneinander
Responsive Webdesign: Dieser Browser stellt Mobil- und Desktop-Ansicht nebeneinander

Duo ist ein Browser, der dabei helfen soll, Responsive Webdesign zu testen. Dazu stellt er eine mobile Ansicht neben einer Desktop- oder Tablet-Ansicht dar. » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen