ferrosugar.blogg.se

Axure responsive design tutorial
Axure responsive design tutorial










axure responsive design tutorial

For convenience, it is collapsed in this screenshot.Ĭommon libraries include basic shapes, buttons, heading text, Hot Spot, Dynamic panel, etc. All these categories are expanded when you open the application. Axure RP provides a rich set of UI controls categorized according to their area of applications.Īs shown in the figure above (a), the libraries have the categories as – Common, Forms, Menus and Table, and Markup. Typical controls available in this section are – Box, Image, Placeholder, Buttons, etc. In the libraries pane, most of the controls required for the prototype are available. You can use it to plan the screens in the intended prototype. Like most of the different tools available, this section allows you to interact with the pages in your prototype. For doing so, right-click on any of the page, then you will be presented with the options such as – Add, Move, Delete, Rename, Duplicate, etc. You can continue with the structure given or you can change it as per your needs. These pages are shown in a default tree structure as follows.

axure responsive design tutorial

This section shows the pages you are working on. Let us walk through these parts one by one. When you click the button “NEW FILE”, you will be presented with the following screen to create a new prototype.Īs shown in the figure above, the workspace is divided into 6 parts.

axure responsive design tutorial

On this screen, you have the following options − This screen will always be shown at the startup until you opt for not to show it.

AXURE RESPONSIVE DESIGN TUTORIAL INSTALL

Once you install Axure, you will be presented with an interface as shown in the following screenshot.












Axure responsive design tutorial