Skip to main content

Android Device Independent Pixel Cheat Sheet for Designers




What is it?

This is a ruler in the Android "dip" (Device Independent Pixel) unit.

You can print it, cut it and give it to your designer.

Why?

I've found that the concept of dp is not that easy to explain / understand.

Designers are used to think in pixels (especially if they also work on iOS projects).

Sometimes a picture is worth a thousand words, and so this ruler will make it immediately obvious that the dp is a physical unit of length.

Some essential information is also present on the ruler:

Definition of a dp
List of Android logical densities (ldpi, mdpi, etc.) with their properties
And of course it can also be actually used to measure things (screens…) since it is a ruler :)

BoD GitHub

See also
Android Cheatsheet for Graphic Designers
The Android Design Cheat Sheet

Comments

Popular posts from this blog

Pattern: Riblets vs. VIPER

Engineering the architecture behind Uber's new rider app

Not being held back by our extensive codebase and previous design choices gave us the freedom where we otherwise would have made compromises. The outcome is the sleek new app you see today, which implements a new mobile architecture across both iOS and Android. Read on to learn why we felt the need to create this new architecture pattern, called Riblets, and how it helps us reach our goals.

The platforms share:

Core architectureClass namesInheritance relationships between business logic unitsHow business logic is dividedPlugin points (names, existence, structure, etc.)Reactive programming chainsUnified platform components
Each Riblet is made up of one Router, Interactor, and Builder with its Component (hence the name), and optional Presenters and Views. The Router and Interactor handle the business logic, while the Presenter and View handle the view logic.

Uber

Stetho - A Chrome debug bridge for Android applications

Stetho is a sophisticated debug bridge for Android applications. When enabled, developers have access to the Chrome Developer Tools feature natively part of the Chrome desktop browser. Developers can also choose to enable the optional dumpapp tool which offers a powerful command-line interface to application internals.

Facebook Github

WireMock

WireMock is a flexible library for stubbing and mocking web services. Unlike general purpose mocking tools it works by creating an actual HTTP server that your code under test can connect to as it would a real web service.

It supports HTTP response stubbing, request verification, proxy/intercept, record/playback of stubs and fault injection, and can be used from within a unit test or deployed into a test environment.

Although it’s written in Java, there’s also a JSON API so you can use it with pretty much any language out there.

WireMock.org