Cargando…
Balsamiq wireframes quickstart guide : wireframe like a pro, the easy way /
Wireframe like a pro, the easy way.
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham :
Packt Publishing,
2012.
|
| Temas: | |
| Acceso en línea: | Texto completo |
Tabla de Contenidos:
- Table of Contents; Balsamiq Wireframes Quickstart Guide; 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 myBalsamiqTrial 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 projectAdding 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 projectAction 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.