Here is a part of my presentation from Russia Dribbble Meetup 2013. It's about design integration. My process and tools.

2. Evgeny Belyaev
@30PP0
Designer, Mail.Ru
Android
Design Integration

3. App design (psd)

4. Implemented app

5. ?

6. Of course, DEVELOPERS!!!

7. Of course, DEVELOPERS!!!

8. Incorrect
Design Specification!

9. Design specification
- dimensions
- gaps
- UI colors
- sizes
- styles
- colors and text styles
- spacings
Metrics
- assets
Fonts Res

10. metrics
Close attention should be paid
to the integration of design.
Because end user sees it on the device
screen, not the designer's layout.
fonts res

11. Android

12. One does not simply integrate your app design
for Android.

13. Device screens:
- resolution
- screen size
screen density
dip (dots per inch)
Densities:
- ldpi (240x320)
- mdpi (320x480)
- hdpi (480x800)
- xhdpi (720x1280)
- xxhdpi (1080x1920)
*
* — popular display resolutions

14. Density-independent pixel (dp)
1 dp = 1 px at 160 dpi (mdpi)
- ldpi (0.75x)
- mdpi (x)
- hdpi (1.5x)
- xhdpi (2x)

15. metrics

16. Metrics

17. Metrics
xhdpi: 1 dp = 2 px
image size: 50%
1 dp = 1 px

18. PNG EXPRESS (pngexpress.com)

19. PNG EXPRESS
1. 2. 3.
1 dp = 1 px

20. PNG EXPRESS
1. 2. 3.
1 dp = 1 px

21. fonts

22. Fonts

23. Fonts
Scale-independent pixels (sp)
An SP is scaled by the user's preferred text size, so you
should use this measurement unit when defining
text size (never for layout sizes).

24. PNG EXPRESS
1. 2. 3.
1 dp = 1 px

25. res

26. Res

27. Cut&Slice me (cutandslice.me)

28. Cut&Slice me
1. 3.2. 4.
xhdpi

29. Res
button.png

30. Res
button.png button.9.png

31. Nine Patch Editor

32. Nine Patch Editor
“Stretch”
in vertical
“Stretch”
in horizontal
Content
Content

33. And now we know how to integrate design
into android apps!

34. Thanks for watching!
Evgeny Belyaev
@30PP0
Designer, Mail.Ru