Hochgeladen vonMartin Hahn
Webtypografie
Das Dokument von Martin Hahn aus dem Jahr 2010 befasst sich mit der Webtypografie und betont die Bedeutung von Lesbarkeit, Struktur und ansprechender Gestaltung digitaler Texte. Es werden verschiedene Techniken und Ansätze vorgestellt, um die Lesbarkeit zu erhöhen, Inhalte zu organisieren und die Benutzererfahrung zu verbessern. Zudem wird auf die Bedeutung von Schriftarten und typografischen Elementen eingegangen, um die Inhalte prägnant und verständlich zu präsentieren.
Webtypografie
- 1. Web typografie Mehr als Arialoder Helvetica
- 2. web-typografie martin hahn2010 Typografie für digitale Texte Typografie bezweckt, Texte lesbar und verständlich sowie optisch ansprechend zu präsentieren.« Wikipedia
- 3.
- 4.
- 5.
- 6. web-typografie martin hahn2010 Kommt einem irgendwie bekannt vor…
- 7. web-typografie martin hahn2010 Status quo Webdesign & Webtypografie Konzentration auf Farben, Bilder, Anordung Inhalte. Typografische Gestaltung Regeln werden mißachtet. BAD BAD TYPO
- 8.
- 9. web-typografie martin hahn2010 „User wollen keine Texte lesen!“
- 10.
- 11.
- 12. web-typografie martin hahn2010 Am Anfang... war die Lesbarkeit.
- 13. web-typografie martin hahn2010 Readability: Texte organisieren! Texte scanbar machen! Texte lesbar machen! Auszeichnungen einsetzen
- 14.
- 15.
- 16. web-typografie martin hahn2010 Texte organisieren Content Usability Inhalt kürzen, Inhalt kürzen, Inhalt kürzen. Nutzlose Wörter weglassen. Objektive, einfache Sprache verwenden. Schlüsselwörter benutzen. Keine Rechtschreib- Grammatikfehler.
- 17.
- 18. web-typografie martin hahn2010 Pageflow Readability
- 19.
- 20.
- 21.
- 22. web-typografie martin hahn2010 Raster / Spalten
- 23. web-typografie martin hahn2010 http://960.gs http://gridinator.com http://www.spry-soft.com/grids http://www.gridsystemgenerator.com http://www.grafikk.co.uk/gridmaker http://speckyboy.com/2009/07/15/50-useful- http://www.andrewingram.net/articles/ tools-and-generators-for-easy-css-development/ gridmaker_for_photoshop_cs4
- 24. web-typografie martin hahn2010 Grundlinienraster Im Print Standard, im Web ein Fremdwort. Vertikale Ausrichtung der Inhalte.
- 25. web-typografie martin hahn2010 http://baselinecss.com http://www.alistapart.com/articles/settingtypeontheweb http://css-tricks.com/typographic-grid
- 26. web-typografie martin hahn2010 Think vertical Ausreichend Zeilenabstand Abstand zwischen Absätzen Abstand zu Überschriften
- 27. web-typografie martin hahn2010 Artikel klar gliedern
- 28. web-typografie martin hahn2010 Weißraum Hilft die Seite zu strukturieren. Bietet dem User Orientierung. Zeigt inhaltliche Zusammenhänge auf.
- 29.
- 30.
- 31.
- 32. web-typografie martin hahn2010 Textauszeichnungen Schriftgröße Schriftart Schriftfarbe Schriftschnitt Versalien Hintergrundfarbe
- 33.
- 34.
- 35. web-typografie martin hahn2010 Auszeichnungen... erhöhen die Lesbarkeit. strukturieren die Seite. stellen Inhaltliches heraus.
- 36.
- 37. web-typografie martin hahn2010 Variante Systemschriften Einfach mal den kleinsten gemeinsamen Nenner erhöhen. Gill Sans Georgia Impact Trebuchet MS Copperplate Tahoma Lucida Console Palatino Baskerville Optima ..und so ein paar Windows-Dinger... http://www.typetester.org http://flippingtypical.com
- 38. web-typografie martin hahn2010 Variante Text als Bild “Wir müssen unsere Hausschrift benutzen!”
- 39. web-typografie martin hahn2010 Variante Webfont-Services Neue Schriften braucht das Land.
- 40. web-typografie martin hahn2010 http://typeface.neocracy.org http://typekit.com http://www.mikeindustries.com/blog/sifr http://cufon.shoqolate.com/generate http://www.fontsquirrel.com http://code.google.com/webfonts http://webfonts.fonts.com http://www.typotheque.com/webfonts http://www.fontslive.com http://fontdeck.com http://www.extensis.com/en/WebINK
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49. web-typografie martin hahn2010 Schlechte Typo Gute Typo unorganisiert unstrukturiert unlesbar
- 50. web-typografie martin hahn2010 Gute Typografie kann den Unterschied machen zwischen verstehen oder mißverstehen mit Inhalt beschäftigen oder Inhalt ignorieren Freude oder Enttäuschung
- 51. Typography is noton the Web, it is the Web. Mark Boulton, FOWD London 2009
- 52.