mozilla
Los resultados de tu búsqueda

    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,