¿Cómo instalar XD?
Clase 15 de 41 • Curso de HTML y CSS 2019
Contenido del curso
Los básicos del web
Construcción de un producto digital
- 14

Paper wireframe
10:50 min - 15

¿Cómo instalar XD?
Viendo ahora - 16

Diseño de interfaces
06:41 min - 17

Maquetación de la NavBar
13:10 min - 18

Maquetación de main_section y agregando estilos CSS
08:22 min - 19

Maquetación de tarjetas de producto
09:07 min - 20

Fuentes personalizadas y variables de CSS
07:46 min - 21

Categorizando etiquetas según nuestra estructura en HTML
00:48 min - 22

Reto 2: Maquetar el home del producto digital
00:39 min - 23

Reglas responsive
07:14 min - 24

Animaciones y transiciones
08:47 min
Integrando otras herramientas
- 25

Atributos especiales de las etiquetas para mejorar el funcionamiento de nuestros formularios
02:47 min - 26

Librería vs Framework
05:42 min - 27

Sistema de Grillas
08:05 min - 28

Completando el Sistema de Grillas
04:03 min - 29

Reto 3: implementación del sistema de grillas
00:34 min - 30

Maquetación del formulario
13:03 min - 31

Creación de formulario: inputs
10:39 min - 32

Creación de formulario: botones
08:43 min - 33

¿Cómo crear tu cuenta en Paypal?
01:26 min - 34

Configuración del botón de pago con Paypal
08:02 min - 35

Autofill del formulario de PayPal
01:03 min - 36

Maquetación de pantalla de éxito y error
10:37 min
Deploy
Conclusión
Bonus
Ya que tienes los conceptos básicos sobre la creación de un producto digital, vamos a comenzar con el proceso de diseño visual y la definición de la estructura. Para esto vamos a instalar el software XD de Adobe, con este podremos crear nuestras propias interfaces.
1- Entra a: https://www.adobe.com/es/products/xd.html
2- Da click en el botón de descarga
3- Inicia sesión con Facebook o Google.
4- Después de haber iniciado sesión en tu computadora se instalará Adobe Creative Cloud. Este software te permite gestionar los programas de Adobe.
5- Da click en “Open Creative Cloud Desktop App".
6- Al instalar Adobe Creative Cloud verás esta ventana donde se pueden gestionar todos los programas de Adobe.
7- Para nuestro curso solo debemos seleccionar la descarga de Adobe XD. Al finalizar el proceso de descarga, estás listo para usar Adobe XD.
Por último quiero recordarte que Adobe XD tiene una versión gratuita y una versión paga.
La versión paga te permite publicar todos los prototipos y diseños que hagas. Si te quedas con la versión gratuita podrás diseñar todo lo que haremos en el curso, pero la publicación de los diseños solo podrás hacerla una vez.