Dejo el mío:
Interfaces
Diseño de Interfaces: Bases y Metodologías para el Futuro
Diseño de Interfaces: Conceptos y Ejemplos Prácticos
Fundamentos del User Experience: Más Allá del Diseño de Interfaces
Interfaces: Límites y Posibilidades en la Comunicación Humano-Máquina
Principios del Diseño Centrado en Humanos de Don Norman
Productos digitales
Diseño y Construcción de Productos Digitales Innovadores
Diseño de Aplicaciones para Entrega de Pizzas en la Luna
Instalación de Adobe XD para Diseño de Interfaces
Fundamentos y Principios en el Diseño de Interfaces Digitales
Creación de Foundations en Adobe XD: Colores y Tipografía
Diseño de Productos: Del Problema a la Solución Realista
Diagramas de flujo básicos con Coggle
Diseño de Flujos de Información en Aplicaciones Móviles
Definición y Producción
Construcción de Wireframes en Diseño de Producto
Creación de Wireframe Básico en Adobe XD para Aplicaciones Móviles
Prototipado de Interfaces: Herramientas y Técnicas Esenciales
Prototipado de Interfaces con Adobe XD
Diseño de Sección de Domicilios en Aplicaciones Móviles
Patrones y Componentes UI: Definición y Aplicación Práctica
Creación de Mood Boards para Identidad Visual de Productos Digitales
Creación de Moodboard para Personalización de Aplicaciones
Diseño de Interfaz en Adobe XD: Creación de Pantallas y Splash
Diseño de Microinteracciones en Software
Jerarquía Visual en Diseño de Interfaz con Adobe XD
Unidades de Espaciado en Diseño de Interfaces
Buenas Prácticas para Organizar y Nombrar Elementos en Canvas
Diseño de Formulario de Edición de Perfil en Apps de Entrega de Pizzas
Creación de Gradientes y Tendencias en Diseño Visual
Selección y Combinación Efectiva de Colores en Diseño
Diseño de Iconos Flat con Illustrator
Diseño de Iconos Complejos con Photoshop y Illustrator
Preparación para implementación
Exportación de Archivos para Desarrollo en iOS y Android
Uso Efectivo de Ilustraciones en Interfaces de Aplicaciones
Evaluación de Componentes de Interfaz con KPIs
Creación de UI Kit y Starter en Adobe XD
Creación y Uso de Starters para Diseño Eficiente en UI Kits
Cierre
Evaluación y Mejora Continua en Diseño de Interfaces y UX
Contenido Bonus
Diferencias entre Diseñador UX y Diseñador UI
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Diseño de Iconos Complejos con Photoshop y Illustrator
31/39Recursos
Los íconos Real Effect sirven mucho para identificar tu marca, tanto en los marketplaces como en el favicon de un sitio web, este tipo de íconos tienen mucho más detalle que los flat-icons, sobre todo en los colores, luces, sombras y en la cantidad de elementos.
En esta ocasión puedes utilizar photoshop o cualquier programa de pixeles, toma en cuenta los siguientes tips:
- Divide los componentes de la imagen en capas.
- Crea las luces y sombras de tu elemento en capas diferentes.
- Diseña bien qué es lo que quieres mostrar y juega con el orden de las capas
- Usa gradientes de fondo
- Nombra tus capas y crea las carpetas que necesites
- Oculta con la herramienta de máscara de recorte lo que te sobre
Comparte en la sección de aportes cómo quedó tu diseño.
Fondo
Sombras y brillos
Aportes 23
Preguntas 3
Ordenar por:
This is mine 😃
Así quedó el mío (:
es una excelente opción usar photoshop aunque aconsejaría siempre usar illustrator para logos, iconos, etc debido a que vectorizar la imagen y poder jugar con el tamaño sin que se pixele es super importante al largo plazo
Para los que no tengan Photoshop, pueden usar PHOTOPEA en línea, es gratuito y técnicamente hace lo mismo que photoshop, pueden importar y guardar sus archivos en psd.
🍕🚀🐱
tenia que instalarlo…pero algunas cosas no se puede hacer con las versión gratiuta. …😦
Wow. Que manejo de photoshop
esta buenisimo el diseño , ay que aprender algo nuevo buen curso
Que buena clase
Tremendo el resultado!
Muy buena clase 😮
Súper!!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?