Typographie

CSS

Typeplate: Starterkit sorgt für ordentliche Typografie – unabhängig vom Website-Design

6. März 2013
von
Typeplate: Starterkit sorgt für ordentliche Typografie – unabhängig vom Website-Design

Typografie im Webdesign ist so eine Sache. Ist man sich möglicherweise noch schnell einig, dass ordentliches Schriftbild begrüßenswert ist, so scheitert es dann doch zumeist in der konkreten Umsetzung. Schön designte Websites mit weniger schöner Typografie sind entsprechend eher die Regel, denn die Ausnahme. Das selbsternannte Starterkit Typeplate tritt an, das zu ändern. Typeplate: Sass, LESS, Stylus, CSS Typeplate steht in verschiedenen Geschmacksrichtungen, die...

Weiterlesen »

Typografie

Typechart und Typophile: Nützliche Ressourcen für Typografie-Interessierte

11. Januar 2013
von
Typechart und Typophile: Nützliche Ressourcen für Typografie-Interessierte

Über die Bedeutung der Typografie im Webdesign wissen wir alle Bescheid. Ohne Basiskenntnisse in Typografie geht gar nichts. Kein schönes, aber ein aussagefähiges Beispiel dafür ist die Webseite meiner ersten Schule in Minsk. Nachdem Sie auf “Ok” klicken, dürfen Sie ein starkes Beispiel schlechter Webseitentypografie sehen. Ich persönlich hatte nach dem Betrachten dieser Website den drigenden Wunsch, wieder mal ein paar nützliche Typografie-Quellen für...

Weiterlesen »

jQuery

Plakative Überschriften mit slabText für jQuery

4. September 2012
von
Plakative Überschriften mit slabText für jQuery

Wir hier bei Dr. Web beschäftigen uns desöfteren mit Typografie-Helferlein. Diese zumeist auf jQuery basierenden Javascript-Tools können das Design einer Seite erheblich verschönern, teilweise bringen sie sogar Möglichkeiten ein, die man sonst nur aus dem Printdesign kennt. Heute beschäftigen wir uns mit slabText.js. Das Plugin verteilt längere Überschriften auf mehrere Zeilen und setzt diese dann in Block, wobei die einzelnen Zeilen unterschiedlich stark skaliert...

Weiterlesen »

Typografie

I Love Typography: Schatzkästchen für Typographie-Liebhaber

2. September 2012
von
I Love Typography: Schatzkästchen für Typographie-Liebhaber

Die Bedeutung der Typographie im Webdesign ist enorm hoch und deshalb sind gute typographische Tutorials, Tipps und Tricks sowie Inspirationsquellen sehr wichtig. Ich habe für Sie ein Blog entdeckt, das sich mit dem Thema Typographie befasst. Der Name darf dabei getrost als das gelten, was er ist, nämlich ein Liebesbekenntnis: I Love Typography. Ein Blog für Typographie-Liebhaber I Love Typography: eine kurze Vorstellung I...

Weiterlesen »

Javascript

Widow Tamer JS: Javascript verbessert Typografie in responsiven Layouts

28. Juni 2012
von
Widow Tamer JS: Javascript verbessert Typografie in responsiven Layouts

Der Widow Tamer, zu deutsch Witwenzähmer, kümmert sich um eine spezielle typografische Fragestellung. Von einer Witwe spricht der Entwickler Nathan Ford im Zusammenhang mit seinem Tool dann, wenn am Ende eines Absatzes lediglich eine geringe Zahl von Zeichen übrig bleibt, diese aber dennoch in eine neue Zeile umgebrochen werden. Diese extrem kurze Zeile störe dann den Lesefluss, vor allem aber die Optik und gehöre...

Weiterlesen »

Typografie

Typografie: Typetoken und andere Inspirationsquellen

4. Mai 2012
von
Typografie: Typetoken und andere Inspirationsquellen

In den letzten Jahren hat sich die Webtypographie sehr schnell entwickelt. Sie macht heute einen bedeutenden Teil der Webgestaltung aus. Die Wahl der Schriftart, der Abstände, der Ausrichtungen des Textes beeinflussen die Lesbarkeit der gegebenen Informationen und auch die Lust des Nutzers, auf der Webseite zu verweilen. Aber nicht nur die elementare Lesbarkeit ist für eine Webseite wichtig. Ein guter Webentwickler will stets etwas...

Weiterlesen »

Galerien

55 Poster, Billboards und Schriftzüge mit klassischer Typographie

22. Februar 2010
von
55 Poster, Billboards und Schriftzüge mit klassischer Typographie

Manche nennen es Retro bei anderen heißt es Vintage. Jedenfalls erinnert der Vintage Art genannte Stil an Zeiten als es weder Photoshop noch Desktop Publishing gab und gute Typographie mehr vom Geschick des Setzers als von Spezialeffekten am Computer abhing. Hier finden Sie eine Sammlung 55 wunderschöner Beispiele klassischer Typographie der vergangenen 100 Jahre.

Weiterlesen »

3D

50 Fantastic Typography Tutorials

25. Januar 2010
von
50 Fantastic Typography Tutorials

Heute bringen wir einen weiteren, sicherlich interessanten Beitrag zur Typographie, der ein paar nützliche englischsprachige Tutorien enthält. Der Beitrag soll helfen zu erkennen, dass die Gestaltung schöner typografischer Entwürfe nicht immer einfach ist. Aber es ist immer ein Spaß. Hier ist die Liste der 50 erstaunlichsten und aufregendsten Tutorials - erstellt mit verschiedenen Anwendungen wie Adobe Photoshop, Illustrator und Cinema 4D.

Weiterlesen »

Schrift

Typographische Verrohung

8. Januar 2010
von
Typographische Verrohung

Früher war der Textsatz den Profis vorbehalten. Gelernte Setzer kannten jeden Handgriff um Texte korrekt zu Papier zu bringen. Korrekt im Sinne von „der Lehrmeinung entsprechend“. In den Anfangszeiten des Print waren die Setzer obendrein noch die Verfasser dieser Lehren selbst, ähnlich wie heute viele Webdesigner an HTML-Spezifikationen mitarbeiten. Heute leben wir in einer Welt, in der sich das Medium für Textübertragung innerhalb einer...

Weiterlesen »

Layouts

Wettbewerb Typografisches Layout: Mitmachen und Gewinnen!

28. Mai 2009
von
Wettbewerb Typografisches Layout: Mitmachen und Gewinnen!

Eine effektive Seite muss weder bunt noch abwechslungsreich sein. Um eine Botschaft zu übermitteln, genügt es den Schwerpunkt auf Inhalte der Seite zu legen und mit eleganter eindrucksvollen Typografie zu arbeiten. Doch leider gibt es online nur wenige professionelle Vorlagen, auf deren Grundlage man als Web-Designer aufbauen und schöne typografische Designs entwickeln könnte. Das möchten wir ändern.

Weiterlesen »