Interface Design und Typographie: mit kleinen Tricks „schönes“ bewirken

Ich bin kein Profi im Bereich Design. Denn meistens bin ich die, die aus dem Staunen nicht rauskommt, wenn der Designer mal über etwas von mir drüberarbeitet. Aber genau dann weckt es die Neugier in mir und ich mache mich auf die Suche nach den kleinen aber feinen Tricks, die meist schon großes bewirken.

Im 3. Semester meines Masterstudiums Content Strategy an der FH Joanneum besuchte ich ein Wahlpflichtfach in diesem Bereich. Der Lektor Jürgen Genser hat uns im Zuge dessen einige kleine Tipps gegeben, die ich in diesem Blog Post kurz aufgreifen und weitergeben möchte.

Die Entwicklung der letzten 30 Jahre

Vor allem im Web erkennt man gewisse Trends – hier spreche ich nicht von Content-Trends auf Social Media, sondern Trends in Bezug auf Website-Designs. Ich bin nicht die, die immer mit der Masse schwimmt, aber die Reinheit und Klarheit der heutigen Websites, im Gegensatz zu den von vor 10 Jahren haben schon etwas für sich.

Vor allem wenn man diese Websites mit denen von vor 20 Jahren vergleicht, bemerkt man den krassen Unterschied. Auf der Website Web Archive zum Beispiel kann man Websites circa 30 Jahre zurückverfolgen und in den verschiedensten Trend-Stadien begutachten. Ganz cool ist auch die Seite wo man die Evolution des Webdesigns von 1991 bis 2020 am Zeitstrahl sehen kann.

Bezüglich "Trends" bei Fonts und im Social Media Bereich hat sich mein Studienkollege Markus Fritz in einem Blog ausgetobt.

Verloren in der Welt der Fachfloskeln

Wenn man so ein Newbie in diesem Feld ist wie ich, dann kann es schon mal verwirren, wenn der Arbeitskollege von Typographie oder Calligraphie und serifen Fonts oder Kerning spricht. 

Hier kurz zur Erklärung:

• Typographie ist ein Ausdruck für die Gestaltung von beweglichen Buchstaben, jedoch bedeutet es in der Medientheorie auch gedruckte Schrift. In der Typographie gibt es einige Grundbegriffe, welche das Design der Schrift erklärt - hier eine gute Erklärungsseite dazu. Damit das "Lernen" ein wenig leichter fällt - ein kleines Spiel zum Thema Kerning (Letter-Abstand) gibt es auch – was ist dein Highscore?
  
  
• Von Calligraphie wird gesprochen wenn ein bestimmtes Design nicht für ein gesamtes Alphabet angewendet wird, sondern lediglich für gewisse Buchstaben.

Woher bekomme ich meine passende Schriftart

Die bekanntesten Seiten, um Schriften zu suchen und zu finden sind zum Beispiel Google-Fonts mit derzeit über 800 Schriftarten zur freien Verwendung (freie Software-Lizenzen). Natürlich gibt es noch viele andere Seiten, jedoch bitte immer die Lizenzen beachten.

Und wenn du einmal eine Schrift gefunden hast, die dir gefällt und du nicht weißt, wie diese heißt, wurde uns diese Whatfont-Seite empfohlen.

Um sich schnell mal ein paar Skills anzueignen

Nachfolgend habe ich ein paar Tipps aufgelistet, wo man schnell das findet, was man über Interface Design und Typographie wissen muss.

• Wer Webdesign in 4 Minuten lernen möchte, ist hier genau richtig.
• Hier zum Beispiel findet ihr in aller Kürze ein paar Tipps, auf was man bei Typographie beachten muss und soll.
• Hier können Font Kombinationen ausprobiert werden.
• Weiters ist auch das Programm CodePen – über welches ihr hier bereits einen Blog Post findet - eine gute Website, um Ideen zu generieren oder selbst ein bisschen herumzubasteln.

Ich bin schon gespannt, wie lange sich die derzeitigen Trends in diesem Bereich halten und freue mich auf eure Tipps, wie man sich schnell ein paar weitere Skills aneignen kann. Denn eine schöne Schrift und ein gutes Design sind bereits die halbe Miete.