Android app which displays design image with grid lines to facilitate the tedious design implementation process
DesignOverlay is an android app which displays a design image with grid lines to facilitate the tedious layout process. The grid is especially useful to align to baseline grids as described in Android Design Guidelines.
API Level 14 (ICS) and above.
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.
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 for Android Studio provided by jimulabs to even facilitate the process.
These are just examples of how the overlay will look over an Etsy app. (I'm using Etsy as an example since it's a great app.)
git submodule update --init ./gradlew assembleDebug
Atsushi Ienaka - application icons and play store images
Copyright 2015 Manabu Shimobe
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.