General Question

Tintels's avatar

How do I get pixel measurements on a layout prototype easily?

Asked by Tintels (123points) July 13th, 2010

I have a prototype design for a website design. I would like to save work for the developer by putting (spacing) measurements on the image. I am looking for a tool or feature that will let me just drag a line and it stays on the image, with the pixel lenght of that measurement line. I am using Adobe Fireworks, but any tool would also do. Thanks!

Observing members: 0 Composing members: 0

6 Answers

llewis's avatar

I use Scribus for that sort of stuff. It allows me to choose the default units (px, pt, in, etc) for each drawing (in Page ->Manage Page Properties and also in File -> Document Setup). Do you have a setting like that somewhere? If so, you could switch to pixels, create a layer for your “ruler” and draw the ruler in, then go back to whatever units you’re working in and just do your design using other layers, without messing up your ruler line. Does that help? Did I understand your need correctly? Sorry, but I know nothing about Fireworks.

Good luck! :)

grizwald's avatar

See if you can use guides.

ETpro's avatar

If your developer is worth a grain of salt, there is no need to trouble yourself doing that. Ask the developer if they are used to slicing and dicing images for conversion to Web format. If they are, then they have several options to get images and open spaces sized correctly. Also, based on how they intend to actually slice the layout, they may not want to break it where you think they will.

When I am doing it working from a customer supplied graphic, I use guides. I can pull them into exact alignment with any element in the image. I do this with the image magnified 500 or even 1000% so they are exactly on the junction I am looking for. Then in my graphics program, I right click the handle for the guide. I get an exact readout in pixels from the left or top side of the image.

anartist's avatar

If you have fireworks do you have Photoshop. You can simply specify a total screensize in pixels and all the rest will follow, don’t need dimension bars

lapilofu's avatar

If you’ve got a Mac, I highly recommend xScope. It’s a beautiful piece of software with a lot of useful measuring tools—I keep it open all the time. It’s true that you should be able to ask a designer or measure in a graphics program, but sometimes it’s faster just to just pull out xScope’s ruler or dimensions tool.

Response moderated (Spam)

Answer this question




to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
Knowledge Networking @ Fluther