Les comparto iOS 12 - UI Elements + Design Templates + Guides + Fonts:
https://drive.google.com/open?id=1vj1uNwBonI6NeazzvO1RXF7IIT1csjpQ
Disfrutenlo, a prototipar!!
Bienvenido al Curso de Diseño de Interfaces Moviles
Diseño de Interfaces Móviles: Teoría y Práctica Avanzada
Introducción al Diseño Mobile
Diseño de Interfaces para iOS y Android: Diferencias Clave
Sistemas de Diseño en iOS y Android
Lineamientos
Diseño de Interfaces Adaptativas para iOS y Android
Gestos en Interacción Móvil: Scroll, Tap y Force Touch
Adaptación de Interfaces: De Desktop a Móvil
Navegación UI: Diseño de Flujos y Pantallas en Apps Móviles
Diseño de tarjetas para apps de restaurantes
Uso de Componentes para Diseñar Interfaces Interactivas
Diseño de Flujos de Interacción en Apps Móviles
Técnicas de onboarding efectivo para aplicaciones móviles
Diseño UX para Alertas y Estados en iOS y Android
Quiz: Lineamientos
Introducción al Proyecto
“Wireframes en Papel: Herramienta Clave en el Diseño Web”
Web
Diseño Web Optimizado para Dispositivos Móviles
Diseño de Interfaces: Creación de Prototipos en Papel para Mobile
Diseño de Interfaces Móviles en Sketch
Diseño UI/UX para Aplicaciones Móviles: Principios y Prácticas
Quiz: Web
Metodología
Diseño de Onboarding para Apps Móviles: Mejorando la Primera Impresión
Creación y gestión de itinerarios de viaje en apps móviles
Tips prácticos para crear un efectivo proceso de onboarding en apps
Quiz: Metodología
iOS
Componentes de Interfaz en Diseño de Apps iOS
Diseño de Interfaz de Usuario para Aplicaciones iOS
Bootcamp Diseño de Interfaces en iOS con Human Interface Guidelines
Diseño Visual de Interfaces en iOS: Guía Práctica
Quiz: iOS
Android
Diseño de interfaces con Material Design en Android
Transformación de Diseño iOS a Material Design en Android
Diseño Android con Material Design: Guía y mejores prácticas
Quiz: Android
Notificaciones
Diseño de notificaciones efectivas en aplicaciones móviles
Programación de Notificaciones Efectivas en Apps
Prototipos
Prototipado con Sketch: Crea Experiencias Realistas en iOS
Prototipos Interactivos con Flinto: Animaciones y Transiciones Avanzadas
Handoff
Creación de un UI Kit en Sketch para iOS
Exportación de Sketch a Zeppelin: Creación de Proyectos iOS
Conclusiones
Diseño de Interfaces Mobile para iOS y Android
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Los UI Kits, o “Kits de Interfaz de Usuario”, son herramientas vitales para diseñadores gráficos y de interfaces que buscan eficiencia y consistencia en sus trabajos. Estos kits ofrecen un conjunto de elementos estandarizados de diseño que pueden ser utilizados para desarrollar interfaces, ya sean aplicaciones móviles o software. Los UI Kits proporcionan plantillas prediseñadas que incluyen iconos, tipografías, barras de navegación y otros componentes esenciales.
Uno de los ejemplos más comunes son los UI Kits de iOS desarrollados por Apple, que ayudan a los diseñadores a entender cómo estructurar sus aplicaciones de manera que se integren fácilmente con el sistema operativo de la empresa. Usar estos kits no solo permite mantener una coherencia visual, sino que también ahorra tiempo considerable en el diseño y desarrollo.
La consistencia visual es un factor clave que los UI Kits proporcionan. Al usar elementos de diseño uniformes como tipografía y márgenes, se asegura que la aplicación no solo sea estética, sino también funcional y fácil de usar. Un ejemplo de esto es Instagram, cuyas interfaces en iOS y Android son prácticamente idénticas, lo que habla de una decisión consciente para mantener una experiencia de usuario uniforme a pesar de las diferencias entre plataformas.
Observar y analizar aplicaciones existentes es una estrategia invaluable para cualquier diseñador. Este proceso permite descubrir patrones de diseño y tendencias de interfaz que son populares o eficaces. El análisis comparativo también sirve para identificar áreas donde las aplicaciones ofrecen experiencias de usuario excepcionales o, por el contrario, donde podrían mejorar.
Por ejemplo, examinando aplicaciones como Twitter, es fácil notar ciertos elementos comunes en la navegación, como el uso de tabs en la parte inferior para garantizar un fácil acceso a las funciones principales. Comprender estas pautas permite a los diseñadores crear experiencias coherentes y atractivas que resuenen bien con los usuarios.
Los diseñadores deben empezar por integrarse en su propio rol como usuarios. Utilizar diversas aplicaciones y sentir personalmente sus interfaces proporciona valiosas lecciones sobre lo que funciona y lo que no. Esta práctica, junto con el aprovechamiento de herramientas como los UI Kits, equipa a los diseñadores para tomar decisiones informadas y significativas en su propio proceso creativo.
Actuar de manera iterativa, probando y ajustando constantemente el diseño mediante capturas de pantalla y herramientas como Sketch, permite a los diseñadores visualizar y experimentar con diferentes opciones. La incorporación de conceptos como el motion y las acciones contextuales ayuda a añadir profundidad y dinamismo a las aplicaciones.
La clave está en aprender continuamente y adaptarse a las nuevas tendencias y tecnologías en el panorama del diseño de interfaz de usuario.
Aportes 9
Preguntas 1
Les comparto iOS 12 - UI Elements + Design Templates + Guides + Fonts:
https://drive.google.com/open?id=1vj1uNwBonI6NeazzvO1RXF7IIT1csjpQ
Disfrutenlo, a prototipar!!
Información resumida de esta clase
#EstudiantesDePlatzi
Las decisiones de diseño es bueno que estén respaldadas por data o eventos técnicos
UI Kit es una plantilla en donde podemos encontrar elementos típicos de interfaces
En Figma podemos encontrarla en la parte de comunidad
Estos elementos podemos utilizarlos en nuestros proyectos y esto nos va a ahorrar mucho tiempo
Analizar la mayor cantidad de aplicaciones que usamos para aprender de ellas
UI KIT : interfaz de diseño en Apple.
Super!!
Perfecto!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?