Warenkorb
 

Webdesign

Das Handbuch zur Webgestaltung

Ein Buch für alle, die irgendwie immer schon wussten, dass Technik allein nicht alles ist!

150 Millisekunden - wenn Sie einen Nutzer in dieser Zeit nicht überzeugt haben, wird er Ihre Webseite verlassen. Die Gestaltung Ihrer Webseite spielt dabei die Hauptrolle. Dieses Buch zeigt Ihnen, wie Sie Ihren Besucher mit dem Design Ihrer Website begeistern können. Martin Hahn kennt die Herausforderungen, denen sich Webdesigner heute stellen müssen. Aber noch wichtiger: Er weiss, wie Sie auffallen und dennoch Designs umsetzen, die auf allen Geräten überzeugen. Machen Sie sich mit den gängigen Designprinzipien vertraut und erfahren Sie, was wirklich funktioniert. Dieses Handbuch bietet Ihnen auf über 780 Seiten schnelle Hilfe und Lösungen bei allen Fragen, die sich Ihnen bei der Gestaltung stellen: Zielgruppengenaue Auswahl von Schrift, Farbschema und Layout, gute Konzeption von Anfang an, Barrierefreiheit, individuelle Gestaltung, Responsive Design und mehr. Immer mit dabei: Anschauliche Beispiele mit zahlreichen Aha-Effekten. So geht gute, moderne Gestaltung im Web.

Aus dem Inhalt:


  • Konzeption und Planung

  • Ideenfindung

  • Website-Konzeption

  • Projektmanagement, Briefing

  • Moodboards, Wireframes, interaktive Prototypen



  • Prinzipien guter Gestaltung

  • Design-Prinzipien

  • Farbenlehre & Farbwirkung

  • Farbe im Web, Retina-Displays

  • Proportionen, Weissraum

  • Typografie und Webfonts

  • Grafiken, Bilder, Icons

  • Webdesign-Stile, Webtrends



  • Layout und Raster

  • Informationsarchitektur

  • CSS-Layout und Rastersysteme

  • Positionierung und Gewichtung

  • Goldener Schnitt, Above the Fold

  • Navigation und Interaktion

  • Haupt-, Sub-, Metanavigationen

  • Header, Footer, Buttons, Links

  • Mobile Navigation, Off-Canvas

  • Usability, User Experience, Barrierefreiheit



  • Die Technik im Griff

  • Responsive Webdesign

  • Webstandards und Best Practices

  • HTML5 und CSS3

  • Frameworks, CMS

Die Fachpresse zur Vorauflage:

Jens Grochtdreis: »Die Quellenvielfalt ist überwältigend, die Themenvielfalt enorm.«

SCREENGUIDE: »Ein gutes, umfangreiches Werk für alle Einsteiger ins Webbusiness.«

Designer in Action: »Alle wichtigen Themen und Designprozesse!«

