Visio 2010 comes with a really nice set of wireframe shapes, but you have to buy. I've also got a smattering of downloads on my site that might. Jan 04, 2018 Bring any project or product idea to life using the modern Visio wireframes. Create quick mockups for your product or feature with ease using the new.
- Microsoft Visio Tutorial
- Microsoft Visio Resources
- Selected Reading
Wireframe diagrams are typically used by software developers to prototype the design of the software user interface. Wireframes help to visualize the position and behavior of various elements in the UI before the software can be deployed.
Opening the Wireframe Template
Click the File menu and then click New. In the Templates section, click the Software and Database category and scroll down to select the Wireframe Diagram template.
It opens the template for the Wireframe Diagram and the Shapes pane lists all the controls and buttons commonly used in a software UI as shown in the following screenshot.
Creating a Wireframe Dialog Box
In the following example, we will create a wireframe dialog box for the Print command. Click the Dialogs category in the Shapes pane and drag the Dialog form shape onto the canvas. You can resize the default shape as needed. Double-click the header text in the dialog box and type Print. We now have the outer frame for the dialog box.
- Microsoft Visio Tutorial
![Shapes Shapes](/uploads/1/2/5/7/125718204/693994106.png)
- Microsoft Visio Resources
- Selected Reading
Wireframe diagrams are typically used by software developers to prototype the design of the software user interface. Wireframes help to visualize the position and behavior of various elements in the UI before the software can be deployed.
Opening the Wireframe Template
![Visio Visio](/uploads/1/2/5/7/125718204/876942695.png)
Click the File menu and then click New. In the Templates section, click the Software and Database category and scroll down to select the Wireframe Diagram template.
It opens the template for the Wireframe Diagram and the Shapes pane lists all the controls and buttons commonly used in a software UI as shown in the following screenshot.
Creating a Wireframe Dialog Box
In the following example, we will create a wireframe dialog box for the Print command. Click the Dialogs category in the Shapes pane and drag the Dialog form shape onto the canvas. You can resize the default shape as needed. Double-click the header text in the dialog box and type Print. We now have the outer frame for the dialog box.