- Видео 13
- Просмотров 36 050
Felipe Cardona
Испания
Добавлен 3 авг 2014
Todo lo que debes saber sobre gradientes en Figma
En este video os enseño todo lo que debéis saber para hacer mejores gradientes en Figma. Ejemplos, trucos, tips y plugins.
Plugin: Easing gradients www.figma.com/community/plugin/907899097995668330/easing-gradients
Plugin: Mesh gradients
www.figma.com/community/plugin/1022080009046000838/mesh-gradients
00:00 Introducción
00:51 Tipos de gradientes de color
01:21 Como crear gradientes en figma
02:06 Truco 1 - Cómo crear buenos gradientes
02:56 Truco 2 - Easing gradients
03:50 Mesh gradients
04:44 Gradientes en movimiento
06:08 Truco final - No uses muchos colores
Plugin: Easing gradients www.figma.com/community/plugin/907899097995668330/easing-gradients
Plugin: Mesh gradients
www.figma.com/community/plugin/1022080009046000838/mesh-gradients
00:00 Introducción
00:51 Tipos de gradientes de color
01:21 Como crear gradientes en figma
02:06 Truco 1 - Cómo crear buenos gradientes
02:56 Truco 2 - Easing gradients
03:50 Mesh gradients
04:44 Gradientes en movimiento
06:08 Truco final - No uses muchos colores
Просмотров: 150
Видео
Dónde buscar inspiración de diseño
Просмотров 3802 месяца назад
En este video os enseño donde buscar inspiración sobre diseño, desde branding, conceptos, interfaces reales, animaciones, ... dribbble.com/ layers.to/ mobbin.design/browse/ios/screens www.landing.love/ www.awwwards.com/ x.com/ Para buscar herramientas de inspiración: www.toools.design/ui-web-design-inspiration-websites Capítulos 00:00 Intro 00:06 Dribbble - Conceptos 00:58 Layers - Interfaces 0...
Mi evolución diseñando webs
Просмотров 5323 месяца назад
En este video os enseño cómo ha sido mi recorrido creando webs desde que empecé a diseñar. La mayoría de webs las diseño con Figma y creo en webflow. He colaborado con artistas independientes y startups para crearles webs para sus empresas. También hay conceptos. ¡Cualquier duda no dudéis en escribirme! Mi portfolio: felipecardona.com 00:00 Intro 00:27 1a web en Wordpress · Empresa local 02:56 ...
Porqué no encuentras trabajo de diseñador UX UI junior | Tips para encontrar tu primer trabajo
Просмотров 1,8 тыс.4 месяца назад
En este video os cuento mi opinión de lo que falta a la mayoría de perfiles junior cuando van a buscar trabajo. No es la verdad absoluta, pero en la mayoría de perfiles que veo, la parte de diseño visual es la más floja. Libro que recomiendo (Refactoring UI): www.refactoringui.com/ Canales de youtube: @Templune @uxcristopher Capítulos: 00:00 Introducción 00:40 La skill que falta 01:34 Sector co...
¿Cómo priorizar el UX Research? La guía definitiva
Просмотров 3585 месяцев назад
¿Tienes dudas de cómo priorizar el research? ¿O directamente cuánto research deberías hacer en cada tarea/proyecto? Os paso este framework que me ayuda muchísimo a la hora de tomar estas decisión. El framework divide en dos ejes creando cuatro cuadrantes dependiendo si la solución tiene un alto riesgo y si el problema es claro. - Lánzalo a producción y mide si conoces el problema y el riesgo es...
Cómo crear tu escala tipográfica | Creando un Design System en Figma
Просмотров 1,7 тыс.10 месяцев назад
En este video os cuento cómo crear vuestro sistema de tipografía para vuestro directamente en Figma. Sin plugins y haciéndolo vosotros mismos. Con este video aprenderéis todos los básicos para hacer un sistema óptimo para la mayoría de productos digitales. ¡También tenéis recursos gratuitos para aprender todo lo que necesitáis! Links relevantes: Google Fonts - fonts.google.com/ Adobe Fonts - fo...
Mi experiencia en un bootcamp de UX UI | Opinión de Nuclio Digital School
Просмотров 2,3 тыс.Год назад
Llevabais desde que hice el primer video preguntándome sobre mi experiencia y opinión en el bootcamp y en qué escuela lo hice. En este video os cuento lo que he vivido con los bootcamps y si valen la pena. Hice dos, uno presencial de UX UI en Nuclio Digital School y otro online de UI en Memorisely. Os recomiendo ver otras opiniones, yo doy mi referencia y lo que he visto de la gente de mi alred...
Como diseñar mejores productos digitales | Las 3 claves para diseñar mejores aplicaciones
Просмотров 374Год назад
En este video os dejo 3 tips para diseñar mejores productos digitales. Muchas veces nos intentamos complicarnos la vida con frameworks complicados o features super innovadoras. Para crear mejores productos digitales basta con resolver problemas reales de los usuarios con una buena experiencia. Video de Grecia Omaña sobre Jobs to be done ruclips.net/video/_df6KQ_PDOU/видео.html Apps para hacer b...
Como crear paletas de color UI | Creando un design system en Figma
Просмотров 3,9 тыс.Год назад
En este video vais a aprender cómo crear una paleta de color para vuestras interfaces con Figma. ¡Aunque uséis plugins o herramientas no os olvidéis de ajustarlos a mano! El video es teoría, no tenéis que usar los números que he usado, es para que os hagáis una idea cómo se hace. De hecho hay algunos errores, ¿Podéis verlos? Kudos a UX Tools por su video sobre cómo crear paletas de color, me ha...
Como crear mockups como un PRO | Rotato, Figma & Artboard
Просмотров 4,6 тыс.Год назад
En este video os enseño cómo podéis crear mockups como PROs. Para ello os enseño los programas que utilizo y cómo los hago. El truco principal es seleccionar los mejores materiales. Yo personalmente uso la comunidad de figma y recientemente he descubierto artboard, una herramienta centrada en crear mockups y recursos para publicidad. También os enseño Rotato y os introduzco a la herramienta, qu...
Mi experiencia en un hackathon como UX designer ¿Es difícil ganar?
Просмотров 666Год назад
En este video os explico mi experiencia como product designer en una hackathon online durante un fin de semana. Una hackathon es un evento en el que se reunen perfiles del sector tecnológico y en un plazo de 24-48h crean una solución. El hackathon estaba organizado por Boehringer Ingelheim, y se basaba en los objetivos de desarrollo sostenible de la ONU. Tenéis más información en su web www.com...
Como crear tu portfolio UX UI sin experiencia | Mi portfolio
Просмотров 6 тыс.Год назад
En este video os enseño las claves para crear un portfolio para UX UI designers. ¿Cómo debe ser la estructura de tu portfolio? ¿Cuántos proyectos debo poner? ¿Con qué herramientas puedo crearlo? ¡Todo esto lo contestamos en el video! ¡Cualquier pregunta no dudéis en ponerla en los comentarios! Herramientas mencionadas: - Webflow - webflow.com - Framer - framer.com - Wix - Squarespace - Super - ...
Como me converti en UX UI designer en 6 meses | Mi experiencia desde cero
Просмотров 13 тыс.Год назад
En este video os explico cómo me convertí en UX/UI designer sin experiencia previa, en 6 meses. Estudié administración y dirección de empresas, y tras varias pruebas, descubrí el UX/UI design. Tras probarlo y estudiar por mi cuenta, me decidí a aprender más con un bootcamp. Hicimos un proyecto que tocaba todas las partes de diseño, y además, ayudé a mi hermano y una empresa local. Podéis ver lo...
RUclips me recomendó tu primer video y que bueno 🤌🏽🤌🏽 Creo que hiciste un buen cambio de carrera. Y tienes razón cuando dices que hay que ser generalistas, aunque naturalmente nos especialicemos en algo, hay que conocer muchas cosas. Una pregunta, ¿Si tuvieras que empezar desde cero hoy, cómo lo harías? Empezar sin carreras universitarias, con tu edad actual.
¡Me alegro que te haya gustado el vídeo! Pues creo que seguiría el mismo camino, simplemente que estudiaría o multimedia o informática 🙌🏻
@@felipe.cardona Disculpa, me refería a ¿qué harías si no pudieras estudiar una carrera? ¿cómo harías un plan de estudio en ese caso?
Me podrias pasar la url de tu portafolio? no puedo entrar
felipecardona.com
Gracias por existir.❣
Muchas gracias!!! Tu video es corto y tiene la info exacta que buscaba! ❤
Como costeaste estudiar 8 horas diarias? Tenias otro trabajo? Me generó esa duda ya que actualmente no puedo renunciar a mi trabajo o dedicarle tanto tiempo a esta alternativa que me interesa muchísimo.
Llevaba trabajando desde joven y tenía ahorrado, y sabía que mis padres podían ayudarme si lo necesitaba. Si no tienes ese tiempo lo puedes conseguir igual organizándote y priorizando. Se constante y aprovecha la motivación del principio. Intenta hacer cosas de UX en tu trabajo si puedes.
Que te tomen en cuenta es la cuestion..yo ya hasta he pensado en pagar para trabajar
Busca startups y trabaja de forma gratuita para ellas. Mejora tus skills y encontrarás algo. Escríbeme por LinkedIn o Instagram para revisar bien tu perfil y poder ayudarte si crees que lo necesitas
yo llevo 3 años como UX, pasé del diseño grafico, al marketing digital y eso me ha ayudado muchisimo, si bien comencé trabajando en wordpress, ahora trabajo en figma ....mi idea es a futuro poder internacionalizar mi carrera, actualmente tengo ingles B1
Hola Felipe! muchas gracias por la información! te cuento mi caso a ver si me puedes dar una mano. Soy Motion graphic designer con casi 20 años de experiencia y quiero pasar a visual designer o product designer en su defecto, trabaje durante 1 año y medio en una app pero no tengo suerte para insertarme al mundo laboral de ux/ui. Recomiendas algun bootcamp que me pueda ayudar? muchas gracias
Buenas Guilleku, tengo un video sobre mi experiencia en un bootcamp y allí recomiendo Nuclio que fué el que hice (échale un ojo). Pero mira si lo necesitas, en tu caso creo que puedes formarte por tu cuenta y con experiencia ir mejorando. Eso si, siempre formándote 🙌🏻
@@felipe.cardona muchas gracias! ahi me vi tu video, estaba con ganas de hacer uno de Memorisely, pero voy a seguir intentandolo por mi cuenta ya que cuewnto con buen background visual y se manejar figma. Gracias por la info y si necesitas un junior solo avisame! abrazo
El tip para evitar los tonos grises entre los dos colores del gradient es de lo más sencillo, útil y práctico que he visto en meses!! 🙌🙌🙌Gracias por compartirlo Felipe!
Me alegro que te haya servido 💪🏻😊
Buenísima recopilación 🎉 esto se va directo a mis alumnos
Buah, no conocía la de Layers, va directa a mi carpeta inspiracional :) Y gracias por la sinceridad y la opinión crítica con Awwwards, estoy de acuerdo que en cuanto a UI son diseños top pero no deben usarse como referencia para todos los proyectos. Muchas gracias Felipe! 🙌
Muy útil! Muchas gracias
Gracias por tu contenido, Feli! Mucho valor en este video
La única realidad del sector UX es que hay una extremada saturación de juniors, y tampoco hay trabajo para seniors, punto.
Muy inspirador ❤ gracias Felipe por compartirnos esto 😊
Huy, buen trabajo. Con esto que muestras molaría que hicieras un tutorial de WebFlow que se nota que lo manejas muy bien. Saludos 😊
Excelente como haz mejorado y esa última frase es tan cierta que muchas veces pasamos por algo, todo es un proceso de iterar e iterar, recuerdo mis primeros diseños y también eran muy básicos, ahora los veo y tienen muchas cosas por mejorar pero esto siempre va a pasar a medida que adquirimos más experiencia.
Grande Felipe! Videos como este son cruciales para que la gente vea que todos hemos empezado de 0 en algún momento y que a base de echarle horas y pasión vamos mejorando. Gracias por compartirlo! 🙌
Muchas gracias por compartir tu evolución, Felipe. Estos videos ayudan muchísimo a la comunidad 🤩
Porque hay poquisimo en comparacion a los egresados y los cursos y carreras que te venden la idea de que vas a ganar 10 veces mas de tu sueldo actual no ayudan al igual que los creadors de contenido.
Gracias!! Justo el video que necesitaba, directo al grano
Acabo de coseguir mi primer trabajo como UX/UI y me sorprendio tu video ya que en mi caso fue exactamente asi como lo describes e hice lo que recomendaste sin haber visto tu video previamente. Gracias y Saludos.
¡Enhorabuena por el nuevo trabajo! No tengo la verdad absoluta pero comento mi experiencia y lo que veo en el mercado (sesgado por donde vivo). Un saludo :)
galera, cada um tem seu tempo, n se compare a esse cara ai, ele fez em 6 mas vc pode fazer em 7, ou 9, ou ate msm em um ano, vai de cada um, pois cada um tem seu tempo. tomem cuidado com a saúde mental de vcs ai, paz.
He estado trabajando personalmente en el diseño de una aplicación móvil mío. Soy nuevo en esto de UX/UI. Usé Figma para crear la vista y el proceso de inicio de sesión y registro. Ahora estoy tratando de hacer el onboarding. Tengo dos prototipos de inicio de sesión y uno de registro. Además, me gusta mucho observar los diseños de otros en Figma. De hecho, los tres prototipos que tengo ya están en código en Android Studio, y los hice en Jetpack Compose. Aún me falta agregar funcionalidades y lógica detrás; no manejo tan bien esas áreas todavía, así que trato de aprender a la par programación con Kotlin y Jetpack Compose. Me gustaría saber cómo hacer los diseños con XML en Android, pero es tanta la información que intento aprender que me siento abrumado. Además, quiero mejorar mi nivel de inglés. amanezco y duermo con mi laptop encendida xD, de hecho me gustaria conseguir un trabajo pero siento que aun no estoy preparado
Muy bien dicho! La UI abre puertas al principio, luego siempre puedes cambiar de área o enfocarte en lo que más te gusta hacer.
De verdad me encanta tu contenido. A pesar de llevar pocos años en la industria te ves bastante preparado. Tengo una pregunta respecto a la pruebas técnicas, crees vale la pena aplicar a las empresas que usan esos métodos de las pruebas. La verdad no me gusta cuando me piden una prueba técnica pero ya ha sido algo que me han pedido en varias ocasiones.
Buenas! Me alegro que te guste el contenido. Solo aplica a las que de verdad valgan la pena. Y añades al portfolio el contenido después para aprovecharlo 😆
Gracias por este video, dices muy buenos tips y totalmente cierto. Muchas gracias por todo
Muy buen video! Se agradece tener respuestas claras y consejos para los juniors que se adentren por primera vez en el sector. Coincido con las tips que has dado, y aún expandiría el Tip 1: Aparte de hacer los Daily UI, compártelos con compañeros o mentores y pídeles que te lo critiquen. Tener inputs de gente con experiencia cuando estás empezando es oro puro!
Hola Felipe ¿Entonces es complicado comenzar en este campo de los productos digitales siendo únicamente UX designer, enfocándose en la usabilidad y demás aspectos de la interacción que no tengan que ver con UI?
Si, es la realidad. Puedes conseguir un trabajo de UX junior, pero es muy dificil. Se suelen buscar perfiles con experiencia. Busca en LinkedIn alguna oferta de UX designer o UX researcher junior que no busquen nada de UI, apenas hay y tienen mucha competencia
Gracias por este video! Muy pero muy bueno. Estoy comenzando en el Diseño UX/UI, compré cursos de cómo usar Figma de 0 a 100 y los cursos de Cristopher! Pronto comienzo una diplomatura en UX/UI. Voy a seguir tus consejos al momento de que “domine” las habilidades! Gracias!
Apenas estoy empezando en este mundo del Ux, y ver que has subido video recientemente es muy agradable
Me ha encantado este video. Es una de mis principales dudas cuando tengo que empezar una nueva historia y este video me va a ayudar mucho.
Me alegro que te haya gustado! Para mi es mi meca a la hora de tomar una decisión sobre research 🤘🏻
Super útil👏👏
🫶🏻
los que no tenian perfiles técnicos y venían de marketing o psicología en tu promoción también consiguieron trabajo en los meses siguientes al bootcamp? Yo tengo la licenciatura de periodismo pero me he desarrollado profesionalmente en un campo totalmente artístico com es el mundo del tatuaje (el mundo del periodismo es muy precario) y me estoy planteando dar un giro profesional... Gracias por tus videos y consejos
Buenas! De mi promoción todos, aunque no todos como product designers, algunos como UX Researchers. Había marketers, gente de turismo, arquitectos, … cualquier duda escríbeme por Instagram o LinkedIn
@@felipe.cardona muchas gracias! tengo un par de conocidos que hicieron bootcamps en ux ui y les fue bien, pero uno lo hizo en 2017 y otro el año pasado. A día de hoy veo por tantos sitios que el mercado esta saturado de juniors y que entrar al primer empleo esta my difícil que uno se replantea la idea mil veces (sobre todo de aquí a octubre que empiezan los bootcamps) Muchas gracias por tu contenido y consejos
Genio, como es tu instagram, email, para poder comentarte algo, saludos
@ux.felipe es mi instagram 🙌🏻
Los que llevamos años sabemos que luego de esos 6 meses hay demasiado camino por recorrer.
Claro, llevo 3 años ya y creo que me quedan muuuuchos más para entender bien todo! El camino es infinito, además se va haciendo a medida que pasa el tiempo
que tal el salario?
De primeras bajo, y luego ha ido progresando. Pero lo importante es empezar 🙌🏻
@@felipe.cardona Para ti que es bajo?
Excelente explicacion, gracias!
2:15 ayudaste gratis? GRAVÍSIMO ERROR
Seguramente me cogieron en mi empresa actual por tener experiencia real. No se si fué tan grave el error 😄
Realmente se ponen a leer todo el proyecto que se ponen ? Me parece que es tedioso para los reclutadores ver todo el proceso, cuantos portafolios y cv no ven al día, imagínate ( me lo han dicho ) ellos quieren ver que sabes hacer las cosas y ya
No se leen todos. Tienes razón, pero cuando están en la decisión final el proceso es clave
¿cómo compruebas la accesibilidad de los colores?
Plugins como contrast
excelente explicación
y google sites?
La herramienta es lo de menos!
buenas rey mas de rotato!!! te ganaste un sub
GRACIAS FELIPE
Como estás felipe? cuentas con behance? podriamos ver tus proyectos o portfolio si no es molestia!
Buenas Lautaro, puedes ver todo en mi web: felipecardona.com , tengo Dribbble también, pero no tengo Behance.
Por que hay que crear nueve tonos distintos de cada color? Y por que se nombran de 100 en 100? No llego a entender que significa esa nomenclatura.
Buenas Giuliana, los números es algo común que popularizó Material Design. Creo que tiene que ver con el típico font name que usa también 100,200,… la verdad que puedes llamarlos como quieras, a mi me encaja esa forma ya que así puedo darle una escala numérica. Lo de nueve tonos es para tener versatilidad, puedes usarlos y luego en un tiempo eliminar los que no uses. Yo almenos te aseguro que utilizo casi todos en mis diseños, ya que luego siempre hay detalles.
que bootcamp hiciste? A mi me dan un poco de miedo y desconfianza porque te dicen que en 6 meses vas a ser y encontrar trabajo de ux/ui o programador o de lo que sea el bootcmap...
En Nuclio! Revisa uno de mis videos hablo a fondo sobre ello 😊
Hola Felipe, que tal,?? genial el video, ahora con la actualizacion de figma sabes como eliminar los colores guardados como estilo ? estoy dando vueltas y no lo soluciono saludos
¡Buenas! Tienes que pulsar en el fondo (deseleccionar lo que tengas seleccionado) y seleccionas el estilo. Click derecho y le das a eliminar. Dime si te funciona 😊
Hola Felipe! bravo por el video: claridad y ejemplos. Aprovecho porque tengo un par de dudas... Si tenemos que usar entre 2-3 tipografias en una página. Siendo cada 'peso/weight' de una misma fuente un archivo tipografia. ¿Porque generamos todos los tamaños (xl, l, m, s....... font-size) para todo los pesos (light, regular, medium, semibold, bold.....)? en el ejemplo que nos muestras tendríamos que subir 4 tipografias en nuestra página web. Aprovecho también por hablar de las variable fonts en web. Que no són lo mismo que la variables de Figma. En google fonts nos proporcionan la opción de usar 'variables fonts' pero NO tengo ni idea de como se usan ni en Figma, ni en un diseño web (la subida al servidor y reproducción en el navegador). Creo que es un tema que ahora mismo en youtube nadie ha hablado, ni ofrece esta información de manera clara y fácil de entender.... Seria muy bueno tener información al respecto! Bravo por los videos! de verdad! ya tienes un suscriptor más a partir de hoy!
Buenas Xevi, Generamos todos los tamaños para tener versatilidad. Si luego no usas algunos puedes eliminarlos. Si, habría que subir varias tipografías, pero normalmente yo cargo toda la familia en la web. Tengo entendido que si son lo mismo, yo lo he visto en webflow, que es muy fácil de hacer, no sé como se haría directamente. Te dejo el link a su docu university.webflow.com/lesson/variable-fonts?topics=layout-design#what-are-variable-fonts- Muchas gracias por tus palabras, lo aprecio muchísimo!