Sidebar o Side Navigation Menu
Esta guía tiene todo sobre sidebars o side navigation menus. Aprende qué es una sidebar, para qué sirven, cuándo usarlas y cómo diseñar las barras de navegación para una buena UX.
AprenderUXUI » interfaz gráfica »
interfaz gráfica
Componente UI Barra de navegación
Aprende cómo diseñar y cuándo utilizar el componente UI barra de navegación conocida como navigation bar o navbar para ayudar a los usuarios.
Error 404 Not Found y Error 500 Internal Server Error
El flujo del usuario no es un camino de rosas. Aprende a diseñar las páginas Error 404 Not found y error 500 Internal Server Error con perspectiva de experiencia de usuario.
Tooltip o toggletip
Los tooltips y toggletips son componentes UI que mejoran la experiencia de uso aportando información al usuario. Aprende qué tipo de información aportan cada uno y cómo lo hacen.
Dudas de un uso avanzado de Figma
Obtén mejores resultados en tus diseños dominando las funcionalidades avanzadas de Figma: pixel preview, pixel grid, nudge amount, slice y puntos de ancla.
La regla del 60-30-10 para el diseño UI
En diseño no hay recetas mágicas pero sí trucos. Mejora el diseño de tus pantallas aplicando los trucos de la regla del 60-30-10 en diseño UI
Tipos de colores
Los colores se pueden agrupar por categorías o tipos según diferentes criterios. Aprende qué tipos de colores hay y cómo clasificarlos.
Modelos de color HSL y HSB
Los modelos HSL y HSB o HSV son los más amigables para los diseñadores. Descubre en qué consisten, en qué se parecen y en qué se diferencian.
Modelos de color RGB y HEX
Los modelos de color HEX y RGB son los más usados en diseño web y digital. Seguro que ya los has usado. Ahora aprende qué son, cómo funcionan y sus características.
Diseño Atómico
En 2013 Brad Frost presentó su libro Atomic Design donde explicaba esta revolucionaria metodología y visión del diseño. Aprende en qué consiste, sus beneficios y su revisión.
Enlaces vs Botones
Aprende la diferencia entre botones vs enlaces y todo sobre diseñar estos componentes UI de navegación y acción para ayudar a la arquitectura de la información.
Componentes UI: Color Picker y File Uploader
Descubre las mejores prácticas para diseñar selectores de color (color pickers) y cargadores de archivos (file uploaders), dos de los componentes UI de entrada de datos.