mozilla

Diseñando Apps

 

Al crear Aplicaciones web de código abierto, necesitas dar mucha consideración a la apariencia, experiencia de usuario y flujo de trabajo de tus aplicaciones.Aquí nosotros te mostraremos patrones generales y técnicas de diseño que se usan para las aplicaciones web de código abierto, incluyendo las aplicaciones de  Firefox OS.

Note: Los artículos en ésta sección abarca gráficos y UX en detalle, incluyendo enlaces web a ejemplos y recursos relacionados. Si estás buscando alguna librería de recursos y ejemplos, te recomendamos que visites BuildingFirefoxOS .

Pautas para el diseño

Planificación
Empieza por planificar tu app
Principios de diseño
Una útil lista de principios generales de diseño para empezar.
Consideraciones para apps  instaladas
Consideraciones de alto nivel para Aplicaciones Web UX de Código Abierto.
Gráficos para sitios  responsive
Ideas a tener en cuenta para el diseño gráfico adaptativo en sitios web y aplicaciones.
Guía de estilos para el contenido
Una guía para realizar una buena elección del texto que aparecerá en tu App, para asegurarte que sea fácil de usar e intuitiva.
Guía de estilos para FirefoxOS
Recurso para diseñadores y desarrolladores, que te ayudará a definir el estilo visual para tus aplicaciones en Firefox OS
Guía de estilos para los íconos de FirefoxOS
Guía para diseñar buenos íconos para tus aplicaciones.

Patrones de diseño y recursos

Patrones de diseño para pantallas pequeñas
Guías de patrones de diseño que pueden ser usados en aplicaciones para pantallas pequeñas, incluyendo las desarrolladas sobre Firefox OS.
Patrones de navegación responsive
Encontrarás ayuda para el diseño del menú de navegación de tu app
Recursos de diseño
Recursos gráficos para el diseño de Apps web de código abierto, incluyendo archivos PSD.

App layout

Componentes básicos del Responsive Design
Aprende lo básico del Responsive Design, un tema esencial para el diseño de apps modernas.
Responsive design vs adaptive design
Desmitificando los términos "responsive" vs "adaptive", y cómo están relacionados.
Mobile primero
A menudo, cuando creas diseños de aplicaciones "responsive", tiene sentido usar el diseño por defecto y construir después los demás diseños.
Cajas Flexibles (Flexible boxes)
Flexbox es una útil propiedad CSS para diseños flexibles y responsive.

 

Etiquetas y colaboradores del documento

Contributors to this page: teoli, chrisdavidmills, Erojask7
Última actualización por: Erojask7,