Als Webdesigner ist man immer auf der Suche nach geeigneten, schönen Free-Fonts für neue Webdesigns und dank kostenloser Schriften-Ressourcen wie den Google Webfonts werden die Möglichkeiten glücklicherweise auch immer vielseitiger. Die Zeiten in denen Georgia, Arial und Verdana im Web dominiert haben sind also endlich vorbei (nichts gegen diese Schriften, aber etwas mehr Vielseitigkeit ist doch wünschenswert). Als Inspirationsquelle für mehr typografische Vielfalt in deinen Webdesigns hier eine kleine Sammlung meiner derzeitigen Google Web-Font Favoriten.
Artikel mit dem Schlagwort ‘Typografie’
Die schönsten Pinterest Boards für Typo-Fans
Pinterest ist definitiv der “place to be”, wenn es um Inspirationen geht. Doch inzwischen ist die Plattform so beliebt, dass es manchmal schwer sein kann, die richtigen Inspirationen zu einem Thema zu finden. Daher habe ich eine kleine Sammlung meiner liebsten Pinterest Boards zum Thema Typografie zusammen gestellt. Weiterlesen
Inspirationsquelle chinesische Typografie: Tradition trifft auf Moderne
Asiatische Schriftarten haben für mich immer etwas sehr Ästhetisches und irgendwie Beruhigendes. Ich finde man spürt förmlich die lange Tradition der Schriftkunst in den perfekt geschwungenen Linien und Zeichen. Ganz besonders beeindruckend sind natürlich die sehr komplexen chinesischen Schriftzeichen, die auf chinesisch “hànzì” genannt werden. Bei so viel Schrifttradition und einer Schrift, die aus mehreren tausend Zeichen besteht, ist es natürlich ganz besonders spannend zu beobachten, wie moderne Typografen und Designer die Schriftzeichen in ihren modernen Arbeiten interpretieren.
Die chinesische Kunst- und Designszene stand längere Zeit im Schatten der sehr viel moderneren Designarbeiten aus Japan oder Korea. Doch in den letzten Jahren hat sich einiges getan und in den chinesischen Megacities gibt es heute eine lebendige Szene junger Künstler und Designer. Da es immer wieder spannend ist, sich von Design und Kunst aus anderen Kulturkreisen inspirieren zu lassen, habe ich hier einige typografische Arbeiten aus China zusammen gestellt. Weiterlesen
Wichtige CSS-Eigenschaften für die Gestaltung von Überschriften
Besonders wenn man eine Webseite mit längeren Texten oder Artikeln gestaltet, ist es wichtig die Überschriften-Tags h1 bis h6 zu gestalten und auch zu nutzen. Die Überschriften bestimmen die Hierarchie des Textes und helfen dabei, einen Text besser zu strukturieren und somit leichter lesbar zu machen. Im folgenden Artikel habe ich daher die wichtigsten CSS-Eigenschaften und Tipps für die Gestaltung von Überschriften im Web zusammen gestellt. Weiterlesen
Modernes Webdesign inspiriert von den Grafiken und Plakaten der 1950er Jahre
Egal in welchem Kunst- oder Designbereich man sich umschaut, Trends und Stile aus vergangenen Zeiten werden immer wieder gerne als Inspirationsquelle herangezogen und neu interpretiert. In der letzten Zeit kann man diesen Trend auch wunderbar im Webdesign beobachten, da sich derzeit etliche Designer von den Grafiken, Plakaten und Schriftschnitten der 50er Jahre inspirieren lassen. Das die Kombination aus Retro-Elementen und modernem Webdesign sehr gelungen sein kann, zeigen die folgenden Beispiele.
Weiterlesen
Hilfreiche CSS-Tipps zur Gestaltung von Text (Teil 2)
Nachdem im ersten Teil dieser kleinen Artikel-Serie bereits etliche praktische Tipps und Tricks für die Darstellung von Schrift besprochen wurden, habe ich heute noch ein paar weitere Möglichkeiten (z.B. CSS3 text-shadows und transitions) zusammen gestellt, mit denen du die Darstellung von Typografie mit Hilfe von CSS optimieren kannst.
Weiterlesen
Kreative Web Typografie mit dem Lettering.js jQuery-Plugin
Wenn du gerne mit typografischen Elementen bei der Webseiten-Gestaltung arbeitest, hast du eventuell schon vom Lettering.js jQuery-Plugin gehört. Das Plugin wurde von Trent Walton und Dave Rupert entwickelt, um mit Hilfe von JavaScript mehr Kontrolle über die Darstellung einzelner Buchstaben, Worte eines Satzes oder Satz-Abschnitte im Webdesign zu gewinnen. Da mit Lettering.js tolle Typo-Effekte (bunte Logos, CSS-Animationen und Rotation einzelner Buchstaben) realisierbar sind, eignet sich die Verwendung vor allem im Webseiten-Logo, oder um einen Slogan-Text individuell zu gestalten.
Weiterlesen
Die Google Web Fonts: Beliebte Schriften und praktische Tipps
Die Entwicklung der kostenlosen Web Fonts von Google geht schnell voran, und im Dezember sind noch einmal über 20 neue Schriften ins Font-Directory aufgenommen worden. Darunter einige sehr hochwertige Free-Fonts, z.B. die Ubuntu-Schriftfamilie. Und neben den neuen Schriften sind seit unserem letzten Artikel “Die kostenlosen Web Fonts der Google Font API nutzen” auch noch einige neue Funktionen zum Sortieren der Schriften im Directory dazu gekommen. Zeit also für ein Update zu den praktischen Google Fonts.
Weiterlesen
English
Deutsch