Webdesign-er.com

Bei Six Revisions habe ich wieder ein tolles Tutorial gefunden, in welchem gezeigt wird, wie man mit Photoshop ein sehenswertes Webdesign mit Illustrationen erstellen kann. Der Header ist mit einer Landschaftsillustration mit Grünflächen und Bergen versehen, deren Gipfel mit Schnee bedeckt sind; darüber ist der blaue Himmel mit einigen Wolken zu sehen.

Der Content-Bereich ist in hellen Grau-Tönen gehalten und dadurch angenehm zu lesen. Die zum Teil grüne Schriftfarbe stellt einen passenden Zusammenhang zu den Grünflächen im Header und im Footer, welcher komplett in Grün gehalten ist, her.

Hier der Link zum Tutorial: How to Create an Illustrative Web Design in Photoshop (engl.)

Auf hv-designs.co.uk wurde ein Webdesign-Tutorial veröffentlicht, in welchem Richard Carpenter zeigt, wie mit Hilfe von Photoshop das Design für ein Fotografie-Portfolio erstellen kann.

Für die farbliche Gestaltung des Webdesigns hat der Autor des Tutorials die Farben Grau und Blau ausgewält. Die Kamera-Icons zeigen dem Besucher schnell um welches Thema es auf der Seite geht, nämlich um Fotografie. Direkt unterhalb des Headers gibt es einige Vorschaubilder, welche dem Besucher einen ersten Eindruck davon liefern können, was ihn auf dieser Seite erwartet. Das Webdesign wirkt sehr aufgeräumt und übersichtlich. Die Navigation wurde horizontal oberhalb des eigentlichen Headers untergebracht. Darüber hinaus ist im Header des Designs ein Loginbereich angedacht.

Hier der Link zum Tutorial: Learn To Create A Photography Style Web Layout (engl.)

Bei hvdesigns wurde ein Tutorial veröffentlicht in welchem gezeigt wird, wie man mit Photoshop das folgende, ansprechende 3D-Layout designen kann.

Das Webdesign hat einen schwarzen Hintergrund und einen hellgrauen Content-Bereich. Das Highlight des Designs ist die horizontale Navigationsleiste, welche durch einen 3D-Effekt veredelt wird. Die großen Icons mit vielen Details schweben hier über einer glänzenden Oberfläche. Im mittleren Teil des grauen Bereichs wurde noch Platz für einen möglichen zweiten Navigationsbereich gelassen. Dieser könnte aber auch dazu verwendet werden, um bestimmte Keywords der Seite hervorzuheben oder ein Produkt kurz und prägnant beschreiben. Für den unteren Bereich der Content-Area sind vom Autor Grafiken vorgesehen.

Hier der Link zum Tutorial:  Creative 3D Layout

Das Webdesign-Tutorial behandelt die vollständige Entwicklung einer Webseite, angefangen von den Grundlagen, dem Konzept und dem Design mit Photoshop bis zur Umsetzung und zur anschließenden Programmierung in PHP.

Das Besondere: Die Seite zeigt, wie man genau diese Seite selbst nachbauen kann.

Link zum Tutorial: Webdesign-Tutorial

Auf psd.tutsplus.com habe ich ein sehenswertes Tutorial gefunden, in welchem gezeigt wird, wie mit Photoshop ein Design erstellt werden kann, welches eine magische Nachtatmosphäre ausstrahlt. Ich denke ein Besuch lohnt sich.

Hier der Link zum Tutorial: Create a Magic Night Themed Web Design from Scratch in Photoshop (engl.)

Im DESIGNM.AG habe ich ein interessantes Webdesign-Tutorial gefunden, auf welches ich Euch hiermit hinweisen möchte. Im Tutorial wird gezeigt, wie man mit Photoshop ein ansprechendes ein-seitiges Portfoliodesign erstellen kann.

Zum Tutorial geht es hier: Design an Attractive One-Page Portfolio Using Photoshop (engl.)

.de-Domains: 10.000 neu zugelassene Domains innerhalb 90 Minuten vergeben (via heise.de)

De-Kurzdomains sehr ungleich verteilt (via heise.de)

30 Internetfirmen erzeugen 30 Prozent des Webtraffics (via internetworld.de)

Gesichtsretusche als Photoshop-Aktion (via golem.de)

Studenten erhalten Windows 7 für 35 Euro (via golem.de)

Google und Bing mit Echtzeit-Twitter-Suche (via golem.de)

Koalitionsvertrag zu Internet, Datenschutz und IT (via golem.de)

Bei hvdesigns bin ich auf ein nettes Webdesign-Tutorial mit dem Titel Software Layout #5 gestoßen. Der Name bezieht sich auf den Einsatzzweck, für den dieses Webdesign vorgesehen ist, nämlich der Präsentation einer Software. Unter anderem kommen bei diesem Tutorial transparente Layer zum Einsatz, mit welchen man immer wieder ansehnliche Ergebnisse erzeugen kann. Bei diesem Tutorial handelt es sich um ein Photoshop-Tutorial.

Hier der Link zum Tutorial: Software Layout #5 (engl.)

Bei Tutorial9 habe ich ein interessantes Webdesign-Tutorial gefunden, in welchem veranschaulich wird, wie man mit Hilfe von Photoshop ein farbenfrohes Webdesign erstellen kann.

Wenn bei einem Webdesign mehrere Farben verwendet werden sollen, so ist es wichtig darauf zu achten, dass bei der Verwendung der Farben ein gewisses Konzept eingehalten wird. Andernfalls könnte es passieren, dass das Webdesign zu bunt wird und die erhoffte Wirkung nicht eintritt.

Hier der Link zum Tutorial: Create a Clean and Colorful Web Layout in Photoshop

Auf webappers.com habe ich ein interessantes Webdesign-Tutorial gefunden, bei dem gezeigt wird, wie man mithilfe von Photoshop ein transparentes Webseiten-Layout erstellen kann. Einige Elemente der Webseite sehen dann tatsächlich durchsichtig bzw. gläsern aus. Gerade im Zuge des Web 2.0 sind solche Designs, in welchen zum Teil auch 3D-Effekte eingebaut werden, sehr beliebt.

Hier der Link zum Tutorial: Design a Transparent Website Layout in Photoshop