Creaci贸n de Dropspots

Creaci贸n de Dropspots

Vista previa no disponible

Debes iniciar sesi贸n o registrarte para ver esta lecci贸n.

Iniciar sesi贸nRegistrarse

Plantilla Real Skin de 3D Vista especializada en M谩ster Plan

Comprar ahoraSaber m谩s

馃槺 隆DESCARGAS!

  • 3D Vista - Plantilla - Master Skin (1.0.1)
  • Figma - Dise帽os originales - Master Skin (1.0.1)
  • Creaci贸n de Dropspots
  • Proyecto ejemplo en 3D Vista (1.0.1).zip

Instrucciones de uso de la plantilla

  • Organizacio虂n del material
  • Creacio虂n del proyecto en 3D Vista
  • Importacio虂n de la plantilla Master Skin
  • Estructura del skin
  • Cambiando el logo
  • Modificando el cover
  • Agregando Hotspots y Dropspots
  • Integrando Google Maps
  • Usando Planos
  • Usando videos desde YouTube o Vimeo
  • Embebiendo recursos web externos
  • Integrando un brochure en formato FlipBook
  • Editando la ficha de contacto de WhatsApp
  • Usando el interruptor (Control de altura)
  • Efecto de animacio虂n con Autopilot
  • Despedida

Bienvenida

  • Instrucciones de acceso
  • 隆Bienvenida!
  • Metodologi虂a de trabajo

Sesi贸n #1: Lluvia de ideas

  • De d贸nde obtenemos las ideas del skin
  • Lo primero: escuchar la experiencia de otros fot贸grafos colegas
  • Juan David: que el cliente gestione aut贸nomamente los lotes vendidos y los disponibles
  • Robinson: crear un deslizador que modifique la altura del dron
  • Hallan: dibujo de divisiones de lotes usando PTGui
  • Manuel: modelos 3D con sobrevuelo de dron
  • Tom谩s: un skin personalizable al insertarlo como iframe en la web del cliente
  • Jorge: marcaci贸n del terreno usando Google Earth
  • Pietro: aclaraci贸n sobre el uso correcto del t茅rmino fotogrametr铆a
  • Dise帽o Centrado en el Usuario (DCU) - Preguntemos a clientes finales
  • Benchmarking: an谩lisis de trabajos de otros colegas (buenas y malas pr谩cticas)

Sesi贸n #2: Dise帽o de Interfaz de Usuario M贸vil

  • Cromatismo
  • Tipografi虂a
  • Iconografi虂a
  • Hotspots y callouts
  • Mobile First
  • Interfaz mo虂vil
  • Portada y animacio虂n
  • Demanda de ventanas
  • Disen虄o de ventanas

Sesi贸n #3: Dise帽o de Interfaz de Usuario Desktop

  • Disen虄o adaptativo vs responsivo
  • Resoluciones actuales para desktop
  • Rejilla Base 4
  • Gestionando las restricciones
  • Portada y animacio虂n
  • Interfaz para desktop
  • Disen虄o de ventanas

Sesi贸n #4: Implementaci贸n de plantilla para Desktop

  • Figma + 3D Vista
  • Nominacio虂n de elementos
  • Portada
  • Intro animada
  • Anclaje de elementos de skin
  • Botones de menu虂
  • Texto dina虂mico
  • Miniaturas
  • Vin虄etas
  • Botones de avance y retroceso
  • Botones de configuracio虂n
  • Barra lateral

Sesi贸n #5: Implementaci贸n de plantilla para Desktop (segunda parte)

  • Capas de contenido
  • Lista de panoramas
  • Ventana informativa
  • Conmutador de altura
  • Boto虂n de WhatsApp
  • Flipbook y sitio externo
  • Video
  • Planos
  • Galeri虂a de fotos
  • Hotspots
  • Ficha te虂cnica de lotes

Sesi贸n #6: Pruebas de usuario / cr铆ticas y sugerencias

  • Oscar - Reporte de uso
  • Le贸n: Documentaci贸n de la plantilla
  • Juan David: Cambiar el color a los textos
  • Juan David: Instrucciones para conmutador de altura
  • Juan David: opci贸n de tener m谩s de un PDF (Brochure)
  • Juan David: textos largos que se cortan
  • Juan David: cambio en el tama帽o del logo (en el cover)
  • Juan David: uso de transparencia en ventana de Info WhatsApp
  • Pietro: transparencia del logo
  • Pietro: acci贸n "Mostrar / Ocultar componentes" en panor谩mica
  • Juan David: uso del conmutador de altura en otras circunstancias
  • Le贸n: documentar c贸mo modificar la altura de un texto
  • Roberto: aclarar que la plantilla requiere un conocimiento intermedio - avanzado en 3D Vista
  • Roberto: explicaci贸n del 谩rbol estructural de componentes del skin
  • Juan: agregar sonido de interfaz
  • Guillermo: habilitar el selector de cambio de idiomas
  • Guillermo: dejar todas las medias en el carrusel
  • Guillermo: selector de altura
  • Carlos: textos en ingl茅s