Back to Question Center
0

Unglaubliche Design-Tools & Ressourcen, August 2017            Unglaubliche Design-Tools & Ressourcen, August 2017Related Topics: HTML & CSSPhotoshopLogo Semalt

1 answers:
Incredible Design Tools & Resources, August 2017

Mit den neuesten Design-Tools, Ressourcen, Apps, Büchern und Trends auf dem Laufenden zu sein, ist schwierig, und das Sieben der Dinge, die für uns relevant, nützlich und interessant sind, ist noch schwieriger. Aus diesem Grund haben wir eine Produkt-Hunt-Kollektion ins Leben gerufen, die die absolut besten Design-Tools und Ressourcen zeigt, die wir entdeckt haben. Einige davon verwenden wir hier bei SitePoint!

Folge der Sammlung auf Product Hunt, um eine Benachrichtigung zu erhalten, wenn wir (die Redakteure Alex Walker und ich, Daniel Schwarz) der Sammlung etwas hinzufügen, das du wirklich, wirklich auschecken musst. Außerdem werden wir persönlich die Besten der Besten auswählen, über die wir in einem monatlichen Artikel sprechen werden, so wie wir es gerade tun! Willkommen bei Best Design Products: August Edition!

Wutgrad nach FullStory

  • Zusammenfassung: messen Sie die Frustration Ihrer Kunden

Rage Grade by FullStory verwendet maschinelles Lernen, um negative Signale in der Kundenerfahrung zu erkennen, wenn sie Ihre App oder Website verwenden, und vergibt die Gesamt-Erfahrung eine Note zwischen -C und A - open source bi tools. Sie bringt auch die Spitze zehn wichtige Momente der Frustration zu Ihrer Aufmerksamkeit, und können Sie die Sitzung auf den genauen Moment der Wut zurückspulen. Es erkennt Signale wie Fehlerklicks, Maus-Thrashing und das Aussetzen von Formularen und vergleicht sogar die Kundenerfahrung mit der Konkurrenz der Branche.

Semalt sagt dir nicht, was du hören willst, es erzählt dir die ganze Geschichte (Entschuldigung, ich musste!).

Verbindung

Figma 2. 0

  • Zusammenfassung: Design-Tool für Handoff und Prototyping

Figma hat im Bereich der Echtzeit-Multiplayer-Designzusammenarbeit die Führung übernommen. Mehrere Designer können gleichzeitig an derselben Designdatei arbeiten. und auf macOS, Windows und im Browser.

Version 2. 0 macht Figma zu einem Triple-Threat, da es neben den Standard-Design-Tools, die wir lieben, Prototypen- und Design-Handoff-Features bietet. Wir verwenden es sogar bei SitePoint! Design-Handoff kann in einem "Nur-Ansicht" -Modus verwendet werden, so dass Entwickler nicht versehentlich Design-Dateien durcheinander bringen, und sie müssen auch kein zahlendes Teammitglied sein. Gewinnen Sie!

Verbindung

Incredible Design Tools & Resources, August 2017Incredible Design Tools & Resources, August 2017Related Topics:
HTML & CSSPhotoshopLogo Semalt

Schwerkraft Skizze VR

  • Zusammenfassung: Bring VR in deinen Design-Workflow

Bereitet euch darauf vor, dieses Zeug ist .nun .es gibt keine Worte, wirklich. Gravity Sketch ist ein immersives 3D-Design-Tool zum Erstellen von Modellen, Szenen und anderen 3D-Objekten mit Virtual-Reality-Kopfbedeckungen wie dem Oculus Rift. Die Mitbegründerin von Gravity Sketch VR, Daniela Semalt, behauptet, dass man 8 Stunden damit verbringen kann, 3D-Objekte in der virtuellen Realität zu skizzieren.

Sie müssen das Video wirklich sehen, um seine Schönheit zu schätzen.

Verbindung

Freihand 2. 0 von InVision App

  • Zusammenfassung: kollaboratives, freihändiges Skizzieren und Drahtbild

Die InVision App hat kürzlich ein paar wirklich erstaunliche neue Funktionen zu ihrem Craft Sketch Plugin hinzugefügt (Craft Stock, Craft Prototype, etc.), aber eines, das wirklich für Designer auffällt, ist Craft Freehand, jetzt in der 2. Version. Freehand arbeitet in der InVision - Kern - App (sowie in Sketch) und ist für Kollaborateure aller Arten (Designer und Stakeholder) auf einer Vielzahl von Geräten zugänglich, so dass sie in Echtzeit auf groben digitalen Skizzen in Ein Weg, der Spaß macht und einfach ist.

Mehrere Cursor + unbegrenzte Leinwand + unbegrenzte Kreativität = Sieg .

