Posts Tagged ‘Android’

Android Lollipop has become the standard method of design for smartphones powered by Google’s OS. This design follows the popular flat techniques to a T with slight drop shadows, but almost no gradients or bevels. It’s an easy technique to master but difficult to gain momentum.

These tutorials can teach even a complete novice how to design Android interfaces in Photoshop, Sketch, and Illustrator.

Tuts+ Material Intro

google material design introduction

Read the rest of this entry »

When designing for mobile, transferring the work from desktop to the mobile device for previewing it is usually time-consuming.

Skala Preview is a free Mac application with free iOS and Android apps that makes this process a joy.

The application instantly sends lossless and colour-accurate previews to mobile and they can be zoomed, tested for color blindness and viewed in any orientation.

Skala Preview

For Photoshop CS5+ users, previews can be delivered on each edit automatically and, for others, they can be sent via the clipboard or by dragging files to its dock icon or window.

Also, Skala Preview supports any number of devices being connected at the same time.

Device images are widely used when showcasing mobile apps and presenting realistic designs of mobile apps/layouts.

Mobile Design Kit is a free set of mobile devices that are flat designed and provided as .PSD files.

The download package is categorized in operating systems (iOS, Android, Windows Mobile) and there are designs for iPhone, iPad S3, S4 & Nexus 7 and more.

Mobile Design Kit

Pixate is a free platform for creating the user interface of native mobile apps with CSS.

It is actually a graphics engine that transforms CSS into scalable graphics, bitmap effects and more.

The app can be built with any tool/language (Objective-C, Titanium, etc.) and Pixate will work with all of them.


CSS used can be loaded  locally or remotely which is great for totally customizing the look and feel by updating the CSS and not updating the app itself.

Pixate is currently iOS-only but Android support (where the same code could be used for both platforms) will be available soon.

There are many frameworks out there which mimic the user interface of iOS but not much exists for Android

Fries is a solid HTML-CSS-JS framework for creating Android-like UIs both for real-world usage and prototyping.

The framework has all the major components like forms, action bars, lists, buttons, spinners or tabs.

It is also optimized for PhoneGap and can be easily converted to a native app.

Android UI Web Framework - Fries