Saltar al contenido
AprenderUXUI » Aprender » Diseño UI » Página 2

Diseño UI

Diseño de la interfaz gráfica

Portada Color Banding en UI

Color Banding en UI

Si usas degradados de color seguro que alguna vez te has encontrado con el típico problema de saltos bruscos de color. Aprende qué es el color banding y cómo evitarlo.

Portada Sidebar y side navigation menu en aprenderuxui

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.

Portada compoente UI navigation bar

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.

Tooltip vs Toggletip o call out o popuptip

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.

Portada dudas avanzadas Figma

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.

Portada Especificacion X11W3C

Especificación X11 del W3C

Descubre qué es la especificación X11 del W3C y cómo usarla nos puede ahorrar mucho tiempo al seleccionar los colores tanto en diseño como en desarrollo de webs y apps.

Portada Tipos Color

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.

Portada HSL vs HSB

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.

Portada RGB HEX

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.

Una bombilla encendida en el lado izquierdo sobre fondo oscuro y apagada en el derecho sobre fondo blanco simboliza el contraste

El ratio de contraste de color

Descubre qué es el contraste entre colores, la luminancia, la ratio de contraste y aprende a calcular dicha ratio para conseguir paletas de color accesibles en tus diseños UX / UI