DokuHandbuch

Kapitelweise: linke Navigation wechselt Abschnitte — eine Seite, ein Kapitel. Unterabschnitte springen in der Seite. Screenshots aus der echten Produkt-UI.

04 / 217 Min. Lesezeit

Die unendliche Canvas

Die Canvas ist die Hauptbühne von Sumi Studio: ein Whiteboard, das sich unbegrenzt verschieben und zoomen lässt. Darauf liegen Nodes, und Verbindungen zwischen den Nodes zeigen, wie die Daten fließen. Dieses Kapitel stellt dir die Oberfläche der Canvas vor und zeigt, wie du dich darauf bewegst, zoomst und verschiebst.

Die Oberfläche der Canvas

Wenn du eine Canvas öffnest (/canvas/deine-Canvas-ID), besteht die Oberfläche aus mehreren Teilen:

  • Obere Leiste: links der Canvas-Titel (Doppelklick zum Umbenennen; ein einfacher Klick öffnet ein Menü mit „Zur Startseite“, „Projektressourcen“, „Teilen“, „Veröffentlichen“, „Versionsverlauf“, „Neue Leinwand“ und „Leinwand löschen“), der Speicherstatus („Gespeichert“, „Speichert“, „Ungespeichert“ usw.) und das zugehörige Projekt; rechts nacheinander „Assets“ (öffnet die Mediathek), „Teilen“ (das Menü enthält „In der Community veröffentlichen“ und „Per Link teilen“, auf Team-Canvases zusätzlich „Zur Zusammenarbeit einladen“), der Umschalter für das Erscheinungsbild, dein Credit-Guthaben und dein Avatar. Team-Canvases zeigen oben in der Mitte außerdem ein Abzeichen „N online“;
  • Die Canvas-Fläche: ein endlos verschiebbares und zoombares Whiteboard, auf dem die Nodes liegen und Verbindungen den Datenfluss zeigen;
  • Die senkrechte Werkzeugleiste links: von oben nach unten „Hinzufügen“, „Canvas-Elemente“, „Assets“, „Vorlagen“ (offizielle Vorlagen + deine gespeicherten Workflows), „Notizzettel“ und „Kommentare“, darunter „Tastenkürzel“ (öffnet die Übersicht) und „Hilfe“; auf schmalen Bildschirmen wandern diese Einträge in ein Menü „Mehr“.
Empty canvas: top bar, left toolbar, the double-click hint and three quick-start cards
Empty canvas: top bar, left toolbar, the double-click hint and three quick-start cards

Schnellstart-Karten

Eine neue, leere Canvas zeigt in der Mitte den Hinweis „Doppelklicke auf die Canvas / um einen Node anzulegen“ sowie drei Schnellstart-Karten – „Charakteransichten“, „Bild zu Video“ und „Audio zu Video“. Ein Klick auf eine davon fügt auf einen Schlag eine vorbereitete Gruppe von Beispiel-Nodes und Verbindungen ein, als Vorlage zum Lernen oder für den Einstieg.

Bewegen, zoomen und verschieben

  • Auswahlbox / Hand: Drücke V für den Auswahlbox-Modus (ziehe einen Rahmen, um mehrere Nodes auf einmal auszuwählen), H für den Hand-Modus (ziehe die Canvas selbst); P schaltet auf Stift-Anmerkungen;
  • Zoomen: auf dem Trackpad mit zwei Fingern auf- und zuziehen oder ⌘/Ctrl gedrückt halten und scrollen; außerdem zoomt ⌘/Ctrl + = hinein und ⌘/Ctrl + - heraus;
  • Ansicht anpassen: ⌘/Ctrl + 0 oder ⇧1 zoomt und zentriert die Canvas so, dass alles sichtbar ist;
  • Verschieben: Leertaste gedrückt halten und ziehen oder mit der mittleren bzw. rechten Maustaste ziehen.

Versionsverlauf

Klicke auf den Canvas-Titel und wähle „Versionsverlauf“, um früher gespeicherte Versionen der Canvas anzusehen und bei Bedarf eine davon wiederherzustellen.

V für Auswahlbox / H für Hand, ⌘/Ctrl+0 zeigt alles · Die Schnellstart-Karten auf der leeren Canvas sind der schnellste Einstieg · „Teilen“ in der oberen Leiste veröffentlicht in der Community und erzeugt auch einen schreibgeschützten Link

· Betreut vom Sumi Studio-Team · Stand aktuelle Produktfähigkeiten · entspricht der Canvas