Über den Service
ÜbersetztEin Icon-Set verdient seinen Platz, wenn man sieht, dass es von einer Hand gezeichnet wurde. Daher beginne ich nicht mit Bildern, sondern mit der Benutzeroberfläche selbst: dem Raster, auf dem es sitzt, dem Gewicht der Schrift, wie scharf oder weich die Ecken sind, welche Icon-Größen tatsächlich auf Ihren Bildschirmen vorkommen. Daraus entsteht ein kurzes Regelblatt — Linienstärke, Eckenradius, optische Größen, der Rhythmus der Striche — und von da an gilt es für das gesamte Set. Das zwanzigste Icon, drei Monate später gezeichnet, steht neben dem ersten und sieht nicht wie ein Fremder aus.
Die Bewegung, die ich hinzufüge, ist kurz und hat eine Bedeutung. Eine Drehung sagt, dass der Bildschirm arbeitet, ein Häkchen sagt, dass der Tipp durchgegangen ist, ein abgelehntes Feld sagt, dass dies nicht akzeptiert wird. Jede Bewegung beantwortet eine Frage, die der Benutzer gerade gestellt hat, anstatt ihn zu unterhalten, während er wartet. Ich arbeite durch die drei Zustände, die in der realen Nutzung am meisten Gewicht haben: Laden, Erfolg und Misserfolg. Darüber hinaus kommen Umschalter, Kontrollkästchen und Schaltflächen mit ihren gedrückten, aktiven und deaktivierten Übergängen. Das Set wird von Anfang an in beiden Themen gezeichnet, da ein Strich, der auf Weiß schön aussieht, oft auf einem dunklen Panel verschwindet.
Die Übergabe der Arbeit an einen Entwickler ist Teil des Jobs, nicht ein Anhang dazu. Sie erhalten die Quellen und den Export in den Formaten, die zur Plattform passen: leichte Vektoranimation für das Web, Sprites oder codegesteuerte Bewegungen für Mobilgeräte, wo das weniger Gewicht und Batterie kostet. Die Zahlen reisen mit den Dateien: Dauer jeder Bewegung, Easing-Kurve, Verzögerung, die Reihenfolge, in der Teile des Icons lebendig werden. Vor der Übergabe teste ich das Set auf einem schwachen Gerät, denn was auf einem Arbeitsgerät flüssig ist, ruckelt auf einem drei Jahre alten Telefon, und ein ruckelndes Icon wird als Fehler wahrgenommen.
Was die Arbeit umfasst:
— ein Blick auf die aktuelle Benutzeroberfläche und ein Regelblatt: Linienstärke, Radien, Raster, optische Größen;
— ein Set von Icons in einem Stil, hellem Thema und dunklem Thema;
— Laden, Erfolg und Fehler als drei verschiedene, erkennbare Bewegungen;
— Umschalter, Kontrollkästchen und Schaltflächen mit gedrückten, aktiven und deaktivierten Übergängen;
— Quellen und Export in hellen Formaten für das Web und für Mobil;
— eine Spezifikation für den Entwickler: Dauer, Kurve, Verzögerung und Reihenfolge der Bewegung für jede Animation;
— ein Test auf einem schwachen Gerät, mit benannten und behobenen verlorenen Frames;
— Animation ersetzt keinen Text-Hinweis: der Zustand wird auch mit einem Wort beschriftet, sonst wird die Bedeutung der Bewegung geraten;
— lange Effekte stören in einer funktionierenden Benutzeroberfläche, daher bleibt die Dauer innerhalb von Zehntelsekunden;
— kein Blinken und keine stark kontrastierenden Blitze.
Die Bewegung, die ich hinzufüge, ist kurz und hat eine Bedeutung. Eine Drehung sagt, dass der Bildschirm arbeitet, ein Häkchen sagt, dass der Tipp durchgegangen ist, ein abgelehntes Feld sagt, dass dies nicht akzeptiert wird. Jede Bewegung beantwortet eine Frage, die der Benutzer gerade gestellt hat, anstatt ihn zu unterhalten, während er wartet. Ich arbeite durch die drei Zustände, die in der realen Nutzung am meisten Gewicht haben: Laden, Erfolg und Misserfolg. Darüber hinaus kommen Umschalter, Kontrollkästchen und Schaltflächen mit ihren gedrückten, aktiven und deaktivierten Übergängen. Das Set wird von Anfang an in beiden Themen gezeichnet, da ein Strich, der auf Weiß schön aussieht, oft auf einem dunklen Panel verschwindet.
Die Übergabe der Arbeit an einen Entwickler ist Teil des Jobs, nicht ein Anhang dazu. Sie erhalten die Quellen und den Export in den Formaten, die zur Plattform passen: leichte Vektoranimation für das Web, Sprites oder codegesteuerte Bewegungen für Mobilgeräte, wo das weniger Gewicht und Batterie kostet. Die Zahlen reisen mit den Dateien: Dauer jeder Bewegung, Easing-Kurve, Verzögerung, die Reihenfolge, in der Teile des Icons lebendig werden. Vor der Übergabe teste ich das Set auf einem schwachen Gerät, denn was auf einem Arbeitsgerät flüssig ist, ruckelt auf einem drei Jahre alten Telefon, und ein ruckelndes Icon wird als Fehler wahrgenommen.
Was die Arbeit umfasst:
— ein Blick auf die aktuelle Benutzeroberfläche und ein Regelblatt: Linienstärke, Radien, Raster, optische Größen;
— ein Set von Icons in einem Stil, hellem Thema und dunklem Thema;
— Laden, Erfolg und Fehler als drei verschiedene, erkennbare Bewegungen;
— Umschalter, Kontrollkästchen und Schaltflächen mit gedrückten, aktiven und deaktivierten Übergängen;
— Quellen und Export in hellen Formaten für das Web und für Mobil;
— eine Spezifikation für den Entwickler: Dauer, Kurve, Verzögerung und Reihenfolge der Bewegung für jede Animation;
— ein Test auf einem schwachen Gerät, mit benannten und behobenen verlorenen Frames;
— Animation ersetzt keinen Text-Hinweis: der Zustand wird auch mit einem Wort beschriftet, sonst wird die Bedeutung der Bewegung geraten;
— lange Effekte stören in einer funktionierenden Benutzeroberfläche, daher bleibt die Dauer innerhalb von Zehntelsekunden;
— kein Blinken und keine stark kontrastierenden Blitze.
