23 Top Sketch Plugins

Seite 2 von 2: Seite 2

16. Skizzieren Sie Dockpreview

Zeigen Sie eine Vorschau Ihrer Arbeit am OS X Dock an

Zeigen Sie eine Vorschau Ihrer Arbeit am OS X Dock an
  • Preis: Frei
  • Zusammenfassung: Zeigen Sie eine Vorschau Ihres Icon-Designs im Dock an

Dies ist ein großartiges Dienstprogramm, wenn Sie an einem Mac-App-Symbol arbeiten - ein einfaches Shift + cmd + D. zeigt eine Vorschau Ihrer aktuellen Zeichenfläche auf dem OS X-Dock an und ersetzt das Sketch-Juwel. Dies ist nutzlos, wenn Sie an einer Webseite oder einer App arbeiten, und von unschätzbarem Wert, wenn Sie an Symbolen arbeiten.

17. Stile tauschen

Swap Styles Plugin

Stile tauschen verwendet eine praktische Tastenkombination, um Stile später mit anderen zu tauschen
  • Preis: Frei
  • Zusammenfassung: Tauschen Sie Stile zwischen zwei Ebenen aus

Mit Hilfe einer praktischen Tastenkombination, Stile tauschen tauscht Stile buchstäblich mit einer anderen Ebene aus. Dies ist eine enorme Zeitersparnis beim Entwerfen von Schwebezuständen.

Nehmen wir zum Beispiel eine Menünavigation, die auf jedem Bildschirm angezeigt wird, obwohl sich der aktive Status von Bildschirm zu Bildschirm unterscheidet. Auf dem Einstellungsbildschirm ist der Menüpunkt Einstellungen möglicherweise unterstrichen, und auf dem Newsfeed-Bildschirm ist der Newsfeed-Menüpunkt möglicherweise unterstrichen. Normalerweise haben Sie zwei Möglichkeiten: Entweder bewegen Sie die Dinge für jede Zeichenfläche umständlich oder Sie erstellen eine lächerliche Menge gemeinsamer Stile und / oder Symbole.

In diesem Beispiel können Sie mit Swap Styles den aktiven Statusstil einfach über die Tastenkombination in einen anderen Menüpunkt verschieben: cmd + Strg + S. .

18. Farbkontrastanalysator

Finden Sie mit diesem Plugin heraus, ob Ihre Farbkombinationen den MCAG-Richtlinien entsprechen

Finden Sie mit diesem Plugin heraus, ob Ihre Farbkombinationen den MCAG-Richtlinien entsprechen
  • Preis: Frei
  • Zusammenfassung: Überprüfen Sie, ob Ihr Farbkontrast den Richtlinien für Barrierefreiheit entspricht

Um sicherzustellen, dass Ihre Website für die meisten Benutzer zugänglich ist, muss ein gewisser Kontrast zwischen verschiedenen Designelementen (z. B. Hintergrund und Text) bestehen. Dieser Kontrast wird anhand einer Formel gemessen, die in der WCAG (Web Content Accessibility Guidelines) definiert ist.

Color Contrast Analyzer ist ein praktisches Sketch-Plugin, das zwei Farben vergleicht und das Kontrastverhältnis zwischen ihnen definiert. Die Kontrastverhältnisse sind in drei Stufen unterteilt (A, AA und AAA) - AA ist das von der WCAG festgelegte Minimum. Wenn nur eine Ebene ausgewählt ist, wird die Farbe automatisch mit der Hintergrundfarbe der Zeichenfläche verglichen.

Dieses Plugin hilft Ihnen dabei, solide Designentscheidungen unter Verwendung international anerkannter Designstandards zu treffen. Es ist ein Muss für Designer, die versuchen, sowohl die Lesbarkeit als auch die Zugänglichkeit ihrer Arbeit zu verbessern.

19. Handwerk

Craft ist eine sehr nützliche Toolbox, die Ihren Design- und Prototyping-Workflow beschleunigt

Craft ist eine sehr nützliche Toolbox, die Ihren Design- und Prototyping-Workflow beschleunigt
  • Preis: Frei
  • Zusammenfassung: Suite von Design- und Prototyping-Tools

Kunst Sie können Ihre .sketch-Designs nicht nur mit der InVision-Webanwendung synchronisieren. Tatsächlich können die meisten Funktionen von Craft ohne InVision-Abonnement verwendet werden. Craft erweitert Ihren Design-Workflow, indem Sie Ihr Design mit realistischen Daten und Bildern erstellen, Objekte schnell horizontal und vertikal kacheln und Bibliotheken mit Stilen und Assets erstellen, die in der Cloud gespeichert, von Ihrem Team gemeinsam genutzt und jederzeit aufgerufen werden können.

Es gibt auch Craft Prototype, mit dem Sie nicht nur Benutzerabläufe, Übergänge und dynamische Komponenten wie feste Kopf- / Fußzeilen demonstrieren, sondern diese Demonstrationen auch mit Craft Sync in die InVision-Kern-App synchronisieren können, um Ihr gesamtes Team mit einer Fülle von Funktionen auf den neuesten Stand zu bringen Hochkarätige Tools für Kommunikation, Zusammenarbeit und Designübergabe.

InVision-App-Abonnements beginnen bei 15 US-Dollar pro Monat und sind für kleine Teams geeignet. Craft selbst kann jedoch kostenlos genutzt werden.

20. Skizzieren Sie zum App Store

