Please enable JavaScript.
Coggle requires JavaScript to display documents.
Diseño de formularios utilizando controles. - Coggle Diagram
Diseño de formularios utilizando controles.
Tipo de prototipos para aplicaciones móviles
Prototipos Interactivos
Bocetos (Sketches)
Mockups
Wireframes
Controles de Interfaz para dispositivos móviles
Permitir que el usuario interactúe con la aplicación para realizar acciones o introducir datos.
Etiquetas: Mostrar información en texto.
Cuadros de texto: Permitir al usuario escribir.
Botones: Iniciar una acción al tocarlos.
Imágenes: Mostrar contenido gráfico.
Listas: Presentar múltiples elementos de forma organizada.
Barras de herramientas: Agrupar las acciones principales y la navegación.
Menús: Ofrecer una lista de opciones o acciones secundarias.
Esquemas de distribución
La forma en que se organizan y estructuran los controles y elementos visuales dentro de la pantalla.
Lineal / Apilado:Organiza elementos en una sola fila o columna.
Cuadrícula (Grid): Organiza elementos en una grilla de filas y columnas.
Pestañas (Tabs) : Permite cambiar entre diferentes secciones en un mismo espacio.
Cajón de Navegación: Menú lateral oculto que se despliega desde un borde.
Tarjetas (Cards) : Contenedores que agrupan información relacionada.
Tipos de recursos
Archivos y valores externos al código que definen la apariencia y contenido de la aplicación.
Cadenas (Strings): Archivos de texto para facilitar la traducción.
Colores (Colors): Paleta de colores definida para mantener consistencia.
Temas (Themes): Estilos globales para toda la app.
Imágenes (Drawables): Gráficos, iconos y logos en diferentes resoluciones.
Menús (Menus): Archivos que definen la estructura de los menús.
Fuentes (Fonts): Tipografías personalizadas para la marca.
Recursos Estáticos (Raw): Archivos diversos (audio, video, bases de datos).
Temas y Estilos
Conjuntos de atributos que definen la apariencia visual para dar consistencia y personalidad a la interfaz.
Temas
Elementos que lo integran: Colores primarios de la app, estilos de ventana, fuentes por defecto.
Estilos
Elementos que lo integran: Color de fondo, tamaño de letra, márgenes,
guías de estilo o bibliotecas de componentes visuales para controles
Herramientas que aseguran la coherencia y eficiencia en el diseño y desarrollo de la interfaz de usuario.
Guías de Estilo
Definir el QUÉ y el PORQUÉ del diseño para mantener la consistencia de la marca.
Definir el CÓMO se construye la interfaz, acelerando el desarrollo.