Inspiration Webdesign: 10 Anregungen fürs Neu-Design

Ein Neu-Design erfordert auch im Bereich Webdesign je nach Webseite eine gewisse Halbwertszeit. Aktuelle Trends sind da zwar nett, aber die meisten Webseiten sollen ja auch in 2 Jahren noch zeitgemäß wirken. Da man in vielen Design-Bereichen das »Rad« nicht neu erfinden kann bzw. muss, ist Inspiration eine wichtige Quelle. Ich möchte Euch daher unsere kondensierte Auswahl sehenswerter Webseiten vorstellen, die für unser Neu-Design in bestimmten Punkten einflussreich waren. Natürlich macht das allein noch kein gutes Neu-Design, aber nachahmenswerte oder zumindest nachdenkenswerte Punkte sind bestimmt für jeden dabei. Viel Inspiration!

960 Grid-Basis

Aus vielerlei Gründen finde ich eine 960 Pixel-Aufteilung vorteilhaft. Der klassische 960-Grid hat jedoch meiner Meinung einen wesentlichen Nachteil: zu kleine Spaltenabstände (white space) – auch bei hier vorhandenen Außenabständen. Daher haben wir die Abstände auf jeweils 30 Pixel vergrößert und den Inhalt auf insgesamt 960 Pixel verbreitert. In der gängigen Minimalauflösung von 1024 Pixel-Breite passt die Seite noch voll ins Bild.

Für noch größere Flexibilität haben wir daher wenige div-Container mehr in Kauf genommen. So können wir fast jede Aufteilung realisieren und die Spalten notfalls bis zum Rand reichen lassen. Derzeit arbeiten wir noch an der Hauptnavi sowie dem Bereich rechts oben (und natürlich den Bildern).
Sehenswerte Umsetzungen im Grid-Bereich gibt es auf den Grid-Tool-Seiten zuhauf. Eine anschauliche deutsche Seite als Beispiel dazu (Ausschnitt):

Look & Feel

Die Tonalität bzw. das Look and Feel im Sinne der Gesamterscheinung ist hell und dezent im Hintergrund, wobei das Beige dem kühlen Grauton etwas Wärme verleiht.
Sehenswerte Webseiten zum Look and Feel:

Logo

Beim Logo spielten viele Überlegungen eine Rolle. Ich will mich hier auf die Größe im Webdesign beschränken, wenngleich die Beispiele nicht ihr Logo dafür verwenden:

Referenzen

Unter Referenzen zeigen wir Beispiele in relativ großer Breite, damit man auch gleich etwas sieht und nicht dafür auf jedes Bild zur Webseite klicken muss. Per Mootools-Plugin werden zudem nur die Bilder geladen, die im Bildschirmausschnitt zu sehen sind. Das gleicht die hohe Datenmenge durch die Bilder etwas aus.
Auch dazu gab es einige Vorbilder:

Bonus

Wer extrem kontrastreiche Layouts mag, für den hier noch zwei sehenswerte Bonus-Tipps:

Fazit

Ich hoffe, dieser Ausschnitt konnte Euch zu einigen sehr sehenswerten Webseiten führen und zeigen, inwieweit wir uns davon inspirieren ließen.
Feedback willkommen!

4 Kommentare zu Inspiration Webdesign: 10 Anregungen fürs Neu-Design

Kommentar schreiben zu Inspiration Webdesign: 10 Anregungen fürs Neu-Design

Kommentare werden erst nach manueller Freischaltung sichtbar. Die übermittelten Daten werden entsprechend der Datenschutzerklärung zur Verarbeitung des Kommentars gespeichert.