Diseño de UI/UX: crear un formulario de registro interactivo en Axure RP

1. Introducción: bienvenido a realmente trajo la clase de mecanografía. Mi nombre es amigo, y uso mucho real para prototipar realmente despilfarró la mejor alma para prototipar rápido . Puede corregir de simple a compleja interacción en real en esta clase el aceite y cómo corregir un prototipo de formulario de registro interactivo simple. Estaremos trabajando con widgets personalizados de panel dinámico en animaciones. Aprenderás a mantenerte proceso bíceps y corazón equipado, prototipo de forma interactiva desde cero y conferencista Vamos a empezar y hacer clic y rodar. 2. ¡Comencemos!: Muy bien, empecemos. Dijo lo primero que vamos a hacer, vamos a abrir. En realidad, volvamos a abrir, en realidad, y luego vamos a corregir cualquier proyecto yendo al archivo y haga clic en Nuevo. Por lo que es abrir nuevos documentos por defecto. Actual crea automáticamente cuatro lanzamientos para ti. Pero esta vez no nos comemos toda esta página algunos yendo a las vacaciones del lago en cuando uso el tardío en mi teclado. Haga clic en Sí. Para agregar nuevos Bates, puedes dar click en los segundos en bahía Chaikin click en él y luego voy a nombrarlo para ser para Y entonces quiero decir para este proyecto por ir a archivo y seguro, vamos a guardar para ser forma y seguros. Está bien, vamos a hacer doble click en él para upend e Están trabajando aquí, así que como en contra sigue vacía. Vamos a reparar para tu nuevo Brosa está contra el mayor vacío de acero. Es blanco. Aquí no hay nada. Muy bien, volvamos a realidad Y ellos iban a cambiar sus colores de fondo. Vamos a estilo en las secciones de color de atrás que iban a hacer para ser gris Volvamos atrás y lo voy a refrescar Así que un cambio. Enfriar. Volvemos a la acción y luego vamos a añadir el mendigo Otra forma. Voy a usar dólares uno y hacer clic en él y arrastrarlo y van a fijar el con los 500. Y eso tenía que ser 500 eso es todo. Y arrástrelo y luego quiero ocultar este borde de la caja un click en él Y luego en esta línea con sección estoy dando click en este desplegable Y cuando sea tan parecido que no sea y voy a agregar a sombra en él dar click en esto golpeó abajo Lo siento Y este otro sombra y luego activar las opciones de sombra Van a decir que la X e y ser cero porque quería que la sombra se centrara. Y quiero cambiar el color de la sombra. Hicieron estos escullers para que podamos tener sombra más suave. Y eso haría que esto se ejecutara. ¿ Hicimos click en la caja y en la esquina secciones listas Vamos a poner el cebo en. Por lo que hemos financiado en la esquina. Hagámoslo antes de que vuelvas al autobús. Es genial. Volvemos a la realidad y ahora vamos a bloquear esta caja. Por lo que no lo estamos moviendo accidentalmente cuando lo diseñamos. Hacemos eso por mercancía arreglar y luego buscar. Por lo que beso igual aspecto, ubicación y tamaño. Y ahora vamos a añadir etiqueta al formulario que clink de estos iconos de búsqueda llevaron a una etiqueta de búsqueda . Vamos a escribir etiqueta, arrastramos adentro, y vamos a editar la etiqueta. Hacemos doble click en él se abrirá el editor, así que voy a hacer que sea, Bueno, los Zeina se reúnen Y se iban a cambiar el tamaño del nivel, darle click y dijeron que el para ser 25 porque aquí no hay 2012, por lo que vamos a Es yo mínimamente 25. Muy bien, entonces vamos a sumar otro nivel. bebió. Voy a añadir la línea tecnológica para ser yo diseñador Jain food. Muy bien, entonces ahora vamos a agregar botón al formulario. Quiero usar cajas, haga clic en los libros uno y arrástrelo como establecer el con para ser 400 pixel y odio ser 50 pixel . Y van a cambiar los colores hoy para ser descubre 666699 y luego voy a añadir texto. Por lo que hago doble clic en esto. Y el registro de anuncios. No, voy a hacer que sea blanco y dije que la forma sea 14 y que sea audaz. Yo quiero hacer que estos botones sean redondeados también. Entonces, como se puede ver, aquí hay un pequeño triángulo. Haga clic en él y luego lo arrastras para que se seque así. Está bien, está bien. Y ahora quiero moverlo al fondo. Enfriar. Y a eso vamos a ir en el Tex. Tengamos un impuesto. Vamos a buscar a Texel. Estamos arrastrando. Vamos a poner el con para que sea como el botón. Y ahora vamos a sumar el marcador de plaza dos distritos, Will conseguimos las propiedades, y luego en la sección de insinuaciones, vamos a añadir un tenedor arriesgado. Entonces porque thes va a ser el primer nombre, así que va a hacer que el él sea de primer nombre. De acuerdo, así que estaríamos libres en Bryce, señor, estoy rápido fresco. Muy bien, entonces tenemos ese sexual con marcador de puesto. Entonces cuando escribo, se ha ido. No, volvamos a extra 3. Diseñar un campo de texto personalizado: No, vamos a hacer el texto, Will va a ser como el diseño de materiales. Entonces voy a Hola. Los cantos rodados fuera de este impuesto tendrán razón. Haga clic en él y luego sólo esconder frontera Y luego voy a agregar línea y quiero ponerlo para que sea cosa decisiva, Pero entonces también. Y quiero establecer el ancho de estas líneas a esto. Y quiero establecer la capacidad para ser del 10%. Puedes encontrar opacidad bajo el estilo de los grifos, y luego quiero acercar. Se puede Mando Oriente colocó ism en. Yo quiero hacerlo. Está un poco más cerca de la línea y quiero que decida ser excursionista. Está bien, así que quiero acercarlo un poco más. ¿ Todo bien? Enfriar. Voy a ir es un mes. Y entonces derogemos gratis sólo Brosa cuando tengamos tiempo. Enfriar. No, volvamos a extra. No, vamos a añadir la etiqueta flotante. Entonces lo que queremos es que cuando veas, haga clic en este pila nombre para que el marcador de posición desaparezca y la etiqueta flotante fueron shows te permita hacer lo primero que iban a hacer? Vamos a añadir la etiqueta flotante. Vamos a usar etiqueta y ellos quieren establecer decide batir. Y iban a cambiar los colores para ser geniales. Voy a usar algo como esta Crate lo mío, también lo es. Entonces Ok, creo que estoy cuando uso descubrimientos. Está bien, Cool. Y ahora cambiemos para ser nombre de pila. Vamos a lograrlo en algunos. Entonces lo que queremos esto lo hará a este ritmo y ordenan espectáculos. Entonces vamos a poner nombre en esta sección. Vamos a hacer que sea etiqueta flotante nombre de pila y esto a ser gracias. Y además, vamos a añadir el nombre también a la línea. Entonces, ¿qué? Tenemos que añadir el nombre a este rígido. Necesitamos nombrar a los widgets si queremos agregar instrucciones a esos widgets. Porque eso es importante. Porque cuando vamos a las propiedades y luego en estas secciones de interacción, cuando agregamos la interacción, Por ejemplo, si quiero agregar las interacciones de clic en y luego quiero mostrar acción. Entonces esta es la lista de posibles acciones que podemos hacer. Entonces necesitamos encontrar widgets específicos Así que por eso es realmente importante nombrar a los ingeniosos aquí podamos encontrar los widgets exactos. Así que asegúrate de nombrar a tus widgets si quieres agregar interacción en él. Entonces en contra de similares, que solo queremos agregar las instrucciones. Está bien, así que en una camarilla en azufre. Por lo que hemos nombrado a estos para que sean nombre flotante de etiqueta y este nombre de un solo texto y este nombre de una línea. Está bien, así que por defecto, vamos a decir que estén escondidos lo dijo escondido. Y ahora vamos a la interacción. 4. Interacción flotante de etiquetas: para las primeras interacciones que queremos. Cuando veas, haz clic en este primer nombre mazos vamos a querer mostrar esta etiqueta de pie ¿cómo hacer eso? Dijimos como este texto, Phil. Por lo que está seleccionado y anomalías en las secciones de enfoque. Vamos a sumar las interacciones. Entonces vamos a mostrar esta etiqueta flotante para que puedas hacer vamos a ir en estas secciones de espectáculos y hacemos clic en ella por lo que significa que vamos a agregar show instructions y luego simplemente que vamos a mostrar porque vamos a mostrar estos flotantes nombre de la etiqueta. Entonces seleccionamos esto Así que testigo dijo el para ser show y vamos a remolcar en cualquier misión vamos a utilizar el ligero aumento y las emisiones y el tiempo. Vamos a ponerlo en 200 milisegundos y hacer clic. OK, entonces vamos a reparar cuota en Bursa. Cuando tenía un fresco cuando En realidad muestra el primer nombre, pero se nota que el lugar todo lo que hay todavía ahí, Eso es porque si vamos a probablemente es un buen click en el texto primer nombre y vamos en las secciones de pistas. Notamos que lo oculto se esconderá después de teclear. Entonces, por ejemplo, si voy a pelear con amigos cuando tipeo, ahí será cuando el rey estará escondido. Entonces lo que queremos que le queramos se ocultará al dar click en este texto, lo hará. Entonces volvemos a realidad, voy a ponerlo para que sea enfocado para que el cabello para que el él se oculte cuando esté en foco. Entonces volvamos a Prosser y refresquemos. Por lo que voy a hacer clic en él. puede ver que es arma, así que voy a flotar etiqueta con espectáculos. Está bien. Buen trabajo, chicos. 5. Terminar los campos de formulario: que han creado con éxito la interacción para el nombre de pila. Y ahora vamos a añadir otro testamento de texto, que es apellido y correo electrónico. Entonces hagamos lo mismo por eso. Simplemente vamos a copiar esto lo puedes crear desde cero, pero este video, quiero copiarlo. Entonces, ¿cómo hacer eso? Voy a seleccionarlo por Click it y luego voy a mantener presionada mi tecla de turno en mis teclados. Y luego selecciono otros widgets. Por lo que hago clic en el nombre toma nombre. Bueno, estoy sosteniendo mi tecla de turno en mi teclado, y luego voy a dar clic en esta línea también. Entonces ha sido seleccionada, y luego quiero moverla un poco para hacerlo arriba. Y no hay copia mando divertido, ¿ ves? Y luego lo voy a ritmo usando cuota de elogio y estoy arrastrando, y luego quiero copiarlo de nuevo para el correo electrónico. Entonces estoy usando el comando V porque se ha copiado. Está bien, así que hagamos un poco de edición aquí, así que no debería esto cuando lo hagamos doble clic, sigue siendo nombre se cambiará a escuchar. Y éste también. Deseo cambiar a correo electrónico. Y luego, como se puede ver, el positor. Todavía nombre de pila. Vamos a cambiarlo. Vamos a cambiar para estar escuchando. Y este también todavía de nombre cuando cambié a correo electrónico. Muy bien, Otra cosa importante que tenemos que cambiar es el nombre de los widgets. Por lo que como te das cuenta cuando hacemos click, sigue siendo pie de etiqueta. Nombre. Entonces vamos a necesitar cambiarle el nombre, porque vamos a añadir la interacción a ella también. Está bien, entonces por eso necesitamos cambiarle el nombre. Entonces solo vamos a nombrar para estar disponibles oyendo flotante Así podremos diferenciar en esta sección de instrucciones más adelante. Cuando somos las interacciones, ésta también toma disminuir el Linus. Bueno, line, voy a hacer lo mismo por correo electrónico. Voy a estar disponible para correo CC este muro de unicidad texto por correo electrónico esta sola línea. Está bien, así que te preferimos bajo Brosa fresca cuando Ecklie aparece. ¿ Verdad? Pero la unidad es cuando perdí el foco. El rótulo no está oculto. El sello no se está escondiendo. Tan dispuesto a agregar otras instrucciones aquí. Lo que ganamos cuando dijiste perdió el foco en estos filetes, Will the etiqueta flotante será altura de nuevo. Entonces, ¿qué podemos hacer en este texto? Nombre. Vamos a sumar otras interacciones. Entonces lo que queremos de estos A menos que las secciones de enfoque, vamos a hacer esto etiquetado para esconderse. Entonces vamos a sumar en las secciones de show y que hemos agregado, y luego lo que queremos ocultar. Queremos ocultar este nombre de etiqueta flotante. Entonces busquemos. Por lo que etiqueta 14 1er nombre. Vamos a seleccionarlo. Y entonces en lugar de mostrar, lo vamos a ocultar. Estamos en una altura. Vamos a añadir cualquier misión que voy a usar slide down y click. OK, así que vamos a ver en Bruselas cuando hago fresco cuando hago clic en él los espectáculos. Pero cuando perdí el foco en la voluntad en juego, digamos que hago clic en este apellido Dixville. ¿ Te das cuenta de que la etiqueta flotante se volverá a ocultar? ¿ Todo bien? No, no agregamos dos anoche. Vamos a agregar esto bien, así que volvemos a realmente seleccionamos en el texto Apellido. Eso es quien lo agrega en el menos, por supuesto secciones. Cuando voy a mostrar y esto cuando una cosa fina. Vamos a nombrar y quiero ponerlo apretado cuando uso el ligero abajo en un click de misión. OK, vamos a hacer lo mismo para el correo electrónico en las secciones de menos círculo en el show. Eso es lo que hacemos por correo electrónico cuando lo escondo y la diapositiva principal abajo click. Ok, está bien. Como vemos en el pincel. Voy a refrescar cuando haga clic de nombre muestra. Está bien, pueden hacerlo consolaciones. 6. Interacción de líneas: No, vamos a sumar otras interacciones. Vamos a sumar la interacción de línea. Por lo que cuando los usuarios hagan clic en el nombre, esta línea será alta recolectada. Entonces hagamos eso el volver a la acción y luego vamos a sumar otras interacciones. Entonces hacemos clic en el nombre del texto, y luego vamos a añadir un anuncio en tracción sobre esto a menos que en secciones de enfoque. Por lo que hacemos doble clic en él y voy a en una interacción nocturna. Queremos agregar las instrucciones de capacidad establecidas para que haga clic a la capacidad. Entonces lo que queremos cuando veas dar click en este texto, será el cambio la opacidad fuera de esta línea. Ya sabes, esta esta línea un pase ahorita es de 10 personas. Entonces lo que queremos cuando veas dar click en estos textos vamos a querer cambiar la opacidad de esta línea 21 persona entregada. Entonces es ser 100% negro, así que parece que esto es que está siendo iluminado de caminata. Entonces hagamos eso en la capacidad del centro vamos a encontrar el nombre de la línea. Entonces por eso es realmente importante nombrar tu widget. Vamos a fijar la capacidad a 100 por ciento. Quiero usar animación, facilidad de mantenimiento fuera, y quiero que sea de 100 milisegundos y haga clic. OK, entonces volvamos a Brussel en el C. D. Tu alma. Voy a refrescarme. Y cuando hago clic en él, hay resaltado. Volvamos a extra ahora vamos a sumar E hice interacción que está bajo en secciones de circo bajo . Por lo que te das cuenta cuando cuando nosotros a menos que un quiz en otro texto lo hará Esta línea sigue comprando alta recolectada. Entonces cuando hago clic en ella así esta línea sigue comprando alta recolectada lo que queremos cuando es cuando estos textos Willis a menos que vocales esta tierra se pondrá de nuevo al 10% la capacidad de esta línea o se enviará de vuelta al 10%. Para que eso es agregamos otra interacción. Voy a copiar esto ¿Cómo hacer eso? Se hace clic una vez y luego sólo se usa asiento de comando, Cupido o Control. ver si está usando BC soy copia y luego un click una vez en el menos foco segundo y luego voy a ritmo usando comando una tarifa y luego doble rápido. Yo quiero ponerlo al 10% porque básicamente el valor de estas interacciones y esta interacción está en Lee sobre esto una pasividad. Entonces por eso solo lo copio un click. OK, y luego veamos a ellos mismos yendo allá un fresco cuando hago clic. Se muestra cuando yo plus por supuesto, se está diciendo de nuevo al 10%. Está bien, llama No, hagamos lo mismo por el apellido y correo electrónico al que regresan. En realidad, quiero agregar la interacción para el apellido para nosotros. Entonces hago clic en el apellido del texto y luego en las secciones desenfocadas voy a agregar que las interacciones dijeron la capacidad dijo una línea positiva menos nombre, y quiero enviarlo a 100 personas. Y luego hizo una escena fuera cúbica con 100 milisegundos. Haga clic en Aceptar, y luego esta vez quiero hacerlo manualmente. Entonces podría haber entrado básicamente. Y dije que la capacidad voy a encontrar línea menos nombre así que le volvemos a un 10% a unas emisiones está en fuera ¡Maravilla cúbica Melissa Kans! Muy bien, así que cuanto más uses real, probablemente más probabilidades de copiar en Pace. Pero para este video para préstamos, lo voy a agregar manualmente. Por lo que hago click en el correo electrónico. Vamos a agregarlo de nuevo al correo electrónico. Antes de eso, déjame revisar al hermano. Haber sido un fresco cuando hago clic en él cuando hago clic en el apellido. Este no es un recogido de nuevo. Cuando hago clic atrás en el primer nombre Cool, funciona como un trozo. Volvamos a realidad, vamos a sumar en las secciones desenfocadas Vamos a agregar capacidad nuevamente, dijo una ciudad de paso para correo de línea por un correo electrónico. Cuando me puse al 100% necesito hacer una escena a 100 milisegundos cúbicos. Haga clic en Aceptar y, a continuación, en las secciones de circo a menos. Vamos a retroceder. Cuando dije una paucidad volver al 10% un correo electrónico 10% y me quedé. ¿ No es él? ¿ Cúbicos? 1%. Muy bien, volvamos a Bruselas. Necesitamos fresco cuando hago clic y nombre muestra apellido un correo electrónico. Está bien. En la escuela. Funciona muy bien. Enhorabuena 7. Crea pantalla de agradecimiento: está bien, Hemos diseñado con éxito nuestros formularios y tenemos interacciones de ayuda a las formas. Y ahora hagamos un pequeño ajuste a los formularios antes de hacer las pantallas de agradecimiento o las pantallas de carga. Muy bien, entonces, ¿qué podemos hacer? Vamos a arreglar esto un poco. Yo quiero cambiar menos bien el color, y quiero Murphy un poco sobre ambos con esta pared. Por lo que quieres vender, como, widget múltiple, asegúrate de presionar la tecla Mayús y seleccionar los widgets para seleccionar más de una bruja. Se dice que sólo quiero un poquito. Está bien. Enfriar. Y ahora quiero crecer poco. Por lo que hago clic en todo shifty click gain y click en esta línea y click derecho en Grupo Ping. Y yo quería lo mismo para el apellido. ¿ Verdad? Haga clic en placa de ira Klay. Haga clic derecho con rabia, Eric. Todo Así que quiero a mis pies un poco en la parte superior. Completo. Ah, correcto. Eso es lo que estás sintiendo, Brossel fresco. Está bien, Cool. Se ve muy bonito. Date prisa, gays. Enhorabuena. No, vamos a crear el agradecimiento a tus pantallas volvemos a realidad para que lo que podamos hacer. Vamos a usar Bennell dinámico, CIA. Por lo que solo para tu información, los paneles dinámicos te permiten buscar en el lugar del widget. Paneles dinámicos. Panel tan dinámico. Es como un contenedor, pero tiene varios estados. Como puedes ver, está este ícono. Tiene como mentirosos, por lo que puedes diseñar esta forma en las primeras capas, y luego puedes diseñar la pantalla de agradecimiento en las otras capas. Se puede diseñar otra pantalla en otras capas que más o menos paneles dinámicos. Se pueden establecer estas capas que quieren mostrar, por ejemplo, por ejemplo, si la gente hace clic en estos botones, luego lo sentaron a otras capas. Entonces eso es lo que tenemos que hacer para que puedas crear Dine McDonnell. Simplemente arrástrelo y suéltelo. Él puede arrastrar, y luego empiezas a agregar mentirosos. Se pueden agregar capas. Entonces en panel dinámico, se llama diseño de pensamiento de ST Second. Por ejemplo, cuando haga doble clic en él, se abrirá el Paso uno, y puedo empezar a diseñar uno de estado y luego volver a la reserva. Voy a ir al Paso dos y lo duplo rápido y diseñé el estado a eso es uno fuera del camino cómo hacer con el panel de diamante cómo diseñar con paneles dinámicos. Pero esta vez, cuando uso otros métodos, así que voy a retrasar estos. Entonces lo que queremos hacer es que voy a seleccionar todos los widgets. Pero antes de eso, voy a y registrar estos buenos para arreglar suerte y desbloquear. Está bien, así que vamos a copiar, no copiarlo solo Celac Vamos a seguir, como todos los widgets y alterar su seleccionado Hacemos clic derecho en esto. Y luego, como se puede ver, hay una comodidad a los paneles dinámicos. Entonces hagamos clic en él para que todos estos widgets se hayan confeccionado a un panel dinámico. Y ahora vamos a nombrar a este panel dinámico, así que voy a usar DP el P significa paneles dinámicos y el que voy a usar para un formulario DP. Muy bien, entonces cuando haga doble clic en la unidad del panel estomacal, por favor. Este es el primer estado que es estatal uno. Entonces vamos a todos los nombres que compran, clic derecho, y luego cuando ah nombre para estar lleno de entrada. Y luego vamos a sumar otro estado. Puedes agregar haciendo click en esto en Aikens, te dará el estado vacío así cuando lo abras, es antiguo y de diseño. Pero otra forma de hacer eso se puede copiar. Se puede hacer aplacar. Por lo que esta vez va a retrasar su esa. Lo que quiero es que quiero duplicar Así un click duplicar y voy a hacer para ser Gracias . Gracias. Entonces éste es de entrada. Y el 2do 1 es Gracias. Te das cuenta de que hay unas capas por lo que la primera capa se forma entrada. Y el 2do 1 es Gracias, Lee. Se puede tener estado múltiple y hay se puede hacer muchos estados, pero esta vez sólo necesitamos indicar para entrada. Y gracias. Lo que queremos hacer más adelante es cuando veas dar click en los botones de registro queremos configurar el impresionante panel a hacer Gracias a tu pantalla. Eso es muy sencillo. Entonces diseñemos esto. Agradece a su pantalla. Vamos a abrir por doble King it y doble patada. Por lo que sólo quiero retrasar esto. Todos estos van tarde van a hacer clic y mantener pulsado. De acuerdo, entonces me voy a dilatar. Está bien, así que quiero mirar el juego que vamos a agregar los colores a esto que agregaría color a la caja. Y luego cuando dije los colores para ser este colores este 1666699 y vamos a rezar por ustedes en el Bruselas cuando nos BaFin donde hacemos clic en sus invitados y ahora no pasa nada. Eso se debe a que no hemos agregado las interacciones. Entonces vamos a sumar la interacción. Ahora volvemos a la conferencia. Por lo que abrimos el panel dinámico sobre el conformado. Ponga el cuadernillo en esto. Reguladores regulación ahora botones que agregan la interacción. Entonces cuando dijiste haz click en ello así agregamos la interacción en las secciones de on click. Por lo que queremos configurar el panel, que es la forma de panel dinámico inteligente para agradecerle. Entonces cuando digas, haz clic en el registro ahora botones establecen dinámico estado de forma Bennell a las pantallas de agradecimiento, derecha, así que vamos a dar click. OK, vamos a barrer graffiti en el Brosa. Volvemos a Firefox y nos vamos a refrescar, así que no estamos click. Se muestra, así que vamos a añadir cualquier misión a ella. Hacemos doble clic de nuevo para editarlo, y luego cualquier apareamiento, agonizan el destino y las emisiones. Y luego uso 300 milisegundos después. OK, volvamos a la presión. Fresco. Hacemos clic levantando ahora. Entonces no es que la parrilla Isa Pantani le esté mostrando este estado. Pero hay un destino y emisiones, bien, así que juguemos con animaciones sobre esto ahora mismo. Volvamos debería en realidad Y luego lo cerramos y luego volvemos atrás y pinchamos en las pantallas que se hunden. Entonces, ¿qué quieres? Queremos agregar la animación. Aquí están las partes divertidas comienzan, pero antes de eso, vamos a añadir los widgets que queremos animar. 8. Cargar animación: Voy a encontrar un boleto. No puedo. Entonces vamos a arrastrarlo, y luego vamos a usar etiqueta. Entonces para las primeras animaciones, lo que queremos, quieres que este se lo pegue a cualquier hecho, como, como muchos yo así. Y entonces esta etiqueta será, como, año de reserva para ponerse bien, Así que vamos a hacer cualquier animación minuto que esto. Por lo que quiero que se limpie y luego tesis también que sea blanco. Yo quiero que esté centrado. Yo quiero saber si se lo envía. Está bien, así que quiero que nos envíen. Bueno, está bien. Enfriar. Y ahora sumemos las emisiones finales. Entonces vamos a llamarlo, tú ganas un nombre que pueda conseguir, voy a ponerlo para ser label boo. Obteniendo tu boleto. Está bien. Enfriar. Entonces, ¿cuál es el fen? ¿ Cuáles son los desencadenantes? Por lo que esta animación comenzará después esta forma de panel dinámico cambiar los estados. Entonces, cuando hacemos clic en los botones regulares ahora, vamos a cambiar de entrada de forma estatal a estado. Gracias. Por lo que las tres niñas es cuando cambia la prohibición mal estado. Entonces vamos a sumar en que los detonadores de defensa. Entonces en este formulario DP y en el cambio de estado en panel que es donde ponemos las interacciones nosotros Así hacemos doble clic en él. Entonces vamos a sumar las animaciones que vamos a usar mover aquí. Vamos a sumar más interacciones. Entonces, ¿qué? Nosotros queremos movernos. Nosotros queremos mover esto. Puedo boletos. Entonces déjame encontrar Aiken puede ticket con click. Yo quiero moverlo en caso de subir un poco. Entonces en la sección, pasar por el eje y Vamos a hacerlo más malo, más malo, tan malo. Si no lo hacemos mezquindad, se moverá a la parte inferior por lo que quiere que se mueva a la parte superior. Vamos a hacer que sea ministro. Vamos a hacer las animaciones para ser swing. Eso es lo que hacemos click. OK, Y así vamos a ser libres. Y Brosa, volvemos a cinco personas cuando estoy fresca En cierto modo, doy clic en registrarme. Ahora ya ves, se está moviendo. No, hagámoslo. Muévelo de nuevo a hecho al fondo. Eso es lo que volvemos a la acción. Que agregan otro movimiento. Satya. Habló a la parte superior luego a Bixel, vamos a ponerlo para que se mueva de nuevo a la parte inferior, luego pixel. Entonces quiero una copia teniendo una glaseada com NC y luego voy a basar Encomia E así que vamos a cambiar el valor para mí. Niss para ser positivo. Entonces el primero cuando ejecutó esta línea, te vas a mover para levantarte, y luego cuando ejecuten esta línea, vas a ejecutar y magnetizarla dos d lo pone de nuevo por 10 píxeles y luego haz clic en Aceptar, y veamos, Vuelvan a freír, amigos. Cuando hago clic en Fresh y Wycliffe Gregerson ahora le hago clic a la derecha Se mueve. No, vamos a copiarlo varias veces voy a copiar y públicamente, y vamos a mantener mi llave de turno. Y entonces puedo seleccionar el 2do 1 que quiero podría estar iniciando E y luego van a ir a ritmo dos veces en una base lo una vez y enfermo click OK, y volvamos a Firefox. Voy a dar clic a un fresco cuando haga clic en registrarme ahora, así que es como cualquier reunión cool. Entonces volvamos a lo real 9. Animación de éxito de registro: Y ahora, después de estos animadores, vamos a mostrar otro nivel. Añadamos eso y arrástrelo. Vamos a hacer algo como tu boleto. Ha sido sen a tu correo electrónico. Entonces, Jess, te veo totalmente ahí están Vale, así que voy a arreglarlo, y se acabó. Entonces voy a hacer que se centre una línea. Voy a decir que también sea blanco. Ah, éste. Andi, quiero usar los cheques ícono ciclo distrital. Yo quiero hacerlo. ¿ Por qué Bueno, está bien. Entonces, a menos que lo nombremos, vamos a nombrar para ser yo puedo comprobar. Y éste para ser etiqueta. A ver, estás bien. Enfriar. Entonces lo que queremos herida después de estos, animando el palo, es animando. Vamos a ocultar esto y voy a mostrar esta etiqueta y Aiken está bien. Pero antes de eso, lo vamos a esconder para nosotros. Nos vamos a poner a escondidas en un clic derecho y a colocarnos ocultos. Lo vamos a hacer aquí y luego así vamos a sumar las interacciones. Entonces después de que se está moviendo por ahí, es suave. Lo vamos a esconder. Entonces vamos a la interacción de altura Voy a usar buscar el ticket de búsqueda Este boleto no lo puedo llevar. Y me voy a esconder con animación. Fe. Y además, voy a esconder también la etiqueta dis, bloqueando tu etiqueta para conseguir así que va a esconder su muro con el destino y las emisiones. Y ahora vamos a barrer para ti en la fuerza del navegador. Estamos frescos cuando hago clic en Reagan Zanele, Espera, ¿qué desaparece? Es porque no tenemos a sus interacciones de peso. Entonces, ¿qué acción hace cuando real lee este comando? Significa que nos vamos a mover, pero en realidad los leeremos al mismo tiempo. Es todo así cuando lo ejecutaron también va a ejecutar esta altura. Entonces por eso este se lo pega y su nivel bien desaparece aunque esto no se esté ejecutando todo porque en realidad ha mirado hay alto mando aquí, por lo que en realidad ejecutará este comando al mismo tiempo. Tan difícil de ofrecer a las empresas. Estamos para las empresas. Al agregar interacciones de peso, vamos a usar peso. Entonces, ¿cuántos realmente enfermos? Tenemos que esperar. Vamos a esperar por la cantidad total de las animaciones. Entonces de esta animación a esta animación, necesitamos 1000 milisegundos. Entonces si sumamos todos estos. Necesitamos 21 2000 milisegundos esta vez esta animación y destino. Para que eso es todo lo que necesitamos. 3000 milisegundos. Entonces vamos a esperar 3000 minutos otra vez. Entonces vas a decir real real cuando en realidad todos los enfermos ejecutan toda esta línea. Entonces en realidad, cuando en realidad se ejecutaron Espera, en realidad, esperaremos 3000 milisegundos completos. Está bien, así que vamos a dar click, acuerdo? Y volvemos a Firefox cuando estamos frescos. Cuando Ferguson ahora. Entonces ya sabes, en realidad, esperaremos hasta que esté terminado, y luego ocultará la etiqueta. Muy bien, entonces veamos estas interacciones. Vamos a moverlo a la cima. Entonces después de que lo escondamos con una re ocultar estos iconos y el nivel, vamos a hacer que se mueva a la cima, y luego vamos a hacer que se muestre. No, vamos a doblar aquí esta noche, así que vamos a mostrar este ícono en un show. Yo reviso arma. Y luego cuando te muestro con fe y Emisiones 200 milisegundos y luego nos vamos a mover, vamos a usar Move. Vamos a mover este ícono también. Entonces vamos a encontrar econ. Puedo chequear. Vamos a movernos en 300 pixel. Por lo que recuerdo que quiere moverlo a la cima. Tenemos que añadir ensoñación. Vamos a usar cualquier swing de misión. Vamos a hacer 500 milisegundos y luego eso nos probamos con el hermano cuando estamos frescos abordando Rogozin Ahora di su peso. De acuerdo, así que parece muy, muy rápido. Entonces arreglemos eso. Volvemos a la realidad, y como sabes, es un poco demasiado alto, Así que voy a arreglarlo. Entonces arreglemos eso. Entonces queremos moverlo a alrededor para manejarlo y 50 y luego voy a llegar a un Tencent y 500 milisegundos en la animación. ¿ No he cambiado para ser fácil ahora? Cubic. Bueno, puedes jugar con animación. Hay varias animaciones que puedes reproducir carreras en real, solo puede experimentar. Y luego usemos el Oriente en el arte Cubic para esta vez. Y luego vamos a la semana como gay y volvemos a cinco personas y vamos a estar más frescos cuando hago clic en Coraghessan ahora. Entonces es cualquier reunión, acuerdo? Es muy suave. Entonces después de que se esté moviendo a la cima, vamos a mostrar la etiqueta disponible. Pura Ver Irán, Siria en Oracle. Entonces, por defecto, queremos que este nivel se mueva también a la parte superior al mismo tiempo en que este widget se mueva, Frank. Por lo que queremos agregar eso. Por lo que no sólo estamos moviendo el cheque de icono, sino que también queremos mover este icono al mismo tiempo. Por lo que encontramos las etiquetas de etiqueta Irán. Vamos a encontrar. Por lo que esta etiqueta ver Orión se moverá este muro por tus manos y 50 pixel. Eso es lo comprobamos. Vamos a tener un muro de fitness. La mezquindad 250 pixel. Pero esta vez aún no lo estamos mostrando. Todavía no estamos mostrando esta etiqueta. Hemos mostrado el Eiken comprobado, pero aún no mostramos esta etiqueta. Entonces en este estado, sólo lo movemos. Entonces después de que lo movamos, lo vamos a mostrar. Entonces vamos a añadir otra interacción, que es show vamos a mostrar esta etiqueta etiquetas Huron durante el show puede convertirla en un nimit con fe y emisiones. Cuando hago para ser 500 milisegundos y esperar, veo GNC, estamos usando cualquier misión aquí. Por lo que necesitamos usar estas animaciones para actuar por nosotros. Entonces, como de costumbre, necesitamos agregar peso. Por lo que a peso, Khomeini milisegundos necesitamos. Necesitamos 1000 y 500 milisegundos. Vamos a sumar 500. Lo sentimos, vamos a añadir maravillas y 500 milisegundos y dar clic en Aceptar y vamos a barrer Free y Broza yendo un click de Fresh donde Click Greg no está ahora. Está bien, es muy bonito. Entonces arreglemos un poco. Parece que todavía hábitos al tema. Déjame que lo haga juego. Entonces cuando cambié a 200 eso es que cambiamos. Vamos a mover la alimentación a 200 200 este. Entonces son 100. Entonces y luego lento. Si estás en Bruselas, ¿por qué hacer clic en Rogozin ahora? Está bien, es muy guay. Enhorabuena, caso. 10. ¡Publicar tu prototipo!: o, supongo, felicitaciones otra vez. Por lo que tienes diseñando con éxito uniformes. Todavía se puede jugar en el experimento do it con las formas, pero la idea principal es que se obtenga la comprensión de cómo crear estas formas interactivas. Entonces ahora mismo lo que vamos a hacer, vamos a subir este tipo de cuerpo al Klatt. Eso es lo que llamamos el real compartir los Shays reales cuando se puede habilidad, prototipo y a la nube. Y luego puedes sombrear tu prototipo a tus amigos, a tus clientes o a los de cualquiera. Y luego pueden abrir las partes, como en la computadora, usando el enlace que proporciona tu Así que aplaudimos este prototipo. Podemos hacer eso por ir a publicar, y luego se puede ver que hay una sección publicada Vamos a dar clic a publicar para realmente compartir con Click. Es y luego hay varias opciones aquí puedes Crane Project puede reemplazar un proyecto existente . Entonces yo estaba tratando de subir esto antes, Entonces, como se puede ver, hay proyectos existentes. Entonces el aviso real de que este proyecto se ha subido antes, así que es huelga mi proyecto, i D. Pero esta vez queremos crear nuevos proyectos. Quieren subir esta parte cyp a un nuevo proyecto de nube. Entonces voy a crear cualquier proyecto y sólo nombrarlo. Yo quiero nombrar forma. Puedo nombrar lo que quieras y luego publicamos y ya está. Esperamos a real para applet nuestro tiempo parcial. Y entonces, bueno, ya está hecho. Todo lo que se puede ver ahí está enfermo aquí. Entonces este ling que vamos a compartir con tus amigos o tu universidad tus clientes a cualquiera. Entonces voy a copiar y luego cerrarlo y volvemos a cinco personas y luego voy a darle un ritmo . Unidad. ¿ Eso es esto? Seguro que venderé mi local, así que lo voy a basar. Y por eso vemos. Entonces estos son los chicos de radio online y se le piensa. Aquí vamos. Podemos estudiar diversión, cordura inkling. Regular Ahora. Está bien, está perfectamente hecho. Enhorabuena otra vez, Gates, Pero espera. Como saben, este tipo despótico, es como si no estuviera centrado, ¿ verdad? Entonces, ¿cómo arreglar eso? ¿ Cómo hacerlo lo envió? Podemos hacer eso. Adiós. Vuelve a la realidad. Por lo que hacemos click derecho en la dinámica. Bennell. Hacemos clic en el ser al navegador, hacemos clic en él una vez y luego te hace hacer clic en él frijol en Brother Window y simplemente chequear centro. Lo haremos mental y solo lo levantaremos. Simplemente hazlo sin control. Entonces haga clic en Aceptar, voy a estar seguro en. Vamos a preferirlo en pieles locales cuando por unos pocos en local. Entonces se ha centrado ahora, aunque cuando esto lo haga desaparecer por lo que está centrado ahora cuando acabo de recitar Blossom , está centrado ahora artículo. Pero esta vez sigue siendo local. No se está aplicando para compartir realmente, así que cuando lo refresco, todavía no es siglo lo. ¿ Por qué? Porque no hemos subido de nuevo para realmente compartir. Entonces volvamos a la realidad, vamos a aplaudir de nuevo. Vamos a publicar y luego publicamos estructura compartir. Entonces esta vez no vamos a crear nuevo proyecto. De lo que queremos queremos queremos actualizar el proyecto existente, que es este proyecto tan real detectado automáticamente. Por lo que queremos sustituir este proyecto. El proyecto existente. Demos clic en publicar, publicamos y esperaremos. Entonces eso en realidad está generando el lado ancho. Es espera Así que este es el curso de realmente puede actualizar los prototipos y los enlaces. Sigue siendo lo mismo. El tendido no se cambia, por lo que se puede. Tú cliente, tus amigos pueden sacar el refresco del Lecter de tu prototipo. Así es como increíble, si real. Entonces lo cerramos y que volvamos a cinco personas y por qué eres un fresco. Por lo que es suyo en línea y se lo ha enviado. Está bien, ahora es Burbank. Relación correcta. Chicos realmente emocionados. Hagamos tu proyecto.