Zeichengrundlagen

Nachdem Sie die Benutzeroberfläche von OmniGraffle überflogen und die Dokumentübersicht kennengelernt haben, sollte dieses Wissen in die Praxis umgesetzt werden. Nun können Sie ein neues Dokument erstellen und das Gelernte ausprobieren.

So erstellen Sie ein neues Dokument:

  1. Gehen Sie zum Bildschirm Speicherorte.
  2. Wählen Sie den Ordner aus, in dem Sie die Datei speichern möchten.
  3. Tippen Sie am oberen Rand des Bildschirms in der Symbolleiste auf Taste „Hinzufügen“.
  4. Wählen Sie auf dem Bildschirm Vorlagenauswahl eine der acht vorinstallierten Vorlagen oder eine von Ihnen erstellte und OmniGraffle hinzugefügte Vorlage aus. Wählen Sie der Nachverfolgbarkeit halber die Vorlage Automatische Größe – Pixel.
Vorlagenauswahl

Nach der Vorlagenauswahl öffnet OmniGraffle ein neues Dokument. (Es hat den Namen Mein Diagramm, doch den können Sie später ändern.)

Ein neues Dokument mit einer leeren Arbeitsfläche.

Die anderen Tasten in der Symbolleiste umfassen:

  • Tippen Sie auf Taste „Arbeitsflächen“, um die Seitenleiste Arbeitsflächen auf der linken Seite aus- und einzublenden. Hier verwalten, erstellen und löschen Sie Arbeitsflächen und Ebenen in Ihrem Dokument.

    OmniGraffle mit der Seitenleiste für Inhalte geöffnet

    Sie können auch zwischen den Ansichten Liste und Stile umschalten. Dies ist sehr praktisch, wenn Sie viele ähnlich optisch gestaltete Objekte ändern müssen. Beispielsweise wenn Ihr Vorgesetzter möchte, dass Sie bei einem Vorkommen die Füllung von Aubergine (#3d0734) in Gelbgrün (#c1f80a) ändern.

  • Tippen Sie auf Taste „Info“, um Details über die Arbeitsfläche, an der Sie arbeiten, zu entdecken. Wenn Sie auf der Arbeitsfläche ein Objekt ausgewählt haben, greifen Sie hier auch auf die Informationsfenster zu.

    Fenster „Info“
  • Tippen Sie auf Taste „Schablonen“, um die Bibliothek Schablonen zu öffnen. In der Bibliothek „Schablonen“ können Sie Objekte suchen und auf die Arbeitsfläche bewegen oder Stenciltown nach neuen Schablonen online durchsuchen.

    Fenster „Schablonen“

Nachdem Sie Gelegenheit hatten, die Tasten in der Symbolleiste genau durchzusehen, ist es Zeit, die Zeichenwerkzeuge auszuprobieren.

Hinzufügen von Formen

Eine Form ist ein zweidimensionales Objekt, das Sie Ihrer Arbeitsfläche hinzufügen. Formen können mit einer Ergänzung wie einem schönen Verlauf oder einer Farbe gestylt werden. Sie können einer Form auch eine Beschriftung hinzufügen. Am schnellsten fügen Sie Formen durch Bewegen aus der Schablonenpalette hinzu:

  1. Tippen Sie auf Formwerkzeug, um das Formwerkzeug auszuwählen.

  2. Tippen Sie mit einem Finger auf die Arbeitsfläche und bewegen Sie Ihren Finger, um eine Form zu zeichnen.

    Zeichnen einer Form auf der Arbeitsfläche

    Beim Zeichnen auf der Arbeitsfläche werden die Abmessungen der gezeichneten Form sowie die x/y-Position auf der Arbeitsfläche von OmniGraffle angezeigt.

Wenn Sie eine der vorinstallierten Schablonen bevorzugen, tippen Sie in der oberen Leiste auf Symbol „Schablonen“. Hierdurch wird ein Menü geöffnet, in dem Sie eine Schablone auswählen können. Sie können entweder auf eine Schablone doppeltippen, um sie der Arbeitsfläche hinzuzufügen:

Doppeltippen Sie, um eine Schablone zur Arbeitsfläche hinzuzufügen.

oder einen Finger auf eine Schablone legen und sie dann auf die Arbeitsfläche bewegen:

Tippen Sie und bewegen Sie eine Schablone auf die Arbeitsfläche.

Beim Bewegen einer Schablone auf die Arbeitsfläche verschwindet das Menü „Schablonen“ und blaue Ausrichtungslinien werden eingeblendet, um Sie beim Positionieren des Objekts auf der Arbeitsfläche zu unterstützen. Rosa Ausrichtungslinien unterstützen Sie beim Positionieren des Objekts in der horizontalen und vertikalen Mitte.

Sie können auch eigene Formen erstellen:

  1. Tippen Sie auf Taste „Freihand“, um das Freihand-Zeichenwerkzeug zu aktivieren. Sie können auch auf ein Werkzeug doppeltippen, um es dauerhaft aktiv zu machen; beispielsweise Taste „Freihand“ dauerhaft aktiv angezeigt.

  2. Zeichnen Sie mit Ihrem Finger oder bevorzugten Stylus auf der Arbeitsfläche.

    Eine kleine Zeichnung für meine Freunde.

Sie können Ihre Formen auswählen und mit den Informationsfenstern anpassen, indem Sie in der oberen Leiste auf die Taste Taste „Info“ tippen. Hier haben wir den Kopf für das Smiley ausgewählt und eine gelbe radiale Füllung hinzugefügt.

Hinzufügen eines Füllstils zu einem Objekt mit dem Informationsfenster „Füllung“

Im Menü „Schablonen“ können Sie der Arbeitsfläche auch ein Bild hinzufügen:

  1. Tippen Sie auf Taste „Schablonen“, um das Menü „Schablonen“ zu öffnen.

  2. Tippen Sie oben im Menü „Schablonen“ auf Symbol „Kamera“.

    Öffnen des Menüs „Schablonen“

    Falls Sie OmniGraffle noch nicht den Zugriff auf die App „Fotos“ erlaubt haben, wird folgender Hinweis angezeigt:

    OmniGraffle weist Sie darauf hin, wenn die App keinen Zugriff auf die App „Fotos“ hat.

    Doppeltippen Sie an Ihrem iPad die Home-Taste, um OmniGraffle den Zugriff zu erlauben, öffnen Sie die App Einstellungen und tippen Sie dann links auf Datenschutz. Aktivieren Sie dann den Schalter für OmniGraffle.

    Tab „Datenschutz“ in der App „Einstellungen“

    Doppeltippen Sie jetzt wieder die Home-Taste, um zu OmniGraffle zurückzukehren.

  3. Nach dem Tippen auf Taste „Kamera“ werden im Menü „Schablonen“ von unten her Optionen eingeblendet:

    • Tippen Sie auf Foto aufnehmen, um die Kamera des iPad zu verwenden.
    • Tippen Sie auf Vorhandenes auswählen, um ein Bild aus Ihrer Fotos-Mediathek auszuwählen.
    • Tippen Sie auf Letztes verwenden, damit OmniGraffle das zuletzt zu Ihrer Fotos-Mediathek hinzugefügte Bild platziert.
    Wählen Sie eine Option zum Platzieren eines Bilds aus.
  4. Wenn Sie auf Vorhandenes auswählen tippen, wird der Bereich Fotos im Menü eingeblendet. Hier können Sie aus allen Fotos auf Ihrem iPad oder aus Fotos, die zuletzt hinzugefügt wurden, auswählen.

    Wählen Sie aus, woher das Foto genommen werden soll.
  5. Scrollen Sie dann durch die Bilder und tippen Sie auf das Bild, das Sie der Arbeitsfläche hinzufügen möchten.

    Tippen Sie, um der Arbeitsfläche ein Bild hinzuzufügen.

    Das Menü „Schablonen“ wird ausgeblendet und das Bild wird auf der Arbeitsfläche platziert.

    Ein Bild von Enceladus, einem der Saturnmonde

Mit den Informationsfenstern können Sie das Bild noch mehr ändern. Wählen Sie zuerst das Bild aus und tippen Sie dann in der Navigationsleiste auf Taste „Info“. Hierdurch wird das Menü „Info“ geöffnet, in dem Sie zahlreiche Stile und Effekte auf das Bild anwenden können.

Verbinden von Objekten mit Linien

Verbindungen sind Linien zwischen Objekten, die oft dabei helfen, die Beziehung zwischen den Objekten zu verdeutlichen. So erstellen Sie Verbindungen zwischen Objekten:

  1. Doppeltippen Sie auf Taste „Formen“, damit Sie einige Objekte auf der Arbeitsfläche zeichnen können. Für dieses Beispiel genügen zwei rechteckige Formen.

    Zeichnen von Formen auf der Arbeitsfläche

    Beachten Sie die hellblauen Größeneinstellungshilfslinien entlang der Objekte. Diese werden beim Zeichnen ähnlicher Formen auf der Arbeitsfläche angezeigt, damit Sie deren Größen anpassen können. Sie könnten natürlich auch nur eine Form zeichnen und dann das Objekt mit Tippen-und-Halten-Gesten kopieren und einsetzen.

  2. Tippen Sie auf Taste „Linie“, um das Linienwerkzeug zu aktivieren.

  3. So zeichnen Sie eine Linie zwischen Formen: Ziehen Sie von einer Form zur anderen.

    Zeichnen einer Linie zwischen zwei Formen
  4. So zeichnen Sie eine nicht angefügte Linie: Ziehen Sie quer über die Arbeitsfläche.

    Zeichnen einer Linie mit dem Linienwerkzeug

So passen Sie die Endpunkte der Linie an:

  1. Legen Sie einen Finger auf einen Endpunkt der Linie ...

    Ziehen eines Linienendpunkts an einen anderen Ort

    ... und bewegen Sie ihn an den neuen gewünschten Ort:

    Verlegter Linienendpunkt

    Beachten Sie, wie der Endpunkt am führenden Punkt der anderen Linie einrastet, wenn er näher kommt.

Hinzufügen von Beschriftungen

Beschriftungen sind Textobjekte, die Formen und Linien angehängt werden. Mit ihnen wird normalerweise ein Objekt oder die Beziehung zwischen Objekten definiert.

Sie können der Arbeitsfläche mit dem Textwerkzeug (Textwerkzeug) auch unabhängige Textblöcke hinzufügen. Solche Textblöcke sind unabhängig von anderen Objekten auf der Arbeitsfläche, außer Sie gruppieren sie.

Doppeltippen Sie zum Hinzufügen einer Beschriftung zu einer Form auf die Form. Der Standardtext Beschriftung wird bereits hervorgehoben angezeigt, damit Sie das Objekt durch Texteingabe richtig benennen können.

Hinzufügen einer Beschriftung zu Objekten auf der Arbeitsfläche

Taste „Tastatur ausblenden“Tippen Sie nach der Eingabe in der unteren rechten Ecke der iPad-Tastatur auf die Taste Tastatur ausblenden. Wenn Sie eine Bluetooth-Tastatur verwenden, drücken Sie Esc, um den eingegebenen Text zu übernehmen.

Wenn Sie eine Beschriftung bearbeiten müssen, brauchen Sie darauf nur doppelzutippen, um sie auszuwählen. Dann können Sie die erforderlichen Änderungen vornehmen. Wenn Sie einen bestimmten Buchstaben einfügen oder löschen müssen, legen Sie den Finger auf das Textobjekt und bewegen Sie dann die Einfügemarke mit dem Finger an eine andere Textstelle.

So fügen Sie einer Linie eine Beschriftung hinzu:

  1. Doppeltippen Sie auf eine Linie, um eine Beschriftung anzuzeigen.

    Linie mit einer neuen nicht bearbeiteten Beschriftung
  2. Geben Sie Text ein, um die Aktion zu beschreiben, die sich auf die Linienrichtung bezieht.

    Linie mit einer neuen Beschriftung
  3. Tippen Sie zum Anpassen der Beschriftungsposition auf Taste „Info“, um das Informationsfenster zu öffnen.

    Menü „Informationsfenster“, geöffnet durch Tippen auf die Taste „Info“

    Sie haben folgende Möglichkeiten:

    • Im Informationsfenster Füllung können Sie der Beschriftung eine Hintergrundfarbe hinzufügen.
    • Im Informationsfenster Textposition können Sie die Beschriftungsposition und die Textausrichtung anpassen.
    • Im Informationsfenster Schrift können Sie die Schriftgröße, den Schriftstil und die Schriftfarbe ändern.
    • Im Informationsfenster Größe und Position können Sie die Beschriftung drehen, falls erforderlich.
    • Im Informationsfenster Notizen können Sie zusätzliche Informationen über die Beschriftung oder die Objekte, mit denen sie verbunden ist, hinzufügen.

Tipp
Denken Sie an Folgendes: Wenn Sie einem Objekt, einer Linie oder der Arbeitsfläche Text hinzufügen müssen, doppeltippen Sie darauf. Anschließend wird von OmniGraffle eine Beschriftung angezeigt.

Hinzufügen von Steuerpunkten und Kurven zu einer Linie

Alle gezeichneten Formen beginnen mit einer einfachen Linie. Während das Zeichnen gerader Linien mit dem Linienwerkzeug einfach ist, gibt es Momente, in denen Sie eine gewinkelte oder gekrümmte Linie für den gewünschten Effekt brauchen. Hierfür benötigen Sie Steuerpunkte. Wie der Name schon sagt, können Sie mit einem Steuerpunkt das Aussehen und den Stil einer Linie besser steuern.

So fügen Sie einer Linie einen Steuerpunkt hinzu:

  1. Tippen Sie auf Auswahlwerkzeug und wählen Sie die Linie aus.

    Wählen Sie die Linie aus, der Sie einen Steuerpunkt hinzufügen möchten.
  2. Tippen Sie auf Taste „Linie“, um die Punktbearbeitungswerkzeuge zu verwenden.

    Linie mit einem hinzugefügten Steuerpunkt
  3. Tippen Sie auf Punkt hinzufügen, um das Werkzeug Punkt hinzufügen auszuwählen. Eine kleine blaue Raute wird auf der Linie an der Stelle, auf die Sie getippt haben, angezeigt.

    Linie mit einem hinzugefügten Steuerpunkt
  4. Tippen Sie zum Bewegen eines Steuerpunkts entlang der Linie mit dem Punktauswahlwerkzeug auf Verwendung des Punktauswahlwerkzeugs. Legen Sie dann einen Finger auf den Steuerpunkt und bewegen Sie ihn auf der Arbeitsfläche.

    Legen Sie einen Finger auf einen Steuerpunkt, um ihn entlang der Linie zu bewegen.

Sie können einer Linie beliebig viele Steuerpunkte hinzufügen, vorausgesetzt, sie passen alle auf die Linie. Nach dem Hinzufügen von Steuerpunkten können Sie das Aussehen der Linie mit dem Informationsfenster Linie noch mehr ändern.

Informationsfenster „Linie“

Sie können beispielsweise die Linie von Gerade in Gekrümmt ändern, um eine Schlangenlinie zu erhalten. Wahlweise könnten Sie sie von Gerade in Bézier ändern, damit Sie schöne kurvenförmige Linien mit Leichtigkeit erstellen können.

Linie mit komplexer Bézierkurve

Weitere Details über Bézierkurven finden Sie weiter unten in diesem Kapitel unter Arbeiten mit Bézierkurven.

Auswählen, Bewegen und Ändern der Größe von Objekten

Sobald Sie der Arbeitsfläche Objekte hinzugefügt haben, müssen Sie Dinge vielleicht herumbewegen, um die richtige Anordnung zu erzielen. Hierfür benötigen Sie hauptsächlich das Auswahlwerkzeug.

Beginnen Sie durch Tippen auf Auswahlwerkzeug in der Zeichensymbolleiste, um es zu aktivieren.

  • Tippen Sie zum Auswählen eines Objekts einfach auf das Objekt.

  • Legen Sie zum Auswählen aller Dinge auf der Arbeitsfläche einen Finger kurz auf die Arbeitsfläche. Tippen Sie im angezeigten Kontextmenü auf Alles.

    Auswahl aller Objekte auf der Arbeitsfläche
  • Legen Sie zum Auswählen mehrerer Objekte auf der Arbeitsfläche einen Finger auf die Arbeitsfläche und ziehen Sie, sobald die Auswahlanzeige eingeblendet wird, über die Objekte, die Sie auswählen möchten.

    Auswählen von Objekten auf der Arbeitsfläche durch Ziehen

    Wahlweise können Sie einen Finger auf ein Objekt legen, während Sie mit einem anderen auf die anderen Objekte tippen. So wird Ihrer Auswahl ein Objekt nach dem anderen hinzugefügt.

    Individuelles Auswählen von Objekten auf der Arbeitsfläche
  • So ändern Sie die Größe eines Objekts oder einer Objektgruppe:

    • Wählen Sie die Objekte aus, die Sie in der Größe ändern möchten.
    • Tippen und halten Sie einen der Aktivpunkte und bewegen Sie ihn, um die Größe zu ändern. Wenn das Objekt eine Form oder Beschriftung ist, wird auf der Arbeitsfläche eine Informationsanzeige mit den Abmessungen der Auswahl eingeblendet.
  • Tippen Sie zum Festlegen einer Größe ohne Bewegen auf das Objekt und legen Sie im Informationsfenster Größe und Position die Höhe und Breite fest. Sie sollten am unteren Rand des Informationsfensters „Größe und Position“ die Optionen Seitenverhältnis behalten und Inhalt skalieren aktivieren, um sicherzustellen, dass Ihre Objekte hervorragend aussehen.

    Informationsfenster „Größe und Position“
  • So bewegen Sie ein Objekt: Legen Sie einen Finger auf das Objekt und bewegen Sie es auf der Arbeitsfläche, bis Sie eine geeignete Stelle dafür gefunden haben. Wenn das Objekt Verbindungen hat, werden die Verbindungslinien ebenfalls bewegt.

Optimale Verwendung des Kontextmenüs

Wenn Sie einen Finger auf ein Objekt oder die Arbeitsfläche legen, wird ein schwarz-weißes Kontextmenü oberhalb des berührten Objekts angezeigt. Dieses Menü, ähnlich wie die Kontextmenüs auf einem Mac, bietet Kurzbefehle für allgemeine Dinge, die Sie erledigen müssen.

Kontextmenü für ein ausgewähltes Objekt

Wenn Sie einen Finger auf die Arbeitsfläche legen, bietet das Kontextmenü folgende Optionen:

  • Mit Alles wird alles auf der Arbeitsfläche ausgewählt.
  • Mit Vollbild wird alles außer die Arbeitsfläche ausgeblendet. Wählen Sie diese Option, wenn Sie eine uneingeschränkte Ansicht Ihrer Arbeit benötigen oder das in OmniGraffle Gezeichnete vorführen möchten. Um zur Navigation und zu den Zeichenwerkzeugen zurückzukehren, legen Sie einen Finger auf die Arbeitsfläche und wählen Sie dann im Menü Vollbild aus.
  • Die dritte Option Einsetzen wird im Kontextmenü der Arbeitsfläche angezeigt, wenn etwas in die Zwischenablage kopiert oder ausgeschnitten wurde.

Folgende Optionen werden im Kontextmenü angezeigt, wenn Sie ein Objekt ausgewählt haben:

  • Ausschneiden
  • Kopieren
  • Alles
  • Einsetzen (wenn etwas bereits in der Zwischenablage ist)
  • Löschen
  • Schützen/Schutz aufheben
  • Ganz nach hinten
  • Tabelle erstellen (Pro)
  • Stil kopieren
  • Vollbild/Vollbild aus

Wenn Sie mehrere Objekte ausgewählt haben und einen Finger auf diese Objekte legen, um das Kontextmenü anzuzeigen, werden neben den vorherigen Optionen auch Gruppieren oder Gruppierung aufheben angezeigt.

Die Verwendung des Kontextmenüs kann beim Durchführen von Aufgaben, bei denen Sie ansonsten beim Arbeiten mit OmniGraffle auf dem Mac einen Tastaturkurzbefehl verwenden würden, viel Zeit sparen.

Arbeiten mit Bézierkurven

OmniGraffle ist nicht nur für das Erstellen von Ablaufplänen und Diagrammen geeignet; es ist ein komplettes Illustrationsprogramm. Mit etwas Übung können Sie schnell das Zeichnen komplexer Formen in OmniGraffle meistern. Und sobald diese schönen Dinge auf der Arbeitsfläche sind, können Sie Objekte mit den Informationsfenstern ganz nach Ihrem Geschmack optisch gestalten.

In diesem kurzen Tutorial wird Ihnen gezeigt, wie Sie eine einfache Form (ein Dreieck) in ein Blatt verwandeln. Folgen Sie einfach der Anleitung ...

  1. Tippen Sie in Ihrem bevorzugten Ordner auf Taste „Hinzufügen“, um ein neues Dokument zu erstellen.

  2. Wählen Sie die Vorlage Automatische Größe – Pixel.

  3. Tippen Sie in der Navigationsleiste auf Taste „Schablonen“, um das Menü „Schablonen“ zu öffnen.

  4. Wählen Sie Formen.

  5. Doppeltippen Sie unter Einfach auf das hier gezeigte Dreieck, um es der Arbeitsfläche hinzuzufügen:

    Menü „Schablonen“
  6. Tippen Sie auf die Arbeitsfläche, um das Menü „Schablonen“ auszublenden.

Sie haben jetzt ein einzelnes, nach rechts zeigendes Dreieck auf der Arbeitsfläche. Jetzt fragen Sie sich bestimmt „Wie soll ich dies denn in ein Blatt umwandeln?“. Immer mit der Ruhe, wir schaffen das.

Einzelnes Dreieck, das bald ein Blatt sein wird

Die nächste Aufgabe besteht darin, das Dreieck so zu drehen, dass es nach oben zeigt.

  1. Vergrößern Sie das Dreieck durch Aufziehen. Ihre Vergrößerung kann variieren; wichtig ist, dass Sie soweit vergrößern, dass Sie das Objekt mit einer Zweifingergeste drehen können.

    Vergrößern auf der Arbeitsfläche
  2. Legen Sie zwei Finger gleichzeitig auf das Dreieck. Drehen Sie die Finger etwas. Wenn ein nach oben zeigender blauer Pfeil angezeigt wird, entfernen Sie einen Finger vom Display und drehen Sie das Dreieck mit dem anderen nach links. Sie können den Drehwinkel in der Leiste mit den Informationen sehen; hier haben wir den Winkel auf 285 Grad festgelegt.

    Drehen des Dreiecks mit einer Zweifinger-Drehgeste

    Jetzt beschäftigen wir uns mit Bézierkurven. Vive la Béziers!

  3. Tippen Sie bei ausgewähltem Dreieck auf Freihandwerkzeug, um die Punktbearbeitungswerkzeuge zu verwenden. Durch das Auswählen des Punktbearbeitungswerkzeugs werden die drei Spitzen des Dreiecks bearbeitbare Steuerpunkte. Sie werden alle drei in Bézierkurven umwandeln.

  4. Legen Sie einen Finger auf den oberen Steuerpunkt des Dreiecks. Hierbei passieren einige Vorgänge recht schnell; wir werden sie nacheinander behandeln:

    • Wenn Sie einen Finger auf den oberen Steuerpunkt legen, wird eine blaue Raute um den Punkt angezeigt, um diesen Steuerpunkt zu isolieren. Auf diese Weise wird Ihnen mitgeteilt, dass Sie den Punkt umherbewegen können, um die Form des Dreiecks zu ändern – aber tun Sie das nicht, es muss noch mehr erledigt werden.

      Eine blaue Raute umgibt den oberen Steuerpunkt
    • Während Ihr Finger noch immer auf dem oberen Steuerpunkt liegt, wird aus dem blauen Quadrat eine rote Raute. Auf diese Weise wird Ihnen mitgeteilt, dass Sie ihn umherbewegen können, um diesen Punkt in einen Bézier-Punkt umzuwandeln:

      Eine rote Raute umgibt den oberen Steuerpunkt
    • Wenn Sie den Finger auf dem oberen Steuerpunkt liegen lassen, wird aus der roten Raute ein blaues Fadenkreuz. Auf diese Weise wird Ihnen mitgeteilt, dass der Steuerpunkt vorübergehend an dieser Position geschützt ist und Sie die Bézier-Steuerleiste ausziehen können.

      Ein Fadenkreuz wird über dem ausgewählten Steuerpunkt angezeigt.
    • Bewegen Sie Ihren Finger nach rechts, um den Steuerpunkt in eine Bézierkurve umzuwandeln. Eine rote Bézier-Steuerleiste folgt Ihrem Finger, während Sie Ihren Finger vom Steuerpunkt weg bewegen.

      Die Bézier-Steuerleiste wird vom Steuerpunkt weg bewegt.

    Wie bereits erwähnt, dies alles passiert sehr schnell, aber es ist wichtig zu wissen, was hier passiert. Wenn Sie beispielsweise nur einen Steuerpunkt benötigen, um damit die Form des Dreiecks zu ändern, würden Sie nur so lange warten, bis das blaue Quadrat über dem Punkt angezeigt wird.

  5. Wandeln Sie die zwei übrigen Steuerpunkte in Bézierkurven um. Ihre Zeichnung sollte ungefähr wie folgt aussehen:

    Das ehemalige Dreieck mit Punkten, die in Kurven umgewandelt wurden.

Nach dem Umwandeln der Steuerpunkte in Bézier-Punkte sieht die Form wie ein Ei aus, doch mit etwas Arbeit wird Ihr Kreis die richtige Form bekommen. Experimentieren Sie mit den unterschiedlichen Bézier-Punkten auf dem Kreis:

  • Bewegen Sie die Bézier-Aktivpunkte nach innen oder außen, um die Krümmung optimal anzupassen.

  • Doppeltippen Sie zwischen die vorhandenen Steuerpunkte, um weitere hinzuzufügen, falls erforderlich.

  • Wenn Sie nur eine Seite der Bézierkurve anpassen müssen, tippen und halten Sie zuerst einen der Bézier-Aktivpunkte und tippen und halten* Sie dann die Arbeitsfläche. Mit dem zweiten Finger schützen Sie den Steuerpunkt der Bézierkurve, damit Sie den anderen Finger bewegen können, um winklige oder schiefere Kurven zu kreieren.

    Winklige Kurve
  • Tippen und halten Sie zum Erstellen eines Zackens mit einer Kurve auf der anderen Seite einen der Bézier-Aktivpunkte und tippen und halten Sie dann den anderen Finger auf die Arbeitsfläche, um den Steuerpunkt zu schützen. Bewegen Sie jetzt den Finger, der den Bézier-Aktivpunkt steuert, nach innen in Richtung des Steuerpunkts. Es bleibt eine einseitige Bézierkurve übrig.

    Eine einseitige Bézierkurve

Nach weiteren Arbeitsschritten und dem Hinzufügen einiger Linien könnte Ihr Blatt wie folgt aussehen:

Fertiges Blatt

Einige dieser Werkzeuge und Informationsfenster müssten Sie verwenden:

  • Schalten Sie im Informationsfenster Verbindungen für das Blatt alle möglichen Verbindungen aus. Dadurch können Sie die Linien für die Mittelrippe und Blattadern an den benötigten Stellen platzieren.
  • Erstellen Sie mit dem Linienwerkzeug die Mittelrippe und die Blattadern.
  • Entfernen Sie im Informationsfenster Linie die Endpunkte von den Linien.
  • Variieren Sie im Informationsfenster Kontur die Punktgröße der Linien.
  • Ändern Sie im Informationsfenster Kontur den Stil der Linienkante in „Freihand“.
  • Wenden Sie im Informationsfenster Füllung einen 2-fachen linearen Verlauf auf das Blatt an.
  • Verwenden Sie Gesten zum Auf-/Zuziehen, um die Arbeitsfläche zu vergrößern und zu verkleinern, während Sie die Mittelrippe und die Blattadern des Blatts platzieren.

Und falls Sie etwas wirklich Tolles kreieren, das anderen OmniGraffle-Benutzern auch gefallen könnte, denken Sie daran, dass Sie es als Schablone nach Stenciltown übertragen können.

Interagieren mit Objekten mit dem Aktionenwerkzeug (Pro)

Mit Aktionen können Sie Interaktionen zwischen Objekten in Ihren OmniGraffle-Dokumenten zuweisen. Aktionen öffnen beispielsweise eine URL-Adresse oder blenden eine Ebene oder Arbeitsfläche ein oder aus, wenn auf ein Objekt geklickt wird. Dies macht OmniGraffle zu einem leistungsstarken Werkzeug zum Konzeptionieren von Website- und App-Designs, wobei Sie Interaktionen zwischen verschiedenen Elementen zeigen möchten.

In diesem Abschnitt wird Ihnen nur die grundlegende Funktionsweise von Aktionen in OmniGraffle gezeigt. Ein detaillierteres Tutorial zur Verwendung der Aktionen von OmniGraffle folgt später dieses Jahr.

Beginnen wir ...

Aktionsarten

Sie können für ein Objekt vier Aktionen festlegen:

  • Durchgestrichener Kreis Keine Aktion: Wie der Name dieser Aktion bereits andeutet, wird sie zugewiesen, passiert beim Klicken oder Tippen auf dieses Objekt nichts. Dies hat die gleiche Auswirkung, als würden Sie keine Aktion für ein Objekt festlegen (Standardstatus eines Objekts), außer, dass Sie eventuell dem Hintergrund einer von Ihnen konzipierten Website das Fehlen einer Aktion zuweisen möchten.
  • At-Zeichen URL-Adresse öffnen: Ermöglicht Ihnen, eine URL-Adresse festzulegen, die geöffnet wird, wenn auf dieses Objekt getippt oder geklickt wird.
  • Pfeil mit Haken an der linken Seite Zu anderer Position wechseln: Ermöglicht Ihnen zu bestimmen, ob Sie von einem Objekt zu einer anderen Arbeitsfläche weitergeleitet werden, wenn darauf getippt oder geklickt wird.
  • Auge-Symbol Ebenen einblenden/ausblenden: Ermöglicht Ihnen, die Sichtbarkeit einer Ebene festzulegen, wenn auf dieses Objekt getippt oder geklickt wird.

Wenn Sie einem Objekt eine Aktion zuweisen, erhält dieses Objekt ein kleines Kennzeichen. Anhand dieses Kennzeichens können andere OmniGraffle-Benutzer erkennen, dass sie durch Tippen auf das Objekt eine Aktion auslösen können:

  • Aktionskennzeichen „URL-Adresse öffnen“: Durch Tippen auf ein Objekt mit diesem Kennzeichen wird die zugewiesene URL-Adresse unter iOS in Safari oder auf dem Mac im Standardbrowser des Benutzers geöffnet.
  • Aktionskennzeichen „Zu anderer Position wechseln“: Durch Tippen auf ein Objekt mit diesem Kennzeichen wird im gleichen Dokument zur angegebenen Arbeitsfläche gewechselt.
  • Aktionskennzeichen „Ebenen einblenden/ausblenden“: Durch Tippen auf ein Objekt mit diesem Kennzeichen wird die angegebene Ebene auf der gleichen Arbeitsfläche aus- oder eingeblendet.

Nachdem einem Objekt eine Aktion zugewiesen wurde, sieht es nicht anders aus. Später könnten Sie sich deshalb eventuell fragen, welche Objekte über welche Aktion verfügen. Wir haben Ihnen eine Möglichkeit gegeben, diese Kennzeichen anzuzeigen:

  • : Durch Tippen auf diese Taste werden die Aktionskennzeichen, die Objekten auf der Arbeitsfläche zugewiesen sind, angezeigt.
  • Taste „Aktionskennzeichen ausblenden“: Durch Tippen auf diese Taste werden die Aktionskennzeichen, die Objekten auf der Arbeitsfläche zugewiesen sind, ausgeblendet.

Kennenlernen der Aktionen

Zeichnen Sie zum Testen der Aktionen ein Quadrat und platzieren Sie dann drei weitere Kopien dieses Quadrats versetzt auf der Arbeitsfläche. Fügen Sie dann jedem Quadrat eine Beschriftung hinzu und nummerieren Sie sie von 1 bis 4 wie folgt:

Vier versetzt platzierte Quadrate auf der Arbeitsfläche

Zur besseren Veranschaulichung der Funktionsweise von Aktionen sind zusätzliche Maßnahmen erforderlich. Führen Sie diese Schritte aus:

  1. Falls die Seitenleiste „Arbeitsflächen“ nicht geöffnet ist, tippen Sie auf Taste für die Seitenleiste „Arbeitsflächen“.
  2. Tippen und halten Sie Arbeitsfläche 1, um das entsprechende Kontextmenü zu öffnen. Tippen Sie dann auf Duplizieren.
    Duplizieren der Arbeitsfläche

    Hierdurch wird eine genaue Kopie der vier Quadrate auf einer anderen Arbeitsfläche (Arbeitsfläche 2) platziert.

    Die duplizierte Arbeitsfläche mit dem Namen „Arbeitsfläche 2“
  3. Weisen Sie jedem Quadrat auf der Arbeitsfläche 2 mit dem Informationsfenster „Füllung“ eine Farbe zu.
    Die vier farbigen Quadrate auf der Arbeitsfläche 2
  4. Tippen Sie auf Arbeitsfläche 1 und tippen und halten Sie dann Ebene 1, um das entsprechende Kontextmenü zu öffnen:
    Kontextmenü

    Duplizieren Sie Ebene 1 zweimal und ordnen Sie die Ebenen dann neu an, damit sie in nummerischer Reihenfolge angezeigt werden:

    Die drei Ebenen der Arbeitsfläche 1 werden in nummerischer Reihenfolge angezeigt.
  5. Blenden Sie die Ebenen 1 und 3 aus, indem Sie links neben dem Ebenennamen auf Auge-Symbol tippen.
  6. Tippen Sie, um Ebene 2 auszuwählen.
    Ausgewählte Ebene 2
  7. Tippen Sie, um das dritte Quadrat auszuwählen. Geben Sie dem Quadrat mit dem Informationsfenster „Füllung“ eine Füllfarbe.
    Das dritte Quadrat auf Ebene 2 hat jetzt eine hellgrüne Füllfarbe.
  8. Blenden Sie Ebene 2 aus und machen Sie Ebene 3 sichtbar, indem Sie auf die entsprechenden Tasten für die Ebenensichtbarkeit tippen Taste „Auge“. Weisen Sie dem dritten Quadrat wie im vorherigen Schritt eine Füllfarbe Ihrer Wahl zu.
    Das dritte Quadrat auf Ebene 3 hat jetzt eine hellblaue Füllfarbe.
  9. Tippen Sie abschließend auf Ebene 1 und machen Sie die Ebenen 1 und 2 wieder sichtbar, indem Sie auf die entsprechenden Auge-Symbol-Tasten tippen.
    Das OmniGraffle-Dokument mit zwei Arbeitsflächen und drei Ebenen auf Arbeitsfläche 1.

Da das Diagramm eingerichtet ist, können diesen Quadraten jetzt Aktionen zugewiesen werden.

  1. Kasten 1: Tippen Sie, um Kasten 1 auszuwählen. Tippen Sie dann auf Taste „Info“, um die Informationsfenster zu öffnen:
    1. Tippen Sie in der Liste der Informationsfenster auf Aktionen. Tippen Sie dann auf URL-Adresse öffnen.
    2. Geben Sie in das angezeigte Feld die URL-Adresse Ihrer Lieblingswebsite ein, z. B.:
      Festlegen einer URL-Aktion für ein Objekt

      Tippen Sie auf Fertig, nachdem Sie die URL-Adresse eingegeben haben. Hierdurch wird die Aktion für das Quadrat gesichert.

  2. Kasten 2: Tippen Sie, um Kasten 2 auszuwählen. Tippen Sie dann auf Taste „Info“, um die Informationsfenster zu öffnen:
    1. Tippen Sie in der Liste der Informationsfenster auf Aktionen. Tippen Sie dann auf Zu anderer Position wechseln.
    2. Mit den drei Möglichkeiten können Sie bestimmen, wohin Sie durch Tippen auf dieses Quadrat weitergeleitet werden:
      • Zur vorherigen Arbeitsfläche wechseln
      • Zur nächsten Arbeitsfläche wechseln
      • Zu spezifischer Arbeitsfläche wechseln

      Da Sie an den Quadraten auf Arbeitsfläche 1 arbeiten, tippen Sie auf Zur nächsten Arbeitsfläche wechseln. Tippen Sie dann auf Fertig.

      Festlegen der Aktion „Zu anderer Position wechseln“ für das zweite Quadrat
  3. Kasten 3: Stellen Sie sicher, dass Sie auf Arbeitsfläche 1 auf Ebene 1 sind. Tippen Sie, um Kasten 3 auszuwählen. Tippen Sie dann auf Taste „Info“, um die Informationsfenster zu öffnen:
    1. Tippen Sie in der Liste der Informationsfenster auf Aktionen. Tippen Sie dann auf Ebenen einblenden/ausblenden. Unten werden die drei Ebenen aufgelistet, für deren Sichtbarkeit Sie eine Aktion festlegen können. Anfangs ist für jede Ebene Ohne als auszuführende Aktion festgelegt (d. h., dass das Tippen auf die Ebene nichts auslöst).
    2. Richten Sie die Aktionen der Ebene 1 wie folgt ein:
      • Ebene 1: Ausblenden
      • Ebene 2: Einblenden
      • Ebene 3: Ausblenden
      Aktionen für Ebene 1
    3. Öffnen Sie die Seitenleiste „Arbeitsflächen“ (tippen Sie auf Taste für die Seitenleiste „Arbeitsflächen“) und tippen Sie dann, um Arbeitsfläche 1 und Ebene 2 auszuwählen. Tippen Sie auf Taste „Auge“, um die Ebenensichtbarkeit für die Ebenen 1 und 3 zu deaktivieren.
      Einrichtung für das Arbeiten mit Aktionen für Ebene 2
    4. Schließen Sie die Seitenleiste „Arbeitsflächen“, falls erforderlich, und richten Sie die Aktionen für Ebene 2 wie folgt ein:
      • Ebene 1: Ausblenden
      • Ebene 2: Ausblenden
      • Ebene 3: Einblenden
      Aktionen für Ebene 2
    5. Öffnen Sie die Seitenleiste „Arbeitsflächen“ (tippen Sie auf Taste für die Seitenleiste „Arbeitsflächen“) und tippen Sie dann, um Arbeitsfläche 1 und Ebene 3 auszuwählen. Tippen Sie auf Taste „Auge“, um die Ebenensichtbarkeit für die Ebenen 1 und 2 zu deaktivieren.
      Einrichtung für das Arbeiten mit Aktionen für Ebene 3
    6. Schließen Sie die Seitenleiste „Arbeitsflächen“, falls erforderlich, und richten Sie die Aktionen für Ebene 3 wie folgt ein:
      • Ebene 1: Einblenden
      • Ebene 2: Ausblenden
      • Ebene 3: Ausblenden
      Aktionen für Ebene 3
  4. Wechseln Sie abschließend zurück zu Arbeitsfläche 1 und Ebene 1.

Dies ist verständlicherweise viel Arbeit für eine kurze Demonstration. Wenn Sie sich die Zeit genommen haben, diesen Schritten zu folgen, gönnen Sie sich jetzt eine Pause.

Doppeltippen Sie zum Ausführen der zugewiesenen Aktionen auf das Aktionenwerkzeug, um es einzurasten (Wenn es eingerastet ist, hat die Taste „Aktionenwerkzeug“ einen dunkelgrünen Hintergrund.). Nach dem Doppeltippen werden Sie ein leeres Aktionskennzeichen (leeres Aktionskennzeichen) unterhalb der Arbeitsfläche bemerken.

Unterhalb der Arbeitsfläche wird in der Mitte der Symbolleiste ein leeres Aktionskennzeichen angezeigt.

Wenn Sie auf leeres Aktionskennzeichen tippen, ändert sich die Taste in Taste „Aktionskennzeichen ausblenden“. Jetzt sehen Sie, welche Aktionen welchem Quadrat zugewiesen sind.

Die Aktionskennzeichen werden jetzt in der unteren rechten Ecke der ersten drei Quadrate angezeigt.

Wenn Sie die Zuweisungen richtig vorgenommen haben, passiert nach dem Tippen auf jeden Kasten Folgendes:

  • Kasten 1: Das iOS-Gerät wechselt zu Safari und versucht die URL-Adresse zu öffnen, die Sie als Aktion URL-Adresse öffnen zugewiesen haben. (Um zu OmniGraffle zurückzukehren, doppelklicken Sie die Home-Taste am iOS-Gerät und tippen Sie dann auf das OmniGraffle-Symbol.)
  • Kasten 2: Das Dokument wechselt zu Arbeitsfläche 2. Um zu Arbeitsfläche 1 zurückzukehren, tippen Sie auf Arbeitsfläche 2 auf Kasten 2.
  • Kasten 3: Durch wiederholtes Tippen auf Kasten 3 wechseln Sie zwischen den verschiedenen Ebenen von Arbeitsfläche 1. Hierbei ändert sich die Farbe von Kasten 3.
  • Kasten 4: Nichts. Weil wir für Kasten 4 keine Aktion festgelegt haben, passiert nichts nach dem Tippen auf diesen Kasten.

Wie Sie gesehen haben, können Aktionen sehr nützlich zum Darstellen von Interaktionen in Ihren Diagrammen sein. Sie funktionieren auf mehreren Arbeitsflächen und Ebenen des gleichen Dokuments. Dies ist besonders praktisch beim Konzipieren der UI/UX einer mobilen App und beim Konzipieren eines neuen Websitedesigns können Sie mit der Aktion URL-Adresse öffnen Live-Websites öffnen, um Ihr Interaktionsmodell besser zu verdeutlichen.