Hola estoy aprendiendo mas con tus tutoriales de 20 min aprox que con los cursos que pago y hago sos muy bueno explicando y la tenes muy clara. Gracias por compartir lo que sabes. :)
Excelente Olga😊 Si recién inicias te recomiendo mi curso de introducción al UX/UI para seguir aprendiendo y practicando juntos. 😁 uxcristopher.teachable.com/p/curso-ux-ui-design
Me gustó mucho el video! Me hubiera gustado ya que hablaste de Material Design mostrar la implementación en un Frame de Android, a su vez que analices Human Interfaces y apliques las guías a un Frame de iPhone y por último que apliques grilla/cuadrícula junto con columnas para ver cómo conviven. Muy bueno igual! :)
¡Muy bueno el contenido que haces y lo importante que es para la creación de un proyecto no solo de desarrollo sino del proyecto en general, si bien es del año pasado el video estaria bueno que le pongas la división de contenido para navegar más fácilmente en caso de saber cierto contenido, Groso seguí así!!!
Gracias me sirvió pero la pagina que mencionas parece que cambio demasiado y no esta igual que lo muestras, seria bueno dar una actualización a este video!
no se como entregar esto en un proyecto, ¿hay que diseñar 5 tipos de pantalla por cada pantalla que diseñe? o un desarrollador me podría entender si creo una plantilla con los 5 rangos de breakpoints que trae google y yo solo deberia concentrarme en diseñar ejemplos de mobile y web?
Flelicitaciones por el canal. Estoy empezando con Figma y realmente me esta ayudando mucho. Una cosa par que tengas en cuenta en futuros videos: ese sócalo fijo que tiene tu cuenta de instagram podrías hacerlo mas pequeño? porque molesta y desvía la vista del video. La opacidad bajala un poco también. Gracias!
Es posible modificar el estilo de unas grid creadas, por ejemplo cree una con un color en las columnas, pero quisiera cambiarlo despues de creada y guardada, se puede?
Hola Cristipher! Tengo una duda. Si dices que podemos customizar el grid dependiendo lo que queremos comunicar. Si yo por x razón en mi frame para desktop decido que el margen es más grande que lo que indica material design (16 dp), al modificar el margen ¿el número de columnas y el gutter quedan igual? ¿O bajo qué bases o reglas debo modificar esos otros dos puntos?
Una cosa, cuando estabas viendo cuantas columnas usar encontraste que eran 4 porque estaban en el rango 360 - 399, pero este rango está en Density-independent Pixels (dp) y no en Pixels (px.) El número de columnas no cambiaría pero es importante notar que px no es igual que dp. Gracias por el contenido!
Hola, muchas gracias por la explicación, apenas estoy aprendiendo sobre el diseño de interfaces, tengo una duda, cuando se crean diseños para aplicaciones responsivas se tiene que crear todo el diseño para los diferentes dispositivos como mobile, tablet y desktop?
Hola muchas gracias por tu respuesta, pero estoy buscando la información que distes, quiero saber de eso, de casualidad no tienes un videos con esa información mas reciente @@uxcristopher
Cris me gustó tu video! Me surge una duda: ¿Hay forma de diseñar una página web responsiva que al ver el prototipo se ajuste de desktop a mobile o se tienen que hacer dos prototipos diferentes y ya el desarrollador es quien se encarga de hacer la web responsiva?
Hola muchas gracias Cris, tengo una duda, una vez que ubicas tus elementos por medio de la cuadricula de grid, ocultas esas columnas para que no interfieran con el diseño?
Muchísimas gracias 😄 Aprendí mirando cursos de todo tipo, estudiando la carrera de informática y también practicando muchísimo y trabajando en empresa de software. Es una mezcla de pasión, práctica y constancia. Pero si recién inicias en el mundo del UX/UI Design, cree un curso que te ayudará a crear muy buenas bases y adentrarte a crear tus primeros proyectos. Espero puedas darle un ojito:) Curso de UX/UI Design uxcristopher.teachable.com/p/curso-ux-ui-design
@@uxcristopher Gracias por responder. Me adentré en este mundo hace mas o menos seis meses. Sí, estoy haciendo un curso en CoderHouse y me apoyo mucho en tus videos. Te agradezco mucho por tu respuesta. Saludos desde Argentina.
Hola Cristopher, primero que nada un gusto saludarte y agradecerte por el enorme trabajo que haces. Mi pregunta es la siguiente: Estuve averiguando por varios foros, (Hasta los de Figma) ya que el frame para desktop predeterminado que nos trae Figma es de 1440 x 1024 y no el famoso 1920 x 1080 al cual estoy acostumbrado a trabajar como Desarrollador Web. ¿Esto porque es así? Por lo que entendí en este video y en los foros es que ya pasando los 1440 px obviamente a la pantalla se la considera "Large" y por ende es medio "innecesario" aumentarla a 1920px? Si yo trabajara a 1920 x 1080 con las 12 columnas y 24 de gutter/margin ¿Afectaría en algo? O va por una cuestión de gustos? Nuevamente te agradezco por el trabajo que haces, y muchas gracias de antemano!
Hola, las resoluciones de pantalla dictan el espacio qué tenemos para el diseño. La resolución mas utilizada en desktop es de 1366x768, es importante crear un diseño considerado ese tamaño para eventualmente escalarlo a una resolución con mayor tamaño, es más fácil comenzar por resoluciones pequeñas y subir que comenzar a diseñar en resolución grande y después bajar;) Espero ayudar un poco, saludos;)
Gracias Cristopher por la explicación! tengo una consulta: ¿cuál es la justificación para elegir 4 col 16 de margin y 16 de gutter en este caso (material design)? Muchas gracias!
hola Cristopher muy buena explicación te felicito!! te hago una consulta... como puedo hacer para cambiar de color un icono? y otra pregunta o sugerencia... podrías incluir un curso de pronunciación de los términos mas utilizados en ingles en UX Y UI?? gracias de antemano Cristopher
Muchísimas gracias, para el cambio de color bastaría el seleccionar el elemento y desplegar la herramienta para cambiar la paleta de colores en el panel derecho. Claro, sería un muy buen tema 😉
lA TABLA DEL LINK YA NO ES COMO EN EL VIDEO. TODO DIFERENTE. ENCIMA ABRI EN OTRO ANTES DE VER EN LA DESCRIPCION, LO QUE ME LLEVO LA MISMA PAGINA. NO ES ASI AHORA.
Hola, me gustan mucho tus videos, pero siento que no vas al grano en cada tema, le das mucha vuelta en una misma explicación. Tomalo cómo critica constructiva no como nada negativo porque de verdad son buenos tus videos....
Muchísimas gracias Ronald🙌🏼 No te preocupes, trabajaré para mejorar eso😉
4 ปีที่แล้ว +1
Aquí algunos consejos: Yo lo veo (en realidad casi todos los videos) a una velocidad de 2x y se entiende perfecto. Otro consejo sería que adelantes lo que consideres que ya sabes. Saludos.
A ver Cristopher, tardas un siglo y medio en explicar algo muy sencillo, para luego al final no hacer lo que dice el título del tutorial, que es la responsividad en el diseño. Me has hecho perder el tiempo. Deberías titular el tutorial "Cómo hacer modelos de grid en Figma". PUNTO. No explicas nada de la responsividad.
Hola estoy aprendiendo mas con tus tutoriales de 20 min aprox que con los cursos que pago y hago sos muy bueno explicando y la tenes muy clara. Gracias por compartir lo que sabes. :)
Genial! Gracias por tu explicación. Me gusta cómo abordas los temas, tu tono de voz y ritmos. Estoy empezando y he entendido cada paso que explicas.
María muchísimas gracias, me pone muy feliz tu comentario y me carga de energía para seguir adelante con más contenido 😄
Saludos 🙌🏼
es maravilloso contar on tutoriales como este, gracias por el apoyo estoy aprendiendo figma desde cero contigo...! Un Millon de Gracias
gran video, sencillo, claro y puntual
Gracias 🤩
Gracias por compartir estos videos tan bien explicados!! Muy agradecido por todo!! Seguí así!
Gracias Cristopher. Eres super buen comunicador y haces que todo parezca más fácil de lo que es. Una gran ayuda.
¡Muchas gracias por estos tutoriales!
Muchas gracias por compartir esto, demasiado útil , saludos desde Chile
Me ha servido bastante este video, gracias Cristopher por esa explicación tan clara y entendible.
Muchas gracias por compartir tu información! Saludos!
Muchas gracias por compartir. Muy clara y útil la información.
buenísimo!, hace poco inicié en el mundo del UX y tus tutoriales me han servido muchísimo.
Excelente Olga😊
Si recién inicias te recomiendo mi curso de introducción al UX/UI para seguir aprendiendo y practicando juntos. 😁
uxcristopher.teachable.com/p/curso-ux-ui-design
¡Buen video! Me ha sido de utilidad. Gracias.
Buena Información...Gracias.
Excelente vídeo, gracias por compartir tus conocimientos y ayudar a la comunidad a mejorar con figma.
Un gusto, me pone muy contento las grandes personas que se suman cada día 🙌🏼🤩
Realmente muy buen video! Explicas todo con una claridad y paciencia que me encantó, muchas gracias por compartir tus conocimientos!
Muchas gracias:)
tu contenido es increíble
Vi este mismo tema en un curso y no lo entendí hasta que vi tu video. Explicas muy bien! Gracias!
Gracias ☺️, que genial que te gustará.
volviendo a ver las bases por que ya se me olvido xd , excelente video :)
Tremendo me ayudaste muchisimo muchas gracias por compartir tus conocimientos
Saludos hasta Chile 🙌🏼, gracias y vienen más encamino;)
Vídeo muy didáctico, muchas gracias!
Me encantó este video. Véanlo completo :)
Gracias Miguel🙏🏽
Me encanto tu vídeo, me ha ayudado un montón, gracias por compartir tu conocimiento 🤓
Maravillosa explicación, muchísimas gracias por compartir tu conocimiento es un material muy valioso :)
Muchas gracias por tu contenido! es buenisimo y explicas todo muy bien!
Muchas gracias!!! Tienes un nuevo seguidor
Eres muy bueno, te felicito!
Gracias 🙏🏽
Excelente. Muchísimas gracias por tu gran aporte!!
Muy bien explicado
buena bro, tus cursos me han ayudado con mis tareas
Qué genial, aprecio mucho saberlo y gracias a ti por estar aprendiendo aquí junto conmigo. Saludos,
Muy bien explicado!
mil gracias!!!!!!!! todo súper explicado :)
sos todo lo que está bien
Te seré sincero cuando vi tu canal dije que hueva, pero soy tonto quede la verdad excelente contenido aprendí demasiado contigo! - 𝚈𝚎𝚙𝚙𝚎𝚛𝚘𝚗𝚒
Hey bro!! Muchísimas gracias. Tu contenido ha sido muy útil para mí.
Muchísimas gracias 🤩
muchas gracias
Gracias por tu video...en windows que teclas se utilizan para activar las columnas?
Parabéns!🤩 Gostei muito do seu curso, ganho uma seguidora
Gracias
Me gustó mucho el video! Me hubiera gustado ya que hablaste de Material Design mostrar la implementación en un Frame de Android, a su vez que analices Human Interfaces y apliques las guías a un Frame de iPhone y por último que apliques grilla/cuadrícula junto con columnas para ver cómo conviven. Muy bueno igual! :)
Gracias por el vídeo. ¿Podrías compartirme los materiales ya que no encuentro el enlace que comentas?
¡Muy bueno el contenido que haces y lo importante que es para la creación de un proyecto no solo de desarrollo sino del proyecto en general, si bien es del año pasado el video estaria bueno que le pongas la división de contenido para navegar más fácilmente en caso de saber cierto contenido, Groso seguí así!!!
Gracias me sirvió pero la pagina que mencionas parece que cambio demasiado y no esta igual que lo muestras, seria bueno dar una actualización a este video!
Gracias por ver el video, ya es algo viejo pronto lo actualizaré. 😊
Como se haria escalable en pc cambio la documentacion de la desktop ¿se mantiene lo dicho en este video?
no se como entregar esto en un proyecto, ¿hay que diseñar 5 tipos de pantalla por cada pantalla que diseñe? o un desarrollador me podría entender si creo una plantilla con los 5 rangos de breakpoints que trae google y yo solo deberia concentrarme en diseñar ejemplos de mobile y web?
Flelicitaciones por el canal. Estoy empezando con Figma y realmente me esta ayudando mucho. Una cosa par que tengas en cuenta en futuros videos: ese sócalo fijo que tiene tu cuenta de instagram podrías hacerlo mas pequeño? porque molesta y desvía la vista del video. La opacidad bajala un poco también. Gracias!
Si o si tiene que ir alineado al margen puede estar más metido adentro?
buenísima la explicación. ¿en ese mismo link esta la información sobre cards, buttons y demas medidas de componentes?
Claro, en la documentación encontrarás más apartados sobre buenas prácticas de diseño;)
Es posible modificar el estilo de unas grid creadas, por ejemplo cree una con un color en las columnas, pero quisiera cambiarlo despues de creada y guardada, se puede?
Hola Cristipher! Tengo una duda. Si dices que podemos customizar el grid dependiendo lo que queremos comunicar. Si yo por x razón en mi frame para desktop decido que el margen es más grande que lo que indica material design (16 dp), al modificar el margen ¿el número de columnas y el gutter quedan igual? ¿O bajo qué bases o reglas debo modificar esos otros dos puntos?
Una cosa, cuando estabas viendo cuantas columnas usar encontraste que eran 4 porque estaban en el rango 360 - 399, pero este rango está en Density-independent Pixels (dp) y no en Pixels (px.) El número de columnas no cambiaría pero es importante notar que px no es igual que dp. Gracias por el contenido!
Hola! Y como es la conversación? Figma funciona con pixeles?
Hola, muchas gracias por la explicación, apenas estoy aprendiendo sobre el diseño de interfaces, tengo una duda, cuando se crean diseños para aplicaciones responsivas se tiene que crear todo el diseño para los diferentes dispositivos como mobile, tablet y desktop?
Hola, donde esta el link que dijiste que ibas a dejar?
Hola, este video es algo viejo por eso ya no están. Pero te invito a ver los más recientes encontrarás ejemplos más recientes. 😉
Hola muchas gracias por tu respuesta, pero estoy buscando la información que distes, quiero saber de eso, de casualidad no tienes un videos con esa información mas reciente @@uxcristopher
Muchas gracias por tus tips!! Sigue así :D
Cris me gustó tu video!
Me surge una duda:
¿Hay forma de diseñar una página web responsiva que al ver el prototipo se ajuste de desktop a mobile o se tienen que hacer dos prototipos diferentes y ya el desarrollador es quien se encarga de hacer la web responsiva?
Hola, amigo. Encontraste la respuesta a eso?
Se crean dos diseños diferentes, en base a eso, el desarrollador hace la web responsiva.
Hola muchas gracias Cris, tengo una duda, una vez que ubicas tus elementos por medio de la cuadricula de grid, ocultas esas columnas para que no interfieran con el diseño?
Claro, el grid lo apagó y lo enciendo cuando es necesario;)
@@uxcristopher gracias Cris 😊
Una pregunta, amigo. Me encantan tus videos y te sigo en todas las redes. ¿En dónde aprendiste todo esto? ¿Hiciste algún curso?
Muchísimas gracias 😄
Aprendí mirando cursos de todo tipo, estudiando la carrera de informática y también practicando muchísimo y trabajando en empresa de software.
Es una mezcla de pasión, práctica y constancia.
Pero si recién inicias en el mundo del UX/UI Design, cree un curso que te ayudará a crear muy buenas bases y adentrarte a crear tus primeros proyectos.
Espero puedas darle un ojito:)
Curso de UX/UI Design
uxcristopher.teachable.com/p/curso-ux-ui-design
@@uxcristopher Gracias por responder. Me adentré en este mundo hace mas o menos seis meses. Sí, estoy haciendo un curso en CoderHouse y me apoyo mucho en tus videos. Te agradezco mucho por tu respuesta. Saludos desde Argentina.
Hola Cristopher, primero que nada un gusto saludarte y agradecerte por el enorme trabajo que haces. Mi pregunta es la siguiente: Estuve averiguando por varios foros, (Hasta los de Figma) ya que el frame para desktop predeterminado que nos trae Figma es de 1440 x 1024 y no el famoso 1920 x 1080 al cual estoy acostumbrado a trabajar como Desarrollador Web. ¿Esto porque es así? Por lo que entendí en este video y en los foros es que ya pasando los 1440 px obviamente a la pantalla se la considera "Large" y por ende es medio "innecesario" aumentarla a 1920px? Si yo trabajara a 1920 x 1080 con las 12 columnas y 24 de gutter/margin ¿Afectaría en algo? O va por una cuestión de gustos? Nuevamente te agradezco por el trabajo que haces, y muchas gracias de antemano!
Hola, las resoluciones de pantalla dictan el espacio qué tenemos para el diseño.
La resolución mas utilizada en desktop es de 1366x768, es importante crear un diseño considerado ese tamaño para eventualmente escalarlo a una resolución con mayor tamaño, es más fácil comenzar por resoluciones pequeñas y subir que comenzar a diseñar en resolución grande y después bajar;)
Espero ayudar un poco, saludos;)
@@uxcristopher Muchas gracias por tu comentario
Gracias Cristopher por la explicación! tengo una consulta: ¿cuál es la justificación para elegir 4 col 16 de margin y 16 de gutter en este caso (material design)? Muchas gracias!
Hola Cristopher! Pero iOS no se rige por otras reglas en su documentación Human Interface? Me surgió esa duda
Claro cada sistema de diseño tiene sus propias reglas;)
hola Cristopher muy buena explicación te felicito!! te hago una consulta... como puedo hacer para cambiar de color un icono? y otra pregunta o sugerencia... podrías incluir un curso de pronunciación de los términos mas utilizados en ingles en UX Y UI?? gracias de antemano Cristopher
Muchísimas gracias, para el cambio de color bastaría el seleccionar el elemento y desplegar la herramienta para cambiar la paleta de colores en el panel derecho.
Claro, sería un muy buen tema 😉
@@uxcristopher gracias Cristopher ya solucioné
es para android ? yo tengo que buscar medidas de android
Hola Cristopher, tengo una consulta estas grid funcionan tanto para android como iOS?
Colombiano? Excelente vídeo
Saludos, soy de México 😁
lA TABLA DEL LINK YA NO ES COMO EN EL VIDEO. TODO DIFERENTE. ENCIMA ABRI EN OTRO ANTES DE VER EN LA DESCRIPCION, LO QUE ME LLEVO LA MISMA PAGINA. NO ES ASI AHORA.
12:00 Al hecho pecho
Hola, me gustan mucho tus videos, pero siento que no vas al grano en cada tema, le das mucha vuelta en una misma explicación. Tomalo cómo critica constructiva no como nada negativo porque de verdad son buenos tus videos....
Muchísimas gracias Ronald🙌🏼
No te preocupes, trabajaré para mejorar eso😉
Aquí algunos consejos: Yo lo veo (en realidad casi todos los videos) a una velocidad de 2x y se entiende perfecto. Otro consejo sería que adelantes lo que consideres que ya sabes. Saludos.
Spanglish
🤣 En las empresas se usa todo el tiempo el Spanglish jaja.
En NINGÚN VIDEO HAY ENLACES A LOS RECURSOS QUE MENCIONAS 😤
Hola estos videos ya son antiguos, por eso ya no estan disponibles:)
por qué cuesta tanto ir al grano a la gente que hace tutoriales?
A ver Cristopher, tardas un siglo y medio en explicar algo muy sencillo, para luego al final no hacer lo que dice el título del tutorial, que es la responsividad en el diseño. Me has hecho perder el tiempo. Deberías titular el tutorial "Cómo hacer modelos de grid en Figma". PUNTO. No explicas nada de la responsividad.