Tag Archives: Typo

Typografie Webdesign

Gut Lesen mit richtiger Größe

Würde man eine Website programmieren, sich selbst über­lassen und keine weiteren CSS-Angaben zum Text bringen, dann hätte man folgende Standardwerte: 16 Pixel Schrift­grad, Times als Schrift­art, Schrift­farbe schwarz und der Zeilenabstand liegt bei mageren 120 %. Das geht natürlich gar nicht. Die Times hat echte Probleme mit der Lesbarkeit (ok, eines Tages, wenn überall Retina-Displays genutzt werden, dann vielleicht nicht), kommt also nicht in Be­tracht. Schwarz auf dem hellem Hintergrund des Bild­schirms hat allgemein zu hohen Kontrast, der Zeilenabstand ist für das Web zu gering. Nur eines kann im Grunde bleiben: der Schriftgrad. Typografie mit richtiger Größe →

Typografie Webdesign

Großer Auftritt mit großer Typo

Die Wahrheit als kommunistisches Manifest.In den guten alten Zeiten konnte sich nur die laute Nach­richt bei den Massen durchsetzen: die Machart aller Boulevard­blätter der Welt zeugt davon. Heut­zu­tage bezeichnet man sich eher nicht als Teil einer Masse. Man hat nicht das Gefühl, nur Teil von etwas zu sein (maximal Mitglied eines Teams), schließlich hat man einen persönlichen Mail- und einzigartigen Face­book­account.
Die Ächtung der Diktatoren und Schwächung von Ideologien verschiebt das Gewicht der gesell­schaft­lichen Entwicklung auf das Individuelle und so ent­wickelt sich auch die visuelle Kommunikation. Seltsamerweise zeigt sich eine Wiederkehr der großen Typografie in einem für diesen Bereich scheinbar unpassendem Medium, dem Web. Hier wurde traditionell um jeden Pixel Platz erbittert gerungen. Nun sollen riesige platzfressende Buchstaben untergebracht werden! Zum Glück sind Bildschirme allgemein größer geworden und Designer probieren erleichtert die neue XXL-Typo aus. Volle Dröhnung auf Sites →

Color Webdesign

Retrodesign ist modern

Civil Air Patrol poster featuring an Air Force airman and a CAP cadetRetrodesign als Stilrichtung macht Rück­wärts­gewandt­heit zum Prinzip. Retrodesign ist auch als: Retro, Retrostyle oder Vintagestil bekannt. Dieses Blog spielt auch mit dieser Idee und das mit ironischen Motiven und augen­zwinkernden Spaß am Stil. Vielerorts wird das Thema aber ernsthaft umgesetzt. Klar, das unübersichtliche Moderne dieser Zeit überfällt uns mit visuellen Trash, da kann man Orientierung verlieren. So kommt eine Gegen­bewegung in Schwung.

zurück zur Gegenwart →

Website der Woche

Klaas ist klasse

Klaas HomeDie Site von Skyler van der Molen der Fa. Klaas ist bei mir gleich hängen geblieben. Schwarz⸗Weiss reduziert, viel Weissraum, grafische und typo­grafische Extras usw. Kurzum, die Site kann nicht auf den ersten Blick erschlossen werden, bietet aber Raffinessen, die es lohnt aufzuschlüsseln und zu erklären. Skyler gibt seine Wohnsitz-Koordi­naten 28.351085, -80.726205 an (ok, das ist in Cocoa, Central Florida, USA—Google Streetview erlaubt einen Blick auf sein schmuckes Büro) und man fragt sich, wie man auf der »sunny side« so eine streng gestaltete Website entwickeln kann?

How to do great work →

Coding Typografie

Google-Fonts einbinden

Lobster-SchriftpanelWenn Ihre Website aussieht wie jede andere, Grafik- und Foto­wechsel nichts mehr verbessern, dann kann es vielleicht an der Typografie liegen? Die Möglichkeiten hierbei sind im Grunde nicht so vielfältig. Ein aus­ge­wogenes Verhältnis von Schriftgrad, Schriftfarbe und Zeilenabstand gehört zu den Mindest­an­forde­rungen ausgewogener Webtypo. Die Wahl besonderer Schriftart ist schon schwieriger und sehr begrenzt. Mit Hilfe der Google Font-API entsteht derzeit eine einfache Möglichkeit, auf Ihrer Site neue Schriften einzubinden.

read more »

Typografie

Google Font Arimo

Ich möchte einen Webfont vor­stel­len: Arimo. Er ist aus der Google Font Directory. Entwickelt wurde die Schrift von dem Designer Steve Matteson. Von ihm gibt es noch viele sehr brauchbare Schriften—dazu später mal. Die Schrift­art wurde hier auf der Website vor kurzem alsBrotschrift ein­ge­setzt. Ich verdiene damit nicht mein Brot (daher der Name), aber die Schrift sollte wie geschnittenes Brot weggehen, weil sie einige (mikro)typografische Qualitäten aufweist. Sie hat gute Lesbarkeit auch in kleinen Schriftgraden. Es stehen 4 Schnitte (nein, keine Brotstullen, sondern die Fontvarianten sind gemeint), zur Verfügung. Arimo ist kostenlos erhältlich unter Open Source Lizenz (OFL) und zuguterletzt einfach über die Google Font API in die Website verlinkbar.

read more »

QR Code Business Card