Rezension
"Gute Einführung/Auffrischung zum Thema aktuelles Webdesign, kann auch als Nachschlagewerk genutzt werden." Freies Radio Kassel 201703
… weiterlesen
  • Artikelbild-0


  •   Vorwort ... 19

      1.  Prinzipien des modernen Webdesigns ... 23

           1.1 ... Aspekte modernen Webdesigns ... 23

           1.2 ... Guter Quellcode -- Webstandards ... 33

           1.3 ... Webseiten für alle -- Zugänglichkeit und Barrierefreiheit ... 35

           1.4 ... Modernes Webdesign ist flexibel ... 37

           1.5 ... Das Webdesign und sein Umfeld ... 40

           1.6 ... Fazit: Webdesign ist Coden, und Code ist Design ... 43

      2.  Projektmanagement ... 47

           2.1 ... Das Projekt ... 47

           2.2 ... Projektphasen ... 53

           2.3 ... Projektkommunikation -- wie sag ich es dem Kunden? ... 64

           2.4 ... Erfolg oder Misserfolg ... 69

      3.  Konzeption und Strategie ... 73

           3.1 ... Briefing und Recherche ... 73

           3.2 ... Unternehmens- und Kundenanalyse ... 78

           3.3 ... Konkurrenten und Vorbilder ... 82

           3.4 ... Eine Strategie fürs Webprojekt entwickeln ... 83

           3.5 ... Webdesign ist Kommunikation ... 89

           3.6 ... Ziele der Webseite ... 94

           3.7 ... Zielgruppenanalyse ... 98

           3.8 ... Anforderungen Design ... 107

           3.9 ... Anforderungen an die Inhalte ... 110

           3.10 ... Anforderungen an Technik und Funktionalitäten ... 115

           3.11 ... Usability im Webdesign ... 118

           3.12 ... User Experience ... 128

           3.13 ... Fazit ... 133

      4.  Responsive Webdesign ... 135

           4.1 ... Einleitung -- und sie bewegen sich doch ... 135

           4.2 ... Responsive Strategie -- Mobile first und Content first ... 140

           4.3 ... Ein neuer Workflow ... 144

           4.5 ... Tipps zur Umsetzung ... 161

      5.  Informationsarchitektur ... 165

           5.1 ... Einführung ... 165

           5.2 ... Die Bedeutung der Informationsarchitektur ... 168

           5.3 ... Die Bedeutung der Navigation ... 173

           5.4 ... Content-Strategie ... 176

           5.5 ... Inhaltsstruktur entwickeln ... 184

           5.6 ... Durch Inhalte navigieren ... 196

           5.7 ... Fazit ... 206

      6.  Gestaltungsgrundlagen ... 207

           6.1 ... Webdesign und die menschliche Wahrnehmung ... 208

           6.2 ... Die äussere Form ... 214

           6.3 ... Anordnung und Gewichtung ... 225

           6.4 ... Wahrnehmung und Gestaltung ... 245

           6.5 ... Gute Webgestaltung ... 253

      7.  Screendesign ... 259

           7.1 ... Grundlagen Screendesign ... 259

           7.2 ... Der Gestaltungsprozess ... 275

           7.3 ... Vom Design zur Umsetzung ... 288

      8.  Layout und Raster ... 297

           8.1 ... Anatomie einer Webseite ... 297

           8.2 ... Wireframes erstellen ... 303

           8.3 ... Raster -- Grundlagen ... 309

           8.4 ... Ein eigenes Raster anlegen ... 323

           8.5 ... Layouts gestalten ... 343

      9.  Farbe im Webdesign ... 363

           9.1 ... Welche Rolle spielt die Farbe? ... 363

           9.2 ... Farbe: eine Wissenschaft für sich ... 365

           9.3 ... Farbsysteme ... 368

           9.4 ... Das Web-Farbmanagement ... 381

           9.5 ... Farbwirkung ... 385

           9.6 ... Farbkontraste ... 417

           9.7 ... Farbschemata ... 425

           9.8 ... Gelungener Farbeinsatz im Webdesign ... 430

           9.9 ... Farbe und Usability ... 437

           9.10 ... Ein eigenes Farbschema entwickeln ... 440

           9.11 ... Fazit ... 449

    10.  Typografie ... 451

           10.1 ... Typografie im Web ... 451

           10.2 ... Leseverhalten im Web ... 454

           10.3 ... Schriftarten ... 457

           10.4 ... Schriftdarstellung im Web ... 465

           10.5 ... Makrotypografie ... 477

           10.6 ... Mikrotypografie ... 501

           10.7 ... Gelungene Webtypografie -- Textformatierungen und Gestaltungstipps ... 507

           10.8 ... Typografische Inspiration: Best Cases ... 525

    11.  Bilder und Grafiken ... 531

           11.1 ... Einführung: Die Macht der Bilder ... 531

           11.2 ... Bilder im Web ... 537

           11.3 ... Bilderquellen ... 542

           11.4 ... Motive & Bildstimmung ... 550

           11.5 ... Bildgestaltung ... 563

           11.6 ... Icons ... 577

           11.7 ... Icon-Fonts ... 580

           11.8 ... Illustrationen ... 582

           11.9 ... Bildbearbeitung ... 586

           11.10 ... Bildformate ... 588

           11.11 ... Bilder in HTML und CSS ... 594

           11.12 ... Weitere Bilder-Tools ... 604

           11.13 ... Fazit ... 605

    12.  Navigations- und Interaktionsdesign ... 607

           12.1 ... Die Gestaltung der Hauptnavigation ... 607

           12.2 ... Die Gestaltung der Subnavigation ... 628

           12.3 ... Die Gestaltung der Metanavigation ... 629

           12.4 ... Die Gestaltung der Footer-Navigation ... 630

           12.5 ... Navigation auf mobilen Endgeräten -- responsive Navigation ... 632

           12.6 ... Weitere Navigationsmittel ... 648

           12.7 ... Formulare ... 663

    13.  Webdesign-Stile und -Trends ... 671

           13.1 ... Die Webdesign-Stile ... 671

           13.2 ... Webdesign-Trends ... 685

    14.  Animationen ... 703

           14.1 ... Animationen mit CSS ... 703

           14.2 ... Animationen und Interaktivität mit JavaScript ... 711

           14.3 ... Interaktive Elemente ... 713

           14.4 ... Audiovisuelle Elemente ... 724

           14.5 ... Fazit ... 727

    15.  Website-Typen ... 729

           15.1 ... Corporate Website ... 729

           15.2 ... Portfolio ... 733

           15.3 ... Shop ... 737

           15.4 ... Blog ... 742

           15.5 ... Landing Page ... 746

           15.6 ... Microsite ... 749

           15.7 ... Web-Apps ... 750

           15.8 ... Newsletter ... 751

    16.  Tipps, Tricks und Tools ... 755

           16.1 ... Wichtiger »Kleinkram« ... 755

           16.2 ... Code-Feintuning ... 762

           16.3 ... In Kontakt bleiben ... 767

      Index ... 773

