Dekorationsartikel gehören nicht zum Leistungsumfang.
Sprache:
Deutsch
49,90 €*
Versandkostenfrei per Post / DHL
Aktuell nicht verfügbar
Kategorien:
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!
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
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!
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
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
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
Details
| Erscheinungsjahr: | 2020 |
|---|---|
| Fachbereich: | Datenkommunikation, Netze & Mailboxen |
| Genre: | Informatik |
| Rubrik: | Naturwissenschaften & Technik |
| Medium: | Buch |
| Seiten: | 694 |
| Titelzusatz: | Das Handbuch für die Webgestaltung. Attraktive Websites gestalten: Layouts, Typografie, Farbe, Bilder. Website-Konzeption, Usability und Responsive Webdesign. Mit vielen inspirierenden Website-Beispielen! |
| ISBN-13: | 9783836272162 |
| ISBN-10: | 3836272164 |
| Sprache: | Deutsch |
| Herstellernummer: | 459/07216 |
| Autor: | Hahn, Martin |
| Auflage: | 3., aktualisierte und überarbeitete Auflage |
| Hersteller: |
Rheinwerk Design
Rheinwerk Verlag |
| Maße: | 246 x 183 x 38 mm |
| Von/Mit: | Martin Hahn |
| Erscheinungsdatum: | 27.01.2020 |
| Gewicht: | 1,86 kg |
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
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
Details
| Erscheinungsjahr: | 2020 |
|---|---|
| Fachbereich: | Datenkommunikation, Netze & Mailboxen |
| Genre: | Informatik |
| Rubrik: | Naturwissenschaften & Technik |
| Medium: | Buch |
| Seiten: | 694 |
| Titelzusatz: | Das Handbuch für die Webgestaltung. Attraktive Websites gestalten: Layouts, Typografie, Farbe, Bilder. Website-Konzeption, Usability und Responsive Webdesign. Mit vielen inspirierenden Website-Beispielen! |
| ISBN-13: | 9783836272162 |
| ISBN-10: | 3836272164 |
| Sprache: | Deutsch |
| Herstellernummer: | 459/07216 |
| Autor: | Hahn, Martin |
| Auflage: | 3., aktualisierte und überarbeitete Auflage |
| Hersteller: |
Rheinwerk Design
Rheinwerk Verlag |
| Maße: | 246 x 183 x 38 mm |
| Von/Mit: | Martin Hahn |
| Erscheinungsdatum: | 27.01.2020 |
| Gewicht: | 1,86 kg |
Warnhinweis