DesignOverlay

Shows a design image overlay w/ grid which helps you to verify your app design

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