Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

All UX/UI content:

  1. La anatomía de la tipografía web

    La anatomía de la tipografía web

    Tutorial Beginner

    son importantes para ti, como un diseñador web.

  2. Revisión de la Navegación Responsiva: Patrones Off Canvas

    Revisión de la Navegación Responsiva: Patrones Off Canvas

    Tutorial Beginner

    En este tutorial vamos a revisar cuatro variantes de patrones en los que tanto la navegación como el contenido de la página se colocan off canvas (fuera de...

  3. Mantener la coherencia con una guía de estilo del sitio web

    Mantener la coherencia con una guía de estilo del sitio web

    Tutorial Beginner

    La creación de guías de estilo se está convirtiendo rápidamente en una práctica común para los diseñadores web, especialmente cuando se trata de sitios con...

  4. Principios para un Diseño Exitoso de Botones

    Principios para un Diseño Exitoso de Botones

    Tutorial Beginner

    Existen miles de formas para diseñar y crear botones hoy en día y usted solo tiene que emplear una pequeña cantidad de tiempo mirando a través de trabajos en...

  5. Hacer que los sitios web sean conscientes de la ubicación con la geolocalización HTML5

    Hacer que los sitios web sean conscientes de la ubicación con la geolocalización HTML5

    Tutorial Beginner

    Las suposiciones pueden ser un negocio arriesgado en el mundo de la experiencia de usuario, pero algunas de ellas pueden permitirte ofrecer una experiencia...

  6. Recreando los efectos de filtro retro de Instagram

    Recreando los efectos de filtro retro de Instagram

    Tutorial Beginner

    En este tutorial voy a tomar un vistazo a exactamente cómo funcionan los filtros de Instagram, antes recreando efectos similares en Photoshop. Yo voy también...

  7. Pon al día tus formularios con validación de CSS3 y HTML5

    Pon al día tus formularios con validación de CSS3 y HTML5

    Tutorial Beginner

    Veamos como crear formularios que validan la información del usuario en el lado del cliente. Una vez hecho, veremos como embellecerlo usando CSS. ¡Incluyendo...

  8. Primeros Pasos del Flujo de Trabajo Relativo a la Experiencia de Tus Usuario: Etapas Iniciales en el Diseño UX

    Primeros Pasos del Flujo de Trabajo Relativo a la Experiencia de Tus Usuario: Etapas Iniciales en el Diseño UX

    Tutorial Beginner

    UX es típicamente la primera etapa en los procesos de desarrollo de software, pero echemos un vistazo más profundo a los pasos que debes dar un profesional...

  9. Examinando el diseño de navegación adaptativa: patrones para el pié de página

    Examinando el diseño de navegación adaptativa: patrones para el pié de página

    Tutorial Intermediate

    Bienvenidos al segundo capítulo de una serie que examina patrones en el diseño de navegación adaptativa. Este artículo te guiará a través de cuatro patrones...

  10. Entender la Maquetación de Pantalla Dividida o "Split" en el Diseño Web

    Entender la Maquetación de Pantalla Dividida o "Split" en el Diseño Web

    Tutorial Beginner

    Como diseñadores web, seguimos muchos paradigmas de diseño y principios de maquetación: retículas, consistencia vertical, Maquetación en F, Maquetación en M,...

  11. Una guía acerca de combinar fuentes para novatos

    Una guía acerca de combinar fuentes para novatos

    Tutorial Beginner

    Combinar fuentes puede ser todo un reto. Escoger dos o más fuentes que queden bien juntas es complicado (seleccionar dos que combinen para conseguir tus...

  12. Wireframes interactivos rápidos y fáciles con Bootstrap

    Wireframes interactivos rápidos y fáciles con Bootstrap

    Tutorial Beginner

    El diseño web es una profesión en evolución. Si bien siempre será importante tener buen ojo para el color, la tipografía y el diseño, estas habilidades están...