Sistemas de Diseño basados en cuadrículas de 8 px para Diseño de Interfaz (UI)

¿Conoces los sistemas de diseño basados en cuadrículas de 8 px?

Este webinar estuvo a cargo de Miguel Angel Molano. Él nos cuenta sobre la metodología de diseño basada en cuadrículas de 8 píxeles en el diseño de interfaz, el rol de la tipografía, iconografía, cuadrículas, el color, y el Atomic Design.

~~~ Episodios ~~~
0:00 - Introducción
3:00 - Ejemplo UI Spotify
4:30 - ¿Qué es un punto en diseño?
6:58 - ¿Por qué 8 píxeles?
8:54 - Tipografía en diseño de interfaz
12:05 - Iconografía en diseño de interfaz
14:40 - Cuadrículas y grillas en diseño de interfaz
23:20 - Color en el diseño de interfaz
33:10 - Atomic Design en diseño de interfaz
38:45 - Componentes en diseño de interfaz

🚀SIGUE APRENDIENDO DISEÑO UX UI:
5️⃣ Cómo Conseguir Trabajo de Diseñador?

☑️Otras playlists ☑️

#atomicdesign #userinterface
como ser consistente en el diseño ui, consistencia en diseño ui, consistencia en diseño de interfaz, consistencia en ui, escalabilidad en ui, flexibilidad en ui, que es atomic design, atomic design que es, sistemas de diseño atomic design, sistema de diseño cuadriculas de 8 pixeles, que es un punto en diseño, tipografia en ui, iconografia en ui, cuadriculas en ui, grillas en ui, color en ui, tipografia en diseño de interfaz, sistemas de diseño para diseño de interfaz, webinar diseño web, webinar diseño

[JorgeCarmona]

Gracias no sabia bien como era lo de la regla de 8 eso me sirvio bastante

[fernandovaldez]

Inmensamente agradecido. Un trabajo exelente, muy bien explicado, didáctico, practico y de mucha utilidad.

[maylamprea]

Creo que es el mejor webinar en este canal.
Gracias!

[DiegoPemberthy]

:raised_hands: grandioso! gracias, gracias!

[manuelazapata]

Demasiado bien explicado, muchas gracias por compartir conocimiento!

[MariaClaraSorensen]

Es excelente cada capitulo y espacio que nos brindas! Mil gracias mil por tu aporte!

[lauramorenocaceres]

Excelente Me ayudó muchisisisismo! gracias.

[Miles-Arts]

Hola Coderhouse, excelente webinar!!!
Grande Miguel en la clase.
Me ha servido muchísimo, para ir afinando mis conocimientos.
Pronto inicio mi clase de diseño UX/UI. :)

[Gusgitgud]

Sistema de tipografía basado en la cuadricula de 8 puntos. El tamaño de la fuente puede variar, sin embargo, la altura de la linea debe ser una multiplicación de 8.

[nocopy]

Donde encuentro los PPT, los busqué en el toolkit de la plataforma pero no los encuentro

[annmusicworld]

1pt NO ES IGUAL a 1PX.... En realidad 1pt = 1, 333...px]
Pueden pensar que los decimales no hacen diferencia, pero sí hay que tenerlo en cuenta porque puede generar un error en el diseño y desarollo de una interface.
Para tener una comparación más clara, si escribes en un Word a un tamaño de 12pt, en una pantalla serían 16px y si lo vas a traducir en CSS sería 1em.
Veamos otro ej: un título: 24pt=32px=2em (ya se ve aún mas la diferencia que marcan los decimales)

[magaliquiros]

Excelente video!! Me sirvió un montón, muchas gracias!! :)

[lavendernova]

Entiendo lo que trata de enseñar pero cabe aclarar algunos datos, la retícula de 8 pixeles parte de los 8 bites de información, los sistemas informáticos son creados a partir de esto y por eso la información que se cree encajan en esta unidad pero Primero: un punto no es igual a un pixel, segundo: los margin van fuera del botón no dentro como aparece en el vídeo y tercero y esto es para todos los diseñadores, hacer este tipo de webinar les da luz para mejorar en el área de diseño de interfaces pero en un equipo de trabajo les va a dar problemas a los desarrolladores por que lo que se muestra acá ellos no lo operan de la misma forma.

[yunielperezgonzalez]

Hola,
Cómo puedo contratar profesionales que entiendan estos conceptos. Gracias de antemano

[JULIANROLDANJuligan]

Las cuadrículas en múltiplos de 8 Pixeles, se da más por que es un modelo de todos los productos digitales que usamos hoy en día, RAM, Disco duro, procesador y los viewports o pantallas se basan en múltiplos de 8

[EstherBellido]

Genial! gracias por compartir solo hay un detalle tienes un color duplicado, el Rappi Green y Success comparten el mismo código hexadecimal, te recomiendo utilizar nomenclatura semántica para nombrar los colores :D

[diegonciox]

No entiendo, habla todo el Webinar sobre usar reglas de 8px en todo tipografía, espaciado, bla bal bla, pero cuando habla sobre el proposito.... habla que responsive en su momento pero ¿Cómo diseñar cuadriculas de 8px va a ayudar? ¿Qué beneficio obtengo al aplicarlo?

[gracielapaladino]

No compren porque no cumplen con lo que prometen