Schneller Tipp Beschleunigen Sie Ihren Designprozess mit Studio

In dem heutigen Quick-Tipp möchte ich Ihnen "Studio" vorstellen, ein Design-Tool für digitale Produkte. Sehen wir uns an, wie Sie Ihren Konstruktionsprozess beschleunigen können!

 

studio.design

Im Laufe der Jahre haben wir uns alle mit Werkzeugen wie Photoshop, Adobe XD oder Sketch vertraut gemacht, um Layouts und Schnittstellen zu entwerfen. Studio verfolgt beim Designprozess einen etwas anderen Ansatz.

Es ist ein webbasiertes Tool, das derzeit kostenlos verwendet werden kann. Wenn Sie sich anmelden möchten, melden Sie sich unter https://studio.design/ an und geben Sie Ihre Anmeldeinformationen ein.

Sie werden mit einem begrüßt Projekte Seite, bereit und warten auf Ihr erstes Projekt, wenn Sie sich gerade angemeldet haben. Beim Starten eines neuen Projekts haben Sie die Möglichkeit, ein Webprojekt oder eine iPhone-App zu entwerfen.

Die Werkzeuge

Sobald Sie ein Projekt starten, sehen Sie eine Seite (ähnlich einem artboard In anderen Designanwendungen), einige Zoom- und Ansichtssteuerelemente. Links sehen Sie, dass Sie Boxen, Bilder, Text und Symbole hinzufügen können. Das ist so ziemlich alles, was Sie hinzufügen können. Es besteht also sofort ein Unterschied zwischen Studio und anderen UI-Design-Apps, an die Sie gewöhnt sind!

Studio-Schnittstelle

Dieser offensichtliche Mangel an Flexibilität wird jedoch bald aufgehoben, wenn Sie sehen, dass die linke Seitenleiste auch Zugriff auf eine Reihe vorgefertigter Elemente (UI-Kits) bietet. Die UI-Kits enthalten allgemeine Elemente und Muster, z. B. Navigationsleisten, Heldenabschnitte, Formulare usw. Sie finden auch eingebettete Blöcke, durch die Sie auch Google Maps, Videos usw. auf Ihre Seite ziehen können.

Entscheidend ist, dass alle Layout-Elemente von Studio schnell reagieren. Sie ändern sich in Größe und Anordnung je nach Größe der von Ihnen gestalteten Seite. Dies ist entscheidend für die Funktionsweise von Studio und die Art und Weise, wie Sie Schnittstellen entwerfen.

Sehen Sie sich das obige Video an, um weitere Informationen zur Verwendung von Studio, seinen Tools und Ressourcen zu erhalten. Sagen Sie uns in den Kommentaren, was Sie von Studio halten!