Learn the basics of using OmniGraffle, a Mac-only tool, then explore ways to use it for ideation and brainstorming.
Overview
Syllabus
Introduction
- User experience and design thinking with OmniGraffle
- A quick note before starting
- Diagram with shapes and lines
- Use text effectively
- Style shapes
- Style lines
- Style and position text
- Align shapes
- Distribute shapes
- Group objects
- Create a legend
- Organizing content with shapes and text
- Controlling connection points with magnets
- Finding and using stencils
- Using a stencil to create a sitemap
- Editing stencil objects to diagram a group
- Refining sitemap content
- Refining sitemap connections with orthogonal lines
- Finalizing the sitemap
- Creating an index card graphic
- Organizing linear content as virtual index cards
- Create a process flow diagram with stencils
- Edit a process flow based on feedback
- Create multiple use case scenarios
- Diagram a complex online interaction
- Diagram a process that involves real-world and online aspects
- Choose a wireframe look and stencil
- Wireframe a homepage
- Edit persistent navigation
- Wireframe an advanced search page
- Wireframe a search result or browse page
- Wireframe a content page for different kinds of media
- Mind mapping with the Diagram tool
- Style mind maps with document styles and layouts
- Sketching visual design ideas
- Designing a rough logo with stencils
- Creating collapsible subgraphs
- Styling subgraphs
- Convert text to shapes
- Editing details with multiple windows
- Shared layers
- Export Photoshop layers
- Next steps
Taught by
Jason Osder
