Mobiles Layouten mit Adobe Comp CC

• Dana
• 20. Oktober 2015
• 0

Mit der noch recht neuen mobilen App Comp bietet Adobe nun einen einfachen Workflow Layouts und Screendesigns unterwegs auf mobilen Geräten zu erstellen und über die Creative Cloud mit der Desktop-Software zu synchronisieren. Comp gibt es derzeit nur für iOS und kann im App-Store herunter geladen werden.

Start der Applikation

Während des Starts wird nach der Adobe Creative Cloud ID gefragt. Um Comp nutzen zu können benötigt man ein kostenloses oder kostenpflichtiges Creative Cloud-Abonement.  Ist man dann eingeloggt findet man eine Projektliste. Hier hat Adobe drei Beispiel-Projekte aus dem dem Bereich Mobil, Druck und Internet angelegt. Diese können angesehen, editiert oder direkt gelöscht werden.

Layoutentwürfe auf dem mobilen Gerät erstellen

Ein neues Projekt zu erstellen ist denkbar einfach. Hierzu wird einfach auf das Plus in der rechten Ecke gedrückt und danach das gewünschte Format ausgewählt. An dieser Stelle sind die geläufigsten Formate bereits als Formatvorlage von Adobe angelegt wurden. Neben den Größen für die aktuellen Apple-Geräte gibt es unter anderem A4 in Hoch- und Querformat sowie unterschiedliche Größen für Desktop-Websites. Am Ende der Liste lassen sich neue Formate anlegen. Für diese Beispiel wird an dieser Stelle die iPhone 6 Vorlage ausgewählt.

Die Werkzeuge

Für die Erstellung von Layouts sind die wichtigsten Werkzeuge in der Werkzeugleiste am oberen Rand zu finden. Neben den Formen gibt es auch ein Text- sowie ein Grafikwerkzeug um Texte oder Grafiken einzufügen. Wählt man eines dieser Werkzeuge aus öffnet sich von unten das dazugehörige Kontextmenü.  In diesem Menü kann man z.B. im Formwerkzeug Rechtecke, Kreise oder Linien auswählen. Im Textwerkzeug können Überschriften, Teilüberschriften und Fließtexte ausgewählt werden. Um Grafiken einzufügen gibt es vielfältige Möglichkeiten. Zum einen können für diese Platzhalter eingefügt oder Bilder aus verschiedenen Quellen bezogen werden. An dieser Stelle gibt es die Möglichkeit Bilder aus den aufgenommen Fotos zu laden oder direkt ein Foto aufzunehmen. Weiterhin können Bilder aus der eigenen Creative Cloud, dem Creative Cloud Market oder von Adobe Stock geladen werden.

Zeichnen und Bearbeiten mittels Gesten

Die zuvor genannten Werkzeuge lassen sich wie bereits erwähnt über die Werkzeugleiste auswählen. Um diese Elemente schneller zu erstellen gibt es auch die Möglichkeit diese durch Zeichnen zu erzeugen. Hiebei zeichnet man ganz einfach die Form – z.B. einen Kreis oder ein Rechteck – und erhält die entsprechende Form. Auch Platzhalter für Bilder oder Texte lassen sich durch diese Zeichengesten erstellen. Durch einfaches Drüberwischen lassen sich die Elemente wieder schnell löschen.

Fährt man mit zwei Finger von Links nach Rechts oder Rechts nach links kann man den letzten Arbeitsschritt wiederholen oder rückgängig machen. Mit drei Finger kann die gesamt Historie durchgegangen werden.

Weiterverarbeitung am Desktop

Ist die Bearbeitung auf dem mobilen Gerät abgeschlossen kann das Dokument über die bekannten Wege von iOS geteilt werden. Darüber hinaus bietet Adobe die Möglichkeit das Projekt als nicht abgeschlossenes Projekt auf Bēhance zu veröffentlich oder an die Desktop-Anwendungen InDesign, Photoshop und Illustrator zu senden. Wird das Dokument Beispielsweise an Photoshop gesendet so wird dieses direkt in Photoshop geöffnet auch wenn Photoshop geschlossen ist öffnet sich dazu das Programm. Hier kann an dem Projekt weitergearbeitet und es entsprechend gespeichert werden. Zu erwähnen ist, dass in Photoshop die eingebetteten Bilder als Smartobjekt gespeichert sind und man so an die originale Bilddatei gelangt.

Fazit

Adobe Comp CC ist ein einfaches und effektives Werkzeug um auf Mobilgeräten erste Layoutentwürfe zu erstellen. Auf Smartphones ist es eher eine Spielerei aber auch hier lassen sich erste Ideen festhalten, die später direkt weiterbearbeitet werden können. Interessant wird die Arbeit damit auf Tablets, da hier die Bearbeitung vor allem in Verbindung mit einem Pen einfacher wird und man hierbei auch erste Entwürfe direkt zeigen kann.
Der klare Vorteile von Comp in Verbindung mit Photoshop und Co. liegt darin, dass der Entwurf direkt die Arbeitsgrundlage bietet auf der man weiter aufbauen kann ohne das Dokument noch einmal neu anlegen zu müssen.