Omnigraffle Tutorial
Upcoming SlideShare
Loading in...5
×
 

Omnigraffle Tutorial

on

  • 27,184 views

Slides from an OmniGraffle tutorial I ran for the Viget PM group.

Slides from an OmniGraffle tutorial I ran for the Viget PM group.

Statistics

Views

Total Views
27,184
Views on SlideShare
26,986
Embed Views
198

Actions

Likes
25
Downloads
194
Comments
0

4 Embeds 198

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

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Omnigraffle Tutorial Omnigraffle Tutorial Presentation Transcript

    • Getting to Know OmniGraffle 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
    • 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 Graffletopia 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 OmniGraffle Documents look good Good layout controls and guides Keyboard controls Good multiple document support Shared canvases