The Vectornator's Interface is designed to make your workflow faster. A minimal interface keeps your art always in focus.
The Document Interface
Here's where you create your designs. Designed to keep the focus on your artwork, Vectornator's minimal interface is divided into three main parts.
This is an expandable menu where you can navigate back to the Vectornator Homescreen, manage Settings and Export options related to the document you are working on.
The "x" button closes the document you're working on and takes you back to the Gallery Tab.
Divided into 3 sections: Canvas, Snapping, Input. It's where you can customize your interface.
Export your document in various formats.
Also, you can choose a new location to save your item, or link Vectornator to your Adobe account and continue working on Illustrator.
You can also print your document, save it quickly as an image, duplicate it, and preview it in Augmented Reality.
Tap once to reset zoom and rotation back to default.
TIP: That small dot moving around the zoom percentage shows you the correct rotation state of your canvas.
Undo (5) / Redo (6)
Easily tap these buttons to undo or redo your last moves. Speed your workflow with these gestures.
Expand / Collapse (7)
It will minimize the Nav Bar with a tap.
This is an expandable menu that changes when selecting an element in the canvas.
Select (1) / Deselect All (1b)
With a tap, you can select all the elements at once. (Always visible)
Tap to delete any paths or elements you drew.
Tap to cut any element you have selected.
Tap to copy any paths or elements from the clipboard.
Tap to paste any paths or elements you copied. (Always visible)
TIP: you can also copy an element & paste it in a different document.
All tools for selecting objects, drawing and creating shapes or texts are in here.
Depending on the tool you select, different tool options will be displayed.
Selection Tool (1)
Select and move paths.
It activates "Multiple Selection" to select more than one element at once, and "Duplicate" to duplicate the item dragging & dropping it in a defined position. It also activates "Rotation" to rotate the selected item, and "Resize" from a set pivot point.
Node Tool (2)
Select, move and edit anchor points
Scissors Tool (3)
Cuts existing paths
Pen Tool (4)
Create any path imaginable with Bezier curves
Pencil Tool (5)
Draw freeform paths
Brush Tool (6)
Draw freeform paths with variable widths
Text Tool (7)
Create text objects
Shape Tool (8)
Create shapes as straight lines, rectangles, circles, polygon, stars, spirals.
Eraser Tool (9)
Delete the object along the path you drew.
Hand (10) (it only appears on iOS 13.4 and Mac)
Zoom (11) (it only appears on iOS 13.4 and Mac)
View and edit properties of selected objects as well as layers, managing artboards, import options and more.
Any time you select an object, the Mini Joystick will show up at the bottom right corner of the Interface. It enables you to move paths or objects around with grace and ease, thus giving you more control and precision over your creations.
Simply Tap to expand it.
Insight: The (extra) Toolbar in Vectornator Pro
On Mac, you have an extra Toolbar, located at the top of the interface, that contains buttons for performing actions relevant to the current view.
You can easily customize it by picking up the tools you use most frequently by going to View > Customize Toolbar.
Vectornator's UI on the iPhone
As for Vectornator X for iPad and Pro for Mac, the User Interface on the iPhone keeps the the focus on your artwork in both Portrait or Landscape mode.
You have expandable toolbars such as:
1 > The Navigation Bar, where you can navigate back to the Vectornator Homescreen, manage Settings and Export options, Undo and Redo your actions.
2 > The Toolbar, with all the tools for selecting, drawing and creating paths or texts.
3 > The Action Bar, an automatic expandable menu when you have an object selected.
4 > The Inspector, to have access simply swipe up.
5 > The Mini Joystick, to move easily your objects within the canvas.
When in Landscape mode, the Inspector Bar (4) is visible and you can immediately access the different tabs as Style (A), Arrange (B), Path (C), Layers (D) and Import (E).