Axure Tutorial: Common Widgets - Line and Arrow
Introduction
This article is a part of course Axure Full Course: Tutorial, Tips and Templates.
Line/arrow is a variant of Shape, and it is also a commonly used widget. Today we will introduce how to use line.
Draw Various Lines
There are 3 main ways to draw line:
1. Use Widget Libraries directly
In the default Widget Library, there are two main lines and two main arrows, one is vertical line and the other is horizontal line, just drag it into the canvas.
2. Draw with the Pen Tool
Click the pen tool icon on the Style Toolbar, then draw lines, you can draw both curved or straight lines..
3. Connect multiple widgets by connecting lines.
Each widget has its connection points around it. Click the Draw Connecting Lines button on the Style Toolbar to connect the two widgets through the connection points.
Even if the position of the widget connected through the connection point is changed, its connection line will not break down.
Properties of Line
Thickness
The Thickness of the line can be adjusted by the buttons on the Style Toolbar or the buttons of the Style Pane
Color
The Color of the line can be adjusted by the buttons on the Style Toolbar or the buttons of the Style Pane.
Pattern
The Pattern of the line can be adjusted by the buttons on the Style Toolbar or the buttons of the Style Pane.
Arrow Style
The Arrow Style of the line can be adjusted by the buttons on the Style Toolbar or the buttons of the Style Pane.
That's all for today's lesson.In the following lessons we will continue to introduce commonly used widgets.
If you have any questions and suggestions, please leave a message.
If you like the article, please share it with others with page link, thanks for your supporting!
Well Joe @AxureBoutique, a technology writer and teacher, focuses on Axure prototype design and product design.
Leave a comment