Dieses Superhelden-Plugin erstellt und exportiert alle Screenshots, die Sie für den App Store benötigen

Dieses Plugin erstellt und exportiert alle Screenshots, die Sie für den App Store benötigen
  • Preis: Frei
  • Zusammenfassung: Generieren Sie einfach App Store-Bilder

Dieses Plugin wurde viel veröffentlicht, als es herauskam, hauptsächlich weil es so brillant ist. Wenn Sie für iOS entwerfen oder entwickeln, sind Sie wahrscheinlich mit dem Problem vertraut, eine Reihe von Screenshots für den App Store zu erstellen, insbesondere jetzt, wo es verschiedene iPhone-Bildschirmgrößen gibt.

Mit diesem Plugin können Sie Ihren Screenshot erstellen, eine einfache, aber vollständig anpassbare Vorlage mit einem iPhone und Text erstellen und 45 Screenshot-Bilder exportieren: eine Reihe von Bildern mit dem iPhone und Text sowie eine Reihe nur mit dem Screenshot (und einem extra Android eins), alle im JPG-Format und bereit zum Hochladen auf iTunes Connect.

21. Skizzieren Sie das Notebook-Plugin

  • Preis: Ab 4,99 €
  • Zusammenfassung: Funktionsdokumentation und Notizen verwalten

Wenn es darum geht, Ihre Entwürfe einem Kunden oder Kollegen zu präsentieren, ist es manchmal schön, das Denken dahinter zu erklären. Dieses Plugin fügt rechts neben Ihrem Dokument eine geschmackvolle Seitenleiste hinzu. Sie müssen nur ein Element des Projekts auswählen und drücken Strg + Alt + Cmd + 9 und geben Sie Ihren Kommentar ein. Das Plugin fügt die entsprechende Nummer und den entsprechenden Kommentar in die Seitenleiste ein.

22. Skizzenmaß

Sketch Measure Plugin

Fügen Sie Ihren Entwürfen Überlagerungen mit nützlichen Informationen hinzu
  • Preis: Frei
  • Zusammenfassung: Überlagert Ihr Design mit Spezifikationen

Wenn Sie mit anderen Personen, insbesondere Entwicklern, zusammenarbeiten, ist es großartig, wenn Sie Ihre endgültigen Modelle mit einigen überlagerten Spezifikationen liefern können - beispielsweise dem Abstand zwischen Elementen, den Abmessungen dieser Symbole, dem HEX-Code der von Ihnen verwendeten Farbe oder der Schriftart eines Etiketts zum Beispiel.

Wenn Ihnen das bekannt vorkommt, erleichtert Ihnen Sketch Measure das Leben. Mit ein paar Mausklicks können Sie automatisch Überlagerungen auf Ihrem Design erstellen, die diese Art von Informationen enthalten - alles auf unauffällige Weise und leicht zu verbergen.

23. Göttliche Proportionen

Sehen Sie sich Beispiele für goldene Spiralen oder Gitter mit goldenem Schnitt an, um Ihr Design zu steuern

Sehen Sie sich Beispiele für goldene Spiralen oder Gitter mit goldenem Schnitt an, um Ihr Design zu steuern
  • Preis: Frei
  • Zusammenfassung: Überprüfen Sie Ihr Design anhand klassischer Verhältnisse

Designer lieben Gitter. Sie lieben die Logik hinter Emotionen, und göttliche Proportionen sind genau das - göttlich. Dieses Plugin nimmt eine Form an und generiert beispielsweise eine überlagerte goldene Spirale oder einen goldenen Schnitt oder ein Gitter, das auf den durch die goldene Spirale erzeugten Abschnitten basiert, oder teilt es durch die Drittelregel. Sie nennen es. Es ist ein grundlegendes Werkzeug, wenn es um Layoutarbeit geht. Weitere Informationen hierzu finden Sie in unserem Designer-Leitfaden der Goldene Schnitt .

So installieren Sie Sketch Plugins

Sketch Plugins können auf verschiedene Arten installiert werden. Die meisten Entwickler laden ihre Erweiterungen einfach in Form einer .sketchplugin-Datei auf GitHub hoch. Dies ist recht einfach, Sie müssen jedoch regelmäßig nach Updates suchen, da Erweiterungen bekanntermaßen nicht mehr funktionieren, wenn neuere Versionen von Sketch veröffentlicht werden.

Wir können auch verwenden Sketch Toolbox zum Suchen, Installieren und Verwalten von Sketch Plugins. Es gibt jedoch keine Garantie dafür, dass Sie die neuesten Versionen erhalten, und einige (z. B. Craft) sind nicht einmal in der Toolbox enthalten.

SketchPacks wird häufiger aktualisiert und enthält normalerweise die großen Jungs wie AnimaApp - aber es fehlen immer noch die Plugins für private Quellen wie Craft.

Sketch versucht, Sketch Plugins zu aktualisieren, wenn dies möglich ist, verwendet jedoch Sketchpacks oder sogar die GitHub GUI - wenn Sie mit GitHub vertraut sind - könnte als geeignete Alternative dienen. Weitere Anleitungen finden Sie in unserer Möglichkeiten, in Sketch besser zu gestalten Artikel.

Dies ist eine bearbeitete Version eines Artikels, der ursprünglich in erschien Netz , das weltweit führende Magazin für Entwickler und Webdesigner. Abonnieren Sie hier .

Zum Thema passende Artikel:

  • 1
  • zwei

Aktuelle Seite: Seite 2

Vorherige Seite Seite 1