# Iconografie und Illustration

Die Richtlinien für Icons und Illustrationen, von Hand gezeichnet und an den Prozess gebunden: die Hand, die sie zeichnete, bleibt sichtbar. Die vollständigen Kataloge befinden sich in Ressourcen.

## Icons

Alles von Hand gezeichnet, genau wie die Ecken: die Linie läuft über die Ecke hinaus, der Kreis schließt nicht, der Punkt ist nicht rund, und das gesamte Zeichen neigt etwas.

task

calendar

search

settings

create

erledigt

schließen

warnung

info

öffnen

nächster

menü

[**All icons**The catalog in Resources: search by name and copy each icon’s code.](/de/resources/icones/)

### Wie ein Feitio-Icon gezeichnet wird

24 Grid

jedes Icon in einem 24 x 24 Rahmen

2.3 Strichstärke

runde Enden und Gelenke

3° geneigt

wie jemand schnell zeichnet

Textfarbe

nie eine feste Farbe

Nur Striche

kein perfekter Kreis oder Rechteck

### Kein Icon ist eine einzelne Linie

Jede Verbindung besteht aus zwei sich kreuzenden Strichen: den beiden Beinen des Kreuzes, den beiden Bögen des Kreises, den beiden Seiten des Pfeils. Eine kontinuierliche Linie wirkt maschinell hergestellt.

Do

Zwei Beine, die sich am Scheitel kreuzen.

Don’t

Eine kontinuierliche Linie mit einem perfekten Eck: das Kreuz jedes fertigen Sets.

### Das Icon geht mit dem Wort

Es hilft beim Erkennen; der Text erklärt. Allein nur dort, wo die Bedeutung universell ist, und mit einem Namen für Screenreader.

### Keine Icons aus einem anderen Set

Ein fertiges geometrisches Icon neben den gezeichneten zeigt die Naht. Ein neues Icon wird gezeichnet, indem es die oben genannten Regeln befolgt.

### Dritte Marken kommen so, wie sie sind

Das Logo von GitHub, ein App Store, eine Zahlungsanbieter: nie von Hand neu gezeichnet und nicht durch ein Feitio-Icon ersetzt, weil die Markenzugehörigkeit zum Eigentümer gehört und ihre Regeln das ursprüngliche Bildnis verlangen. Nur die Farbe kann dem Tinte folgen, wenn die Mark eine einzige Farbe akzeptiert.

## Illustration

Kleine Zeichnungen für leere Screens und große Fehler, von derselben Hand wie die Icons: Tinte in der Textfarbe und ein Hauch von Orange. Sie gehen in die Seite hinein, nicht als Bild, so dass sie dem Thema folgen.

**No schedules yet**

Erstellen Sie den ersten, und er erscheint hier.

[**All illustrations**The catalog in Resources: each drawing’s use and the SVG to copy.](/de/resources/ilustracoes/)

-   **Wenn:** ein leerer Screen, ein großer Fehler, eine Begrüßung. Momente ohne Inhalt, wo die Zeichnung Begleitung hält.
-   **Wenn nicht:** als Dekoration auf Karten, Überschriften oder jedem Element. Zeichnungen sind so selten wie das Orange.
-   In Außenfassaden gehört die Illustration zum Kunden: Feitios Zeichnungen erscheinen nicht.
