lehrerbibliothek.deDatenschutzerklärung
Photoshop CS4 für Webdesigner   Webprojekte planen, entwerfen und umsetzen. 
Webgraphics, Backgrounds, Icons, Typo. 
WordPress-Themes mit Photoshop erstellen
Photoshop CS4 für Webdesigner


Webprojekte planen, entwerfen und umsetzen.

Webgraphics, Backgrounds, Icons, Typo.

WordPress-Themes mit Photoshop erstellen

Jonas Hellwig

Franzis' Verlag GmbH
EAN: 9783772371479 (ISBN: 3-7723-7147-7)
320 Seiten, hardcover, 19 x 25cm, Juli, 2009

EUR 39,95
alle Angaben ohne Gewähr

Umschlagtext
Die Basis für erfolgreiche Websites ist attraktives und nutzerfreundliches Design. Klare Navigation, stimmige Farben, verständliche Icons und lesbare Texte sorgen dafür, dass sich Besucher auf einer Website wohlfühlen. Und Adobe Photoshop ist dabei das zentrale Werkzeug. Dieses Buch zeigt, wie Sie mit Photoshop Webprojekte entwerfen, Gestaltungs-, Navigations- und Farbkonzepte erstellen und diese mit Backgrounds, Buttons, Icons und anderen Grafikelementen gezielt umsetzen.



Anhand von mehr als 50 Workshops und einem konkreten Webdesign-Projekt lernen Sie, wie Sie die wichtigsten Grafikobjekte mit Photoshop CS4 entwerfen und erzeugen. Autor Jonas Hellwig liefert dabei nicht nur kreativen Input, sondern auch die wichtigsten technischen Hintergründe, wie die Umsetzung des Layouts in XHTML, CSS oder als WordPress-Theme. Dabei spielt es keine Rolle, ob Sie lieber mit Windows oder Mac OS X arbeiten.



Über 50 Profi-Workshops:

Gestaltungsraster entwickeln, konkave und konvexe Linien erstellen

Semitransparentes Overlay, Schatten, Wet-Floor-Effekt

Patterns: Scanlines, Karbon, Free Pattern, Patterns mit CSS

Strukturen: Holz, gebürstetes Metall, Samt, Felsen, Gras

Brushes: Photoshop-Brushes, externe Brushes

Buttons: Aqua-, Metall- und Aero-Buttons

Candybar- und Tab-Navigation

Farbkonzepte mit dem Kuler entwickeln

Textdesign: Pfadtext, 3-D-Text, Text aus Gold, Letterpress-Effekt

Fotos altern lassen, ausbrechende Bildelemente, Skalieren und Inhalt bewahren

Badges: Glanzstern, Post-it, Tesafilm, Sticker

Von A bis Z: Umsetzung eines konkreten Webprojektes



Aus dem Inhalt:

Photoshop für Webdesignaufgaben

optimal einstellen

Werkzeuge, Bedienfelder und Arbeitsbereiche

Projekt-Briefing und -planung: Für wen ist die Website, und was soll sie können?

Farbmischung, -wirkung und Farbkonzepte

Aktuelle Webdesign-Trends

Gestaltungsraster: Fixed- versus Fluid-Layouts

Navigationskonzepte: Farbleitsysteme und Interaktion

Formenkanon: Flächen, Linien, organische Formen und Transparenz

Musterarbeit: Patterns, Strukturen und Brushes

Zeichen setzen: Icons und Piktogramme, Speaking Navigation

Typografie: Fonts, Zeilenlänge, Zeilenabstand und Absätze

Texte: Auszeichnungen, Links, Schriftglättung

Fotos fürs Web aufbereiten: Bildquellen, Bildformate, Thumbnails

Zierelemente: Badges, Sticker und Co.

Content-Design: Homepage versus Website

HTML-Ausgabe mit Photoshop

Coding: Layoutumsetzung in XHTML und CSS

WordPress: Layout als WordPress-Theme umsetzen



Über den Autor

