The figure below shows the controls that appear in the Prototyping section when you select a linked object or a hotspot. To delete a hotspot, select it and press Del. To hide/show hotspots and prototyping links on the canvas, use the Prototyping button on the action bar. The next figure shows how hotspots and linked objects appear in the Objects panel. You can resize it by dragging handles, if necessary. This creates a hotspot of the same size as of the selection frame around the object. Select a linked object, then click in the Prototyping section of the Inspector.Moreover, you can use hotspots as parts of components and override their targets as needed. By adding a hotspot you can enlarge interactive area around the object. These are a special type of objects that allows you to create interactive zones anywhere on artboards.Īlso, hotspots come in handy when the size of an element that you want to make clickable or tappable is too small for convenient use. You can also use hotspots to create links between artboards. Prototypes based on non-resized artboards won’t scroll. Resized artboards appear with the word Resized in the Inspector as shown in the figure below. For details, about artboards presets and custom presets, click here. Alternatively, you can create a custom preset and then vertically resize it. To create a scrollable prototype, you should select an artboard from Artboard Presets and resize it vertically. In a similar fashion you can link your artboards in the desired navigation sequence and preview your design in action. To preview a prototype, select an artboard you want to start with and click in the upper-right corner of the interface. To make it a bit more usable, we will repeat the above steps and create a control that will return the user from Artboard 1 to Artboard 2 (see the demo in the next subsection). To define the target artboard you can also use the Target dropdown list in the Prototyping section (see the demo below).
Point the cursor over the second artboard and click to set the link.In the Inspector panel, click + in the Prototyping section.On the first artboard, select an object the user will interact with (say, a button).The easiest way to create a prototype is to add a link between two artboards. If you are planning to add prototyping to your project, the use of artboards is a must. You can build prototypes to test and polish UX of your designs before sending them to development. Learn how to build prototypes in Lunacy How it works
0 kommentar(er)
