Was du siehst
Ein Lexikon, in dem man nichts erklären muss, weil man es ausprobieren kann. Beim Kontrast zeigt die Karte sofort, ob ein Text die Richtlinien erfüllt. Bei der Zeilenlänge zählt sie die Zeichen pro Zeile. Beim Easing rollt eine Kugel mal mechanisch, mal mit Feder.
Oben filtert man nach Typografie, Farbe, Layout, Form, Bewegung und Barrierefreiheit oder sucht direkt nach einem Begriff. Ein Knopf schaltet das ganze Lexikon in den Dunkelmodus.
So ist es gebaut
Jeder Eintrag ist ein kleiner, eigenständiger Baustein mit Text, Kategorie und einer Funktion, die seine Demo zeichnet. Der Kontrast wird nach der Formel der Web-Richtlinien (WCAG) berechnet, die Zeichen pro Zeile werden in echter Lesegröße gemessen.
Woher die Idee kommt
Die Iconography Encyclopedia der Iconography Company erklärt Begriffe der Icon-Gestaltung mit kleinen, bedienbaren Beispielen. Wir haben das Prinzip auf Webdesign übertragen.
Darauf achten wir
- Suche und Filter ohne Neuladen
- Jede Demo auch per Tastatur bedienbar
- Begriffe in einfachen Worten, ohne Fachchinesisch