Omnigraffle Tutorial

Getting to Know OmniGrafﬂe Jackson Fox, Viget Labs jackson.fox@viget.com

1. Basic Concepts 2. Tools 3. Demo Time

Main Window Inspector Stencils

Tools, grouped into useful and less useful Click once to use the ! tool once, or click twice to make it sticky.

Canvases, aka “Pages”

Layers, kinda like Photoshop The little pencil tells us ! which layer we’re editing

Layers + = Layer 1: Layer 2: Wireframe Page Content Page Chrome

Shared layers, they let you share UI pieces across many canvases You can’t convert shared layers to normal ! layers, or normal layers to shared layers But you can easily add and remove shared ! layers to a canvas

Shared Layers Article & Sidebar Article Gallery & Sidebar

Shape Tool ! You can change shapes in the inspector ! You can deform shapes by making the points editable (go to Edit → Shapes) ! You can combine and subtract shapes (go to Edit → Shapes)

Line Tool It makes lines, and arrows

Text Tool ! Why would you default to centered?! ! 5px default padding

Magnet Tool Lets you create and move anchors that lines and arrows attach to

Magnet Tool No Magnets My Shape Magnets

Zoom Tool Zoom in on the canvas (duh)

Drag Tool Move the canvas around when you’re zoomed in ! Press the spacebar at any time to switch to the drag tool

! Stencils Search Search for stencils ! Search Grafﬂetopia Stencil Folders Stencil Elements ! Drag and drop elements on to your canvas ! Elements only have one “mode,” to make different states, you need different elements

Change tool options ! Double click on a tab to keep more than one tab open at once! Object Properties Canvas Options Add actions to objects to make ! and Tools them clickable! Document Properties

Demo Time

Why I OmniGrafﬂe Documents look good Good layout controls and guides Keyboard controls Good multiple document support Shared canvases

http://www.slideshare.net	114
http://marcogriffiths.wordpress.com	45
http://www.e-presentations.us	11
http://webcache.googleusercontent.com	1

Omnigraffle Tutorial

by Jackson Fox on Nov 11, 2008

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 171

Statistics

Omnigraffle Tutorial — Presentation Transcript