Anzeige schließen

Aufgrund der Auswüchse und des Verhaltens von Adobe gegenüber seinen Kunden suchen immer mehr Grafiker und Designer nach Alternativen, so wie sie nach einem Ersatz für QuarkXpress suchten und ihn in Adobe InDesign fanden. Photoshop verfügt über zwei gute Alternativen auf dem Mac – Pixelmator und Acorn – und mit der Erweiterung beider Anwendungen um Funktionen verabschieden sich immer mehr Menschen von der funktionsreichen Software von Adobe mit einer überladenen Benutzeroberfläche. Für Illustrator gibt es nur einen geeigneten Ersatz: Sketch.

Sketch ist wie Illustrator ein Vektoreditor. Vektorgrafiken haben in letzter Zeit aufgrund der allgemeinen Vereinfachung grafischer Elemente sowohl im Web als auch in Betriebssystemen immer mehr an Bedeutung gewonnen. Schließlich besteht iOS 7 fast ausschließlich aus Vektoren, während Textur-Apps in älteren Versionen des Systems sehr geschickte Grafiken erforderten, um Holz-, Leder- und ähnliche Effekte zu erzeugen. Nachdem ich einige Monate mit der Anwendung verbracht habe, kann ich bestätigen, dass sie aufgrund ihrer Intuitivität und ihres Funktionsumfangs sowohl für Anfänger als auch für fortgeschrittene Grafikdesigner ein großartiges Werkzeug ist.

Die Benutzeroberfläche

Alles beginnt mit einer klaren Anordnung der Elemente in der Anwendung. Die obere Leiste enthält alle Werkzeuge, mit denen Sie an Vektoren arbeiten, links befindet sich eine Liste der einzelnen Ebenen und rechts befindet sich der Inspektor, in dem Sie alle Vektoreigenschaften bearbeiten.

In der Mitte gibt es einen unendlichen Bereich, der jede Annäherung zulässt. Alle Elemente in der Anwendung sind angedockt, sodass es nicht möglich ist, die Symbolleiste oder Ebenen anders zu positionieren. Die obere Leiste ist jedoch anpassbar und Sie können ihr alle vorhandenen Werkzeuge hinzufügen oder nur die häufig verwendeten auswählen und den Kontext verwenden Menüs für alles andere.

Während in Vektoreditoren ein unendlicher Bereich Standard ist, ist es beispielsweise bei der Erstellung von Grafikdesign-Anwendungen ideal, einen begrenzten Arbeitsbereich zu haben. Obwohl es beispielsweise mit einem Rechteck als Basis gelöst werden kann, wäre es schwierig, das Raster anzupassen. Sketch löst dieses Problem mit dem sogenannten Artboard. Wenn sie aktiviert sind, legen Sie die einzelnen Flächen und deren Abmessungen fest, in denen Sie arbeiten möchten. Entweder kostenlos, oder es gibt mehrere voreingestellte Muster, etwa einen iPhone- oder iPad-Bildschirm. Wenn Sie mit Zeichenflächen arbeiten, werden alle Vektorelemente außerhalb davon ausgegraut, sodass Sie sich besser auf einzelne Bildschirme konzentrieren können und nicht durch auffällige Elemente abgelenkt werden.

Zeichenflächen haben noch einen weiteren tollen Nutzen: Die zugehörige Sketch Mirror-Anwendung kann aus dem App Store heruntergeladen werden, die eine Verbindung zu Sketch auf dem Mac herstellt und den Inhalt einzelner Zeichenflächen direkt anzeigen kann. Sie können beispielsweise testen, wie die vorgeschlagene iPhone-Benutzeroberfläche auf dem Telefonbildschirm aussehen wird, ohne immer wieder Bilder exportieren und auf das Gerät hochladen zu müssen.

Natürlich enthält Sketch auch ein Raster und ein Lineal. Das Raster lässt sich beliebig einstellen, inklusive der Hervorhebung von Linien, interessant ist auch die Möglichkeit, damit den Spalten- oder Zeilenbereich zu unterteilen. Sie können beispielsweise den Raum ganz einfach in drei Drittel unterteilen, ohne die anderen Hilfslinien einblenden zu müssen. Es ist beispielsweise ein tolles Hilfsmittel bei der Anwendung des Goldenen Schnitts.

nástroje

