- Видео 12
- Просмотров 31 602
Felipe Cardona
Испания
Добавлен 3 авг 2014
Dónde buscar inspiración de diseño
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
01:27 Mobbin - Apps reales
02:54 Landing Love - Animaciones
03:26 Awwwards - Webs increibles
04:48 X o Twitter - Listas de diseñadores
05:11 Sitios de inspiración
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
01:27 Mobbin - Apps reales
02:54 Landing Love - Animaciones
03:26 Awwwards - Webs increibles
04:48 X o Twitter - Listas de diseñadores
05:11 Sitios de inspiración
Просмотров: 289
Видео
Mi evolución diseñando webs
Просмотров 416Месяц назад
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,4 тыс.3 месяца назад
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
Просмотров 3313 месяца назад
¿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,3 тыс.8 месяцев назад
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 тыс.10 месяцев назад
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
Просмотров 345Год назад
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,2 тыс.Год назад
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
Просмотров 3,9 тыс.Год назад
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?
Просмотров 630Год назад
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
Просмотров 5 тыс.Год назад
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...
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!
Y cómo manejas el responsive en las tipografías?
Asigno los estilos según el dispositivo. Por ejemplo, los headers principales en desktop igual son Headline M mientras que en mobile igual son Headline S.
@@felipe.cardona Muy buena tu explicación, es muy práctica. En cuabnto a esta pregunta, con los tamaños para tablet, que tamaño le estarías asignando en este caso. Muchas Gracias
Me parece muy loco que algo tan complejo como un Design System lo expliques de forma tan sencilla. OMG!
Gran contenido Felipe! Poco a poco estás montando un from 0 to hero de design systems, este contenido vale millones!
Me encanta esta serie Felipe! 🤩 Deberías crear una playlist solo para ella, así será más fácil de encontrar en tu canal y de compartir.
Gracias Jonas! Cuando tenga más videos lo haré! Y añadiré otros videos de otros canales respecto el tema 🙌🏻
El mejor UX ha vuelto! ☺️❤️
Y tiene mucha matematica?
Casi nada
Hola buenas para despejar dudas. Hay que saber programar? El curso de diseñador ux ui?
Si que debes entender cómo trabajar con programadores y cómo funciona el código pero no es necesario programar
Felicidades! De lo que pude ver, tu labor fue mayormente realizar UI no? Entiendo sobre el tiempo tan corto que tuviste pero esperaba que explicaras un poco más de tu proceso personal, solo con fines de aprendizaje.
Si, principalmente UI, pero también hablamos con la psicóloga, hicimos desk research, me comuniqué con el developer para que fuera claro y los wireframes de baja fidelidad. No pude testearlo bien con usuarios (algún guerrilla con mis familiares) y poco más. También me encargué de mirar el modelo de negocio y un tema de automatizaciones con Zapier que al final no resultó. No tengo un proceso para hackathones y tampoco creo que deba haber uno. No es un proyecto real, es express. Creo que debes tomar decisiones rápidamente y hacer todo lo que creas necesario. No iba a ponerme a hacer mil entrevistas si apenas tienes tiempo a entregar nada! Espero que te haya ayudado 🙌
@@felipe.cardona Gracias por la respuesta con detalle. Me daba curiosidad ver como se aborda tantos procesos de UX en ese tiempo.
Estudié diseño gráfico en una universidad, fueron exactamente 5 años y jamás me enseñaron herramientas de diseño UI como Figma, Sketch u otras relacionadas con ello, en cambio si vi prácticamente toda la suite de Adobe, creo que la carrera tendrían que actualizarla con nuevas herramientas tecnológicas de desarrollo o quizás el UI sea más una especialización del diseño gráfico
Mil gracias por decir , estube viendo que muchas personas dicen que las universidades no hayan como igualar la innovación y nuevas alternativastan tan rápido como deberian