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.

  • 1
    If you're a mac user you can use zeplin and sketch. – ILikeTacos Apr 26 '17 at 0:17
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/

0

you can use redline documents something like thisenter image description here

  • 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 '17 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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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