Unter den Vektorzeichenwerkzeugen finden Sie praktisch alles, was Sie erwarten – grundlegende Formen, einschließlich Spiral- und Punkt-für-Punkt-Zeichnung, Kurvenbearbeitung, Konvertieren von Schriftarten in Vektoren, Skalieren, Ausrichten, praktisch alles, was Sie zum Vektorzeichnen benötigen. Es gibt auch mehrere Sehenswürdigkeiten. Eine davon ist beispielsweise die Verwendung eines Vektors als Maske für eine eingebettete Bitmap. Beispielsweise können Sie aus einem rechteckigen Bild ganz einfach einen Kreis erstellen. Als nächstes erfolgt die Anordnung der ausgewählten Objekte in einem Raster, wobei Sie im Menü nicht nur die Abstände zwischen den Objekten festlegen, sondern auch auswählen können, ob die Kanten des Objekts berücksichtigt werden sollen oder ob ein Rahmen um sie herum hinzugefügt werden soll, wenn diese vorhanden sind haben unterschiedliche Längen oder Breiten.

Funktionen in der oberen Leiste werden automatisch ausgegraut, wenn sie für das angegebene Objekt nicht verfügbar sind. Sie können beispielsweise kein Quadrat in Vektoren umwandeln, diese Funktion ist für Text gedacht, daher wird Sie die Leiste nicht mit ständig leuchtenden Schaltflächen verwechseln und Sie wissen sofort, welche der Funktionen für die ausgewählten Ebenen verwendet werden können.

Schichten

Jedes von Ihnen erstellte Objekt wird in der linken Spalte in derselben Reihenfolge wie die Ebenen angezeigt. Anschließend können einzelne Ebenen/Objekte gruppiert werden, wodurch ein Ordner erstellt wird und das Panel die gesamte Baumstruktur anzeigt. Auf diese Weise können Sie die Objekte in den Gruppen beliebig verschieben, oder die Gruppen ineinander verschmelzen und so die einzelnen Werkteile differenzieren.

Objekte auf dem Desktop werden dann auf Wunsch entsprechend dieser Gruppen oder Ordner ausgewählt. Wenn alle Ordner geschlossen sind, befinden Sie sich an der Spitze der Hierarchie. Wenn Sie ein Objekt auswählen, wird die gesamte Gruppe markiert, zu der es gehört. Klicken Sie erneut, um eine Ebene nach unten zu gelangen usw. Wenn Sie eine mehrstufige Struktur erstellen, müssen Sie sich oft lange durchklicken, dafür lassen sich einzelne Ordner öffnen und bestimmte darin enthaltene Objekte direkt auswählen.

Einzelne Objekte und Ordner können im Ebenenbedienfeld ausgeblendet oder an einer bestimmten Position fixiert werden. Wenn Sie Zeichenflächen verwenden, dienen sie als höchster Punkt der gesamten Struktur. Wenn Sie Objekte in der linken Spalte zwischen ihnen verschieben, werden sie auch auf dem Desktop verschoben. Wenn die Zeichenflächen die gleichen Abmessungen haben, werden die Objekte ebenfalls verschoben an die gleiche Position bewegen.

Um das Ganze abzurunden, können Sie eine beliebige Anzahl von Seiten in einer einzelnen Skizzendatei und eine beliebige Anzahl von Zeichenflächen auf jeder Seite haben. In der Praxis kann beim Erstellen eines Anwendungsdesigns eine Seite für das iPhone, eine andere für das iPad und die dritte für Android verwendet werden. Eine einzelne Datei enthält somit komplexe Arbeiten, die aus Dutzenden oder Hunderten einzelner Bildschirme bestehen.

Inspektor

Der Inspektor im rechten Bereich ist das, was Sketch von anderen Vektoreditoren unterscheidet, mit denen ich bisher arbeiten durfte. Obwohl es sich nicht um eine innovative Idee handelt, trägt ihre Umsetzung innerhalb der Anwendung zu einer sehr einfachen Manipulation von Objekten bei.

Durch die Auswahl eines beliebigen Objekts ändert sich der Inspektor nach Bedarf. Bei Text wird alles angezeigt, was mit der Formatierung zu tun hat, während es bei Ovalen und Rechtecken etwas anders aussieht. Es gibt jedoch mehrere Konstanten wie Position und Abmessungen. Dadurch lassen sich die Objekte durch einfaches Überschreiben des Wertes sehr einfach in ihrer Größe verändern und auch präzise positionieren. Die Farbauswahl ist ebenfalls gut gelungen. Wenn Sie auf eine Füllung oder Linie klicken, gelangen Sie zur Farbauswahl und einer voreingestellten Palette einiger Farben, die Sie nach Ihren Wünschen anpassen können.

Neben anderen Eigenschaften, wie dem Abschluss von Fugen oder der Art der Überlagerung, finden Sie auch grundlegende Effekte – Schatten, Innenschatten, Unschärfe, Spiegelung und Farbanpassung (Kontrast, Helligkeit, Sättigung).

