PORTO-
FREI

Webdesign

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

von Hahn, Martin   (Autor)

Ein Buch für alle, die irgendwie immer schon wussten, dass Technik allein nicht alles ist! * Attraktive Websites gestalten: Layouts, Typografie, Farbe, Bilder * Website-Konzeption, Usability und Responsive Webdesign * Mit vielen inspirierenden Website-Beispielen und HTML/CSS-Workshops 150 Millisekunden - wenn Sie einen Nutzer in dieser Zeit nicht überzeugt haben, wird er Ihre Webseite verlassen. Die Gestaltung Ihrer Webseite spielt die Hauptrolle, damit sich Ihre Besucher wohlfühlen und Ihre Seiten gar nicht mehr verlassen wollen. Grafik, Animation, Typografie, Farbwahl: Dieses Buch zeigt Ihnen, mit welchen Techniken und Tools Sie Ihre Website-Besucher begeistern. Martin Hahn kennt die Herausforderungen, denen sich Webdesigner heute stellen müssen. Und noch wichtiger: Er weiß, wie Sie positiv auffallen, sich von den Mitbewerbern abheben und Designs umsetzen, die auf allen Geräten überzeugen. Machen Sie sich mit den Designprinzipien vertraut und erfahren Sie, was wirklich funktioniert. Dieses Handbuch bietet Ihnen auf über 694 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, 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

Buch (Gebunden)

EUR 49,90

Alle Preisangaben inkl. MwSt.

Auch verfügbar als:

SOFORT LIEFERBAR (am Lager)

Versandkostenfrei*

Versandtermin: 25. September 2021, wenn Sie jetzt bestellen.
(innerhalb Deutschlands, Sendungen in Geschenkverpackung: + 1 Werktag)

 
 

Produktbeschreibung

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

* Attraktive Websites gestalten: Layouts, Typografie, Farbe, Bilder

* Website-Konzeption, Usability und Responsive Webdesign

* Mit vielen inspirierenden Website-Beispielen und HTML/CSS-Workshops

150 Millisekunden - wenn Sie einen Nutzer in dieser Zeit nicht überzeugt haben, wird er Ihre Webseite verlassen. Die Gestaltung Ihrer Webseite spielt die Hauptrolle, damit sich Ihre Besucher wohlfühlen und Ihre Seiten gar nicht mehr verlassen wollen. Grafik, Animation, Typografie, Farbwahl: Dieses Buch zeigt Ihnen, mit welchen Techniken und Tools Sie Ihre Website-Besucher begeistern. Martin Hahn kennt die Herausforderungen, denen sich Webdesigner heute stellen müssen. Und noch wichtiger: Er weiß, wie Sie positiv auffallen, sich von den Mitbewerbern abheben und Designs umsetzen, die auf allen Geräten überzeugen. Machen Sie sich mit den Designprinzipien vertraut und erfahren Sie, was wirklich funktioniert. Dieses Handbuch bietet Ihnen auf über 694 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, 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 

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 

Kritik

¯In dem Buch werden die wichtigen Themen und Designprozesse auf 694 Seiten behandelt. [...] Jedes Kapitel ist in sich abgeschlossen und eignet sich zum Querlesen, Reinlesen, Herumstöbern oder zum gezielten Suchen bestimmter Themenbereiche. [...] Das Buch überzeugt durch seine vielen Beispiele und Abbildungen. Man hat sich größtenteils nicht auf die Darstellung von immer denselben, altbekannten Websites verlassen, sondern präsentiert frisch und modern realisierte Seiten, die das Beschriebene treffend in Szene setzen. So erhält man einen Überblick über die Gestaltung (und die damit verbundene Technik), die derzeit im Web angesagt ist und einen Ausblick auf das, was da evtl. noch kommen mag.® Designer in Action 202002 

Autoreninfo

Hahn, Martin
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 ¯(...)® und er bloggt über Webdesign unter ¯(...)®. 

Mehr vom Verlag:

Rheinwerk Verlag GmbH

Mehr aus der Reihe:

Rheinwerk Design

Mehr vom Autor:

Hahn, Martin

Produktdetails

Medium: Buch
Format: Gebunden
Seiten: 694
Sprache: Deutsch
Erschienen: Januar 2020
Auflage: 3. Auflage
Sonstiges: 459/07216
Maße: 246 x 185 mm
Gewicht: 1865 g
ISBN-10: 3836272164
ISBN-13: 9783836272162
Verlagsbestell-Nr.: 459/07216

Bestell-Nr.: 28401033 
Libri-Verkaufsrang (LVR): 168300
Libri-Relevanz: 50 (max 9.999)
Bestell-Nr. Verlag: 459/07216

LIBRI: 2143973
LIBRI-EK*: 34.98 € (25.00%)
LIBRI-VK: 49,90 €
Libri-STOCK: 0
LIBRI: 015 fehlt kurzfristig am Lager * EK = ohne MwSt.

UVP: 0 
Warengruppe: 16360 

KNO: 80588895
KNO-EK*: 31.45 € (25.00%)
KNO-VK: 49,90 €
KNV-STOCK: 2

KNO-SAMMLUNG: Rheinwerk Design
KNOABBVERMERK: 3., aktualisierte und überarbeitete Auflage. 2020. 694 S. 24 cm
KNOSONSTTEXT: 459/07216
KNOZUSATZTEXT: Bisherige Ausg. siehe T.-Nr. 60557243
Einband: Gebunden
Auflage: 3. Auflage
Sprache: Deutsch

Alle Preise inkl. MwSt., innerhalb Deutschlands liefern wir immer versandkostenfrei. Informationen zum Versand ins Ausland.

Kostenloser Versand*

innerhalb eines Werktages

OHNE RISIKO

30 Tage Rückgaberecht

Käuferschutz

mit Geld-Zurück-Garantie