Produktbeschreibung

photoshop-cs4-webdesigner-jonas-hellwig

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.

Inhaltsverzeichnis

Voreinstellungen

  • Allgemein
  • Benutzeroberfläche
  • Dateihandhabung
  • Leistung
  • Zeigerdarstellung
  • Transparenz/Farbumfang-Warnung
  • Maßeinheiten & Lineale
  • Hilfslinien, Raster und Slices
  • Zusatzmodule
  • Text

Werkzeuge

  • Alle Werkzeuge im Überblick

Bedienfelder

  • Alle Bedienfelder im Überblick

Arbeitsbereiche

  • Anordnen
  • Standard-Arbeitsbereiche

Wahrnehmung

  • Content und Funktionalität
  • Gestaltgesetze

Zielgruppe

  • Soziodemografische Merkmale
  • Geografische Merkmale
  • Soziale Zielgruppendefinition
  • Psychologische Merkmale
  • Buchprojekt: Zielgruppe

Konventionen

  • GIULIA-Prinzip

Farben

  • Farbmischung
  • Farben im Web
  • Farbwirkungen
  • Farbkontraste
  • Gefahren im Umgang mit Farben
  • Farbkonzepte
  • Workshop: Farbkonzept manuell entwickeln
  • Workshop: Farbkonzept mit dem Kuler
  • Workshop: Farbkonzept aus Bildquelle entwickeln
  • Buchprojekt: Farbkonzept festlegen

Größen im Webdesign

  • Monitorauflösung
  • Viewport

Webdesign-Trends

  • Retro & Vintage
  • Hand-Drawing
  • Web 2.0
  • Grunge

Scribble

  • Buchprojekt: Scribble

Gestaltungsraster

  • Fixed- versus Fluid-Layouts
  • Ausrichtung
  • Symmetrie und Asymmetrie
  • Gleichgewicht
  • Der Goldene Schnitt
  • Die Drittelregel
  • Full-Single-Websites
  • Workshop: Gestaltungsraster entwickeln
  • Grid-Systeme
  • Buchprojekt: Gestaltungsraster

Flächen und Linien

  • White Space
  • Linien
  • Organische Formen
  • 3-D-Linien
  • Workshop: Linien mit Verlauf aufwerten
  • Workshop: Gepunktete Linie mit Schere
  • Workshop: Kontur mit einem Muster füllen
  • Workshop: Konkave und konvexe Linien
  • Workshop: Farbflächen aufwerten
  • Workshop: Outlines
  • Buchprojekt: Flächen und Linien

Transparenz

  • Workshop: Semitransparentes Overlay

Schatten und Spiegelung

  • Spiegelungen bei 2-D-Objekten
  • Schatten bei 2-D-Objekten
  • Workshop: Schatten
  • Workshop: Wet-Floor-Effekt

Pattern

  • Workshop: Scanlines
  • Stripe-Generator
  • Workshop: Karbon
  • Free Pattern
  • Patterns mit CSS

Strukturen

  • Workshop: Holzstruktur
  • Workshop: Gebürstetes Metall
  • Workshop: Samt
  • Workshop: Felsen
  • Workshop: Textur an Oberfläche anpassen
  • Workshop: Sich wiederholende Strukturen erstellen
  • Buchprojekt: Strukturen

Brushes

  • Photoshop-Brushes
  • Externe Brushes
  • Workshop: Brushes erstellen
  • Pinsel exportieren

Navigation

  • Navigationsstrukturen
  • Navigationskonzepte umsetzen
  • Navigation optimal platzieren
  • Navigationselemente gestalten
  • Icons und Piktogramme
  • „Speaking“ Navigation
  • Farbleitsysteme einsetzen
  • Interaktionen kennzeichnen
  • Workshop: Moderner Button
  • Workshop: Aqua-Button
  • Workshop: Metall-Button
  • Workshop: Aero-Button
  • Workshop: Candybar-Navigation
  • Workshop: Tab-Navigation
  • Workshop: Navigation mit Suchfeld
  • Buchprojekt: Navigation

Typografie im Internet

  • Schriftarten
  • Content-Fonts
  • Schmuckschriften
  • Serif oder Sans Serif?
  • Schriftgrößen
  • Konsultationsgrößen
  • Pixelfonts
  • Lesegrößen
  • Schaugrößen
  • Schriftgrößen im Web
  • Zeilenlänge, Zeilenabstand und Absätze
  • Zeilenlänge
  • Zeilenabstand
  • Textausrichtung und Silbentrennung
  • Textauszeichnungen
  • Typografie und Farbe
  • Links
  • Design von Textobjekten
  • Schriftglättung: Vor- und Nachteile
  • Workshop: Text auf Pfad
  • Workshop: Liegender 3-D-Text
  • Workshop: Letterpress-Texte
  • Workshop: Shade-Text
  • Workshop: Chrome-Text
  • Workshop: Text aus Glas
  • Workshop: Text aus Gold
  • Buchprojekt: Schriftwahl

