Home
Resultados de la búsqueda del hotel
Conceptos básicos de prototipado
Qué aprenderás sobre diseño de prototipos móviles
Beneficios del Prototipado
Niveles de Fidelidad del Prototipado
Ténicas para estructurar información
Introducción a Patrones de Diseño
Introducción a UX Orientado a Objetos
Definición de Flujos de Tareas
Prototipado de Baja Fidelidad
Bocetado Rápido
Sistemas de Diseño
Principios de Atomic Design
Ventajas de Atomic Design
Prototipado de Mediana Fidelidad
Bocetado en Figma
Diseño de Wireframes (Mediana Fidelidad)
Librerías Compartidas de Componentes
Introducción a Componentes
Creación de Componentes
Detallado de Componentes
Estilos de Componentes
Librerías de Componentes Compartidas
Prototipado de Alta Fidelidad
Diseño de Mockups de Alta Fidelidad en Figma
Construcción de Prototipo Interactivo en Figma
Entregables de Diseño
Mejores prácticas de Entregables para Desarrollo usando Overflow y Zeplin
Exportación de Assets a Zeplin
Cierre
Cierre
Contenido Bonus
Tips básicos para prototipar una idea
Cómo hacer prototipos funcionales de Apps iOS o Android
Crea un prototipo interactivo de tu aplicación
Mentoría expert
Los 10 pecados del Product Designer
You don't have access to this class
Keep learning! Join and start boosting your career
Creating a high-fidelity prototype not only demonstrates the final design of a user interface, but also plays a crucial role in the development stage of a product. Wondering how to achieve it? This process involves a series of detailed steps to ensure that your design is not only visually appealing, but also functional and consistent. Let's dive deeper!
Shared components are elements that are reusable across multiple parts of a design. By defining each component as an "atom" in a design hierarchy, modifying them becomes more efficient. Imagine changing the color of an icon; that modification will automatically propagate to every instance where that component is used. This approach not only saves time, but ensures uniformity in design.
Shared libraries are critical for any design team seeking efficiency. By storing and sharing standardized components and styles, libraries reduce duplicate effort and facilitate design maintenance. Think of a library where you not only have access to books, but also the ability to update them for the entire community.
Aesthetic details are not only decorative; they are capable of altering the user's perception. By playing with colors, sizes, and styles, you can create an interface that is not only functional, but also attractive. Modifying these details globally means that a change in a shared style will be updated in every related component.
Replacing component instances gives you flexibility without losing the integrity of the original design. This process is especially useful when, for example, you want to change an icon in a navigation bar without affecting the master component. This not only allows you to adapt the design in different scenarios, but also to maintain control over the master elements.
So there you have it! Integrating components, shared libraries, and taking care of aesthetic details are vital steps to creating effective and attractive high-fidelity prototypes. Keep practicing and share your progress in the comments section! 🌟
Contributions 22
Questions 1
Home
Resultados de la búsqueda del hotel
Yo he estado trabajando en un proyecto de renta de departamentos:
Aun no lo termino. Cualquier comentario que tengan que me ayude a mejorarlo, será bien recibido =)
Asi van mis mockups, cualquier feedback para mejorar es agradecido!
Inicio
++Explorar ++
Resultados
Checkout
No he terminado todas mis páginas pero les enseño el home
Home
Búsqueda
Detalles
Aquí creo que rompí el principio de no darle muchas tareas al usuario en una sola pagina. Pero aún así intente hacerlo de manera clara. Agradecería opiniones si la pagina se ve muy sobre cargada o si sí podría funcionar.
Sumo mi aportación y proyecto que he trabajado en figma para este curso.
Usé un plugin de unsplash para obtener imágenes de forma directa.
Al fin logro ver de forma sencilla cómo distribuir los elementos de forma equidistante 🤩 (Minuto 4:22).
Tengo mucho que practicar.
Buenísimo.
Prototipo de alta fidelidad para la app de un café restaurante
Pulir detalles para completar el prototipo de alta fidelidad
Hola Aqui esta lo que he hecho de mi proyecto dejen sus comentarios para saber su opinion!!
Existe alguna opción parecida en Adobe Xd ?
Existe alguna opción parecida en Adobe Xd ?
landing page
Want to see more contributions, questions and answers from the community?