Mit dem Panel "Slices" können Sie einzelne Bereiche Ihres Designs als Bilddateien in gängigen Bilddateiformaten speichern.
Wie funktioniert das Panel "Slices"?
Nachdem Sie einen Exportbereich definiert haben, lässt er sich über das Panel Slices in verschiedenen Größen und Formaten exportieren.
Sie können auf diese Weise mit mehreren Slices gleichzeitig in dem Panel arbeiten. Jedes Slice verfügt über einen Satz Exporteinstellungen, in dem Sie mehrere Exportformate (mit ihren gewünschten Dateiformat- und Skalierungsoptionen) speichern können. Für jedes Exportformat lassen sich wiederum mehrere Exportgrößen festlegen. Auf diese Weise können Sie gleichzeitig aus jedem einzelnen Slice Bilder in verschiedenen Grafikformaten oder Abmessungen exportieren.
Das Panel "Slices" mit verschiedenen Exportbereichen des Dokuments.
Die Optionen
In dem Panel stehen Ihnen folgende Optionen zur Verfügung:
Stapelerstellung: Erstellt Xcode JSON-Stapel aus mehreren Apple Universal oder Application Icon Slices. Diese Option ist nur für die UI-Entwicklung mit Xcode.
Exportvorgabe: Hier finden Sie Exportvorgaben für Slices zu gängigen Grafikformaten und Optionen für das Design von Apple App-Icons.
Exporteinstellungen in Zwischenablage kopieren: Kopiert die Exporteinstellungen (inklusive mehrerer Exportformat) für das ausgewählte Slice in die Zwischenablage. Wenn Sie ein grafikspezifisches Exportformat in den Einstellungen auswählen, können Sie mit der Schaltfläche das Exportformat in die Exporteinstellungen für ein anderes Slice kopieren.
Exporteinstellungen aus Zwischenablage ersetzen: Fügt die kopierten Exporteinstellungen für ein Slice aus der Zwischenablage in das als "Ziel" ausgewählte Slice ein. Ein kopiertes Exportformat lässt sich ebenfalls einfügen.
Exportformat aus Zwischenablage hinzufügen: Fügt ein kopiertes Exportformat, das Sie aus den Exporteinstellungen für ein Slice ausgewählt haben, in die Exporteinstellungen für ein anderes Slice ein. Sie können Exportformate aus den Panel-Einstellungen kopieren und ersetzen.
Löschen: Entfernt den Paneleintrag und den entsprechenden Exportbereich aus der Seite. Den Paneleintrag für die Seite können Sie nicht löschen.
Kontinuierlich: Mit dieser Option können Sie die exportierten Slices automatisch erneut exportieren lassen, sobald ihre Inhalte durch eine Bearbeitung des Designs verändert werden. Diese Option ist erst verfügbar, wenn Sie auf Slices exportieren (n) geklickt und einen Exportordner ausgewählt haben.
Slices exportieren (n): Exportiert alle in dem Panel per Häkchen ausgewählten Elemente.
Optionen für Exporteinstellungen
Für jeden Slice-Eintrag sind die folgenden Optionen in den Exporteinstellungen verfügbar:
Seite: Hieran erkennen Sie, dass die gesamte Seite für den Export ausgewählt ist.
Slice: Hieran erkennen Sie einen Exportbereich, den Sie mit dem Slice-Werkzeug erstellt haben.
Slice (aus Element): Hieran erkennen Sie Exportbereiche, die aus einer Ebene, einer Gruppe oder einem Objekt entstanden sind.
Miniatur: Hier sehen Sie den Bereich, der für den Export festgelegt ist.
Dateiname: Hier wird der Name für den exportierten Bereich angezeigt. Geben Sie einfach die gewünschte Bezeichnung direkt in das Textfeld ein. Wir empfehlen Ihnen, für jeden Exportbereich einen einzigartigen Namen zu verwenden. Diese werden automatisch vorgeschlagen, wenn Sie keinen Namen festlegen.
Aktiv/Inaktiv: Ist diese Option aktiviert, wird der Bereich exportiert, sobald Sie unten im Panel auf Slices exportieren (n) klicken.
Exportieren: Exportiert den Bereich zu dem entsprechenden Paneleintrag.
Pfad: Bestimmt den Ordernamen für die exportierten Slices. Hier stehen Ihnen die folgenden Tokens zur Verfügung:
Dokumentname: Die exportierten Slices werden in einem Ordner gespeichert, der den Namen des Dokuments trägt (ohne die Erweiterung der App).
Dokumentdateiname: Die exportierten Slices werden in einem Ordner gespeichert, der den Namen des Dokuments mit Erweiterung der App trägt.
Slicename: Die exportierten Slices werden in einem Ordner gespeichert, der den Namen des Slices trägt.
Sliceeigenschaften: Hier können Sie zusätzliche Einstellungen für die exportierten Slices festlegen inklusive Dateiname der Ausgabe und DPI-Auflösung. Hier stehen Ihnen zusätzlich die folgenden Tokens zur Verfügung:
Skalierung: Skalierungsmultiplikator (falls festgelegt, ansonsten wird der Standardwert 1 verwendet)
Skalierungssffix: Suffix für die Skalierung in der Form "@2x" (nicht inklusive 1x-Skalierung)
Breite: Die Breite des exportierten Slice (falls festgelegt)
Höhe: Die Höhe des exportierten Slice (falls festgelegt)
Quadratische Größe: Die quadratische Größe des exportierten Slice (falls festgelegt)
Builder: Erstellt zusammen mit den exportierten Slices ergänzende Xcode JSON-Dateien für Apple Icons. Diese Option ist nur für die UI-Entwicklung mit Xcode.
Wenn Sie die Exportoptionen für Slices mit Tokens festlegen, können Sie zum Beispiel Folgendes vorgeben: "Dokumentname (Slicename)". Tokens lassen sich nicht nur mit Klammern trennen, sondern auch mit Unterstrichen, Bindestrichen und/oder anderen Zeichen.
Optionen für Exportformate
In den Exporteinstellungen für jedes einzelne Slice können Sie verschiedene Formate speichern. Für jedes Format sind folgende Optionen verfügbar:
Dateiformat: Hier wählen Sie das für den Export gewünschte Dateiformat über ein Einblendmenü aus.
Größenskalierung: Hier wählen Sie die Skalierungsoptionen (z. B. 1x, 2x usw.) für das Exportformat aus.
Zusätzliche Eigenschaften: Hier können Sie einen DPI-Wert vorgeben sowie einen Pfad und Dateinamen aus Tokens oder selbst definierten Variablen zusammensetzen.
Exportieren: Exportiert das Slice mit diesem Exportformat.