Skip links

Sketch tool: Erschaffen, testen & und exportieren Sie Ihr App Icon

Einstellungen, Anpassungen, Anpassungen, Anpassungen

Wenn Sie ein Symbol für eine App entwerfen, ist dieses Symbol das Gesicht der App, wo auch immer die App zu sehen ist, z.B.:

  • Die Website,
  • Itunes,
  • App Store,
  • Home Screen der Geräte,
  • Geräteinstellungen
  • Pushnachrichten
  • und an vielen Stellen mehr

Das Symbol ist überall!

Das bedeutet auch, dass das Symbol in vielen verschiedenen Größen angezeigt wird.

Das bedeutet, dassiOS und Android app iOS und Android App eine andere Größe benötigen. iOS benötigt 12 verschiedene Größen, und eine Android App benötigt 16 verschiedene Symbolgrößen.

Eines der wichtigsten Dinge, die man als App-Entwickler ist es, all die verschiedenen Größen und Namenskonventionen herauszufinden. Und dann werden alle Assets erstellt. Daher ist die Erstellung all dieser Symbole sehr zeitaufwendig und endet oft mit einer großen Frustration.

 

Warum sollte ich eine Vorlage verwenden?

Es gibt für alles Vorlagen. Vorlagen für Standard UI-Komponenten. Vorlagen für die Erstellung von Style Guides. Sogar Vorlagen für die Präsentation von Designs in verschiedenen Umgebungen und Geräten. Und Eventvorlagen zur Erstellung von App-Icons.

Bislang hat jedoch keine dieser Vorlagen die Vorteile der leistungsstarken Kombination aus Symbolen und Objektgrößenanpassungseinstellungen genutzt, die in Sketch verfügbar sind.

Wie Sie das Beste aus dem Sketch Template Tool herausholen können

Die Vorlage verwendet Symbole, um das gleiche Symbol wiederzuverwenden und es automatisch auf alle erforderlichen Größen zu skalieren.

Sie entwerfen Ihr Symbol einmalig, und alle anderen Größen werden sofort für Sie generiert. Mit korrekter Benennung und Exportbereitschaft, übersichtlich in Ordnern angeordnet.

Darüber hinaus erhalten Sie auch eine Vorschau Ihres Icons in verschiedenen Keyscreens. Wie z.B. der Startbildschirm und die App Stores. Dies hilft Ihnen, Ihr Icon hervorzuheben, aber auch, es in die Plattform einzupassen, für die Sie es entwerfen.

Sie müssen sich dieser Fallstricke bewusst sein.

Nun, ein Symbol, das auf dem Startbildschirm gut funktioniert, könnte jetzt in halber Größe gut funktionieren. Es könnte zu komplex sein, Farben verschmelzen, Elemente können zu klein werden.
Da die Vorlage das gleiche Symbol verwendet und in verschiedene Größen skaliert, gibt es keinen Unterschied zwischen der großen und sehr kleinen Version des Symbols.

Die Vorlage basiert auf der am häufigsten verwendeten Symbolgröße, die eine der kleinsten ist, und skaliert das Symbol daher meist hoch.

Auf diese Weise werden die meisten der komplexen Probleme bei der Erstellung des Originalsymbols gelöst. Wenn Sie Änderungen an einer bestimmten Symbolgröße vornehmen möchten, können Sie dieses Symbol jederzeit vom Symbol trennen und Änderungen nur in dieser Symbolgröße vornehmen.

Die Version 1.1 der Vorlage wurde gerade freigegeben und kann kostenlos heruntergeladen werden.

Zögern Sie nicht, den Link mit Ihren Kollegen zu teilen.

Søren Clausen Designer