Las 10 mejores herramientas gratuitas para diseñadores de aplicaciones

Ya sea que esté diseñando su aplicación para iOS , Android , ambos o en otra plataforma, hay un montón de recursos geniales en la web. Así que aquí he reunido 10 herramientas brillantes para ayudarlo a pasar del concepto a la aplicación final más rápido, todo gratis. Ah, y si está buscando aprender a diseñar aplicaciones o mejorar sus habilidades, consulte también esta colección de tutoriales en Cómo crear una aplicación .

01. Marvel (iOS, Android)

La aplicación Marvel convierte bocetos simples en papel en prototipos interactivos que se pueden tocar y que le permiten hacer una demostración de las ideas de su aplicación y compartirlas con otros.



  • Es compatible con archivos .psd, por lo que no es necesario convertir sus diseños antes de cargarlos. Marvel reduce significativamente el tiempo de prueba de los cambios, especialmente porque los actualiza en segundo plano.
  • El navegador web prueba su prototipo simulando el dispositivo para que lo vea en su entorno natural.
  • Esta herramienta de creación de prototipos incluye animaciones personalizadas y desvanecimiento entre pantallas, para la experiencia de creación de prototipos más realista

02. Invision (iOS, Android)

Invision es otra herramienta gratuita de creación de prototipos web y móvil disponible para las plataformas iOS y Android. Esta herramienta de creación de prototipos tiene un sistema de comentarios completo, junto con notificaciones y actualizaciones de estado, para que todos los miembros de un equipo puedan ver dónde se encuentra el proyecto sin tener que preguntar.

  • Invasion también colabora en tiempo real con las personas, por lo que todos pueden reunirse en línea y trabajar juntos en el proyecto si surge un problema.
  • Incluye herramientas de diseño completas dentro de la colaboración en tiempo real, por lo que realmente es una experiencia ideal en tiempo real.
  • Y quizás la mejor característica, tiene control de versiones, para cuando accidentalmente realiza un cambio que no debería tener, o cuando desea recuperar un concepto de diseño antiguo.

03. Papel para bocetos de iOS

Para aquellos a quienes les gusta diseñar en lápiz y papel antes de lanzarse a Photoshop o una herramienta de creación de prototipos, este papel de dibujo de cuadrícula de puntos gratuito facilita la obtención de cualquier diseño iOS en papel. Está listo para imprimir cuando lo descarga.

Incluye líneas de cuadrícula para todos los elementos de la interfaz de usuario predeterminados, así como marcadores de medición para cada dispositivo. Está disponible como iPad Air y iPhone 5S.

04. Papel de dibujo de Android

No nos olvidamos de los diseñadores de Android; Aquí hay un boceto de diseño de Android como la opción anterior para los diseñadores de Android en la audiencia.

Hay ocho teléfonos por pantalla y, a diferencia del Sketch Paper de iOS, no es una cuadrícula de puntos, sino que no tiene líneas en absoluto. Dado que hay una buena cantidad de teléfonos por pantalla, puede organizar el flujo de trabajo rápidamente en este boceto antes de realizar una organización más intensiva del flujo de trabajo.

05. PopApp (iOS, Android)

Si te gustó Marvelapp pero quieres un prototipo funcional en tu dispositivo Android, no busques más que PopApp.

PopApp es único porque comienza con fotografías de los bocetos de su aplicación dibujados a mano y los vincula en su dispositivo. No está limitado por lo que la aplicación puede crear visualmente, pero su prototipo dibujado funciona en cualquier dispositivo.

06. Aplicaciones loables (iOS)

Si se muere por la inspiración, diríjase a Aplicaciones Loables. Muestran todos los mejores diseños de iOS 7 y ejemplos de diseño plano disponibles, para que pueda usar patrones de diseño asombrosos en su próxima aplicación.

Este sitio web no está en formato de artículo, lo que significa que principalmente muestra la belleza de la maqueta en lugar de empantanarla con mucho texto y otros elementos.

07. Genialidad móvil (iOS, Android)

Al igual que antes, este es un sitio web para inspirarse, excepto que este sitio web se inspira en el diseño de una variedad de fuentes, incluidos dispositivos móviles y web.

Mobile Awesomeness tiene un sistema de clasificación para todos los diseños publicados en su sitio web. Vea cómo califican los diseños: puede aplicar este mismo sistema de calificación a sus propios diseños para ver cómo está a la altura.

08. Patrones de Android (Android)

Este sitio web clasifica toneladas de patrones de diseño de Android. Si está buscando algo nuevo y distintivo o simplemente algo diferente para comenzar a usar, puede ir a su biblioteca de patrones de diseño para echar un vistazo.

Organizan sus patrones de diseño según el tipo de aplicación para el que están destinados, como 'tratar con datos', 'personalización' y 'social'. Incluso puede buscar patrones utilizando el mensaje '¿Cómo puedo ...?'.

09. Tuts + (iOS, Android)

Tuts + es una enorme biblioteca de tutoriales desde todo sobre CSS hasta Crocheting. Afortunadamente, también tienen una sección completa dedicada al diseño móvil. Dirígete hacia allí para acceder a enormes tutoriales de diseño visual.

Los tutoriales de Tuts + son largos y completos, por lo que se le guiará a través de cada clic de botón que necesite para hacer algo. Además, tuts + tiene una enorme biblioteca de libros electrónicos y otros recursos, así que si quieres más información sobre un tema, sabes dónde buscar.

10. Adobe Kuler (iOS, Android)

¿No puedes decidirte por una combinación de colores? Utilice Adobe Kuler (disponible como aplicación para cualquier dispositivo, así como en el navegador) para tomar una foto de algo con un esquema de color que le guste y deje que elija los mejores colores complementarios de la foto.

Alternativamente, puede elegir una paleta de colores prefabricada de su biblioteca de colores populares para obtener una combinación de colores ganadora de inmediato. Ya no tendrá que esforzarse más para encontrar el tono correcto o armar un diseño completo solo para que el cliente diga que 'no se ve bien'.

Palabras: Megan Holstein

@MeganE Holstein es emprendedor, experto en aplicaciones y autor de la próxima Idea a aplicación .