Fotos im Internet

  • Bilder googeln?
  • Legale Bildquellen
  • Bildauswahl
  • Bildausschnitt und -ausrichtung
  • Bildformate
  • Bildspiegelungen
  • Thumbnails
  • Alt-Attribute
  • Fotos fürs Web aufbereiten
  • Workshop: Horizont ausrichten
  • Workshop: Fotos altern lassen
  • Workshop: Bildelemente ausbrechen lassen
  • Workshop: Fotoecke komplett umbiegen
  • Workshop: Skalieren und Inhalt bewahren
  • Workshop: Verträumte Fotos
  • Buchprojekt: Fotos

Zierelemente

  • Workshop: Glanzstern
  • Workshop: Post-it
  • Workshop: Tesafilm
  • Workshop: Badge
  • Workshop: Sticker
  • Buchprojekt: Zierelemente

Icons

  • Workshop: Favicon
  • Workshop: Warning-Icon
  • Workshop: Kalender-Icon
  • Workshop: Lupen-Icon
  • Buchprojekt: Icons

Content-Design

  • Text- und Bildinhalte
  • Homepage versus Website
  • Buchprojekt: Content-Design
  • Details

Grafiken für Ausgabe optimieren

  • Für Web und Geräte speichern
  • Ausgabeeinstellungen vergleichen
  • Werkzeuge
  • Device Central
  • Vorschau
  • Vorschau und Metadaten
  • Bildgröße
  • Dateiformate im Web
  • GIF (Graphics Interchange Format)
  • GIF-Grafiken für das Web optimieren
  • JPG/JPEG (Joint Photographic Expert Group)
  • JPEG-Grafiken für das Web optimieren
  • PNG-8 (Portable Network Graphics)
  • PNG-24
  • PNG-24 für das Web optimieren

Animation

  • Gif-Animation

HTML-Ausgabe

  • Slices
  • HTML-Ausgabe mit Photoshop
  • Alternative zu Slices
  • Workshop: Zoomify

Zusatzmodule

  • Web-Fotogalerie

Buchprojekt: Coding

  • Grundaufbau
  • Hintergrund
  • Header
  • Logo und Slogan
  • Navigation
  • Content
  • Sidebar
  • Footer
  • Content
  • Dateiupload

Buchprojekt: WordPress

  • WordPress (lokal) installieren
  • Theme Basics
  • WordPress-Theme erstellen
  • Theme testen
  • Seiten anlegen und verwalten
  • Kategorien und Artikel anlegen und verwalten
  • Navigation anpassen
  • Startseite festlegen