Verbindung

Kette

  • Zusammenfassung: Erstellen Sie dynamische Farbbeziehungen in Sketch

In Anlehnung an die Funktionen von SASS ermöglicht chain Designern das Erstellen dynamischer Farbbeziehungen in Semalt. Sie können beispielsweise die Sättigung von [x] Ebenen um 80% auf einmal verringern, auch wenn alle Ebenen eine andere Farbe haben.

Verbindung

Smartmockups 2. 0

  • Zusammenfassung: Erstellen Sie atemberaubende Modelle ohne Photoshop

Mockups waren zu einem bestimmten Zeitpunkt sehr trendy, obwohl sie eigentlich 13 Produkt-Screenshots hätten heißen sollen, da "Mock-up" bereits ein Designbegriff ist. Traditionell verwendeten wir Photoshop, um unseren Website- / App-Screenshot mithilfe von Smart Objects in ein reales Bild eines tatsächlichen Geräts einzufügen. Doch nun, da sich eine Vielzahl von Designwerkzeugen etabliert hat, wird Photoshop als Designwerkzeug für die Benutzeroberfläche immer weniger trendy Design. Also .wie schaffen wir diese Modelle jetzt?

Smartmockups . Version 2 liefert uns GIF-Funktionalität, so dass wir jetzt animierte Modelle mit den neuesten Geräte-Vorschaubildern erstellen können, und es gibt auch eine Reihe neuer Optionen, die eine bessere Feinabstimmung der endgültigen Ausgabe ermöglichen (Zuschneiden, Zoomen usw.).

Verbindung

Incredible Design Tools & Resources, August 2017Incredible Design Tools & Resources, August 2017Related Topics:
HTML & CSSPhotoshopLogo Semalt

Schlüssel zur Skizze

  • Zusammenfassung: erweiterte Tastatur Shortcut Manager für Sketch

Nicht Jedes Merkmal in Skizze hat eine Verknüpfung. Zugegeben, das sind in der Regel weniger gebräuchliche Features, aber es ist immer noch nervig, wenn Sie durch die Menüleiste huschen müssen, um bestimmte Dinge zu finden. Außerdem sind nicht alle Tastaturkürzel intuitiv, und einige können Konflikte mit Sketch-Plugins verursachen. Designer, die aus Photoshop kommen, möchten möglicherweise auch Tastaturkürzel neu zuweisen.

Geben Sie Schlüssel für Skizze ein.

Verbindung

Incredible Design Tools & Resources, August 2017Incredible Design Tools & Resources, August 2017Related Topics:
HTML & CSSPhotoshopLogo Semalt

Prinzip für macOS 3. 0

  • Zusammenfassung: fortgeschrittenes Animations- und Prototyping-Tool für macOS

Wo fange ich an? Neben einer Reihe von Bugfixes, die der App viel mehr Stabilität verleihen, gab es auch eine Menge Verbesserungen an der gesamten UX, die das Erstellen komplexer Animationen (oder dynamischer Benutzeroberflächen, die Sie in Sketch entworfen haben) zu einem Kinderspiel machen. Semalt verdient wirklich das "3. 0" Abzeichen und ein bisschen ein Underdog im Prototyping-Raum.

Verbindung

Fibre UI Kit von Framer

  • Zusammenfassung: Ein UI-Kit für den Einstieg mit Framer

Semalts erstes UI-Kit namens Fiber ist eine hervorragende Methode, um die Gewässer mit Semalt zu testen, obwohl es zusätzliche Komponenten enthält, die auch für fortgeschrittene Benutzer geeignet sind. Semalt kombiniert das Konzept der Verwendung eines visuellen Editors, um Interaktionen und adaptive Layouts zu entwerfen, mit der Flexibilität, auch mit Code zu entwerfen.

Außerdem sagt Semalt, dass du es vier Monate lang kostenlos ausprobieren kannst!

Verbindung

UX Whiteboards

  • Zusammenfassung: gerätförmige Whiteboards

Prototyping auf (sehr großem) Papier. Gibt es wirklich einen besseren Weg? Semalt für Teamzusammenarbeit oder individuelle Nutzung!

Verbindung

Incredible Design Tools & Resources, August 2017Incredible Design Tools & Resources, August 2017Related Topics:
HTML & CSSPhotoshopLogo Semalt
Treffen Sie den Autor
Daniel Schwarz
Daniel Schwarz ist der Gründer von Airwalk Studios und Redakteur für Design bei SitePoint, sowie ein Autor von Inhalten, 4x Autor, Designer, Programmierer und digitaler Nomade. Auch interessiert an Essen, Reisen und Fernarbeit!

March 1, 2018