Home Page Icon
Home Page
Table of Contents for
Cover
Close
Cover
by Scott Faranello
Balsamiq Wireframes Quickstart Guide
Balsamiq Wireframes Quickstart Guide
Table of Contents
Balsamiq Wireframes Quickstart Guide
Credits
About the Author
About the Reviewers
www.PacktPub.com
Support files, eBooks, discount offers and more
Why Subscribe?
Free Access for Packt account holders
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
1. Getting to Know Balsamiq
What is Balsamiq?
Installing Balsamiq
System requirements
Installation
What is Adobe Air?
Balsamiq Mockups versus myBalsamiq
Trial versus paid version
The application
Application menu
New Clone of Current Mockup
Save All
Close All
Export to PNG Image
Export All Mockups to PNG
Export All Mockups to PDF
Export Image to Clipboard
Export Mockup XML
Import Mockup XML
Application view
Application Bar
Quick Add
Tool Bar
Show Markup
Full Screen (Presentation Mode)
UI Library
Canvas
File Browser
Property Inspector
Summary
2. Building a Project
The project files
Organizing your Balsamiq files
Naming your files
Alphabetically
Numbering
The project
So what are we building?
The UI Library revisited
Adding a widget
Alignment
Layering
Grouping layers
Putting it all together
Before we begin: A brief word about design and layout
Rectangle/Canvas/Panel
Adding text
Images
Align tool
The body copy
Summary
3. Working with Symbols
What are symbols?
Creating a symbol
Location of the saved symbols
Symbols.bmml
Symbols as a master page
Modifying a symbol
Page by page
All pages
Additional ways to edit a symbol
Break Apart
Edit Source
Project Assets
Reverting to saved
Deleting a symbol
Page by page
All pages
Revisiting the wireframe project
Adding symbols to multiple pages
Copying and pasting the symbol
Dragging the symbol
Double-clicking on the symbol
Creating a new symbol
Adding some text
Adding the footer to all pages
Creating a symbol library
Adding the symbol to your project
Sharing symbols
Project by project
All projects
Summary
4. Building Data Tables
Data tables
Formatting data
Deciphering the data
Columns and rows: A closer look
Grid form elements
Width and alignment controls
Data table tips
Highlighting a table row
Adding a scroll bar
Wireframe project revisited
Revising your project
Action Bar
Data table
Paging
Even more tips
Formatting: Readability is usability
Data table details
Learn more/see more
Padding table columns
Aligning text
Maximum column width
Mac and PC compatibility issues
Summary
5. Icons, Images, and Text
Exploring icons
Importing icons
The Icon Library
Images
The Load Image window
Copying images to project assets
Image not found
Cropping images
Text usage and formatting
Additional text tools
Combining formatting styles
Single line text versus paragraph
Additional tips
Lorem ipsum
Sketch it!
Auto-Size
Summary
6. Presenting Your Work
Prototyping
Symbols revisited
Linking pages
Presentation mode
Link types
The other two icons
Additional interactivity
Interactive checkbox
Even more interactivity
Notes and documentation (also known as markup)
Markup widgets
Exporting for Presentation
Exporting to PDF
Exporting to PNG
Exporting a single page to PNG
Exporting individual elements to PNG
Exporting an entire project to PNG
Exporting an image to the clipboard
XML in Balsamiq
Exporting wireframes as XML
Importing XML
Summary
7. Parting Thoughts: Resources and Recommendations
More about Balsamiq
Balsamiq blog
Balsamiq support
Record a Screencast
Ask the community
Keyboard shortcuts
Third-party extensions
Napkee
MockupsToGo
Reality Mechanic
LiveMockups
Wirify by Volkside
Project management
Further reading
Books
Usability websites
One final tip
Summary
Index
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Next
Next Chapter
Table of Contents
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset