Das Buch | Webdesign mit Photoshop

Webdesign mit Photoshop

Das Buch im Überblick

Titel: Webdesign mit Photoshop CS4
Verlag: Galileo-Press GmbH
Autoren: Philip Fuchslocher, René Schulze
ISBN-13: 978-3-8362-1242-7
Seitenanzahl: 432

Leseprobe
Bei Amazon bestellen^*
Bei Galileo Press bestellen^*

*Affiliate-Links: Wenn Sie über einen der beiden Links bestellen, erhalten die Autoren eine Provisionsbeteiligung.

Was erwartet Sie in diesem Buch?

Sie erlernen eine effektive Vorgehensweise, die Gestaltung einer Website zu realisieren. Als Werkzeug der Wahl dient hierbei Photoshop CS4. Besitzer älterer Programmversionen bleiben allerdings nicht außen vor, die meisten der gezeigten Techniken sind versionunabhängig und können mitunter sogar auf ähnliche Software übertragen werden. Von den Grundlagen im Umgang mit Photoshop über die anfängliche Konzeption bis hin zur konkreten Umsetzung in HTML/CSS führen wir Sie durch die jeweiligen Schritte, zeigen auf, was Sie konkret beachten müssen und wie Sie dabei die Vielfalt an Werkzeugen in Photoshop webgerecht verwenden. Tipps und Kniffe aus dem praktischen Alltag eines Webdesigners helfen Ihnen, häufig anstehende Probleme einfach lösen zu können. Somit bleibt Ihnen mehr Zeit, sich auf die wesentlichen, projektspezifischen Aufgaben zu konzentrieren. Neben der Planung und dem allgemeinen Arbeitsfluss bauen Sie verschiedenste grafische Stile und Elemente nach, wie Buttons, Icons oder animierte Banner und vertiefen damit Ihre Photoshop-Kenntnisse. Sie erlernen Design-Grundlagen sowie die für Websites wichtigen Aspekte der Typografie und erarbeiten sich somit ein breites Spektrum an Möglichkeiten, Ihre eigenen Projekte vielfältiger und professioneller realisieren zu können.
Die DVD zum Buch bietet neben den Arbeitsmaterialien und Demoversionen eine Vielzahl an fertigen Designvorlagen und Hilfestellungen.

An wen richtet sich dieses Buch?

Sie haben sich bereits mit dem Internet im Allgemeinen und Websites im Speziellen beschäftigt? Sie möchten Ihre Design-Kenntnisse erweitern oder sich über die technischen Hintergründe des Webdesigns belesen? Ihr Interesse gilt Photoshop und dem Erstellen von Grafiken für Websites? Dann haben Sie das richtige Werk in der Hand. Vorausgesetzt werden lediglich ein grundlegendes Interesse am Thema Webdesign und Photoshop sowie erste Erfahrungen in diesen Bereichen. Doch auch Fortgeschrittene und der ein oder andere Profi gehen nicht leer aus. Der komplette, effektivitätssteigernde Workflow, die vielen Hinweise und Beispiele bereichern und ergänzen bestehendes Wissen.

Inhaltsverzeichnis

Teil I Grundlagen

1 Einführung

• 1.1 Warum Webdesign über optisches Gefallen hinausgeht
• 1.2 Wandel im Netz (Web 2.0)
• 1.3 Software für jeden Zweck
• 1.4 Webdesign mit Photoshop oder Fireworks?

2 Bildbearbeitung mit Photoshop CS4

• 2.1 Pixel- und Vektorgrafiken
• 2.2 Auflösung
• 2.3 Neue Funktionen in Photoshop CS4
• 2.4 Einrichten von Photoshop
• 2.5 Mal- und Retuschewerkzeuge
• 2.6 Zeichenstift und Objekte
• 2.7 Ebenen
• 2.8 Einfache Auswahltechniken
• 2.9 Schrift in Photoshop
• 2.10 Zusammenfassung

3 Exemplarischer Ablauf einer Website-Erstellung

• 3.1 Planung
• 3.2 Gestaltung
• 3.3 Umsetzung
• 3.4 Veröffentlichung

Teil II Planung der Website

4 Vorüberlegungen

• 4.1 Bedarfsanalyse
• 4.2 Informationsarchitektur und Sitemap
• 4.3 Zusammenfassung

5 Raster

• 5.1 Rahmenbedingungen im Webdesign
• 5.2 Gliederung logischer Bereiche
• 5.3 Gestaltungsgrundlagen
• 5.4 Zusammenfassung

6 Farbe

• 6.1 Farbmischung und Farblehre
• 6.2 Farbmodi und Farbtiefe
• 6.3 Farbmanagement
• 6.4 Arbeiten mit Farbe in Photoshop
• 6.5 Farbharmonien und Kontraste
• 6.6 Farbpsychologie
• 6.7 Farbe und Barrierefreiheit
• 6.8 Zusammenfassung

7 Typografie

• 7.1 Schriftaufbau und Klassifi kation
• 7.2 Text- und Absatzformatierung
• 7.3 Schrift und Webdesign
• 7.4 Zusammenfassung

8 Ausarbeiten des Screendesigns

• 8.1 Inhalte sammeln und gliedern
• 8.2 HTML-Elemente und deren grafi sche Möglichkeiten
• 8.3 Gestalten einer Website
• 8.4 Zusammenfassung

Teil III Ausgabe

9 Layoutübergabe

• 9.1 Slicen des Layouts
• 9.2 Dateiformate im Web
• 9.3 Für Web und Geräte speichern
• 9.4 Übergabe der Photoshop-Daten
• 9.5 Zusammenfassung

10 Umsetzung

• 10.1 Ordnerstruktur
• 10.2 Aufbau der Dokumentenstruktur
• 10.3 Formatierung per Stylesheet
• 10.4 Implementierung dynamischer Elemente mittels JavaScript
• 10.5 Weiterverwendung
• 10.6 Zusammenfassung

11 Veröffentlichung einer Website

• 11.1 Die richtige Serverumgebung
• 11.2 Datenupload per FTP
• 11.3 Werbung und Auffindbarkeit
• 11.4 Zusammenfassung

12 Automatisierung

• 12.1 Stile
• 12.2 Aktionen
• 12.3 Stapelverarbeitung und Droplets
• 12.4 Skripten
• 12.5 Variablen
• 12.6 Zusammenfassung

Teil IV Praxisworkshops

13 Interface und Animation

• 13.1 Animation
• 13.2 Navigation
• 13.3 Buttons
• 13.4 Zoomify

14 Bild & Symbolik

• 14.1 Miniaturbilder
• 14.2 Hintergründe
• 14.3 Bildeffekte

Teil V Anhang

15 Ausblicke

• 15.1 Rechtliche Hinweise
• 15.2 Nützliche Werkzeuge
• 15.3 Weblinks

16 Die DVD zum Buch

• 16.1 Software
• 16.2 Goodies
• 16.3 Linksammlung
• 16.4 Workshops
• 16.5 Video-Lektionen

Index