When you get back to the frame, it will be in the same position as you’ve left it. With this checkbox selected, scrollable frames will preserve their position during preview of the prototype. Select this checkbox, if you want the selected layer to preserve its position when you scroll the screen (for instance, a floating button).These controls allow you to choose how the target frame will show up on the screen during the preview.Previous frame - a click over the layer with this option selected will bring you back to the previous view.Also, the list features two more options: It is OK, if interlinked frames are on different pages. If you have several pages in your document, the frames will be organized by pages. It shows the list of all frames available in the document. Use this drop-down list box to set the target frame for the selected layer (see the figure below). A click over the arrow will bring you to the frame which is set as target for the selected layer.Discards prototyping setting for the selected layer/Deletes the selected hotspot. A click over the icon creates a hotspot over the layer. This icon appears only when you select a linked layer.The figure below shows the controls that appear in the Prototyping section when you select a linked layer 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 layers appear in the Layer list. You can resize it by dragging handles, if necessary. This creates a hotspot of the same size as of the selection frame around the layer. Select a linked layer, 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 layer. These are a special type of layers that lets you create interactive zones anywhere on frames.Ī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 frames. Prototypes based on non-resized frames won’t scroll. Resized frames appear with the word Resized in the Inspector as shown in the figure below. For details, about frame 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 a frame from Frame Presets and resize it vertically. In a similar fashion you can link your frames in the desired navigation sequence and preview your design in action. To preview a prototype, select the frame 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 Frame 1 to Frame 2 (see the demo in the next subsection). To define the target frame you can also use the Target dropdown list in the Prototyping section (see the demo below). Point the cursor over the second frame and click to set the link.In the Inspector panel, click + in the Prototyping section. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |