Categories

Sponsor: OmniGraffle (A quick start five step guide to building a site mockup)

Last week we gave a quick start guide for using OmniFocus. This is a great way to get started with a free trial.

Today we provide the same quick start for creating in OmniGraffle: a five-step introduction attempt in less than 140 words.

Let’s say you wanted to design a new Website. Here’s how you create a mockup:

  1. Start it up. Download OmniGraffle here. Choose “Blank” from the template window.
  2. Frame it. Stencils→Software→Konigi Wireframes. Designing for an iPhone? Drag out the iPhone browser. Lock object in place with ⌘+L.
  3. Build it. Check out what else the Konigi stencil offers: position placeholders, buttons, and forms on your canvas. Turn on Snap to Grid (Arrange→Grid→Snap to Grid) for quick alignment.
  4. Fine-tune it. Replace Konigi elements with real copy or graphics if ready. Add labels for the benefit of others.
  5. Share it. Email, show off to colleagues via AirPlay, and more.

And to top it all off, it can all be done on the iPad.

You can also explore a bit more about this process. Visit OmniTools for more info about OmniGraffle and and all the other products that they offer.

  • http://dtheory.com david rosenfeld

    Just curious, where did the text for this post come from? Marco Arment (marco.org) has a sponsorship post for OmniGraffle that is (basically) the same wording…
    Love the site Horace,  and I love OmniGraffle… as I said… just curious…

    • Kristian

      It says “we provide…” not “I provide…”.
      OmniGraffle is really easy and super fast. It is one of my essential tools. A must have time saver.

      • Kristian

        And btw it is labeled under sponsor.

    • http://www.asymco.com Horace Dediu

      The “copy” for an ad is supplied by the Syndicate, the advertising network that we use. In most cases we, the bloggers, will use the copy as provided, but in some cases we may modify it as we see fit or in keeping with our “voice”.
      I prefer to write original copy but in some cases there is nothing I can add.

      • http://dtheory.com david rosenfeld

        Thanks for the response.
        On another note, I am really looking forward to more episodes of “The Critical Path”.. one of the most interesting podcasts around…

      • Kristian

        It would be interesting to get more info of the Bank of Apple (Braeburn Capital) and FileMaker Inc. Those subsidiaries goes all the time under the radar.