|
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
|
|
|