1

I can use grids for desktop measurements. But, for mobile, I can't figure out how to show the measurements (padding, alignment) for developers.

Improve this question
1
  • 1
    If you're a mac user you can use zeplin and sketch.
    – ILikeTacos
    Apr 26, 2017 at 0:17

3 Answers 3

Reset to default
1

I've found a lot of insights looking into how Google is presenting Material Design. It's speaking a common designer/developer language. It's worth studying it and implementing concepts from it to your specifications.

As for measurements, just stay out of pixels and everything should be ok. It can get really confusing, but with a bit of patience everything will make sense at some point. This article explains it really well (grab a cup of coffee/tea before starting it): http://sebastien-gabriel.com/designers-guide-to-dpi/

Improve this answer
0

you can use redline documents something like thisenter image description here

Improve this answer
1
  • 1
    This has showed to be most effective for me, include a document where you clearly show what margins should be the same. I color code it when possible.
    – Summer
    Jul 25, 2017 at 12:48
0

You can use Sketch and Zeplin, like @ILikeBeansTacos said. In addition to that, every element I design has a variable name the developer and I thought of so when he sees the designs in Zeplin he knows what elements I'm using.

enter image description here

I also create an artboard where I put all my elements so the developers have a 'style guide' artboard in Zeplin.

enter image description here

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.