Webdesign
Das Handbuch zur Webgestaltung. Attraktive Websites gestalten: Layouts, Typografie, Farbe, Bilder. Website-Konzeption, Usability, Navigation und Responsive Webdesign. Mit zahlreichen inspirierenden Websi
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...
150 Millisekunden - wenn Sie einen Nutzer in dieser Zeit nicht überzeugt haben, wird er Ihre Webseite verlassen. Die Gestaltung Ihrer Webseite spielt dabei die...
Leider schon ausverkauft
Buch (Gebunden)
- Lastschrift, Kreditkarte, Paypal, Rechnung
- Kostenlose Rücksendung
Produktdetails
Produktinformationen zu „Webdesign “
Klappentext zu „Webdesign “
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 weiß, 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, 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
Die Fachpresse zur Vorauflage:
Jens Grochtdreis: "Die Quellenvielfalt ist überwältigend, die Themenvielfalt
... mehr
enorm."
SCREENGUIDE: "Ein gutes, umfangreiches Werk für alle Einsteiger ins Webbusiness."
Designer in Action: "Alle wichtigen Themen und Designprozesse!"
SCREENGUIDE: "Ein gutes, umfangreiches Werk für alle Einsteiger ins Webbusiness."
Designer in Action: "Alle wichtigen Themen und Designprozesse!"
... weniger
Inhaltsverzeichnis zu „Webdesign “
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
... mehr
Inhalte navigieren ... 196
5.7 ... Fazit ... 206
6. Gestaltungsgrundlagen ... 207
6.1 ... Webdesign und die menschliche Wahrnehmung ... 208
6.2 ... Die äußere 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
5.7 ... Fazit ... 206
6. Gestaltungsgrundlagen ... 207
6.1 ... Webdesign und die menschliche Wahrnehmung ... 208
6.2 ... Die äußere 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
... weniger
Autoren-Porträt von Martin Hahn
Hahn, MartinMartin 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«.
Bibliographische Angaben
- Autor: Martin Hahn
- 2017, 2., aktualisierte Auflage., 783 Seiten, mit zahlreichen farbigen Abbildungen, Maße: 18,1 x 24,6 cm, Gebunden, Deutsch
- Verlag: Rheinwerk Verlag
- ISBN-10: 3836244020
- ISBN-13: 9783836244022
Rezension zu „Webdesign “
"Gute Einführung/Auffrischung zum Thema aktuelles Webdesign, kann auch als Nachschlagewerk genutzt werden." Freies Radio Kassel 201703
Kommentar zu "Webdesign"
5 von 5 Sternen
5 Sterne 1Schreiben Sie einen Kommentar zu "Webdesign".
Kommentar verfassen