In den Warenkorb

Beschreibung

Produktdetails

Einband gebundene Ausgabe
Seitenzahl 783
Erscheinungsdatum 27.02.2017
Sprache Deutsch
ISBN 978-3-8362-4402-2
Reihe Rheinwerk Design
Verlag Rheinwerk Verlag GmbH
Maße (L/B/H) 24.6/18.1/4.5 cm
Gewicht 2067 g
Abbildungen mit zahlreichen Farbabbildungen
Auflage 2. überarbeitete Auflage
Verkaufsrang 20774
Buch (gebundene Ausgabe)
Buch (gebundene Ausgabe)
Fr. 67.90
Fr. 67.90
inkl. gesetzl. MwSt.
inkl. gesetzl. MwSt.
Versandfertig innert 1 - 2 Werktagen Versandkostenfrei
Versandfertig innert 1 - 2 Werktagen
Versandkostenfrei
In den Warenkorb
Vielen Dank für Ihr Feedback!
Entschuldigung, beim Absenden Ihres Feedbacks ist ein Fehler passiert. Bitte versuchen Sie es erneut.
Ihr Feedback zur Seite
Haben Sie alle relevanten Informationen erhalten?

Kundenbewertungen

Durchschnitt
2 Bewertungen
Übersicht
2
0
0
0
0

Ein umfassender Ratgeber
von Dirk Heinemann aus Hohe Börde am 09.07.2017

Eine Webseite ist schnell erstellt. Doch will man mit ihr Erfolg haben sollte sie gut durchdacht sein. Genau da setzt dieses Buch an. Zuerst geht es darum sich mit seinem Projekt vertraut zu machen. Was will man vermitteln und wie will man es vermitteln. In 16 Kapiteln auf 783 Seiten werden alle Seiten zum Erstellen einer Websei... Eine Webseite ist schnell erstellt. Doch will man mit ihr Erfolg haben sollte sie gut durchdacht sein. Genau da setzt dieses Buch an. Zuerst geht es darum sich mit seinem Projekt vertraut zu machen. Was will man vermitteln und wie will man es vermitteln. In 16 Kapiteln auf 783 Seiten werden alle Seiten zum Erstellen einer Webseite beleuchtet. Dabei werden u.a. auch wichtige Aspekte wie Urheberrecht nicht vergessen. Ich werde diesen Buch sicher noch oft für die Gestaltung meiner eigenen Seite in die Hand nehmen.

wie gestalte ich meine Webseite attraktiv!
von Ines Meier aus Berlin am 28.03.2017

Als Fotografin ist es für mich besonders wichtig einen guten Webauftritt zu haben. Mein Portfolio ist mein Aushängeschild. Der Kunde besucht zu 99% im Vorhinein meine Homepage um sich ein Bild von mir und meiner Arbeit zu machen oder kauft gar über den Webshop Bilder ein. Da derzeit eine Überarbeitung meiner Seiten ansteht war i... Als Fotografin ist es für mich besonders wichtig einen guten Webauftritt zu haben. Mein Portfolio ist mein Aushängeschild. Der Kunde besucht zu 99% im Vorhinein meine Homepage um sich ein Bild von mir und meiner Arbeit zu machen oder kauft gar über den Webshop Bilder ein. Da derzeit eine Überarbeitung meiner Seiten ansteht war ich auf der Suche nach guter Lektüre um besser zu verstehen wie eine gute Homepage aussehen soll. Was bringt den Betrachter dazu die Seite als positiv zu empfinden und länger als ein paar Sekunden zu verweilen bevor er einfach weiterklickt. Was wirkt anregend und positiv im zusammenhang mit meinen Bildern, was sollte man eher meiden. Es sind viele Webseitenbeispiele in diesem Buch zu finden von denen ich schon einge aufgerufen habe. Das Buch ist in 16 umfangreiche Kapitel gegliedert und umfasst knapp 800 Seiten. Der Autor Martin Hahn zeigt wie gute schöne und funktionelle Seiten aussehen sollten. Welche wirkung haben Farben, Typografie und Fotografien. Wie sieht ein gutes Layout aus und was benötige ich für meine Webseite. Ich finde der Autor hat den Spagat gut geschafft zu zeigen wie gutes Webdesign funktioniert. Die Beispiele sind modern und schlüssig. Mich wird dieses Buch noch eine Weile begleiten um meine Webseiten wieder attraktiver zu gestalten.