Tuesday, 10. February 2009

Gestaltquelle – Tipps und Tricks für Grafiker und solche die es werden wollen



Für mein gesammeltes Wissen im Grafik-Designbereich habe ich jetzt einen eigenen Blog ins Leben gerufen:

Gestaltquelle – Tipps und Tricks für Gestalter und solche die es werden wollen

und eine erste Empfehlungsliste auf Amazon zusammengestellt

Buchempfehlungen für Gestalter und solche die es werden wollen

... link


Thursday, 2. August 2007
2nd Typography Topic: Dashes / Divis, Gedanken- und Geviertstrich

Another special character to learn is the dash and its correct length. »click here for german text and rules, which are a bit different to the english.

Hyphens and Discretionary Hyphens
A hyphen is the shortest dash and should only be used between words or to break syllables at the end of a line of type. Strictly speaking, the hyphen is not a dash at all.Keystroke: hyphen key

Discretionary hyphens disappear unless needed. they are manually inserted where you want a word to break if and when that word appears at the end of a line. If the text reflows, the hyphen becomes invisible.
Keystroke (Mac): Command+hyphen key

En dash
En dashes are used to indicate a range in numeric values, such as those between dates, times, or numbers.
Examples:


ages 10–15

They also indicate routes


Berlin–London flight
.

Generally you can say the en dash means “to”.
HTML coding is –


Em dash

The em dash indicates a sudden break in thought or an open range, missing letters, words or numbers.

Examples:


Karl Mustermann, 1968—

What the f—?

HTML coding is —

In German the em dash is out of use, because it is a too hard separation of written sentences, so the german rules of dashes are different.

Divis (Trenn- oder Bindestrich) Einen Trenn- oder Bindestrich benutzt man im Deutschen zur Silbentrennung, als Auslassungszeichen bei Aufzählungen und zusammengesetzten Wörtern (ohne Abstand)

z.B.

Ein- und Ausgang

i-Tüpfelchen

Theodor-Heuss-Weg


Minus und Gedankenstrich (Halbgeviertstrich)
Der Gedankenstrich wird bei eingeschobenen Sätzen – Gedanken also (mit Abstand) – oder aber als Ersatz für das Wort „bis“ bei Zeitangaben wie


von 12–13h

und bei Streckenangaben (ohne Abstand) benutzt.


Saarbrücken–Berlin

Des weiteren wird er im Text als einzig wahres Minuszeichen gesetzt, weil er so breit wie das Pluszeichen ist. Sieht man hier:


+ / –

Der HTML code ist –

Der Geviertstrich
wird bisweilen noch bei Streckenangaben benutzt, zerstört aber durch seine Länge das Satzbild, weshalb man ihn durch den Gedankenstrich oder korrekt den Halbgeviertstrich ersetzt hat.

Saarbrücken—Berlin

Der HTML code ist —

Weiterführender Link: praegnanz.de

... link


Thursday, 21. June 2007
Easy Typography: Quotation Marks / Anführungszeichen

As I wrote before I love typography! And for all the people who are interested in a better written language, I want to publish some easy to handle links for a better typography in the internet both in english and german.

1st Topic: Quotation Marks

The main point for me is to use the “correct quotation marks” instead of the "dumb quotations" or prime marks. Unfortunately they are used as quotations all over the world and they are ulcerogenic for professional eyes! Actually, they indicate inches and feet – and that’s all!

In the english language (and only in english!! For german e.g. read the german „Anführungszeichen“ article below, please), we have an opening and a closing character as follows:


“Hello”     ‘Hello’



The single close quotes also serve as apostrophs:

It’s me, the apostroph.

HTML coding is

opening “     opening single ‘
closing ”      closing or apostroph ’  


French quotation marks
… in french

«Bonjour»   ‹Bonjour›


… in german

»Bonjour«   ›Bonjour‹

HTML coding is
« opening «       closing single ‹
» closing »         opening single ›

Read more:
Thinking with Type


Thema 1: Anführungszeichen

Das Wichtigste sind erst mal gute Anführungszeichen. Wer die „echten“ statt den "doofen" benutzt, hat die halbe Miete drin! Das sieht edler aus und der Betrachter hat gleich einen besseren Eindruck.
Im Deutschen nehmen wir ein anführendes Zeichen zu Beginn und zwar unten [doppelt „ oder einfach ‚] sowie ein ausführendes am Ende des Ausdrucks [doppelt “ oder einfach ‘]. Beispiel:

„Hallo“         ‚Hallo‘


Auf KEINEN FALL benutzen wir vorne und hinten das Inch- oder Zollzeichen ["]! Im englischen heißen die „Dumb Quotes“, was ich gerne mit „Idiotenanführungszeichen“ übersetze.

Das ist die HTML-Codierung

doppelt unten „   einfache unten ‚  

doppelt oben “     einfache oben ‘

Im Englischen sind beide oben, haben aber – anders als im Deutschen – öffnenden und schließenden Charakter:

“Hello”      ‘Hello’


In HTML schreibt man
doppeltes oben “      einfaches oben ‘
doppeltes oben ”     einfaches oben ’  

Übrigens benutzt man das englische einfache Anführungszeichen oben auch als korrektes Apostroph im Deutschen wie im Englischen:

Hans’ Auto     At the Butcher’s (Shop)

Apropos Apostroph: Um im Deutschen die „totale Apostrophe“ zu vermeiden, sollte man sich tunlichst ins Thema einlesen und die entstellenden Apostrophe an jeder noch so unpassenden Stelle künftig vermeiden! Leider zieht die so genannte Apostrophitis wie die neue Pest durchs Land. Das ist nicht schön, das ist einfach nur schlimm!!! Ein ganz herrliches Gruselkabinett findet man beim Apostrophen-Alarm.

Zum Schluss die französischen Anführungszeichen.
Man unterscheidet zwischen französischen Anführungszeichen im Französischen mit „rahmendem Charakter“


«Bonjour»   ‹Bonjour›


und den französischen Anführungszeichen im Deutschen mit „zwickendem Charakter“.


»Bonjour«   ›Bonjour‹


Die zweite ist also die richtige Version für deutschen Text und der HTML code sieht folgendermaßen aus


« links schauend «       links schauend einfach ‹
» rechts schauend »         rechts schauend einfach ›

Weiterführende Links:
Wolfgang Beinerts Typolexikon
Typografie im Netz

... link