Typografie

Typografie und was Sie beachten können, damit ihre Website leicht lesbar und somit eher eine barrierefreie Website wird.

Unter Typografie wird die Gestaltung mittels Schrift, Bildern, Linien, Flächen und »typografischem Raum« (optisch wirksamem Abstand) in einem visuellen Medium verstanden.

Sie haben ihre eigene Domain, eine Idee was Sie mit ihrer Internetpräsenz erreichen wollen und irrelevant, ob Sie sich selber an die Gestaltung des Design machen oder dies fremdvergeben. Widmen Sie auch der Typografie, der Schrift und vor allem dem Schriftbild ihre Aufmerksamkeit.
Homepage und Buchdruck sind grundlegend verschiedene Dinge.

Ihren Flyer, ihre Visitenkarte, ihr Briefpapier und ihren Werbefolder hat der zukünftige Kunde in der Hand. Eine Internetseite nicht. Ist der Kunde neugierig oder braucht er ihr Produkt unbedingt, dann greift er zur Brille, um besser lesen zu können.
Im Internet klickt er einfach oben rechts auf das “x” und sie haben einen Kunden weniger!

Was auf ihren PC wunderbar aussieht kann am nächsten PC katastrophal aussehen, denn kein PC muss dieselbe Technik haben wie ihrer.

Wenn Sie eine Homepage kaufen:

  • Lassen Sie sich diese in verschiedenen Schriftgrößen und Bildschirmauflösungen zeigen.
  • Können Sie alles gut lesen?
  • Finden Sie wichtige Textpassagen auf Anhieb?
  • Gibt es Absätze, Einrückungen, manches Fett, manches Kursiv?

Wenn Sie eine Homepage gestalten:

  • Achten Sie auf genügend Zeilenabstand. Als einfache Faustregel gilt: Schriftgrad mal 1,5 für die Zeilenhöhe.
  • Nutzen Sie die Möglichkeit Text auch einzurücken, optisch hervorzuheben und dies nach einem System auf der gesamten Homepage.
  • Nutzen Sie sogenannte Schriftfamilien und davon immer mindestens zwei.

Somit sind Sie der Benutzerfreundlichkeit – also einer sogenannten usability Homepage – einen Schritt näher und haben automatisch mehr Kunden.

Weiterführende Links zum Thema:
Typographie-Layout-Schrift
Five simple steps to better typography
Elemente zur Textstrukturierung

mts


Basis Know-how CSS
InternetmarketingInternetmarketing Buchempfehlung

Top

4Kommentare zu : Typografie

4 Kommentare
  1. 1

    Hallöli. :)

    Relativ zu Anfang hast du “vorallem” geschrieben, da fehlt ein Leerzeichen. Weiter unten schreibst du: “Was auf ihren

  2. 2

    Ach und ganz zuoberst heißt es fälschlicherweise: “Sie haben ihren eigene Domain”… da ist ein n zu viel. :)

  3. Autor mts von WebDesign-in.de mts
    3

    Hallo Alexander
    machen wir beide einen Deal, ich darf Deine Texte “stylen” mit blockquote und cite und all den anderen wunderbaren html tags und Du findest mir all meine Tippfehler hier. ;)
    Allerdings wage ich zu behaupten, dass ich früher fertig bin.;)
    Danke!

  4. 4

    hi…tolle seite…danke für die guten Infos, Ideen, …

    Ich sollte die seite http://www.ph-vorarlberg.ac.at proggen. Hab mein CMS schon online. wär cool, wenn du mir einen Kommentar zur barrierefreiheit meiner Seite geben könntest. Grobe Fehler? Danke!

    LG
    Thomas

Deine Meinung
... zum Thema
Name und E-mail sind nötig


WebDesign Angebot

mein Angebot

Ich biete benutzerfreundliches, barrierefreies WebDesign und InternetMarketing, denn was nützt die schönste Homepage, wenn sie keiner findet. Schalk und Support ist inclusive.
Kontakten Sie mich einfach » E-Mail

InternetMarketing Angebot

Mieten Sie meine Kreativität

Ich habe jede Menge Idee und Können, wie man auch ihren Shop, ihre Homepage und ihr Business im Internet bekannt macht.
Kontakten Sie mich einfach » E-Mail

WebDesign Preise

Preise by mts

Professionelles WebDesign ist eine Investition. Billig und günstig sind andere ..ich bin gut und bezahlbar.
Kontakten Sie mich einfach » E-Mail


Achtung: Sie haben JavaScripts und/oder CSS deaktiviert. Sie können diese Inhalte nutzen, einiges an Funktionen steht jedoch nicht zur Verfügung.

Zu den Inhalten springen

« zurück

vor »

  • WebDesign Icon

    WebDesign

    WebDesign ist mehr als Grafik- und Printdesign. WebDesign und Website Marketing sind Geschwister. Rund um WebDesign.
  • WebDesign Tutorials Icon

    WebDesign Tutorial

    Kein WebDesigner fällt vom Himmel. Mal ein Online Shop, mal Community, mal Web 2.0 social Media oder Wiki. Erfahrungen uvm.
  • CSS Icon

    CSS

    Ich habe zig CSS Beispiele, Erkenntnisse irgendwo auf der Festplatte meines PCs und Gehirns. Ich gebe diese gern weiter :-).
  • InternetMarkering Icon

    InternetMarketing

    Wie verkauft man im WWW unter Ausnutzung der SUMAs, der Social Media Dienste. Internet Marketing Praxis uvm..
    und Website Promotion
  • SEO Icon

    SEO

    SEO ist weder Geheimwissen noch 0815 Tätigkeit, - schlicht notwendig für den Erfolg im WWW. Meine Erfahrung mit SEO.
  • Internet Recht Icon

    Internet Recht

    Was tun bei Abmahnungen. Rechtsfallen sind u.a. free Download, Fotos, Marken, Forum, Kommentare. Wo gibt es Hilfe.
  • Schokolade Icon

    ..und außerdem ...

    mein Blog | mein Netzwerk | barrierefreies WebDesign | Usability im WebDesign | Net-Lexikon | WordPress Themes

©  2004 - 2012Professional Webdesign barrierefrei auf WebDesign-in.de, ImpressumImpressum Lizenz||Top