Designing For Android: Tips And Techniques


Smashing Magazine
mobile.smashingmagazine.com

Android is an attractive platform for developers, but not all designers share our enthusiasm. Making an app look and feel great across hundreds of devices with different combinations of screen size, pixel density and aspect ratio is no mean feat. Android’s diversity provides plenty of challenges, but creating apps that run on an entire ecosystem of devices is rewarding too.

Android devices in various sizes.
There are hundreds of Android devices with different screen sizes and resolutions. (Image credit: Android Design. Used under Creative Commons license.)

At Novoda, we build Android software for brands, start-ups and device manufacturers. We often work with visual designers who are new to Android. The new Android Design site is the first resource we recommend. You should definitely check it out. However, there is plenty more to pick up! The goal is to create apps that people love to use. Thoughtful UX and aesthetically pleasing visual designs help us get there.

This article provides a set of practical tips and design considerations for creating Android apps. I’ve tried to include something useful whether you’re crafting pixel-perfect graphic assets, finding an optimal user flow or getting your hands dirty developing XML layouts.

Pixels

Visual design is hugely important in the perceived quality of an app. It might even improve usability. Most developers have some exposure to UI patterns, but developers with visual design skills are rare. They really need you. Delivering high-fidelity mock-ups, drawable resources (i.e. graphic assets) and guidance to developers is the best way to deliver an aesthetically pleasing experience to the end user.

SCALE NICELY

Android is a platform of many screen densities. There is no set of resolutions to target, rather a density independent measurement scheme for graphics, widgets and layouts. This is covered in depth in a previous Smashing article and the official documentation, so I’ll just add a mention of this neat web tool for calculating density pixels.

Screen densities.
Optimize graphics for different screen densities. (Image credit: Android Design. Used under Creative Commons license.)

It’s not always practical to hand optimize graphic assets for each density. The platform can scale resources down reasonably well. However, it’s always worth testing designs on low-end devicesand optimizing resources that scale badly.

BE STATE FRIENDLY Leer más “Designing For Android: Tips And Techniques”

Anuncios

Las dimensiones de las imágenes que deben tener nuestros perfiles en las redes sociales


images (11)

En cada red social hay unas medidas estandard que son las más adecuadas para cada red social. Para sacar el máximo rendimiento a nuestras imagenes la gente de Bop Design ha desarrollado una infografía que es como una especie de hoja de atajos, con las medidas de las imágenes permitidas en las redes sociales más importantes:

Facebook:
Timeline: 851×315 pixels
Perfil (Imagen/Icono): 200×200 pixels

Twitter: Leer más “Las dimensiones de las imágenes que deben tener nuestros perfiles en las redes sociales”

40 Examples Of Eye Popping Pixel Art

By Tim Mercer

Pixel art was brought to the mainstream with the release of gaming consoles in the early eighties. Those 8-bit graphics we all loved back then often evoke feelings of nostalgia and take us back in time. Nostalgia aside, pixel art is a beautiful art form on its own that many of us have come to love. With so few pixels to work with, pixel artist’s have to make each one count.

Today we present 40 Examples Of Eye Popping Pixel Art from some of the best pixel artists around. Be sure to check out their sites for more of their amazing work.


By Tim Mercer

Pixel art was brought to the mainstream with the release of gaming consoles in the early eighties. Those 8-bit graphics we all loved back then often evoke feelings of nostalgia and take us back in time. Nostalgia aside, pixel art is a beautiful art form on its own that many of us have come to love. With so few pixels to work with, pixel artist’s have to make each one count.

Today we present 40 Examples Of Eye Popping Pixel Art from some of the best pixel artists around. Be sure to check out their sites for more of their amazing work.

Beautiful Pixel Art

R Grillotti
Grillotti uses every pixel perfectly in this rendition of The Birth Of Venus.

Th RGrillottiVenusSm4 650 in 40 Examples Of Eye Popping Pixel Art
Another pixel masterpiece from Grillotti’s model series.

Th RGrillottiStudioModel672 in 40 Examples Of Eye Popping Pixel  Art
I love these large pixel paintings. Each pixel must be place just right to get the desired results. Leer más “40 Examples Of Eye Popping Pixel Art”