Grafik

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Dieser Abschnitt behandelt wichtige Grundkenntnisse zum Gestalten von Grafiken für Web-Seiten. Er ist jedoch kein Tutorial für das Arbeiten mit bestimmten Software-Produkten. Der Abschnitt enthält folgende Seiten:

Inhaltsverzeichnis

siehe auch

Links

Deutschsprachige Hilfen und Quellen zur Grafikbearebitung

fastix.org
Data-URI-Generator sowohl online als auch zum Download

Internationale Hilfen und Quellen zur Grafikbearbeitung

Hands-On
Tipps und Tricks zur Gestaltung web-gerechter Grafiken mit Photoshop.
von Thaddeus Ozone, einem der bekanntesten Web-Designer.

Deutschsprachige Quellen für Grafiksammlungen

  • FotoDatenbank: Alle Fotos zum kostenlosen Download und zur lizenzfreien Verwendung (Verschiedene Kategorien: Tiere, Lebensmittel Computer, Business,...)
  • GIFdatenbank.com: Ordentlich thematisch sortierte Sammlung zahlreicher kleiner Cliparts, die sich vor allem als Symbole eignen. Von Fritz Saurer.

Internationale Quellen für Grafiksammlungen

Diverse Hilfen und Quellen zu Typographie und Zeichensätzen

  • Alan Wood’s Unicode Resources: Alle Unicode-Tabellen in reiner HTML-Form (im Gegensatz zu denen des Unicode-Consortiums), dazu ausführliche Infos über Unicode-Schriftarten und Schriftarten für spezielle Zeichensätze, Informationen zu unicode-fähigen Software-Produkten, inklusive Font- und Tastatur-Utilities und Hinweise zum Erstellen mehrsprachiger Webseiten.
    Autor: Allen Wood
  • Richard Ishidas string analyser: Identifiziert unicode-Zeichen in einem String.
    Autor: Richard Ishida, W3C
  • Bitstream Inc.: Alles zur TrueDoc-Technologie, einem Schriftartenkonzept für plattformübergreifendes elektronisches Publizieren (siehe auch  Downloadbare Schriftarten).
  • Font Size Intervals: Der Artikel von Todd Fahrner beschäftigt sich mit den unterschiedlichen Schriftgrößen und Maßeinheiten, insbesondere relativen Schriftgrößen.
  • Lorem Ipsum: Information + dummy text in many languages/charsets: Die Seite bietet einen Zufallsgenerator für typographischen Blindtext in verschiedenen Sprachen/Dialekten/Zeichensätzen (Chinesisch/Hindi/Kyrillisch/L33tspeak etc.) neben dem üblichen "Lorem Ipsum"-Blindtext.
  • Typograph online: Umfangreiche Einführung in die Lehre von der Typographie. Alles über Schriftarten, Schrifttypen und typographische Begriffe wie Dickte, Kerningpaar usw.
    Autor: Ralf Janaszek

Fontsammlungen

  • 1001 Fonts.com | Download Free Fonts: Umfangreiche Schriftartensammlung für Truetype- und Postscript-Schriftarten.
    Schriftarten sind nach typographischen Kategorien sortiert. Das gesamte Verzeichnis ist durchsuchbar.
  • Letter Perfect: Hervorragend sortierte Sammlung von Schriftarten zum Downloaden. Interessante Backgrounds zum Thema Typographie!

Farben

  • Farbenlehre / Die Evolution der Farben: Farbenlehre für Fortgeschrittene. Themen unter anderem: biologische Ursachen des Farbenreichtums; was ist falsch an den Dreifarben-Theorien? Polarität von Farben; neuere Erkenntnisse über Goethes Farbenlehre.
    Autor: Reinhold Sölch
  • Tutorial: Farben im Webdesign: Großes und fundiertes Tutorial zum Thema "Webseiten und Farbenlehre" mit JavaScript-basiertem Farbwaehler.
    Autor: Hartmut Rudolf
  • Zwisler: Skripten zur Psychologie: Wissenschaftliche Texte, unter anderem zur Farbforschung: Farbwahrnehmung, Konzepte der Farbforschung, Photometrie, Grassmann-Struktur der Farben, Geschichte der Psychologie des Sehens nach Boring
    Autor: Rainer Zwisler

Webstandards und Barrierefreiheit

  • Barrierefreies Webdesign: Rund um die Gestaltung zugänglicher Webseiten. Das Thema "Accessibility" wird nicht nur erklärt, sondern die Seite dient selbst auch als Beispiel für die Umsetzung.
    Autor: Jan Eric Hellbusch
  • EFA | Einfach für alle: Ein Webprojekt, das sich der Zugänglichkeit von Webseiten für Sehbehinderte, geistig Behinderte und andere "Handicapped" widmet. Verschiedene Einzelartikel behandeln ausgewählte Aspekte dieses Themas. Daneben gibt es unter anderem auch ein Diskussionsforum.
  • scoreberlin: Artikel zu usability und internetrelevanten Themen: Monatlich erscheinende Fachartikel, Kolumnen und Newsletter setzen sich kritisch mit Usability und Ergonomie im Internet auseinander.
  • Software-Ergonomie und das World Wide Web: 10 Leitlinien, für die Gestaltung von ergonomischen WWW-Informationssystemen.
  • Web Accessibility Links: Gut sortiertes Spezial-Linkverzeichnis zu den Themen Web Accessibility und Web Usability.
    Links zu Artikeln, Aufsätzen und Kampagnen für funktionsgerechtes Webdesign.
  • Web Writing Magazin: Magazin über das Publizieren im Web, befasst sich schwerpunktmäßig mit dem Inhalt von Webseiten.
    Autoren: Claudia Klinger, Michael Charlier
  • Wissenschaftliches Kommunikationsdesign: Themen sind Design, Psychologie, Kommunikation und Ergonomie im Web. Lehrreich sind besonders die negativen Beispiele;
    von Dr. rer. nat. Thomas Wirth.
  • marlem.blog: Barrierefreiheit bei Software, Webseiten und Betriebssystemen (Markus Lemcke)

Internationale Hilfen und Quellen zum Thema Barrierefreiheit und Farben

  • Creating Killer Websites Online: Gute praktische Tipps mit Erläuterungen zur besseren grafischen Gestaltung;
    von David Siegel
  • Open Source Web Design (OSWD): Mehrere hundert fertige Layouts für die eigene Homepage, kreiert nach W3C-konformen Gesichtspunkten. Bei "Open Source Web Design" handelt es sich um eine Community aus Webdesignern, die frei verfügbare Layoutvorschläge anbieten und sich darüber austauschen.
  • The Psychology of Cyberspace: Beobachtungen über Internet-Anwender, Backgrounds, die Webdesigner kennen sollten;
    von Ph.D. John Suler.
  • Vischeck: Wie sehen Personen mit Augenfehlern, beispielsweise der bekannten "Rot-Grün-Blindheit"? Die Seite erläutert die Wirkung anhand von Beispielen und simuliert die Darstellung jeder beliebigen Web-Seite.
Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Schnell‑Index
Mitmachen
Werkzeuge
Spenden
SELFHTML