¿Cuáles son los mejores recursos para aprender sobre el diseño de la interfaz de usuario de la aplicación móvil?

Todos estos son geniales … podría pasar días navegando por las aplicaciones y los patrones en estas galerías. En su mayoría se centran exclusivamente en patrones de interfaz de usuario móvil y diseño de interfaz

  • Archivo UX: ordenado por tarea, aplicaciones y rediseño ios6 vs 7. Mi favorito, pero necesita escalar
  • CAPPTIVATE.co: el único archivo web de interacción móvil y diseño de movimiento, simplemente increíble
  • EDITAR: acaba de agregar este gran sitio: ( UI GIFS.com) Patrones de interfaz de usuario en forma de GIF animados
  • Interfaz de usuario inspirada: patrones de diseño de aplicaciones móviles
  • http://laudableapps.com/
  • Galería de aplicaciones móviles de Tappgala.com con patrones de IU categorizados
  • Píxeles bien colocados
  • http://www.scoutzie.com/ Muestra el trabajo de algunos de los mejores diseñadores de interfaz de usuario móvil en este momento
  • http://pttrns.com Galería de patrones de IOS Mobile
  • Beautiful Pixels Collective trabaja con un diseño de interfaz de usuario actual y hermoso
  • Patrones móviles
  • http://toolbox.ooomf.com/# Directorio de herramientas simples para desarrolladores de aplicaciones y Galería de patrones para diseñadores móviles
  • http://mycolorscreen.com/ Hermosos patrones de aplicaciones de Android e iOS
  • http://inspired-ui.com/ Patrones de interfaz de usuario móvil
  • http://www.lovelyui.com/ Colección de elementos de la interfaz de usuario móvil
  • http://theultralinx.com/ Destaca las interfaces de usuario móviles más innovadoras y creativas actuales
  • Meer.li otro gran patrón de interfaz de usuario móvil / Galería de aplicaciones
  • http://creattica.com/mobile/latest/ Galería de diseño de interfaz móvil
  • http://www.designtickle.com/ Galería basada en tomas de diseño Dribbble (centrada en dispositivos móviles)
  • Significantpixels.com No hay mucho contenido, pero el contenido que hay es bueno
  • http://idevrecipes.com/ “Recreando características interesantes en aplicaciones iOS”

Leer más artículos relacionados con el diseño en Medium [1]

Referencia general

  • Apple – Pautas para el diseño
  • Androide – Pautas para el diseño
  • Windows Phone – Pautas para el diseño
  • Iconos : una biblioteca masiva de iconos. Más o menos lo mejor de la historia.
  • Inspiración general de la interfaz de usuario
  • IU inspiración por plataforma
  • Compara la interfaz de usuario de Android y iPhone
  • Recurso de imagen gratuito : imágenes de archivo que no apestan.
  • Tamaños de pantalla : realice un seguimiento de todos los diferentes tamaños de pantalla móvil.
  • Presentaciones : la superficie en vivo es ideal para presentaciones, pero no es gratuita. Una buena alternativa es dribbble y encontrar plantillas de presentación móvil gratuitas.

Androide

  • Generador de barra de acción
  • Android UX
  • Patrones de aplicaciones
  • Más patrones de aplicaciones : una colección de capturas de pantalla de la aplicación

Plantillas

  • Keynotopia : no es gratis pero es increíblemente útil.
  • Kit de diseño de iOS : por Invisionapp, una herramienta de creación de prototipos.
  • Kits de GUI para iOS / iPads : por Teehan + Lax. Puede estar desactualizado pero en general es un buen recurso.

Estructura metálica

  • Plantillas de interfaz de usuario (papel) : siempre comience en bruto. El papel es rápido.
  • Axure : lo hace todo: wireframes, creación de prototipos, creación de exportaciones html / css … mi favorito personal. Además tiene bibliotecas de widgets.
  • Balsamiq: herramienta de enmarcado rápido y áspero

Prototipos

  • Flinto : solo para dispositivos móviles. Me gusta porque es rápido.
  • InvisionApp : el primer proyecto es gratuito. Bueno para múltiples plataformas.
  • Marvel : solo para dispositivos móviles.
  • Sketch : solo Mac, herramienta de diseño profesional.
  • Principio : solo Mac, herramienta de diseño fácil de aprender para hacer diseños de movimiento. Incluye una función de línea de tiempo.
  • Adobe XD Design : solo Mac (por ahora). Creado para UX (como se nombra).
  • FramerJS: requiere un poco de código, potente
  • Origami: complemento, creado por diseñadores de Facebook

¡Gracias por leer! No dude en consultar mi libro sobre diseño, investigación y estrategia para nuevos diseñadores.

Notas al pie

[1] Joanna Ngai – Mediana