Diseño Visual

Diseño Visual

1. El estilo de las interfaces

   • Está compuesta por botones, gráficos, íconos y fondos, que tienen una apariencia visual diferente en cada uno de los sistemas operativos
   • Android
     • Cada gráfico, botón y texto está acompañado por la idea de limpieza visual pero, a la vez, deslumbra con pequeños detalles
   • IPhone
     • Se basa en un diseño plano, despojado de relieves, degradados y decoraciones estéticas excesivas

2. Interfaces nativas o personalizadas

   • Se basan en elementos, botones, listas y encabezados, que vienen preestablecidos en cada plataforma
   • Representan una mayor complejidad y tiempo de desarrollo
   • Pueden ofrecer una apariencia más acabada

3. La identidad visual

   • Los colores, tipografías y fondos actúan como elementos que reflejan esa identidad.
   • Los componentes de la identidad es la marca
   • Se recomienda incluirla en lugares propicios para tal fin, como pantallas introductoras, pantallas para ingresar clave y usuario

4. Íconos y pantalla inicial

   • Ícono de Lanzamiento
     • Sirve para representar el app
   • Íconos interiores
     • Ayuda visual
     • Mejorar la utilización del espacio
     • complemento de elementos interactivos
   • Pantalla inicial
     • Es la primera pantalla que verá el usuario al iniciar la app

5. Grilla

   • Es la estructura invisible sobre la cual se apoyan todos los elementos visuales
   • En Android, el módulo base es de 48dp
   • En iPhone es de 44px

6. Tipografía

   • SERIF O SANS-SERIF
   • Legibilidad y resolución
   • Tamaños minimoS
   • Jerarquías

7. Colores

   • Reservados
   • En textos
   • En fondos
   • En elementos interactivos
   • En encabezados

8. Detalles visuales

   • Pantallas vacías
   • Gráficos Efímeros
   • Secretos visuales

9. Animando la app

   • Feedback
   • Transiciones
   • Herramientas Informativas
   • Caramelo visual

10. El lenguaje

    • Textos en otro idiomas
    • Comunicar errores
    • Saber como hablarle
    • Formular frases