Jonas Hellwig, Jahrgang 1985, lebt und arbeitet als gelernter Mediengestalter für Digital- und Printmedien in Düsseldorf. Sein einstiges Hobby Zeichnen wurde 2005 zum Beruf, als Jonas Hellwig als Praktikant in der Düsseldorfer Internetagentur Euroweb startete, für die er heute als Artdirector arbeitet. Zu seinem Hauptaufgabengebiet gehört neben der Gestaltung und Umsetzung professioneller Websites das Corporate Design des Unternehmens sowie das Design für ausgewählte Key-Accounts. Privat lebt Jonas Hellwig sein Gefühl für illustratives Design gern auf seinem Blog kulturbanause.de aus.
Rezension
Internetseiten werden nicht gelesen, Internetseiten werden angeschaut. Darum müssen die Farben passen, die Effekte müssen professionell wirken, die Icons sollen sofort verständlich sein. Um dies zu erreichen, wird deshalb auch im Bereich des Webdesigns häufig Photoshop verwendet, in das der Autor hier einführt.
In den über fünfzig Workshops kann man hier dem Autor quasi über die Schultern schauen. Manches davon lässt sich direkt übernehmen, manches kann als Anregung dienen, eigene Webprojekte auf eine ähnliche Weise anzugehen. Gerade die Informationen über den technischen Hintergrund und über Gestaltungsregeln sind dann hilfreich.
Gewisse Grundkenntnisse im Umgang mit Photoshop sollte man allerdings schon haben, um mit dem Buch arbeiten zu können. Dann kann man die Projekte allerdings dank der guten Erklärung und Bebilderung gut nachvollziehen.
Wer seine Schulhomepage "aufpeppen" will, oder wer einen Wahlkurs im Webdesign anbietet, wird in diesem Buch einen guten Ratgeber finden. Und wer sich in die "Blogosphäre" begeben will, der wird die zweite Hälfte des letzten Kapitels, in der in in WordPress eingeführt wird, besonders aufmerksam lesen.
Verlagsinfo
Die Basis für erfolgreiche Websites ist attraktives und nutzerfreundliches Design. Klare Navigation, stimmige Farben, verständliche Icons und lesbare Texte sorgen dafür, dass sich Besucher auf einer Website wohl fühlen.

Klare Konzepte
Adobe Photoshop ist dabei das zentrale Werkzeug. Dieses Buch zeigt, wie Sie mit Photoshop Webprojekte entwerfen, Gestaltungs-, Navigations- und Farbkonzepte erstellen und diese mit Backgrounds, Buttons, Icons und anderen Grafikelementen gezielt umsetzen.

Kreativität und Technik
Anhand von mehr als 50 Workshops und einem konkreten Webdesign-Projekt lernen Sie, wie Sie die wichtigsten Grafikobjekte mit Photoshop CS4 entwerfen und erzeugen. Autor Jonas Hellwig liefert dabei nicht nur kreativen Input, sondern auch die wichtigsten technischen Hintergründe, wie die Umsetzung des Layouts in XHTML, CSS oder als WordPress-Theme. Dabei spielt es keine Rolle, ob Sie lieber mit Windows oder Mac OS X arbeiten.

Über 50 Profi-Workshops
* Gestaltungsraster entwickeln, konkave und konvexe Linien erstellen
* Semitransparentes Overlay, Schatten, Wet-Floor-Effekt
* Patterns: Scanlines, Karbon, Free Pattern, Patterns mit CSS
* Strukturen: Holz, gebürstetes Metall, Samt, Felsen, Gras
* Brushes: Photoshop-Brushes, externe Brushes
* Buttons: Aqua-, Metall- und Aero-Buttons
* Candybar- und Tab-Navigation
* Farbkonzepte mit dem Kuler entwickeln
* Textdesign: Pfadtext, 3-D-Text, Text aus Gold, Letterpress-Effekt
* Fotos altern lassen, ausbrechende Bildelemente, Skalieren und Inhalt bewahren
* Badges: Glanzstern, Post-it, Tesafilm, Sticker
* Von A bis Z: Umsetzung eines konkreten Webprojektes

Aus dem Inhalt:
* Photoshop für Webdesignaufgaben optimal einstellen
* Werkzeuge, Bedienfelder und Arbeitsbereiche
* Projekt-Briefing und -planung: Für wen ist die Website, und was soll sie können?
* Farbmischung, -wirkung und Farbkonzepte
* Aktuelle Webdesign-Trends
* Gestaltungsraster: Fixed- versus Fluid-Layouts
* Navigationskonzepte: Farbleitsysteme und Interaktion
* Formenkanon: Flächen, Linien, organische Formen und Transparenz
* Musterarbeit: Patterns, Strukturen und Brushes
* Zeichen setzen: Icons und Piktogramme, Speaking Navigation
* Typografie: Fonts, Zeilenlänge, Zeilenabstand und Absätze
* Texte: Auszeichnungen, Links, Schriftglättung
* Fotos fürs Web aufbereiten: Bildquellen, Bildformate, Thumbnails
* Zierelemente: Badges, Sticker und Co.
* Content-Design: Homepage versus Website
* HTML-Ausgabe mit Photoshop
* Coding: Layoutumsetzung in XHTML und CSS
* WordPress: Layout als WordPress-Theme umsetzen
Inhaltsverzeichnis
1. Photoshop für Webdesigner 16
2. Briefing und Projektplanung 40
3. Farbkonzepte und Layout 52
4. Grafische Objekte 86
5. Patterns Strukturen und Brushes 110
6. Navigationskonzepte umsetzen 136
7. Typografie im Internet 170
8. Fotos im Internet 202
9. Zierelemente und Icons 222
10. Content-Design 256
11. Grafiken fürs Web optimieren 262
12. Coding: Sauberer Quellcode 282