Wireframing Freebie: 960 grid template for OmniGraffle

Reading time: About 0 minutes

I’m a big fan of increasing efficiency and consistency from conceptual design to implementation. This OmniGraffle template has helped me quite a bit in that regard, and I decided to share it with others.

Installation

  1. Download Website (960 grid).gtemplate OmniGraffle template (Apple OS X only)
  2. Move from Downloads to /Users/xxxxx/Library/Application Support/OmniGraffle/Templates/ where xxxxx is your OS X username
  3. When starting a new document in OmniGraffle, select Website (960 grid) as your template

Features of 960 grid Omnigraffle template

6 comments skip to comment form

  1. Nick Yeoman said— 1 day later

    Interesting software, it looks interesting. To bad I only use my mac for safari testing and prefer my tablet for wire framing, maybe when Apple released their new touch screen I’ll switch.

    Informative post though, thanks

    #1

  2. Cristian Neagu said— 1 week later

    Great work!

    #2

  3. Thijs said— 1 week later

    Thanks for sharing. But why do you use a 1000pt/px total width for a 960 grid?

    #3

  4. Fabio Assis said— 1 week later

    Thanks for sharing it, my friend.

    #4

  5. Nick Hayward said— 2 months later

    Excellent timesaving resource, thank you. Wireframing has saved me hours of design time, and 960gs has saved me hours of coding time so this is a great way of keeping the design consistent from start to finish.

    Nick

    #5

  6. Lauri Jutila said— 4 months later

    Thank you, Brian!

    This is very useful resource. Thanks for sharing!

    #6

  7. Respond to this post—

Return to navigation
1432