20 kreative Webseiten mit Designelementen aus der Natur
- Inspiration
- - 8 Aug, 2008
- Kommentare (11)
Zu ansehnlichen und effektiven Webdesign gehören bekanntlicherweise mehrere Aspekt. Einer davon ist ein auf die Zielgruppe ausgerichtetes Seitenlayout. Eine nicht unerhebliche Aufgabe hierbei übernimmt die Hintergrundgrafik. Ein Trend der unverkennbar ist, basiert auf Holz(furnieren), die in sämtlichen Variationen in zahlreichen Webseiten präsent werden und deren "Anhängerzahl" zusehends steigt. Webdesign goes nature. Wer die folgenden 20 Beispiele dafür sieht, weiß warum dies der Fall.
www.littlesilverbehavioral.com
Tutorials: Create your own wood texture!
Nicht jeder Hintergrund, der den Eindruck erweckt einer Vorlage einer Fotografie zu entspringen, ist echt. Denn "Holz" kann auch ohne eine solche Vorlage, der Bestimmung als (Holz-)Hintergrundgrafik zugeführt werden. Für diejenigen die Interesse daran haben, wie solche Texturen via Photoshop oder Illustrator in wenigen Schritten erstellt werden können, sollte auf den folgenden 5 Webseiten fündig werden.
- Create an almost photo-realistic wood grain texture (Photoshop)
- This tutorial will show you how to make wood (Photoshop)
- Create your own wood texture (Photoshop)
- The Ultimate Wood Texture Tutorial (Photoshop)
- Illustrator Tutorial: Wood Grain (Illustrator)
Textures
Wer nicht die Zeit, dass Interesse oder einfach nicht die Fähigkeiten hat den Tutorials zu Erstellung einer solchen Textur folgen zu können, bekommt noch eine weitere Chance in Form von bereits einsatzfähiger Texturen. Die nun folgenden 3 Webseiten beinhalten zahlreiche Quellen, zu einer Vielzahl an verschiedenster Materialien.
- Smashing Magazine - Texture Gallery: Wood, Bark
- Textureking - Browse the free stock photos in the "Wood, Plant" category
- Grunge textures - High resolution stock photos of wood surfaces.
Wessen Interesse an der "Natur" geweckt wurde, sollte nun genügend Inspirations- und Informationsmaterial bezüglich dieses natürlichen Materials besitzen.
"CSS-Design - Das Buch"
Webdesign lernen mit CSS-Tutorials. Jetzt kaufen - morgen lesen!
Webstandards Top-5
- jQuery Plugins / Tutorials - Sliding, ...
- Creative Image-Galleries by jQuery
- Best of jQuery-Tutorials
- Top 10 - aller JavaScript-Frameworks
- MopSlider - jQuery-Plugin - The Content-Slider
Bilder-Galerie
Werbepartner
![Flash Development - [Professional Flash Components]](http://webstandard.kulando.de/templates/blog_1575/new_greenmarinee/images/rec-flashdevelopment.jpg)
08 Aug 2008, 08:42
Gefallen mir alle ziemlich gut, haben ein angenehmes Screendesign. Auch ein Seiteneffekt dieser kleinen Gallerie ist, dass das zentrale Layout vorherrscht, also kein fluides.
08 Aug 2008, 09:25
Wie Jürgen schon angemerkt hat... Ist es Zufall oder gewollt das die ersten ca. 16 Seiten das gleiche Layout haben?
08 Aug 2008, 09:47
@Martin: Das gleiche Layout? Du meinst wohl eher die zentrale Ausrichtung der Seitenlayouts, oder? Um deine Frage zu beantworten, es ist Zufall. Diese Art der Positionierung ist nun einmal sehr weit verbreitet und auf diese Art und Weise wesentlich ansehnlicher, als bei einem fließenden Layout.
08 Aug 2008, 11:13
Danke fürs adden :)
Schöne auswahl von Seiten!
08 Aug 2008, 14:20
Ich finde den Parkett- bzw. Laminat-Style einfach nur Klasse :) Wenn er denn zum Gesamtbild des Internet Auftritts passt.
08 Aug 2008, 17:28
Danke für die Links. Schauen wirklich top aus! Und das nächste mal sind Seiten mit Gras dran :D
08 Aug 2008, 23:03
Mal wieder was ganz Feines! Vielen Dank
16 Aug 2008, 10:14
Schöne Design. Da haben welche aber wirklich gezeigt, was sie können.
Könnte man fast neidisch werden.
14 Okt 2008, 05:57
ich stolperte schon nach wenig angeklickte seiten dieser liste über teilweise kaputte seitenfunktionen und halbgare layouts, die bereits nach benutzen der ersten navilinks nichts mehr vom kreativen startlayout übrigließen. nur eine pixelgenau gestylte startseite allein ist keine kunst und lässt mich noch lange keinen gesamten gestalterischen geniestreich geschweige denn roten faden erkennen... ein gelungenes layout bricht nicht schon nach einem link auf innere contentbereiche zusammen - im gegenteil...
14 Okt 2008, 07:57
@Ron: Da gebe ich dir vollkommen recht. Bei Schriftgrößenveränderungen reagieren die meisten dieser Layouts ebenfalls empfindlich. In diesem Fall geht es aber um die Einsetzung des natürlichen Elementes Holz in Hintergrundgrafiken. Und hierfür sind diese Webseiten durchaus interessante Lösungsansätze. Wenn diese, jetzt noch flexibel in der Höhe wären, dass heißt auf Veränderungen des Contents (mal mehr mal weniger Text) flexibel reagieren könnten, wäre dies zugegebenermaßen wesentlich besser.
31 Okt 2008, 19:33
Super Designvorstellung! Finde ich sehr klasse und unheimlich inspirierend!