Meine Filiale

Webdesign

Das neue Handbuch zur Webgestaltung. Alles, was Webdesigner wissen müssen. Mit vielen inspirierenden Beispielen

Martin Hahn

(2)
Buch (gebundene Ausgabe)
Buch (gebundene Ausgabe)
51,30
51,30
inkl. gesetzl. MwSt.
inkl. gesetzl. MwSt.
Versandfertig innerhalb 48 Stunden Versandkostenfrei
Versandfertig innerhalb 48 Stunden
Versandkostenfrei

Weitere Formate

gebundene Ausgabe

€ 51,30

Accordion öffnen
  • Webdesign

    Rheinwerk

    Versandfertig innerhalb 48 Stunden

    € 51,30

    Rheinwerk

eBook (PDF)

€ 44,90

Accordion öffnen

Beschreibung

150 Millisekunden – so viel Zeit haben Sie im Durchschnitt, einen Nutzer davon zu überzeugen, dass sich der Besuch Ihrer Website lohnt. Dieses Buch vermittelt die Designprinzipien, mit denen Sie diese Herausforderung annehmen können!Es begleitet Sie auf über 694 Seiten bei allen Fragestellungen, die für die Gestaltung einer modernen und attraktiven Website wichtig sind. Sie lernen, worauf es bei Schriftwahl, dem Einsatz von Farben und unterschiedlichen Medien ankommt, gestalten Layouts und Navigationsmenüs und erfahren, was alles bei der Konzeption beachtet werden muss. Dabei erhalten Sie konkrete Hinweise, wie Sie am besten mit Gestaltungsrastern arbeiten, die verschiedenen Website-Elemente aufeinander abstimmen und mit den richtigen Akzenten jeder Website einen individuellen Charakter verleihen. Martin Hahn zeigt Ihnen zudem, welche technischen Aspekte Sie bei der Gestaltung berücksichtigen müssen und wie Sie ästhetische Ansprüche und Usability unter einen Hut bekommen. Denn nicht alles, was schön aussieht, ist auch machbar im Web. Auch auf Informationsarchitektur, Barrierefreiheit und Responsive Webdesign wird eingegangen. Dass dabei mit HTML5 und CSS3 gearbeitet wird, versteht sich von selbst. Grundkenntnisse in HTML und CSS werden vorausgesetzt. Ein Buch für alle, die irgendwie immer schon wussten, dass Technik allein nicht alles ist!

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, Weißraum
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

Produktdetails

Einband gebundene Ausgabe
Seitenzahl 694
Erscheinungsdatum 24.01.2020
Sprache Deutsch
ISBN 978-3-8362-7216-2
Reihe Rheinwerk Design
Verlag Rheinwerk
Maße (L/B/H) 24,6/18,5/3,8 cm
Gewicht 1861 g
Auflage 3

Kundenbewertungen

Durchschnitt
2 Bewertungen
Übersicht
2
0
0
0
0

