A simple pixel ruler for Visio

A simple pixel ruler for Visio

I've always been annoyed with Visio for not supporting pixel measurements. I like to know my wireframes are accurate--taking into account screen dimensions, fixed size content like ad blocks, image sizes and other things that are inevitably measured in pixels.

So tonight I put together a simple pixel ruler to solve this problem (download pixel_ruler.zip and customize as you like).

It was pretty easy--I created a ruler drawing, added a custom property called DPI for my screen resolution, multiplied the length of the ruler by my DPI, and inserted it as text. I wouldn't call it the most elegant solution (ultimately, I'd like Visio to have a native pixel ruler [*]), but it works well enough.

If you decide to use pixel ruler, keep these things in mind:

  • This was created for Visio 2003, and seems to work on all three of the documents I've tested. Your mileage may vary.
  • The first thing you'll need to do is change the ruler's DPI value to your monitor's DPI setting. DPI is a custom property--right click the ruler and select Shape > Custom Properties to see the Custom Properties dialogue box.
  • Your document should use inches as the measurement unit. If it doesn't, adjust the DPI value in the ruler's custom properties to the number of dots per measurement unit of your document (feet, picas, whatever).
  • I've rounded the pixel units so there are no decimals, and this might cause some the measurements to be out by one or two pixels. Also note that changing the line weight of a shape will alter its size visually, but not the measurement. If accurate measurements are important, try setting your grid to Fixed with minimum units of .0104 inches (roughly 1 pixel on a 96 DPI screen). You can change your grid size under Tools > Rulers & Grid...
  • If you're not sure what your measurement units are, they can be found under File > Page Setup > Page Properties.

[*] It occurs to me that you could probably fake a pixel ruler by changing your drawing scale to 1:96 (or whatever your DPI is). Again, this seems to work, though I'd probably stick with my ruler widget because it makes the dimensions visible. Drawing scale is found under File > Page Setup > Drawing Scale.

Comments

Noah Iliinsky says...

In fact, you can adjust the drawing scale to get accurate pixel rulers and measures. Visio can display the selected shape's dimensions accurately in the window footer or in the Size and Position info box.

Here is the fix:
http://complexdiagrams.com/2008/06/01/pixel-rulers-in-visio/

Cheers, Noah

Posted on Jun 2, 2008
tomka says...

Hi! i found a lot of films here, of course if you are using rapidshare premium account http:// megauploadfiles.com
megaupload search

Posted on Jul 21, 2008

Post a comment

Remember me?

Basic HTML is allowed.

 

About this Page

Posted by Gene Smith on Feb 9, 2006. Before this there was links for 2006-02-03. Next up is links for 2006-02-11.

About the Author

Gene Smith is a principal with nForm, one of Canada's leading user experience consulting firms. He writes about information architecture, interaction design, community, the web and other such topics. More >

Subscribe

Get the feed Get the RSS feed (full posts, no ads)

My Book

Recent Posts

Archives

Elsewhere

You can also find me on Flickr, Upcoming, LinkedIn, Del.icio.us and Digg.

Work

nForm User Experience

Endorsements

Hosting by Dreamhost.