Grundkurs gutes Webdesign
Rheinwerk (Verlag)
978-3-8362-9349-5 (ISBN)
- Usability, Webstandards und Responsive Webdesign
- CSS-Layouts, Navigationen, Icons, Buttons
- Accessibility und Nachhaltiges Webdesign
Eine gute Website? Klar, die ist vor allem informativ, schnell und funktional. Aber was macht aus einer einfachen Website einen echten Hingucker? Einen, der im Gedächtnis bleibt, weil er einfach richtig gut gestaltet wurde?
In diesem Buch erfahren Sie es, denn hier erlernen Sie alle Gestaltungsgrundlagen für gutes Webdesign – vom perfekten Layout über die richtigen Farben und die passende Schrift bis hin zum Design von Grafiken, Bildern und Icons.
Das Besondere dabei: Der Autor zeigt Ihnen in einem Beispielprojekt und in vielen zusätzlichen Praxisbeispielen, wie Sie diese Gestaltungsprinzipien im Web anwenden und sie konkret umsetzen. Dass dabei mit HTML5 und CSS3 gearbeitet wird, versteht sich von selbst. Auch Barrierefreiheit, Usability und Responsive Webdesign werden groß geschrieben. So entstehen moderne und attraktive Websites, die jeder gerne besucht!
Das Einmaleins des Webdesigns
Schritt für Schritt erlernen Sie die Gestaltungsgrundlagen für gutes Webdesign. So gestalten Sie Websites, die durch gelungene Typo, farbige Akzente und gute Usability im Gedächtnis bleiben.
Lassen Sie sich inspirieren
Eine solide Konzeption ist wichtig, wenn Sie eine leicht zu bedienende und übersichtliche Website designen wollen. Aktuelle Aspekte wie Barrierefreiheit und Nachhaltigkeit werden ebenfalls behandelt.
Gestaltung und Technik
Mit dem richtigen Konzept, einer cleveren Navigation und attraktiver Gestaltung entstehen Websites, die überall gut aussehen – dank HTML5, CSS und Responsive Webdesign natürlich auch auf Tablet und Smartphone!
Grundkenntnisse in HTML und CSS werden vorausgesetzt.
Aus dem Inhalt:
Website-Konzeption
Responsive Webdesign
Ideen finden und bewerten
Typografie, Webfonts
Farblehre, Farbe im Web
Grafiken, Bilder, Icons, Buttons, Links, Navigation
Informationsarchitektur
CSS-Layouts, Raster
HTML5 und CSS3
Usability, Barrierefreiheit
Nachhaltiges Webdesign
Testen und optimieren, Suchmaschinenoptimierung
Björn Rohles hat Medienwissenschaft studiert und in Mensch-Computer-Interaktion promoviert. Als Training-Manager ist er für Bildungsangebote zu digitalem Design und User Experience sowie für die Arbeit an Projekten zuständig. Als Autor schreibt er Fachartikel und Bücher zu Themen der menschzentrierten Digitalisierung.
Jürgen Wolf ist Web- und Softwareentwickler sowie Autor mehrerer Standardwerke zu Programmierung und Fotografie. Ihm gelingt es auf hervorragende Weise, Theorie verständlich zu machen und mit Beispielen aus der Programmierpraxis zu verbinden.
Vorwort ... 15
1. Die richtige Ausrüstung ... 17
1.1 ... Was Sie brauchen ... 18
1.2 ... Denken Sie wie eine Webdesignerin oder ein Webdesigner! ... 21
1.3 ... Die wichtigsten Technologien ... 28
1.4 ... Zusammenfassung ... 33
2. Grundlagen von gutem Webdesign ... 35
2.1 ... Usability und User Experience ... 36
2.2 ... Accessibility -- Zugänglichkeit und Barrierefreiheit ... 46
2.3 ... Responsive Webdesign ... 53
2.4 ... Nachhaltigkeit ... 58
2.5 ... Ethik im Webdesign ... 61
2.6 ... Die Entstehung einer Website ... 63
3. Konzeption und Design ... 69
3.1 ... Phasen von Konzeption und Kreation ... 70
3.2 ... Zielgruppe definieren und kennenlernen ... 71
3.3 ... Grobkonzept entwickeln ... 77
3.4 ... Der Weg zur richtigen Idee -- Kreativitätstechniken ... 88
3.5 ... Content-Strategie ... 91
3.6 ... Ideen ausarbeiten und visualisieren ... 104
3.7 ... Ideen bewerten ... 107
3.8 ... Umsetzung und Ausarbeitung ... 119
4. Layout und Komposition ... 121
4.1 ... Die Grundlagen moderner Gestaltung ... 122
4.2 ... Gestaltungsregeln für das Web ... 136
4.3 ... Das Box Model in CSS ... 150
4.4 ... Layouts mit CSS ... 159
4.5 ... Raster -- Inhalte im Layout anordnen ... 166
4.6 ... Layout im Responsive Web ... 168
4.7 ... Raster in CSS ... 180
5. Typografie im Web ... 207
5.1 ... Was ist Typografie? ... 208
5.2 ... Websichere Schriften ... 216
5.3 ... Webfonts ... 219
5.4 ... Die richtige Schrift auswählen ... 228
5.5 ... Texte in HTML und CSS gestalten ... 236
5.6 ... Variable Fonts ... 251
5.7 ... Typografische Details ... 255
6. Navigationen und Interaktionen ... 263
6.1 ... Grundlagen nutzungsfreundlicher Interaktionen ... 264
6.2 ... Links: Usability und Accessibility ... 271
6.3 ... Buttons ... 272
6.4 ... Navigationen ... 279
6.5 ... Responsive Navigationen ... 295
6.6 ... Formulare ... 307
6.7 ... Animationen ... 313
7. Farbe im Web ... 325
7.1 ... Kleine Farblehre ... 326
7.2 ... Farben und Farbschemata für Websites ... 346
7.3 ... Farben am Monitor und im Web ... 360
7.4 ... Barrierefreiheit und Usability -- auch bei der Farbwahl ... 371
8. Grafiken, Bilder und Multimedia ... 373
8.1 ... Tipps für Bildwahl und Bildgestaltung ... 374
8.2 ... Grafiken und Bilder: frei oder lizenziert? ... 387
8.3 ... Bilder für das Web vorbereiten ... 392
8.4 ... Bilder in Websites einbauen ... 399
8.5 ... Ein Pixel ist ein Pixel ... Oder? ... 404
8.6 ... Lösungen für responsive Bilder in der Praxis ... 406
8.7 ... Icons einsetzen und gestalten ... 414
8.8 ... Nachhaltigkeit durch weniger Bilder ... 426
8.9 ... Video und Audio in HTML einbinden ... 427
9. Testen und optimieren ... 435
9.1 ... Funktionalitäten sicherstellen ... 436
9.2 ... Usability, User Experience und Accessibility testen ... 442
9.3 ... Performance: Lade- und Renderingzeiten im Griff ... 448
9.4 ... Nachhaltigkeit bei der Webentwicklung ... 466
9.5 ... Nachhaltigkeit beim Webhosting ... 470
Index ... 473
»Das Buch ist extrem hilfreich dabei, aus einer herkömmlichen Website einen echten und modernen Hingucker zu machen, der viel positive Aufmerksamkeit erregt und bei den Seitenbesuchern hängen bleibt.« Ahadesign.eu 202304
Die Fachpresse zur Vorauflage:
maclife.de: »Ein toll gestaltetes und umfassendes Werk für alle Anwender, die anspruchsvolle Webseiten entwerfen, gestalten und betreiben möchten.«
| Erscheinungsdatum | 05.01.2023 |
|---|---|
| Verlagsort | Bonn |
| Sprache | deutsch |
| Maße | 172 x 230 mm |
| Einbandart | kartoniert |
| Themenwelt | Informatik ► Web / Internet ► Web Design / Usability |
| Schlagworte | Barrierefreiheit • CSS3 • Farbe Schrift • Flat-Design • Gestaltungs-Grundlagen • Grundkurs lernen Studium Ausbildung • Grundkurs lernen Studium Ausbildung Uni • Hand-Buch Bücher • HTML5 • Icon • Layout • Navigation • professionelle Webseiten • Responsive responsiv • Usability UX • Web-Design • Website-Konzeption • Webstandards |
| ISBN-10 | 3-8362-9349-8 / 3836293498 |
| ISBN-13 | 978-3-8362-9349-5 / 9783836293495 |
| Zustand | Neuware |
| Haben Sie eine Frage zum Produkt? |
Sie suchen ein passendes Geschenk für »Irgendwas mit Computern?«. Geschenke für Noobs und Nerds: Bei uns werden Sie fündig.
aus dem Bereich