Diskussion zu diesem Produkt

  1. Flowsen
    schrieb am 15.07.2009 um 15:51 Uhr:

    Juhuu!!

    Da werde ich mir doch gleich mal ein Exemplar kaufen. :D

  2. Hackbraten
    schrieb am 15.07.2009 um 18:25 Uhr:

    Hi,

    bin gerade zufällig auf dein Buch gestoßen und mir hat es glatt die Sprache verschlagen !! Suche seit einigen Monaten genauso ein Buch hehe und dann sehe ich das Buch das Inhaltsverzeichnis ist sieht sehr vielversprechend aus !!! Cool werde mir auf jedenfall eins zulegen. DANKE und wehe es ist nicht gut weiss ja jetzt wo ich mich beschweren kann :) :)

  3. Felix de Ruiter
    schrieb am 15.07.2009 um 19:38 Uhr:

    Cool, genau so ein Buch habe ich mir schon immer gewünscht! Und da ich von deiner Kompetenz sowie voll und ganz überzeugt bin, werde ich sofort bei Amazon stöbern und es mir bestellen, wenn ich es mir leisten kann. ;-)

    Gruß
    Felix

  4. Stefan
    schrieb am 15.07.2009 um 21:50 Uhr:

    Hey Jonas,
    nice das du nun auch noch ein Buch rausgebracht hast fals ich mal wieder in der Stadt bin und an einem Buchladen Vorbeilauf schauch ich mal ob sie dein Buch haben, oder ich schau einfach mal bei Amazon ^^
    Ok dann lass ich mal noch ein paar schöne Grüße da und mach weiter so!
    Mfg Stefan

  5. Jan
    schrieb am 16.07.2009 um 19:17 Uhr:

    So habe dann heute von Amazon das vorraussichtliche Lieferdatum bekommen, kann mich auf den Zeitraum zwischen 28.07. und 06.08. einstellen.
    Hoffentlich kommt es schnell!

  6. hackbraten
    schrieb am 17.07.2009 um 15:03 Uhr:

    sagt mal kann man das buch schon irgendwo kaufen in Düsseldorf ???

    • Jonas Hellwig
      schrieb am 17.07.2009 um 16:15 Uhr:

      @Hackbraten: Ich glaube noch nicht. Sobald die Bücher ausgeliefert sind aber 100%

  7. Eddy v.G.
    schrieb am 20.07.2009 um 08:37 Uhr:

    Hi Jonas, auch von mir herzlichsten Glückwunsch! Was der Junge so alles treibt…unglaublich! Ich wünsche Dir viel Erfolg und hohe Verkaufszahlen! ;-)

    Best Regards
    Eddy

  8. Jules
    schrieb am 21.07.2009 um 11:38 Uhr:

    Sehr schönes Buch!
    Heute bekommen :)

  9. Jan
    schrieb am 30.07.2009 um 16:57 Uhr:

    Juchu, endlich ist dein Buch angekommen, hab schon einen Blick reingeworfen, werde wohl die halbe nacht mit dem Buch vor dem Rechner verbringen!!!!

  10. Angelika Hartmann
    schrieb am 04.08.2009 um 20:07 Uhr:

    Hallo
    Für mich wehre es ein Sprungbrett wieder in die richtige Richtung, wenn ich dein Buch bekommen könnte. Ich habe mit weit über vierzig, als damals PC Neuling gewagt eine Ausbildung zur Medieninformatikerin anzugehen. Diese auch durchgezogen, da man jedoch froh sein muss als Berufsanfängerin überhaupt Fuß zu fassen, nun leider zur Word Tante ,was ich nun seit drei Jahren unterrichte, mutiert. Dein Buch würde mir genau das Handwerk bieten, was ich brauch um wieder aktuell zu sein und vielleicht doch noch meine Beruflichen Träume zu verwirklichen.
    Wünsche dir noch nen schönen Urlaub oder besser noch ein schönes wieder nach hause kommen.

  11. con
    schrieb am 07.11.2009 um 23:07 Uhr:

    HallO! Heute nachmittag fand ich Dein Buch im Regal und bin begeistert!Eigentlich von jedem Kapitel, aber am meisten von dem Bereich der „WordPress“ aufschlüsselt.
    Toll!
    Da ich mich unter anderem mit diesem Bereich zu Zeit beschäftige, kann ich mich für Dein Buch nur bedanken!!
    In dem Zusammenhang wäre für mich auch etwas Vergleichbares in Bezug auf „Joomla“ interessant, und ich dacht mir Fragen schadet nich ;)
    Vielleicht hast Du ja einen „link“ oder einen Tipp im Peto?

    viele Grüße

    cs

    • Jonas Hellwig
      schrieb am 08.11.2009 um 18:16 Uhr:

      @con: Freut mich, dass es dir gefällt. Leider kann ich dir zu Joomla nichts sagen, da meine Kenntnisse hier gegen Null tendieren.

  12. derlange58
    schrieb am 22.12.2009 um 21:59 Uhr:

    Moin Moin aus dem hohen Norden, mir fiel dein Buch bei der Buchhandlung Thales in die Hände, ich hab es kurz überflogen und mir hat es gleich zugesagt, viele Deiner „Anregungen“ habe ich als Rookie schon nachgebaut und bin schwer begeistert von den verständlichen Anleitungen ( Ebenen und so ist das A und O). Sie Typografie Tips und Farbharmonien sind klasse. Frohes besinnliches Fest und verkaufe ordentlich Bücher.

  13. Jörg Dähler
    schrieb am 02.02.2010 um 18:02 Uhr:

    Das Buch ist super, bin gerade am lesen. Was mir fehlt sind die Download’s und Links dazu. Hast du einen Bereich auf dem der Content verfügbar ist?

    Danke & Gruß
    Jörg

    • Jonas Hellwig
      schrieb am 07.02.2010 um 10:32 Uhr:

      @Jörg: Alle Inhalte des Buches können unter buch.cd heruntergeladen werden :)

Die Kommentare sind geschlossen.

Mit diesen Kunden haben wir bereits erfolgreich zusammengearbeitet.

Worauf warten Sie noch?

Sie haben bereits eine Idee für ein gemeinsames Projekt? Dann nutzen Sie unsere Online-Projektplaner!

Wir planen ein Web Design-Projekt
Wir planen ein Inhouse-Seminar

Bei allgemeinen Fragen, Anregungen oder Kritik nutzen Sie bitte das Kontaktformular.