BangkokInLove

Gutn Abend,

zwar besitze ich in dem Bereich (siehe Titel) schon etwas Erfahrung, denoch bin ich der festen Überzeugung das man in dem Bereich heutzutage ständig dazu lernen kann! (Bei dem nahezu exponentielle Wachstum des WWW's).

Also kurz und knackige Frage:

Was sind eure Tipps für professionelles Text-Design (bzw. "Aufhübschung" oder "Präsentation" von Texten). Also: Bilder, Schriftart, Schriftgröße, Einrückung, maximale Textlänge, Überschriften, etc. pp.

(Mit Bildern meine ich so kleine Bilder wie zum Beispiel in den Beispiel-Daten vom CMS Joomla!)

Mister Ad

meikel

Da ich auch ein paar Jahre DTP verbrochen hatte:

>Schriftart
je nach Geschmack eine der üblichen "Brotschriften": Helvetika oder Times

>Schriftgröße
ist von der Zeilenlänge abhängig. Im Zeitungsgewerbe üblich:
9-10pt auf 4,5-6cm

>Überschriften
das 3-4fache der Brotschrift, fett oder fett+kursiv. Schriftstil muß zur Brotschrift passen.

>Einrückung
oder Absatzzwischenraum sind sehr wichtig, weil sie die Lesbarkeit des Textes erhöhen.

>maximale Textlänge
maximale Spaltenlänge = Bildschirnhöhe
maximale Spaltenanzahl = 3 oder 4 Spalten

>Bilder
(auch wenn Du was anderes gemeint hast)
Bilder lockern den Text auf, müssen aber im Kontext zum Text stehen. Alles andere (auch Dödelwerbung) stört beim Lesen.

Bezüglich der Schriftgröße:
- vermeide im CSS feste Pixelmaße, falls Du nicht vor hast, das erforderliche Lesegerät für diese Texte zu verkaufen.
- verwende relative Größenangaben. Und prüfe, ob nach 5-6* ctrl + die Seite noch lesbar ist. Nicht jeder Besucher hat Augen wie ein Adler. Es gibt da auch halbblinde Typen wie mich (nur noch 50% aka halbblind), die sich gern die Schrift größer stellen möchten.

Farbgestaltung:
da es hin und wieder Idioten gibt, die der Meinung sind, weiß auf gelb, weiß auf hellgrün oder hellgrau auf mittelgrau wäre schick:
ich selbst lesen bei solchen Seiten dann lieber den HTML Quelltext, weil der Browser den wenigstens schwarz auf weiß darstellt.

Manko10

Ähhm, ja… oder auch nicht.

Das sind eigentlich nur deshalb übliche Brotschriften, weil es jahrelang nichts anderes gab. Es gibt Einsatzzwecke, für die diese beiden Schriften mit die beste Wahl sind, aber in aller Regel sollte man doch im Jahre 2012 mal schauen, ob man nicht was Passenderes findet. Es gibt genug Auswahl.

Bitte nicht zu klein. Das Web ist keine Zeitung, bei der man nur begrenzten Platz hat.

Kleiner Tipp: lime auf red sieht auch noch klasse aus. Und natürlich nicht die ostfriesischen Nationalfarben vergessen: weißer Text auf weißem Grund.

__________________
Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

meikel

Klar gibt es haufenweise andere und mitunter auch freie Schriften, aber die müßten dann auf dem Client existieren.

Das war nur ein Beispiel, um den Zusammenhang zwischen Schriftgröße und Zeilenlänge hinzuweisen. Ich selber kann normale Texte ab 12pt noch lesen. Bei Scripten erwarte ich 16pt courier.

<ggg>

Manko10

Von Skripten redet hier niemand. Es geht um Fonts. Auf dem System muss da auch nichts vorinstalliert sein. Dank @font-face seit längerem ein Ding der Vergangenheit. Und da Microsoft ursprünglich Erfinder dessen ist, unterstützt der IE das sogar dankenswerter Weise seit Version 4.

__________________
Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

meikel

Siehe Edit.

btw: schrieb ich schon, daß ich halbblind bin?

Manko10

Ähh… ja, schriebst du. Ändert aber nichts daran, dass man dank @font-face nicht mehr darauf angewiesen ist, dass Schriften auf den Client-Rechner installiert sind.

__________________
Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

meikel

Wat nutzt Dir die schönste Schrift, wenn die (außer auf Deiner kiste) kein anderer Besucher uff Platte hat?

Man könnte ja besondere Schriften zum Download anbieten - sollte aber tunlichst darauf achten, ob man das auch darf. Schriften unterliegen mindestens dem Gebrauchsmusterschutz. Wer zB. MS Arial in den üblichen vier Schriftschnitten zum Download anbietet, könnte Ärger bekommen.

Manko10

Ich sage es nochmal: @font-face. Quality since 1997 und in Firefox und Chrome seit mehr Versionen als ich Finger an einer Hand habe.
Wundert mich jetzt echt, dass du das nicht kennst. Oder trollst du nur?
Weitere Infos per Google oder auch hier: http://nicewebtype.com/notes/2009/10...css-font-face/

__________________
Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

meikel

Noch mal: ich habe DTP gemacht. Dort sind Postscript Schriften Standard - TTF und anderer Fummel rangiert da unter Ulk oder unter Hobby.
Naja, ich kenne Schriften und "Schriften". In früheren Zeiten hatte ich sogar einiges selbst gebaut oder ergänzt (zB. das fehlende lang-s in den Frakturschriften nachgebaut).
Keine Lust dazu.

Zusatz:
http://de.wikipedia.org/wiki/Schlu%C3%9F-s