Professional Documents
Culture Documents
Getting Started
01
To create a new prototype,
you will need to select the
type of device the prototype
will run on.
Some of the features
in Justinmind will be
configured depending on
your selection. Special
events and simulation will
adapt to the type of
prototype.
Getting Started
02
Getting Started
Empty:
this option creates an empty prototype of the
prototype device chosen from the previous screen.
Another:
Open new project using an existing .vp file. This option
can be used to convert a prototype from one device to
another ( for instance, from web to iPhone).
Images:
If you selected iPhone or iPad as a device, the
images will be resized inside Justinmind to the
correct resolution. Retina resolution images wont
lose quality when displayed in a retina display.
Example:
A list of example prototypes will appear for each device.
These sample prototypes are useful to learn how to use
Justinmind.
A brief description demonstrates what is included in the
selected example.
Getting Started
03
2
9
Once you have chosen
how you want to start
your prototype,
press Finish.
The dialog will close and
the workspace with all
the tools and palettes will
be displayed
3
10
6
5
Getting Started
2. The Toolbar:
It contains quick editing options for the selected
component. It gives access to the most common options
and a selection of the most frequently used editing tools.
2
1
Getting Started
4. Widget Palettes:
This feature provides you with all the elements you can
add to a screen. Simply drag them to the canvas or click
the item and then click again on the desired position of
the canvas.
3
4
Getting Started
6. Screen Tree
It lists the screens in your prototype. Access its content
by double-clicking on any part of the tree
5
6
Getting Started
Getting Started
10
Getting Started
04
Getting Started
05
From the widgets tab, drag
and drop the widget you
want to the canvas.
Once inside the canvas,
you can re-size and move it
to fit in your design.
To move it, select it
and drag it to the desired
destination;
you can also move it using
the arrow keys
Getting Started
Getting Started
06
In dragging multiple
widgets to the screen, the
outline panel will become
populated with each
respective name
in a hierarchical view
for organization.
Getting Started
07
To change the order of
depth, right click the item
(or select it
in the Outline), select
Order and then
the option you want from
the submenu.
This action may
additionally be completed
through the Edit
dropdown located on the
editing toolbar.
Adjacent to each
widget within the
outline view is an
eye icon that allows
widgets to be
temporarily hidden
if needed.
Getting Started
09
In order to expand the
prototype to include more
screens, you can create
screens by clicking
the + button on top of
the Screen tab.
A new screen will be
created and you can
assign a name to it.
Getting Started
Site Map: click the Site Map tab located at the top part
of the canvas.
From here you will see which screens you can
navigate to from the active screen. When you go from
one screen to another, the application shows you all
the available routes. This site map is updated
automatically each time a new link is added to the
prototype.
Getting Started
Justinmind allows you to copy and paste widgets within the same screen or onto
other screens.
You can use the options in the Edit menu or the usual keyboard
shortcuts of Ctrl+C (copy) and Ctrl+V (paste).
To duplicate elements, drag them to the desired position by holding
down the Ctrl key or with Ctrl+D.
Remember: Whatever action you do, you can undo it or redo it from the Edit menu.
Getting Started
10
Getting Started
In both cases you can customize the style of the tree or menu
and its components from the Properties tab.
Getting Started
11
Getting Started
Getting Started
12
1
For prototypes
designed for use on
mobile devices,
view on device is
available when the
justinmind mobile
application is
installed on the
testing device.
Justinmind Inc
225 Bush St. Fl. 12
San Francisco, CA 94104
jim.sales@justinmind.com
www.justinmind.com