Webdesign-er.com

Im DesignM.ag wurde ein interessantes, zweiteiliges Tutorial veröffentlicht, in welchem gezeigt wird, wie man zuerst mit Photoshop ein Webdesign erstellen und danach in HTML und CSS umsetzen kann. Tutorials, welche sowohl das Erstellen des Designs als auch die Umsetzung in HTML und CSS behandeln sind recht selten.

Bei diesem Webdesign wurde mit grünen und grauen Farbtönen gearbeitet. Das Webdesign verfügt außerdem über eine waagrechte Navigationsleiste und einen kleinen Bereich, der offenbar für News vorgesehen ist. Der Content-Bereich hat einen weißen Hintergrund.

Hier die Links zu den zwei Teilen des in englischer Sprache verfassten Tutorials:

• How to Design A Corporate Website in Photoshop (engl.)
• Code a Corporate Website from a Photoshop Design: PSD to HTML Tutorial (engl.)

Bei hvdesigns wurde ein interessantes Webdesign-Tutorial mit dem Titel Software Layout #6 veröffentlicht. Wie der Titel des Tutorials schon andeutet, handelt es sich dabei um ein Webdesign, welches für die Präsentation von Software verwendet werden kann.

Der Webdesigner, Richard Carpenter, hat dabei eine Farbkombination aus Grau, Grün und Schwarz gewählt. Dabei kommt die Farbe Grün zum Großteil bei Navigationselementen zum Einsatz, Hellgrau wird für den Hintergrund des Contents eingesetzt, die Farbe für den Fließtext im Contentbereich ist Dunkelgrau. Der Header und der Footer haben einen schwarzen Hintergrund.

Auffällig ist bei diesem Webdesign die Verwendung von großen, modernen Icons, welche schnell die Aufmerksamkeit des Besuchers auf sich ziehen. Die Navigation schwebt horizontal über dem Übergang von Header und Contentbereich und hebt sich durch einen Schatten etwas ab.

Link zum Tutorial: Software Layout #6 (engl.)