Componentes UI

Los componentes UI (User Interface) son los elementos visuales y gráficos con los que el usuario interactúa directamente en una pantalla. Incluyen botones, menús, iconos, colores, tipografías, tarjetas, formularios, sliders, barras de navegación y cualquier pieza visual que permita realizar una acción dentro de una app o sitio web.

algunos componentes son:

Botones: para acciones como aceptar, enviar, comprar o continuar.

Tipografía: estilos de letra que ayudan a leer y entender mejor la información.

Colores: transmiten emociones, jerarquía y guían la atención.

Iconos: símbolos visuales que simplifican la comunicación (carrito, lupa, casa).

Formularios: campos para escribir datos como nombre, correo o dirección.

Menús y barras de navegación: guían al usuario por las secciones del sitio.

Tarjetas (cards): recuadros que agrupan información o productos.

Para qué sirven

Sirven para que una interfaz sea clara, intuitiva, agradable y fácil de usar. Si los componentes UI están bien diseñados, el usuario entiende dónde hacer clic, cómo avanzar, qué es importante y cómo completar una tarea sin confusión.

Cómo los aplico

Cuando veo apps o páginas que me gustan, analizo sus componentes y los uso como referencia. hay veces que tienes que navegar mucho y me aburro con una pagína muy saturada.