Sketch-App: Ein Überblick und eine Überprüfung

Sketch ist ein vektorbasiertes Tool, das für Desktop- und Mobile-UI-Design, Mockups und Prototypen verwendet wird und heute als Industriestandard gilt. Sie können mit Sketch auch Fotos bearbeiten und manipulieren.

Sketch ist so benutzerfreundlich, dass Sie es schnell lernen können, auch wenn Sie es noch nie zuvor gesehen haben. Es ist für Designer gedacht, nicht für Laien (Nicht-Designer) und eignet sich am besten für Teams, die auf Kundenbedürfnisse eingehen. Da es sich um eine reine Mac-App handelt, ist sie für Mac-Benutzer gedacht.

Übersicht über Skizzen

Wenn Sie Sketch zum ersten Mal verwenden, arbeiten Sie auf einer unendlichen Leinwand. Sie können die Symbolleiste durch Klicken mit der rechten Maustaste anpassen und Ihre Favoriten durch Ziehen festlegen.

Eine Zeichenfläche in Sketch stellt entweder einen Bildschirm oder eine Interaktion innerhalb eines Bildschirms dar. Beim Erstellen einer Zeichenfläche können Sie aus einer Liste gängiger Bildschirmgrößen für Android, iOS, Web und Print auswählen oder Ihre eigenen anpassen. Es gibt auch ein Artboard Manager-Plugin für die Organisation auf OCD-Ebene (*hust* mich) – Sie können Ihre Zeichenflächen in Zeilen und Spalten einteilen, um sie zu verschönern.

Seiten in Sketch stellen eine andere Auflösung oder Plattform dar. Wenn Sie eine Zeichenfläche für iOS erstellen, ziehen Sie sie alle in eine Seite und können dann eine weitere Seite für Ihr Android-Design erstellen. Eine Sketch-Datei kann zahlreiche Zeichenflächen und Seiten enthalten. Auf diese Weise können Sie Ihren Workflow auf eine leicht zugängliche Weise organisieren.

Wie bei den meisten Screen-Design-Tools wird beim Klicken auf eine Ebene rechts ein Inspektor geöffnet, in dem Sie die Eigenschaften ändern können.

Wenn Sie ein Anfänger sind, beginnen Sie mit einer UI-Vorlage. Sketch ist mit iOS-, Material Design- und Responsive Web-Vorlagen (Datei > Neu aus Vorlage) vorinstalliert.

Vorteile von Sketch

Sketch ist aus einem bestimmten Grund beliebt. Bevor wir auf seine Funktionen eingehen, lassen Sie uns über seine Vorteile sprechen:

• Einfach und leicht zu erlernen; intuitive Schnittstelle
• Erstellen Sie Designs für mehrere Geräte
• Kunden können eine Vorschau anzeigen, was passiert, wenn sie mit einem Desktop-, Laptop-, Telefon- oder Tablet-Design interagieren
• Hilfreiche Funktionen für die Zusammenarbeit, insbesondere beim Synchronisieren und Teilen von Sketch Cloud
• Die Symbolleiste ähnelt Mac
• Es gibt eine Reihe von Plugins, die mit Sketch verwendet werden können (Abstract, Craft, Flinto usw.)
• Bezahlbar

Viele der Vorteile von Sketch sind im Vergleich zu Photoshop. Es funktioniert beispielsweise ähnlich wie Photoshop, jedoch zu einem niedrigeren Preis und weniger Speicherplatz. Einige meinen, dass Sketch Photoshop irgendwann sogar überholen könnte, zumindest wenn es um das führende Prototyping-Tool geht. Ein wichtiger Grund, warum Sketch im Screendesign besser ist als Photoshop, ist, dass es speziell dafür entwickelt wurde – es ist ein jüngeres, moderneres Tool, das speziell entwickelt wurde.

Sketch bietet auch viele Anleitungen auf seiner Website, auf die über die Download-Seite zugegriffen werden kann.

Nachteile und Konkurrenten

Sketch nicht viel , dass das nicht für sie zu gehen, aber zwei seiner größten Nachteile sind (1) Sie können es nur auf einem Mac verwenden und (2) Sie können es nur auf ein Gerät pro Lizenz verwenden. Als Warnung: Wenn Sie mehrere komplexe Dateien mit mehreren Seiten erstellen möchten, sollten Sie einen leistungsstarken Mac benötigen, der alles verarbeitet.

Es gibt zwei Hauptkonkurrenten von Sketch: Adobe XD und InVision Studio. Adobe XD ist ein weiteres vektorbasiertes Tool, das für Wireframing und Prototyping verwendet wird. InVision Studio hat sowohl gegenüber Adobe XD als auch Sketch einen Vorteil: sein Animationsmodul.

Skizzenfunktionen

Sketch verfügt über viele der grundlegenden Funktionen, die Sie erwarten würden:

• Zeichen-, Form- und Textwerkzeuge
• Formpunkte und Bezierkurven bearbeiten
• Arrangement-Operationen (Alignment, Bring to Front, Verteilung)
• Boolesche Werkzeuge (Vereinigung, Subtraktion, Schnittmenge, Differenz)

