Mitglieder Suche
Kooperationspartner
Wer ist online?
Zur Zeit sind 162 User online
© 2012 grafiker.de | Design & Copyright by snygo.media
Die Webtrends 2012
Wie bekannt aus dem vergangenen Jahr, wollen wir uns heute den Webtrends des neuen Jahres widmen. Natürlich kann man nicht mit Sicherheit sagen, welche Schwerpunkte man in Design und Entwicklung erwarten wird und einige hier aufgeführte Sachen sind auch nicht neu. Trotzdem kristallisieren sich Elemente und Techniken heraus, die uns dieses Jahr begleiten werden und noch weiter wachsen werden.
1. Responsive Web Design
Plattformunabhängiges Webdesign wird ein wichtiger Begriff 2012 bleiben. Das Anpassen von Websites an mobile Geräte und verschiedene Auflösungen wird und bleibt für Webdesigner und -entwickler ein wichtiger Aufgabenbereich. Flexible Layouts lösen feste ab.

2. Fixed-Position Navigation
Warum die Navigation bei scrollbaren Content nicht auf jeder Seite sichtbar machen!? Schöne Technik, die zur Performance beiträgt und dabei nicht den Inhalt stört.

3. Runde Elemente
Das Design-Element Kreis war schon mal sehr beliebt, allerdings legte man früher den Fokus mehr auf abgerundete Ecken & Co. Mit Techniken wie CSS3 ist es nun aber völlig unproblematisch Kreise und runde Boxen zu erstellen. Runde Elemente erfreuen sich (nicht nur) deshalb gerade wieder großer Beliebtheit

4. Große Vektor-Illustrationen
Übergroße Illustrationen werden gerne als "Aushängeschild" auf Websiten benutzt. Noch vor ein Paar Jahren gab es zwischen diesen beiden Bereichen eine Grenze, mittlerweile ergänzen sich Vektor-Illustrationen und Webbereich prima.

5. Mehrspaltige Menüs
Im Gegensatz zu minimalistischen Navigationsmenüs, wird es bei einer Vielzahl von Navi-Punkten schnell unübersichtlich und überladen. Durch mehrere Spalten kann man eine klare und aufgeräumte Struktur schaffen.

6. jQuery/CSS3/HTML5 Animation
Sowohl jQuery, CSS3 ud HTML5 erlauben mittlerweile großartige Effekte, mit der man seine Website "beleben" kann.

7. Ribbons und Banner
Schon 2011 war der Retrostil mit Ribbons und Banner sehr beliebt. Dieser Trend wird sich auch noch dieses Jahr weiterziehen.

8. Custom Font Faces
Mithilfe von @fontface wird man sich auch weiterhin an Websites mit individuellen Fonts erfreuen können. Schöne Technik, um sich vom Rest abzuheben.

9. Infografiken
Wir haben selber erst neulich eine eigene Infografik vorgestellt. Diese Art von Informationseinbindung auf Webseiten hat sich rasend schnell verbreitet. Zwar gehört dieser Punkt nicht direkt zum Webdesign, das Internet bietet aber eine perfekte Plattform, um visualisierten Content zu präsentieren und zu teilen.

10. Minimalismus
Weniger ist immer noch mehr.

(via)
1. Responsive Web Design
Plattformunabhängiges Webdesign wird ein wichtiger Begriff 2012 bleiben. Das Anpassen von Websites an mobile Geräte und verschiedene Auflösungen wird und bleibt für Webdesigner und -entwickler ein wichtiger Aufgabenbereich. Flexible Layouts lösen feste ab.

2. Fixed-Position Navigation
Warum die Navigation bei scrollbaren Content nicht auf jeder Seite sichtbar machen!? Schöne Technik, die zur Performance beiträgt und dabei nicht den Inhalt stört.

3. Runde Elemente
Das Design-Element Kreis war schon mal sehr beliebt, allerdings legte man früher den Fokus mehr auf abgerundete Ecken & Co. Mit Techniken wie CSS3 ist es nun aber völlig unproblematisch Kreise und runde Boxen zu erstellen. Runde Elemente erfreuen sich (nicht nur) deshalb gerade wieder großer Beliebtheit

