DesignOverlay

About DesignOverlay Android App

This app is made for both developers and designers.


- Why is this useful?
=================

- Designers
-------------------
Just share pixel-perfect design images with a developer, no longer need to create a redline document which specifies layout parameters of every UI element.

Note:
Developers probably also need font styling information to implement your design since font style is hard to guess based on just images.

- Developers
---------------------
With the design images shared by a designer, you can easily tweak the layout parameters using design image and grid overlay this app provides and verify design implementation. During that process, I highly recommend using Mirror Plugin (http://jimulabs.com/) for Android Studio provided by jimulabs to even facilitate the process.

- How to use
=============
● Start the app and enable the switch on the top right.
● Select an image to overlay.
● Go to your app and see if the layout matches with the design image.

- Available settings
=================
● Show/Hide of Image/Grid
● Image to overlay
● Image transparency
● Grid size in dp (default is 4dp)
● Grid line color and transparency
● Fullscreen mode (if enabled, it will draw overlay from the top of the screen -> draws over status bar)

This app is open source and its project page is available at https://github.com/Manabu-GT/DesignOverlay-Android