Sketch ist jedoch nicht zum Zeichnen gedacht – es ist wirklich für das Prototyping gedacht. Hotspots definieren; Bereiche des Bildschirms als scrollend/nicht scrollend zuweisen; und Verknüpfen und Verknüpfen von Instanzen, Menüs, Seiten, Abschnitten und Symbolen. Sie können auch Bilder oder Text importieren, um den Prototyp mit realistischeren Daten als Platzhaltern zu füllen. Sketch ist besonders nützlich, wenn es darum geht, mit hoher Präzision zu konstruieren:

• Werkzeuge für hohe Präzision (Raster und Pixelraster, Lineale, Smart Guides usw.)
• Intelligente Hilfslinien werden angezeigt, bevor Sie mit dem Zeichnen beginnen, um eine optimale Präzision zu gewährleisten
• Wenn Sie „Alt“ gedrückt halten, wird der Abstand zwischen der ausgewählten Ebene und anderen sowie zwischen der Ebene und der Zeichenfläche angezeigt
• Wählen Sie zwei Ebenen aus und richten Sie sie aneinander aus
• Mit der Option Objekte verteilen können Sie Abstände zwischen Layern normalisieren
• Legen Sie Ihr eigenes Layoutraster fest

Weitere großartige Sketch-Funktionen

• Das Skalierungswerkzeug skaliert jede Eigenschaft – Rand, Radius, Schatten/innerer Schatten, Größe
• Mit der Pixelanpassung können Sie beim Ausrichten oder Ändern der Größe von Formen scharfe Pixel beibehalten
• Automatische Erkennung von Farben in Ihrem Dokument, und Farben werden basierend auf ihrer Verwendungshäufigkeit sortiert
• Das Farbwerkzeug speichert Ihre Palette für ein einzelnes Dokument oder global
• Wechseln Sie von RGB zu HSB, um mehr Kontrolle über Ihre Farben zu haben
• Farbverläufe eignen sich hervorragend für Hintergründe, Schaltflächen und Symbole
• Verwenden Sie radiale Farbverläufe für große Hintergründe und eckige Farbverläufe für kreisförmige Hintergründe
• Anpassbare Hintergrundunschärfe; alle Ebenen unterhalb der ausgewählten werden automatisch verwischt
• Mit Textstilen können Sie Ihren bevorzugten Typografiestil über mehrere Ebenen hinweg wiederverwenden (einen globalen Stil festlegen)
• Erstellen Sie wiederverwendbare Elemente (Symbole), um sie über Zeichenflächen hinweg zu teilen; Wenn Sie eines aktualisieren, werden alle anderen synchronisiert (wenn ein anderes Teammitglied ein Symbol aktualisiert, können Sie das Update genehmigen oder von Ihrer Bibliothek trennen)
• Wenn Sie in Photoshop oder Illustrator eine Bibliothek mit Symbolen und Logos haben, können Sie diese zu Sketch migrieren
• Wenn Sie die automatische Speicherung aktivieren, werden Ihre Änderungen gespeichert, damit Sie Ihre harte Arbeit nicht verlieren
• Auto-Save erstellt auch einen Versionsverlauf Ihres Designs

Preisskizze

Sketch kostet 99 US-Dollar im ersten Jahr und 69 US-Dollar, um Ihre Lizenz jedes Jahr danach zu erneuern. Wenn Sie Sketch auf mehr als einem Gerät verwenden müssen, gibt es eine Volumenlizenz ab 89 USD pro Gerät für zwei Geräte im ersten Jahr und 64 USD pro Gerät für Verlängerungen. Die größte Volumenlizenz, die Sie kaufen können, sind 50+ Geräte für 59 USD pro Gerät im ersten Jahr und 49 USD pro Gerät für Verlängerungen. Es gibt auch eine kostenlose 30-Tage-Testversion, für die keine E-Mail oder Kreditkarte erforderlich ist und die ab dem ersten Start der App beginnt.

Die Sketch-Lizenz beinhaltet ein Jahr Updates, aber Sie können die Software lebenslang nutzen; oder Sie können jedes Jahr aktualisieren, um immer die neuesten Versionen zu erhalten. Zusammen mit der Software erhalten Sie auch die Mirror-App, mit der Sie Ihre Designs in Echtzeit auf Ihrem iPad oder iPhone anzeigen können, und ein Jahr Sketch Cloud.

Einpacken

Um es noch einmal zusammenzufassen: Sketch ist eine reine Mac-Benutzeroberfläche und ein Prototyping-Tool für Designer, aber es ist so einfach zu erlernen, dass Sie es sowohl als Anfänger als auch als Experte verwenden können. Es funktioniert ähnlich wie Photoshop, die Benutzeroberfläche ähnelt Mac-Programmen, und Sketch bietet viel Hilfe durch seine Anleitungen, Communities und vorinstallierten Vorlagen und Kits. Es ist flexibel dank Plugins und der Möglichkeit, es mit Ihren Photoshop- und Illustrator-Bibliotheken zu verwenden. Als speziell entwickeltes Screen-Design- und Prototyping-Tool betont es Präzision in Ihren Designs und Organisation für Ihre Projekte. Adobe XD ist ein würdiger Prototyping-Gegner und InVision Studio ist die Wahl für Animationen, aber die Vertrautheit mit Sketch könnte bald eine Branchenanforderung sein.

Möchten Sie Sketch-Experte werden? Wir haben 25 Sketch-Ressourcen für WordPress-Theme- und Plugin-Designer zusammengestellt.