4. Große Vektor-Illustrationen
Übergroße Illustrationen werden gerne als "Aushängeschild" auf Websiten benutzt. Noch vor ein Paar Jahren gab es zwischen diesen beiden Bereichen eine Grenze, mittlerweile ergänzen sich Vektor-Illustrationen und Webbereich prima.

5. Mehrspaltige Menüs
Im Gegensatz zu minimalistischen Navigationsmenüs, wird es bei einer Vielzahl von Navi-Punkten schnell unübersichtlich und überladen. Durch mehrere Spalten kann man eine klare und aufgeräumte Struktur schaffen.

6. jQuery/CSS3/HTML5 Animation
Sowohl jQuery, CSS3 ud HTML5 erlauben mittlerweile großartige Effekte, mit der man seine Website "beleben" kann.

7. Ribbons und Banner
Schon 2011 war der Retrostil mit Ribbons und Banner sehr beliebt. Dieser Trend wird sich auch noch dieses Jahr weiterziehen.

8. Custom Font Faces
Mithilfe von @fontface wird man sich auch weiterhin an Websites mit individuellen Fonts erfreuen können. Schöne Technik, um sich vom Rest abzuheben.

9. Infografiken
Wir haben selber erst neulich eine eigene Infografik vorgestellt. Diese Art von Informationseinbindung auf Webseiten hat sich rasend schnell verbreitet. Zwar gehört dieser Punkt nicht direkt zum Webdesign, das Internet bietet aber eine perfekte Plattform, um visualisierten Content zu präsentieren und zu teilen.

10. Minimalismus
Weniger ist immer noch mehr.

(via)
| Autor | : |
Diesen Artikel Twittern: www.grafiker.de/Zquabp
|
| Veröffentlicht | : | 02.01.2012 (3210 mal gelesen) |
| Tags | : | Webdesign, Web-Entwicklung, Trend |
- http://www.grafiker.de/kreativ-news/04012011/die-webtrends-2011
- http://www.6wunderkinder.com/wunderlist/
- http://ryanscherf.net/
- http://dotmick.com
- http://kyan.com/
- http://neuarmy.com/
- http://mrdoob.com/projects/chromeexperiments/ball_pool/
- http://letterlearner.com/
- http://www.extensis.com/en/WebINK/samples/aspic/
- http://www.grafiker.de/kreativ-news/20122011/grafikerde-praesentiert-die-beliebtesten-musik-strea...
- http://www.adverblog.com/2011/08/18/some-fun-facts-about-instagram-infographic/
- http://www.lorva.co.uk/
- http://webdesignledger.com/tips/web-design-trends-in-2012

03.01.2012 | 14.37 Uhr
Webtrends 2012: Ganz klar HTML5 und CSS3, dank der stetig wachsenden Browserunterstützung. Außerdem nimmt der Einfluss sozialer Faktoren auf Webseiten noch weiter zu.

05.01.2012 | 08.55 Uhr
Sehe ich auch so: HTML5 und CSS3 und größere Verbreitung von mobilen Webseiten. Hier ist doch noch viel Nachholbedarf. Soziale Faktoren sowieso...ich bin gespannt.

05.01.2012 | 11.51 Uhr
Richtig. Alles in allem eigentlich nicht viel Neues. Die Techniken, die sich letztes Jahr herauskristallisiert haben, werden sich weiter entwickeln. Auch Social-Media-Einbindungen ganz wichtig, gab es in dem Umfang vor 1/2 Jahren noch nicht..

08.01.2012 | 20.49 Uhr
Ganz klar, HTML5 und CSS3. Sowie auch Responsive Web Design und Mediaqueries

19.01.2012 | 12.39 Uhr
Wie seht ihr das: soll man jetzt unbedingt Websites - konzeptionell und gestalterisch an all die iPads und Co /berücksichtigen anpassen?

22.01.2012 | 19.42 Uhr
@media screen and (-webkit-min-device-pixel-ratio: 2) { ... } also ich baue diese jetzt schon ein ( Beispiel ist für zb iphone mit retina display)
Kommentar schreiben:
Dienstag, 04. Januar 2011
Dienstag, 10. Mai 2011
Mittwoch, 17. Februar 2010
Freitag, 12. Februar 2010
Montag, 18. Januar 2010



