Zum Inhalt springen

Feitio durchsuchen

↵ öffnet das erste↑↓ auswählenEsc schließt

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.

Auf dieser Seite

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 iconsThe catalog in Resources: search by name and copy each icon’s code.

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 illustrationsThe catalog in Resources: each drawing’s use and the SVG to copy.
Nach oben