Die Stile sowohl der Schriftarten als auch anderer Vektorobjekte sind sehr geschickt gelöst. Im Fall von Text können dessen Eigenschaften als Stil im Inspektor gespeichert und dann anderen Textfeldern zugewiesen werden. Wenn Sie dann den Stil ändern, ändert sich auch der gesamte Text, der ihn verwendet. Für andere Objekte funktioniert es ähnlich. Unter der Schaltfläche „Verknüpfen“ befindet sich ein Menü zum Speichern des Stils des ausgewählten Objekts, d. h. Linienstärke und -farbe, Füllung, Effekte usw. Sie können dann andere Objekte mit diesem Stil verknüpfen, und zwar sobald Sie die Eigenschaft eines Objekts ändern Objekt wird die Änderung auch auf zugehörige Objekte übertragen.

Zusätzliche Funktionen, Import und Export

Sketch wurde ebenfalls mit Schwerpunkt auf Webdesign entwickelt, sodass die Entwickler die Möglichkeit hinzugefügt haben, CSS-Attribute ausgewählter Ebenen zu kopieren. Sie können sie dann in einen beliebigen Editor kopieren. Die Anwendung kommentiert einzelne Objekte geschickt, sodass Sie sie im CSS-Code erkennen können. Obwohl der Code-Export nicht 100 %ig ist, können Sie mit einer dedizierten Anwendung dennoch bessere Ergebnisse erzielen Webcode, aber es wird weitgehend seinen Zweck erfüllen und Sie darüber informieren, wenn einige Attribute nicht übertragen werden können.

Leider kann der Editor noch keine AI-Dateien (Adobe Illustrator) nativ lesen, aber er kann mit den Standardformaten EPS, SVG und PDF umgehen. Es kann auch in dieselben Formate exportiert werden, darunter natürlich auch klassische Rasterformate. Mit Sketch können Sie einen beliebigen Teil der gesamten Oberfläche auswählen und dann exportieren. Außerdem können Sie alle Zeichenflächen für den schnellen Export markieren. Darüber hinaus merkt es sich alle ausgewählten Flächen. Wenn Sie also einige Änderungen vornehmen und erneut exportieren möchten, haben wir zuvor ausgewählte Teile im Menü, die Sie natürlich nach Belieben verschieben und in den Abmessungen ändern können. Die Möglichkeit, in doppelter (@2x) und halber (@1x) Größe gleichzeitig mit 100 % Größe zu exportieren, ist ebenfalls hilfreich, insbesondere wenn Sie iOS-Anwendungen entwerfen.

Die größte Schwäche der Anwendung ist die völlig fehlende Unterstützung des CMYK-Farbmodells, was Sketch für alle, die für den Druck entwerfen, völlig unbrauchbar macht und seine Verwendung nur auf digitales Design beschränkt. Der Schwerpunkt liegt offensichtlich auf dem Web- und App-Design, und man kann nur hoffen, dass die Unterstützung zumindest in einem zukünftigen Update hinzugefügt wird, so wie es später bei Pixelmator der Fall war.

Záver

Dieses Bild wurde nur mit Sketch erstellt

Nach mehreren Monaten Arbeit und zwei Grafikdesign-Aufträgen kann ich sagen, dass Sketch für viele problemlos den teuren Illustrator ersetzen kann, und das zu einem Bruchteil des Preises. Während der gesamten Nutzungsdauer habe ich keinen Fall erlebt, in dem ich eine der Funktionen vermisst hätte, im Gegenteil, es gibt immer noch ein paar Dinge, für die ich keine Zeit hatte, sie auszuprobieren.

Angesichts des allgemeinen Übergangs von Bitmaps zu Vektoren in mobilen Apps kann Sketch eine interessante Rolle spielen. Einer der genannten Aufträge betraf lediglich die grafische Gestaltung einer iOS-Anwendung, auf die Sketch bestens vorbereitet ist. Insbesondere die Begleit-App Sketch Mirror kann beim Ausprobieren von Designs auf einem iPhone oder iPad viel Zeit sparen.

Wenn ich Sketch mit Pixelmator mit den Konkurrenten von Adobe vergleiche, ist Sketch zwar noch ein bisschen weiter, aber es liegt mehr an der Robustheit von Photoshop. Wenn Sie jedoch vorhaben, die Creative Cloud und das gesamte Adobe-Ökosystem zu verlassen, ist Sketch eindeutig die beste Alternative, da es Illustrator mit seiner Intuitivität in vielerlei Hinsicht übertrifft. Und für die 80 US-Dollar, die Sketch einnimmt, ist die Entscheidung gar nicht so schwer.

Hinweis: Die App kostete ursprünglich 50 US-Dollar, sank aber im Dezember und Februar auf 80 US-Dollar. Es ist möglich, dass der Preis im Laufe der Zeit sinkt.

[app url=“https://itunes.apple.com/us/app/sketch/id402476602?mt=12″]

.