The noun project es otra plataforma de recurso para descargar iconos gratis https://thenounproject.com/
Conceptos básicos de prototipado
Diseño de Prototipos: De Boceto a Alta Fidelidad
Prototipado Ágil: Beneficios para Equipos de Desarrollo
Prototipos: Baja, Media y Alta Fidelidad en el Diseño UX/UI
Ténicas para estructurar información
Patrones de Diseño UI/UX para Proyectos Rápidos
Estructuración de Sistemas UX con Objetos Reales
Diseño de Flujos de Tarea para Portales de Viajes
Prototipado de Baja Fidelidad
Prototipado rápido con InVision para portales de viajes
Sistemas de Diseño
Ventajas de Atomic Design en Prototipos de Interfaces
Identificación de Patrones en Atomic Design
Prototipado de Mediana Fidelidad
Diseño de Interfaces con Figma: Creación de Componentes Básicos
Grid de 12 Columnas: Diseño Web con Bootstrap en Figma
Librerías Compartidas de Componentes
Creación de Componentes Maestros en Figma para UI
Creación de Componentes en Diseño de Interfaz
Componentes Reactivos: Gestión y Anidación Eficiente
Estilos de Componentes en Figma: Colores y Tipografías
Creación de Librerías de Componentes en Figma
Prototipado de Alta Fidelidad
Creación de prototipos de alta fidelidad con componentes reutilizables
Conexión de pantallas en prototipos interactivos
Entregables de Diseño
Entrega de Diseños con Figma y Zeppelin para Desarrolladores
Exportación de Diseños de Figma a Zeppelin para Desarrolladores
Cierre
Diseño de Prototipos con Figma y UX Oriented Objects
Contenido Bonus
Prototipado Eficaz: Claves para Crear y Probar Ideas Rápidamente
Prototipado de Apps con Origami Studio y Sketch en Mac
Prototipos interactivos con Flinto: Diseño y Animaciones Básicas
Mentoría expert
Análisis de Usabilidad en Productos Físicos y Digitales
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
En el diseño, los pequeños detalles pueden marcar una gran diferencia. Con las herramientas adecuadas y un poco de atención, podemos perfeccionar los widgets y hacer que se destaquen realmente. Un ejemplo práctico es la evolución de una barra de búsqueda. Puede parecer simple, pero con la atención a los detalles, como los iconos y las esquinas redondeadas, podemos transformar su aspecto para que luzca más fino y profesional.
La esencia de un prototipo bien diseñado es la velocidad y la eficiencia en la generación de soluciones. Utilizando las habilidades adquiridas en cursos, como el de diseño de interfaces de usuario en Platzi, puedes mejorar tus prototipos rápidamente. Estos cursos te enseñan a repetir elementos y optimizar tu tiempo al crear diseños coherentes y eficaces.
Para movernos rápido en nuestro flujo de trabajo de diseño, existen numerosos recursos en línea. Sitios web que ofrecen iconos y vectores gratuitos pueden acelerar significativamente el proceso. Una buena práctica es descargar los vectores necesarios, extraerlos, y organizarlos en tu programa de diseño. Herramientas como Figma facilitan este proceso e incluso permite organizar los elementos agrupándolos adecuadamente para evitar desorden.
Un diseño eficaz no solo se ve bien, sino que también está bien organizado. La atención a distancias, jerarquías y tamaños es crucial. Por ejemplo, al presionar la tecla “Alt” en Figma, puedes ver las distancias entre elementos, lo que te permite alinear todo de manera precisa y mantener un diseño ordenado. Es buena práctica trabajar con números cerrados para mantener consistencia.
Para crear un prototipo efectivo, dedica tiempo a los detalles iniciales ya que esto se reflejará en la calidad de todo el diseño. Al dominar las distancias y componentes maestros, puedes asegurarte de que tu diseño no solo sea atractivo sino también funcional y fácil de usar.
Después de trabajar en un diseño detallado, es importante tomar un respiro. El trabajo detallado y minucioso requiere concentración, y un descanso puede ayudarte a ver mejoras o errores que pasaron desapercibidos. Prepararse adecuadamente antes de pasar a la creación de componentes maestros ayudará a duplicar estos elementos eficazmente en todo el diseño. ¡Esto será clave en tu camino hacia la maestría en diseño UI!
Aportes 19
Preguntas 3
The noun project es otra plataforma de recurso para descargar iconos gratis https://thenounproject.com/
En estas direcciones pueden se pueden encontrar más iconos, son de libre uso y de más fácil implementación para los desarrolladores.
https://fontawesome.com/icons?from=io
https://material.io/resources/icons/?style=baseline
Fontawesome es muy superior a Flaticon.
Actualmente Google fonts lanzó un feature en su web de UI Icons, y está genial!
Les recomiendo MUCHO el curso de diseño de interfaces de Rulótico que está indexado en la escuela de Product Design
https://platzi.com/clases/diseno-interfaz/
Hola chicos, les comparto un paquete de iconos “Google’s Material Icons”.
https://www.figma.com/resources/assets/material-icons-outline/
Son los básicos y tienen bastantes iconos genéricos útiles. Me ahorro bastante tiempo en vez buscar uno por uno.
Este articulo esta muy interesante, es sobre Mejores Prácticas del Diseño UI y sus Errores Más Comunes
https://www.toptal.com/designers/ui/mejores-practicas-del-diseno-ui-y-sus-errores-mas-comunes
Flaticon solo te deja descargar 10 iconos por día, si estás en el plan gratuito. 😛
Ahora figma te presenta un apartado en la barra superior que se llama Resources donde puedes seleccionar la columna de plugins y ahí buscar Iconify el cual te permite buscar cualquier ícono y lo mejor que podrás obtener su presentación de diferentes colecciones. Este plugin facilita el añadir e importar un icono a tu diseño en figma, sin buscar en otros lados.
Importante: si usan Flaticon tengan en cuenta utilizar el mismo estilo de los iconos 😄
Ahora FIGMA cuenta con la función de auto layout que vaya que hace más fáciles las cosas
Iconos de Google
https://fonts.google.com/icons
https://icon-icons.com/es/
encontré una plataforma donde me deja descargar en SVG gratis !
También pueden instalar el plugin Iconify en Figma, y les genera variedad de iconos libres de uso.
La diferencia esta en los detalles!
A veces para obtener iconos particulares de manera gratuita una buena idea es pasar a illustrator, utilizar la herramienta de trace sobre un png o jpg y refinar el vector.
de que curso de UI habla?
Gracias por la información.
Gracias por el aporte…
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?