Ein umfassender Ratgeber
von Dirk Heinemann aus Hohe Börde am 09.07.2017
Bewertet: Einband: gebundene Ausgabe

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
Bewertet: Einband: gebundene Ausgabe

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.


  • Artikelbild-0


  •   Vorwort ... 19

      1.  Der Status quo im Webdesign ... 23

           1.1 ... Die Entwicklung des Webdesigns ... 23

           1.2 ... Aspekte modernen Webdesigns ... 27

           1.3 ... Modernes Webdesign ist flexibel ... 36

           1.4 ... Das Webdesign und sein Umfeld ... 39

           1.5 ... Webdesign ist Coden, und Code ist Design ... 42

           1.6 ... Der Kontext zählt ... 44

      2.  Projektmanagement ... 47

           2.1 ... Das Projekt ... 47

           2.2 ... Projektphasen ... 52

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

           2.4 ... Erfolg oder Misserfolg ... 68

      3.  Konzeption und Strategie ... 71

           3.1 ... Briefing und Recherche ... 71

           3.2 ... Unternehmens- und Kundenanalyse ... 76

           3.3 ... Konkurrenten und Vorbilder ... 79

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

           3.5 ... Ziele der Webseite ... 86

           3.6 ... Zielgruppenanalyse ... 90

           3.7 ... Anforderungen Design ... 97

           3.8 ... Anforderungen an die Inhalte ... 99

           3.9 ... Anforderungen an Technik und Funktionalitäten ... 104

           3.10 ... Fazit ... 106

      4.  Responsive Webdesign ... 107

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

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

           4.3 ... Ein neuer Workflow ... 115

           4.4 ... Wireframes erstellen ... 120

           4.5 ... Das Design -- der Gestaltungsprozess ... 126

           4.6 ... Vom Design zur Umsetzung ... 138

           4.7 ... Bestandteile einer responsiven Webseite ... 155

      5.  Informationsarchitektur ... 169

           5.1 ... Einführung ... 169

           5.2 ... Die Bedeutung der Informationsarchitektur ... 172

           5.3 ... Die Bedeutung der Navigation ... 177

           5.4 ... Content-Strategie ... 179

           5.5 ... Inhaltsstruktur entwickeln ... 187

           5.6 ... Durch Inhalte navigieren ... 199

           5.7 ... Fazit ... 207

      6.  Screendesign und User Interface Design ... 209

           6.1 ... Grundlagen Screendesign ... 209

           6.2 ... Webdesign und die menschliche Wahrnehmung ... 215

           6.3 ... Wahrnehmungs- und Gestaltgesetze ... 221

           6.4 ... User Interface Gestaltung ... 231

           6.5 ... Gute Webgestaltung ... 241

      7.  Usability und User Experience ... 253

           7.1 ... Alles beginnt mit Usability ... 253

           7.2 ... User Experience ... 263

      8.  Layout und Raster ... 271

           8.1 ... Anatomie einer Webseite ... 271

           8.2 ... Layouts gestalten ... 277

           8.3 ... Scrollen ... 293

           8.4 ... Raster erstellen ... 299

           8.5 ... Ein eigenes Raster anlegen ... 312

      9.  Farbe im Webdesign ... 337

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

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

           9.3 ... Farbsysteme ... 342

           9.4 ... Das Web-Farbmanagement ... 357

           9.5 ... Farbwirkung ... 358

           9.6 ... Farbkontraste ... 390

           9.7 ... Tool-Empfehlung: Unterstützung bei der Farbfindung ... 398

           9.8 ... Gelungener Farbeinsatz im Webdesign ... 400

           9.9 ... Farbe und Usability ... 407

           9.10 ... Ein eigenes Farbschema entwickeln ... 410

           9.11 ... Fazit ... 416

    10.  Typografie ... 417

           10.1 ... Typografie im Web ... 417

           10.2 ... Leseverhalten im Web ... 420

           10.3 ... Schriftarten ... 423

           10.4 ... Schriftdarstellung im Web ... 431

           10.5 ... Makrotypografie ... 443

           10.6 ... Mikrotypografie ... 467

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

           10.8 ... Typografische Inspiration: Best Cases ... 489

    11.  Bilder und Grafiken ... 495

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

           11.2 ... Bilder im Web ... 500

           11.3 ... Bilderquellen ... 504

           11.4 ... Motive und Bildstimmung ... 512

           11.5 ... Bildgestaltung ... 524

           11.6 ... Icons ... 530

           11.7 ... Icon-Fonts ... 533

           11.8 ... Illustrationen ... 535

           11.9 ... Bildbearbeitung ... 537

           11.10 ... Bildformate ... 539

           11.11 ... Bilder in HTML und CSS ... 543

           11.12 ... Weitere Bilder-Tools ... 553

           11.13 ... Fazit ... 554

    12.  Navigations- und Interaktionsdesign ... 557

           12.1 ... Die Gestaltung der Hauptnavigation ... 557

           12.2 ... Die Gestaltung der Subnavigation ... 579

           12.3 ... Die Gestaltung der Metanavigation ... 580

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

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

           12.6 ... Weitere Navigationsmittel ... 599

           12.7 ... Formulare ... 613

    13.  Animationen ... 621

           13.1 ... Animationen mit CSS ... 621

           13.2 ... Animationen und Interaktivität mit JavaScript ... 629

           13.3 ... Interaktive Elemente ... 631

           13.4 ... Audiovisuelle Elemente ... 642

           13.5 ... Fazit ... 645

    14.  Website-Typen und -Stile ... 647

           14.1 ... Website-Typen ... 647

           14.2 ... Webdesign-Stile und -Trends ... 674

      Index ... 685