Frase importante de la clase:
Todo comienza con un buen problema que hay que resolver, luego hay que conocer el medioy por último la herramienta.
Intro
Bienvenida
Introducción al mundo digital
Introducción al software
Historia del diseño
Heurísticos
Principios heurísticos de percepción y comportamiento I
Principios heurísticos de percepción y comportamiento II
Principios heurísticos de relación y jerarquía
Principios heurísticos de forma I
Principios heurísticos de forma II
Interacción
Básicos de User Interface
Arquitectura de la información
Tipografía
Vectores y operaciones booleanas
Usabilidad, consistencia y eficiencia
Organización, colaboración y procesos
Animación
Principios de la animación
Prototipando en Figma
Cierre
Ejemplos de portafolio de diseño
Cierre
Live Class
Live Class - UI Design: transforma ideas en experiencias
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Bienvenido al fascinante mundo del diseño digital, donde la creatividad y la tecnología se fusionan para resolver problemas de manera eficiente e innovadora. Este viaje comienza entendiendo la importancia de elegir la herramienta adecuada, y aquí exploraremos algunos aspectos esenciales que todo diseñador debe conocer.
Antes de sumergirte en el proceso creativo, es crucial identificar el problema que deseas resolver y el medio que vas a utilizar. Aunque el papel y lápiz son ideales para plasmar ideas iniciales, necesitarás herramientas más avanzadas al clarificar tu visión. Existen programas especializados para cada etapa del diseño digital:
Figma se destaca en el mundo del diseño digital por varias razones que facilitan el trabajo diario de los diseñadores:
Al ingresar a Figma, encontrarás una estructura organizada que te ayudará a gestionar tus proyectos de manera efectiva:
Figma te permite modificar diversas propiedades de cada elemento:
Armarse con estas herramientas no solo optimiza el proceso de diseño, sino que también empodera a los diseñadores para innovar y crear soluciones efectivas. Mantente curioso y sigue explorando este vibrante campo. ¡Tu potencial es ilimitado y siempre hay algo nuevo por aprender!
Aportes 33
Preguntas 4
Frase importante de la clase:
Todo comienza con un buen problema que hay que resolver, luego hay que conocer el medioy por último la herramienta.
Las diferentes herramientas tienen diferentes propósitos.
No soy diestro con Figma, apenas lo he manejado unas pocas horas, pero hasta el momento he visto que presenta unas cuantas ventajas (que no diré que los competidores las tengan o no, pues lo ignoro) que facilitan el flujo de trabajao, en especial con equipo:
Con cualquier software que funcione con ilustración vectorial puedes copiar y pegar formas y trazos, de tal manera que desde Illustrator o Corel o Inkscape o cualquier otro puedas diseñar elementos y pegarlos en Figma sin mayor problema, facilitando mucho el flujo de trabajo para los que somos mas diestros con estas herramientas.
Permite trabajar en equipo (multiples personas en un mismo proyecto de manera remota) con mucha facilidad.
Para los desarrolladores Front-End, permite copiar los íconos y elementos de Figma como SVG, permitiendo pegar el Path directamente al código (siendo SVG formas hechas de operaciones matemáticas, la propiedad path en HTML representa la forma en cuestión).
Cuenta con una gran cantidad de Plug-ins y Extensiones y galerias que facilitan mucho el buscar y usar íconos, fotos, place holders y más.
Aquí tienen un resumen de la clase que hice 😄
En mi experiencia personal, conocí a figma en el 2019 y para no venir del mundo del diseño me fue muy fácil de entender. Yo aún veo photoshop y siento que tiene tantas cosas que me pierdo.
Siento que su mayor fuerte, es que permite una curva fácil de aprendizaje. Hoy en dá (Febrero 2023) ha evolucionado mucho y hasta fue comprado por Adobe, espero que se mantenga la esencia del software.
Algunas características de figma
Todo comienza por un problema que debemos resolver, sin entende el problema, no existe diseño, una vez conoces el medio y el problema debes buscar la herramienta adecuada.
Herramientas en el mercado:
¿Por qué figma?
Propiedad básicas que tiene cualquier elemento en Figma
Opiniones personales sobre Figma
Creo que Figma es la mejor herramienta de UX/UI, vengo de la suite de adobe y la gran diferencia es que FIgma hace que todo sea mucho más sencillo, comodo, intuitivo, es menos saturante y el entorno de Figma es agradable, te da muchas opciones de forma gratuita y la verdad es que tiene muchos recursos en la comunidad para practicar. Creo que uno de los problemas de adobe es que no es amigable con los usuarios nuevos, aparte de que si tienes una computadora de gama baja, muy dificilmente vas a poder usar sus servicios de forma optima, como figma lo puedes usar hasta en el navegador, le da libertad a los creadores con pocos recursos de crear, simplemente me encanta Figma.
Excelente clase! Actualmente en la mayoria (por no decir todas) las ofertas laborales de diseñadores UX/UI tienen como requisito manejo de FIGMA.
Figma es todo , el nivel de trabajo en equipo es excepcional. Muy aparte su comunidad, creación de UI Kits, Plugins no lo tiene otro.
No es bueno casarse con una herramienta… SI pero Figma en lo persona lo tiene todo…
¿Por qué Figma? Todo está en la nube del programa y se estará guardando automáticamente, también se puede compartir el proyecto con más personas y es funcional tanto en windows como en mac lo que hace que sea una herramienta muy colaborativa para el desarrollo de proyectos web.
**Propiedad básicas que tiene cualquier elemento en Figma** - Posición - Tamaño - Rotación 1. Relleno 2. Opacidad 3. Borde 4. Efecto 1. Opacidad de relleno 2. Opacidad de capa
Un fichero de diseño digital es un archivo digital que contiene información y datos que se usan para crear gráficos, imágenes y otras piezas de diseño. Los ficheros de diseño digital generalmente se guardan en un formato digital específico, como el formato de archivo SVG, PNG o JPEG, que se puede abrir y editar con un software de diseño digital específico. Estos archivos pueden incluir texto, imágenes vectoriales, imágenes de mapa de bits, capas, objetos vectoriales, formas, colores y otros elementos de diseño.
Usé Adobe XD pero sin embargo Figma resulto demasiado util, intuitivo y practico, que bueno ver en este curso que lo recomiendan!
La única cuestión que le veo problema es si yo lo se usar y los demás no, es trabajar solo en el programa.
Figma está muy orientado al trabajo colaborativo. Y tiene una gran compatibilidad, desde trabajar en el navegador web hasta trabajar en distros de linux
¿Cuáles son las etapas a nivel general por las que pasamos en diseño digital?
¿Cuál es la herramienta que podemos usar para exportar de manera rápida un problema en diseño digital?
¿Qué herramientas de software podemos usar en diseño digital?
¿Para qué nos sirve Lightroom?
¿Para qué nos sirve Blender?
¿Para qué nos sirve Photoshop?
¿Para qué nos sirve Illustrator?
¿Para qué nos sirve Indesign?
¿Para qué nos sirve Sketch y Figma?
¿Cuáles son las características de Figma?
¿Qué tipo de vistas tenemos de nuestros ficheros o archivos en Figma?
¿Cuál es la estructura de la ventana de un fichero o archivo en Figamma?
¿Por qué el panel de propiedades es importante?
¿Qué usamos para organizar nuestro diseño en Figma?
¿Cómo podemos alterar el orden de las capas?
¿Cuáles son las propiedades básicas y que todo elemento tiene en Figma?
¿Qué pasa si agregamos opacidad al relleno?
¿Qué pasa si agregamos opacidad a la capa?
Debemos conocer el medio y el problema. Una vez que tengamos claro el problema podremos saber que vamos a resolver.
Me pregunto cuantos de nosotros empezamos en el diseño digital sin saberlo, dibujando en paint.
Para mi fue primero paint, luego descubrí photoshop, ahora practicamente todo lo hago desde una sola app: Figma.
Gracias
Para que me muestran esto si ya esta el curso de figma. Dios mío quien diseño la rutas?
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?