Webdesign

5 Nützliche Typografie-Tools

5 Nützliche Typografie-Tools

Als Grafiker hat man sich nicht nur mit dem Aufbau, und der Anordnung von Elementen in Designs auszukennen – auch in Sachen Typografie sollte man unbedingt fit sein. 5 nützliche Tools, die wir immer wieder gern verwenden, möchten wir im Folgenden vorstellen:

wordmark.it – Wie sehen meine Schriften eigentlich aus?

Scrennshot wordmark.itWenn man schon eine ganze Weile als Grafiker tätig ist, vergisst man hin und wieder, welche Schriftarten man auf dem Computer installiert hat und wie diese aussehen. Man kann sich diese natürlich auch in einer Voransicht im Windows Fonts-Ordner anschauen, aber übersichtlich ist das gar nicht. Oft möchte man die Wirkung einer Schriftart für ein bestimmtes Wort bzw. eine Wortgruppe betrachten.

Sehr einfach geht das mit dem -Typografie-Tool wordmark.it. Man tippt einen Begriff in das Textfeld im Header, klickt auf “load fonts” und schon bekommt man das gewünschte Wort zum Beispiel “Klickkomplizen” in sämtlichen Schriftarten ausgeliefert, die man selbst auf dem Computer installiert hat. Man kann sich mit einem Klick Favoriten markieren und über den Button “filter selected” miteinander vergleichen. Ein Muss für jeden Grafiker!

WhatTheFont! – Welche Schrift ist das bloß?

Manchmal kommt es vor, dass eine Schriftart auf einem Flyer oder einem Plakat entdeckt, die man toll findet und sofort haben möchte. Man weiß aber nicht, um welche es sich hierbei handelt. Hier kommt das Tool WhatTheFont! ins Spiel. Man muss lediglich die Schrift auf dem Plakat fotografieren, als Bild speichern und anschließend auf  WhatTheFont! hochladen. Ein Bild aus dem Internet funktioniert genauso,  da man auch eine spezifische Bild-URL angeben  kann. Anschließend wird die Schrift analysiert und man erfährt den Namen der gesuchten Schriftart oder bekommt zumindest Vorschläge für ähnliche Fonts.

Blindtextgenerator – Lorem ipsum…

Der Lorem ipsum-Blindtext ist super geeignet, um ein Seitendesign zu testen bevor man über individuell formulierte Texte verfügt. In der neuesten Adobe Creative Suite kann man solche Platzhalter einfach einfügen. Nutzt man eine ältere Version, kann man auf den Blindtextgenerator zurückgreifen und diesen individuell anpassen – zum  Beispiel aus wie vielen Wörtern, Zeichen und Absätzen der Text bestehen soll.

FontStruct – Die eigene Schrift designen

Im Januar haben wir FontStruct bereits zum Blog bzw. zur Webseite des Monats ernannt. Da darf dieses Tool natürlich auch in unseren Lieblings-Typografie-Tools nicht fehlen. Auf Fontstruct befindet sich nicht nur ein riesigen Sammelsurium an ästhetisch hochwertigen Schriften anderer User, die frei zur Verfügung stehen, auch das Designen einer eigenen Schriftart ist mit Hilfe des Fontstruct Font-Tools möglich. Die Buchstaben werden zunächst in einem Raster angeordnet und anschließend automatisch von Fontstruct zu einer TrueType-Font für Mac und PC umgewandelt. Eurer Kreativität sind keine Grenzen gesetzt.

copy & paste von Webicons – so einfach geht’s!

copy and paste characters

Zur Typografie gehören manchmal auch Symbole. Webicons können als kleine Design-Elemente genutzt werden. Sehr beliebt sind die Blume ✿, die Sonne ☼ oder das Herz ❤. Wenn man nicht lange nach den Symbolen in der Zeichentabelle von Windows nachschauen mag, gibt es hier das Tool copypastecharacter. Einfach das gewünschte Symbol anklicken und schon ist es kopiert.

The following two tabs change content below.

Mario

Hallo, mein Name ist Mario. Als Praktikant habe ich von Februar bis Juli 2013 meine ersten Praxiserfahrungen im Bereich Online Marketing gesammelt. Hier gibt es alles zu lesen, was ich bei den Klickkomplizen gelernt habe - von Suchmaschinenmarketing bis Social Media Marketing.

Neueste Artikel von Mario (alle ansehen)

#Facebook zieht auf der eigenen Plattform nach und testet das Verbergen von Likes ähnlich wie bei #Instagram.… https://t.co/AqQd8gt6JS
#TikTok wird übersichtlicher und führt zur besseren Strukturierung der Inhalte die Möglichkeit der Playlists ein.… https://t.co/cXKDAqrZiS
Entdeckt bei @Zielbar_DE: #Twitter arbeitet an einer Gruppenfunktion. Ein spannender Ansatz, um sich besser zu vern… https://t.co/M2VvQQNzAC
Entdeckt bei @einfachDan. Ein spannender Test, fraglich ist jedoch, wie gut die Übersetzung im Endeffekt tatsächlic… https://t.co/e415C0HUDc
Gibt es bald ein schickes Outro für #Tiktok Videos? 🧐 https://t.co/54jFEwBUNe
💡Nutzt ihr Lead Ads auf #Facebook? Wenn nicht, dann werdet ihr auf unserem Blog fündig. Dort gibt's ein umfangreich… https://t.co/57TBX8cqPL
Wohin ist eigentlich der Hype um #Clubhouse verschwunden? 🤔#socialmedia https://t.co/2P5aipQmki
Spannende Erkenntnisse zum Nutzer:innenverhalten in #Google. #onlinemarketing https://t.co/wO3FSCui6M
Alles, was es zum Thema #CTA zu wissen gibt, erfahrt ihr kurz und knackig in diesem Artikel von @chimpify.… https://t.co/Li2G8NhZ3z
💡Du fragst dich jedes Mal aufs Neue, welche Bildgrößen du für #Instagram brauchst? Auf unserem Blog gibt's die Über… https://t.co/RejP1zgqFq
💡Responsive Displayanzeigen bei #GoogleAds auswerten? Mit dem Blogbeitrag von Sabrina kein Problem mehr. 👇https://t.co/u1LJDMvvLG
📭 Postfächer auf - der neue #Klickkomplizen Newsletter steht in den Startlöchern!Du hast ihn noch nicht abonnier… https://t.co/719cAvKJ4w
Nach dem ersten Hype geht die Entwicklung von #Clubhouse weiter. Diese Features sind nun neu dazu gekommen.… https://t.co/LfDLy8IGcQ
Habt ihr schon die Labels in eurer App? #facebook #socialmedia https://t.co/qPwon1o4Yy
Einen guten Start in die neue Woche wünschen wir. Möge der Kaffee mit euch sein.😎 #klickkomplizen https://t.co/XVdwrun68J
Ein Blick in die Zukunft der digitalen Zusammenarbeit - durch die VR-Brille. Mit einem faszinierenden Werbevideo.… https://t.co/rb6noQLNEp
Das klingt doch nach einem netten Feature für #WhatsApp. #socialmedia https://t.co/JFAjLOv6KB
Immer wieder Neuerung bei #Twitter: diesmal im Bereich #Spaces und dem Vorplanen von Beiträgen. #socialmedia https://t.co/GxLvUSufGY
💡How to do #Instagram #Reels? Auf unserem Blog erfahrt ihr, was ein gutes Reel ausmacht und bekommt ein paar Tipps… https://t.co/mhInOmeUqs