Webdesign – Martin Hahn | buch7 – Der soziale Buchhandel
Bitte warten ...
icon suche icon merkliste icon warenkorb
Blick ins Buch
Autor/in: Martin Hahn
Autor/in: Martin Hahn

Webdesign

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

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
Gebunden 01/2020
kostenloser Standardversand in DE auf Lager

Die angegebenen Lieferzeiten beziehen sich auf den Paketversand und sofortige Zahlung (z.B. Zahlung per Lastschrift, PayPal oder Sofortüberweisung).
Der kostenlose Standardversand (2-5 Werktage) benötigt in der Regel länger als der kostenpflichtige Paketversand (1-2 Werktage). Sonderfälle, die zu längeren Lieferzeiten führen können (Bsp: Bemerkung für Kundenservice, Zahlung per Vorkasse oder Sendung ins Ausland) haben wir hier für Sie detailliert beschrieben.

Lieferung bis Fr, 24.Sep. (ca. ¾), oder Sa , 25.Sep. (ca. ¼): bestellen Sie in den nächsten 17 Stunden, 52 Minuten mit Paketversand.

Die angegebenen Lieferzeiten beziehen sich auf den Paketversand und sofortige Zahlung (z.B. Zahlung per Lastschrift, PayPal oder Sofortüberweisung).
Der kostenlose Standardversand (2-5 Werktage) benötigt in der Regel länger als der kostenpflichtige Paketversand (1-2 Werktage). Sonderfälle, die zu längeren Lieferzeiten führen können (Bsp: Bemerkung für Kundenservice, Zahlung per Vorkasse oder Sendung ins Ausland) haben wir hier für Sie detailliert beschrieben.

Spenden icon Dank Ihres Kaufes spendet buch7 ca. 1,75 € bis 3,24 €.

Die hier angegebene Schätzung beruht auf dem durchschnittlichen Fördervolumen der letzten Monate und Jahre. Über die Vergabe und den Umfang der finanziellen Unterstützung entscheidet das Gremium von buch7.de.

Die genaue Höhe hängt von der aktuellen Geschäftsentwicklung ab. Natürlich wollen wir so viele Projekte wie möglich unterstützen.

Den tatsächlichen Umfang der Förderungen sowie die Empfänger sehen Sie auf unserer Startseite rechts oben, mehr Details finden Sie hier.

Weitere Informationen zu unserer Kostenstruktur finden Sie hier.

Benachrichtigung

Autoreninformationen

Martin Hahn arbeitet als selbständiger Webdesigner für kleine und mittelständische Kunden und kennt daher die Herausforderungen, denen sich ein Webdesigner heute stellen muss, aus jahrelanger eigener Praxiserfahrung. Als freier Art-Director arbeitet er auch für Agenturen und gibt seit vielen Jahren als Dozent unter anderem für Screendesign, Photoshop und HTML/CSS sein Wissen weiter. Mehr von ihm findet sich auf »www.hahnsinn.de« und er bloggt über Webdesign unter »www.webdesign-journal.de«.

Inhaltsverzeichnis

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

Produktdetails

EAN / 13-stellige ISBN 978-3836272162
10-stellige ISBN 3836272164
Verlag Rheinwerk Verlag GmbH
Sprache Deutsch
Auflage 3. Auflage im Jahr 2020
Anmerkungen zur Auflage 3. Auflage
Editionsform Hardcover / Softcover / Karten
Einbandart Gebunden
Erscheinungsdatum 24. Januar 2020
Seitenzahl 694
Format (L×B×H) 24,6cm × 18,5cm × 3,8cm
Gewicht 1865g
Warengruppe des Lieferanten Naturwissenschaften - Informatik, EDV
Mehrwertsteuer 7% (im angegebenen Preis enthalten)
Bestseller aus dieser Kategorie

Naturwissenschaften - Informatik, EDV

Kund/innen, die diesen Artikel gekauft haben, kauften auch:

Andere Leute, die diesen Artikel angesehen haben, sahen auch an:

Noch nicht das passende gefunden?
Verschenken Sie einfach einen Gutschein.

Auch hier werden natürlich 75% des Gewinns gespendet.

Gutschein kaufen

Was unsere Kund/innen sagen:

Impressum Datenschutz Hilfe / FAQ