Recursos definitivos para diseñar apps móviles

¿Quieres diseñar una aplicación móvil y no sabes por dónde empezar? Te recopilamos unos cuantos recursos para diseñar y prototipar aplicaciones móviles.
—   Por | @socialmood

El diseño de interfaces para dispositivos móviles es una profesión que apenas existía hace cinco años, pero en torno a la cual se está generando cada vez más demanda.

Entre la novedad y la velocidad con la que avanza el sector, resulta complicado saber cómo, y por dónde empezar a diseñar aplicaciones para móviles. Este post pretende ser una puerta de entrada, una ayuda para dar el siguiente paso ahora que ya tienes la idea genial con la que vas a forrarte en la app store. ¡Suerte!

Inspiración

Quizás antes de empezar sería interesante que echaras un vistazo a lo que están haciendo los demás, para identificar patrones y tendencias. Estas webs recopilan los mejores ejemplos en aplicaciones de iOS y Android.

Android Niceties

android-niceties

Pttrns

pttrns

iOS Patterns

ios-patterns

Mobile Patterns

mobile-patterns

Capptivate

capptative

Inspired-ui

inspired-ui

Interfaces y recursos gratuitos

Llega el momento de empezar a diseñar, y para esto nada mejor que contar con algunos recursos básicos de inicio.

Responsive Sketchsheets

responsive-sketchsheets

Lo primero es lo primero, trabajar sobre papel es importante. Con estas guías imprimibles te será mucho más fácil crear tus bocetos.

iOS7 GUI PSD (iPhone)

ios8-psd

Completo set de elementos de iOS7 para diseños de apps de iPhone, también la versión para iPad.

Android 4 UI Design Kit PSD

android-designkit

Lo mismo pero para Android.

Pixeden

pixeden

Interfaces de Apps en PSDs listas para trabajar.

Pinterest

pinterest

Busca términos como “Mobile UI” en Pinterest o en Dribble, encontrarás joyitas.

Prototipos

Standin

standit

¿Diseñas tus apps desde photoshop? Este plugin es para ti. Stand in te permite animar los botones y pantallas de tu diseño directamente desde Photoshop, y además te muestra el resultado directamente en tu móvil, o en el de tu desarrollador o cliente, para que se hagan una idea lo más real posible del resultado final.

Proto io

Esta web es muy potente, y cubrirá todas tus necesidades para crear prototipos impresionantes.

Codiga

codiqa

Si hacemos caso a su slogan, Codiga es “The most intuitive mobile interface builder ever built. Period“.

Fluid

fluid

Fluid es una forma gratuita y muy muy sencilla de crear mockups y prototipos de apps.

Marvel App

Sube tus PSDs desde tu cuenta de Dropbox, y en un par de clics vincula tus pantallas y anima las transiciones. ¡Facilísimo y gratis!

App Cooker

app-cooker

¿Prefieres prototipar tu app directamente desde tu móvil? Ningún problema, App Cooker te permite hacerlo sin muchas complicaciones.

Pop

pop

Pop es similar a App Cooker pero aún más sencillo, esta app te permite crear prototipos de diseños móviles directamente desde tu tablet o smartphone ¡escaneando tus bocetos en papel!

Ahora ya sabes por dónde empezar a diseñar aplicaciones móviles, pero recuerda, el resultado solo depende de ti :)