2014
Lynda
Justin Putney
1:01
English

Wireframes and prototypes are key to making successful products. But what tools should you use? Balsamiq Mockups is a dedicated wireframing tool that helps you lay out your ideas quickly. In these tutorials, Justin Putney shows how to use Balsamiq Mockups to create richly layered interface elements, turn assets into reusable symbols, and add interactive and responsive design features to your mockups. When you're done with your mockup, he'll show you how to export it to share with clients and developers.

Introduction
Welcome
About Balsamiq Mockups
Using the exercise files
Using the challenges
1. Adding Elements to Your Mockup
Adding elements
Aligning elements
Modifying element content
Updating element properties
Using layers
Challenge: Add a search field
Solution: Add a search field
2. Working with Text
Adding a headline
Adding placeholder text
Formatting the control types
Challenge: Create a product-comparison grid by formatting text in a table
Solution: Create a product-comparison grid by formatting text in a table
3. Creating Reusable Assets
Creating a symbol
Reusing symbols across different mockups
Adding new control types using Mockups To Go
Using icons within a reusable asset
Challenge: Customize a downloaded symbol
Solution: Customize a downloaded symbol
4. Adding Interactivity
Creating links between mockups
Creating hot areas
Challenge: Add interactivity to a game mockup
Solution: Add interactivity to a game mockup
5. Responsive Mockups
Creating a tablet wireframe
Creating a smartphone wireframe
Challenge: Create an iPhone home screen
Solution: Create an iPhone home screen
6. Exporting Mockups for Review
Exporting as PNG
Exporting as PDF
Conclusion
Next steps

http://www.lynda.com/

Download File Size:159.49 MB

---