Diseño web de UI y UX con Adobe XD - Diseño de experiencia de usuario

1. Introducción a Adobe XD: Hola ahí. Mi nombre es Dan y estoy en Adobe Certified Instructor ahora juntos en tienes que aprender a usar un Eckstine sucio. Ahora esta herramienta de diseño que eres UX nos va a ayudar a crear hermosas interfaces de usuario así como una experiencia de racionalización de Argel. Durante este curso, vamos a utilizar un proyecto freelance real en el que estoy trabajando. Un proyecto necesita tanto una mujer que enfrentar como una aplicación móvil. Entonces te va a dar una muy buena comprensión de todo cómo ejecutar tu potencial proyecto UX Mi curso aquí se llama Gente nueva en diseño y experiencia de usuario comenzará justo al . principio y se moverá paso a paso. Puño arriba también tuvo un buen dolor constructivo y por ciento. Después aprenderás a crear algunos marcos de alambre simples. A partir de ahí aprendes a implementar colores e imágenes correctamente en tus diseños, aprenderás los do y dont's para elegir fondos para sitios web. Emma Violencia también hará trampa un poco. ¿ Por qué explicar pre los hizo niños a la velocidad sobre el flujo de trabajo? Construiremos un prototipo tanto nuestro diseño de sitio web como diseño móvil conectando las páginas y agregando interactividad completa Realmente para ti estadística mientras ella contigo muchos de los trucos secretos dentro de Adobe Eckstine Eso te ayudará de verdad a acelerar esos tareas repetitivas todo el camino hasta exportar los archivos correctos en crear tu propio espacio de diseño al final, tengo un proyecto para que te ayude a desarrollar tus habilidades. Y así tienes algo realmente para tu portafolio. Entonces espero que realmente estés para actualizarte y únete a mí para aprender Adobe. Sí, ese es un plan falso para Mike. Aquí entras a la tienda y se ven geniales. ¿ Te gusta? Se va a quedar bien en la oficina y luego llegas a casa y es una planta falsa. 2. Comenzar con tu proyecto Adobe XD: Hola ahí. Para empezar, es necesario descargar los archivos de ejercicios. Habrá un enlace en los comentarios o descripción a continuación. A veces hay un botón. Está bien, estás pendiente de los archivos de ejercicio de descarga. Y lo otro que puedes hacer es durante este curso. Lo que hago es intentarlo y ¿qué? El video individual. Yo también lo saboreo. Está bien. Y lo mismo a algo llamado archivo completado. De acuerdo, entonces cada video tendrá o bien un botón enlazador donde podrías deli, donde estoy hasta 60. Y si el tuyo no se ve del todo igual, puedes descargar menor. Basta con comparar los dos. Lo último es que durante este curso, se te va a pedir una revisión. Entonces revisa la sangre de la vida fuera de mí como entrenador. Y por qué llego a hacer esto a tiempo completo. Entonces si estás disfrutando del curso y sí nos consigues para la revisión, por favor, deja caer. Cuando ahí dentro. Está bien. Y revisión honesta. Eso me ayudaría. Cargas. Está bien. Uh, vamos a seguir con el curso 3. Qué es UI vs la experiencia del usuario y la experiencia del usuario: está bien, antes de que empecemos simplemente cubriría rápidamente lo que ex caras sabio. Si eres nuevo en el campo, se ponen como bandas alrededor juntas. UX es más un paraguas. A McKay. Cubre una gran cantidad de componentes, incluido usted. ¿ Por qué? Entonces tú i usuario diseñadores de interfaz lo que vamos a cubrir en este curso? Entonces vamos a hacer mucho en Derby Eckstine, donde aún desarrollamos la interfaz de usuario para una web y una APP. Entonces ese es el Componente U. Y. Y. , pero que generalmente es parte de un proyecto de U X más grande, y nosotros podemos ser divididos en tres partes principales. Uno es el caso del lado de la investigación. Usted hace su investigación de experiencia de usuario, y eso es sólo una especie de ruptura. Yo estoy ejerciendo quiénes son las personas quiénes son tus clientes. Cuales los requisitos del cliente es tipo de construcción fuera de breve distancia, las características que necesitan estar en su producto. De acuerdo, ese es el lado de la investigación de las cosas. Después está el diseño real. De acuerdo, la u que diseño, que vamos a cubrir en este curso. Después te mueves al usuario probando K. La prueba de usabilidad después tomas tu proyecto ex d y comienzas a probarlo. Nos vamos a centrar en este bit medio. ¿ De acuerdo? Te mostraremos un poco de cómo consiguió el breve y cómo prepararte para Usa las pruebas. Pero tengo otro curso llamado How to Be ux Designer. Echa un vistazo a eso. Eso es amore de, ah, una especie de visión general del diseño ux y eso te dará estrategias, toe build out briefs correctamente. Personas probablemente. Y también las pruebas de usuario eran para que se hiciera eso. Un poco más cubrirá y brevemente aquí, pero nos vamos a centrar en las características de diseño de UX reales. Ahora tú como diseñador de UX, solo para que lo sepas, eso significa que trabajamos como si estuvieras trabajando en una empresa más pequeña, mediana empresa, probablemente se te va a esperar que hagas todo tipo de tres partes investigando la U Y y la pruebas en. Si estás trabajando en una gran empresa, solo podrías ser la diseñadora U Y. De acuerdo, es parte de ese proyecto de UX más grande. Es posible que tengas especialistas, investigadores que podrías tener usuarios especializados probados, por lo que dependerá de dónde te encuentres. Pero X'd especie de se sienta en el medio. Ahí para las herramientas de diseño. Y sin embargo eso es todo. Pasemos por ahora y empecemos a construir cómo las cosas en extinción. 4. El breve personaje de nuestro proyecto de vida real B: De acuerdo, Entonces antes de que empecemos, quiero rápidamente sólo esbozar el breve para este proyecto. Este es un proyecto real de uno de mis clientes y mi para que haya una buena manera de especie de explorar 60 a través de un proyecto real. Entonces, ¿qué? Teníamos que hacer este tipo del lado de la investigación U X de las cosas y tuvimos que construir un breve cliente . ¿ Qué? Te mostraré aquí, y tuvimos que construir la persona. Está bien. Al igual que quién va a ser el público tigre. Entonces echemos un vistazo aquí en la pantalla. Ah, sí, ambos ¿Qué? El cliente me envió como breve inicial, y luego en qué teníamos que moverlo realmente, así que teníamos un proyecto real por el que trabajar. Está bien, así que esto lo echa un vistazo, ¿sabes? De acuerdo, Entonces, primero arriba, como cualquier buen trabajo creativo, tienes que conseguir el breve derecho, sobre todo para ti ex, porque a menudo el cliente en especialmente clientes idea con no han realmente correr a través de una gran cantidad de proyectos UX antes. Entonces supongo, y controlar lo que hay y lo que se destapa. Lo que no está cubierto. Ese tipo de cosas. Por lo que un breve siempre es esencial para cualquier proyecto. ¿ Verdad? Entonces me imaginé que te mostraría el que conseguimos. Entonces este es el breve que obtuvimos del cliente, así que básicamente fue bastante delgado. Tienen un sitio web, trae tu propia laptop dot com y han construido este tipo de vuelta para que lo usen sus entrenadores. Y quieren tipo de simplemente lanzarlo a otros entrenadores para configurar usando potencialmente usarlo como producto. De acuerdo, así que quieren un sitio web que una aplicación, ellos muy, muy, muy tipo de básico. Entonces lo que hice fue echar un vistazo a través de los detalles k a través de la analítica para su página web. Conozco un poco de ellos porque ya he tratado con él antes, pero básicamente, pasé por el tipo de proyecto de investigación UX trabajando quiénes eran los competidores, qué hace el producto sus nosotros Pease quiénes serían los usuarios potenciales K y construido breve. Entonces esto es lo que les he enviado por correo gay y básicamente solo cubre lo básico. Llegaron la mayoría de los calzones. Esto se corre rápidamente a través de él, ya sabes, entendido. Podrías simplemente saltarte dejará de hacer cosas X t, pero en este caso una descripción del nombre del proyecto K. Simplemente básicamente, eso es lo que han dicho. Eso sólo tipo de esbozar esa descripción. Para quién es? Fue caso bastante importante. Entonces construimos una persona. Te voy a mostrar eso en un enfermo y cómo se ve realmente la persona. Pero esto es lo que acordamos con el cliente, quien es la persona potencial ahora. El gran asunto con las personas es que puedes adivinar que alguna vez puedes galletas, pero necesitas revisar potencialmente quién podría ser tu persona porque podrías ir. Sí, definitivamente es esta persona, pero necesitas permitir sería una habitación encendida y poco de ortografía y Gramma. De acuerdo, así que hemos construido para quién pensamos los clientes. Construimos a partir de la lista de características, Vale, solo para asegurarnos de que sabemos lo que realmente está pasando en los marcos de alambre de comenzar cuáles son las partes importantes, Vale, dejamos fuera cosas como un pie de página o otras características que me tipo de simplemente normal allí. La página de contacto con nosotros necesita estar ahí todas esas cosas. Por lo que este es el tipo de cosas únicas para este proyecto competidores e inspiración de producto. Esto solo ayuda a nuestra nieve y al cliente a saber que estaban alineados. Y el de Tim de esto es el tipo de cosas que estamos construyendo rey entregables. Esto es súper importante. Entonces pasamos por dos partes es esposa enmarcar Y en esta alta fidelidad, básicamente alto para su Lee significa que sabes por qué Frames una alta fidelidad realmente simple tiene ALS, las fuentes y colores e imágenes. Por lo que construimos marcos de alambre puramente solo para la aprobación del cliente. De acuerdo, no salgo a probar marcos de alambre. Hablaremos de una carta sobre, Luego construimos un prototipo Hope Fidelity y luego salimos a algunas pruebas de usuario basadas en las pruebas de usuario que harán. Nuestro informe de usabilidad que podría ser grande o pequeño básicamente solo retroalimenta lo que descubriste . Tus pruebas de usuario, luego una vez que todo haya terminado y hemos arreglado cualquiera de sus problemas con el usuario. Las pruebas agarrarán a todos los EE.UU. EE.UU. Es para los desarrolladores, y eso solo significa darles imágenes y código e iconos y símbolos que pueden construir ya sea la aplicación con sitio web. Entonces ahí es donde nuestro trabajo va a terminar. De acuerdo, así que siempre tengo un like a no incluido, acaso el cliente sólo para especie de asegurarme de que los límites de sentarse bien y despejados . Por lo que nos han pedido prototipear el back end K, que es el tipo de instruir a un lado, fuera de este sitio web, también hay un lado estudiantil de la misma, que ya tienen desarrolla. No quieren que rediseñemos su y así que sólo estoy asegurándome de que esté claro que me dijeron ahí. Está claro que no estamos cubriendo eso porque esperan usar su tipo de sistemas actuales . El lado instructor, que vamos a estar probando costos, dijo Kay. Esto es lo que cobré por este trabajo y trabajo's muy a menudo como que empiezan en unos 2.5 de grandes nosotros y llegan hasta cerca de 10 de los grandes para proyectos más grandes. Este de aquí básicamente un entrenamiento ¿qué? Mi día Raiders, y es aproximadamente unos 800 dólares. Y luego podría resolver cuántos días necesito trabajar con algo así como una línea de tiempo ed en un poco de buffer y luego darles una tarifa por hora después de eso para que si lo hacen empiecen a preguntar las cosas que no están cubiertas en los entregables, y puedes decir que Shuriken haga eso, pero probablemente me va a llevar otro medio día y luego saben tu tarifa por hora para que sepan que va a costar X vinos lo y me parece que es una buena manera de detener el trabajo para escabullirse. Por lo que el creep laboral pasa con cada trabajo que van todos Can. Rápidamente solo agregas esta cosita extra y eres tipo de que lo agregues y decidirás más adelante si las construyes para ello o no en el trabajo sobre rondas y o te sorprende con una factura gigante o simplemente chupas esos costos, que apestan. Entonces hago a la orilla que el principio de dárnoslo cuesta porque eso es lo que todos quieren. Nadie quiere una tarifa por hora, pero dales temprano también, para que cuando estés charlando y estén como, Oh, oye, ¿también puedes hacer esto? Nueva YORK? Seguro, probablemente me va a tomar tres horas. Ellos conocen Raiders anuales, y puedes agregarlo a tu factura y todos están claros desde el principio. Siempre se les pide 50% de pago por puerta delantera para iniciar la obra. Hay tantos trabajos que termino iniciando que nunca se pueden terminar. Por lo que me gusta asegurarme de que llego 50% por adelantado para poder cubrir mis costos. Para la parte inicial así, es la parte más importante, ese tipo de hacer la investigación UX de elaborar las características. Esa es una especie de parte súper importante del trabajo, creo que sí. Me pidieron o porcentaje por adelantado. Podrías agarrar algo más pequeño que eso, pero el 50% es bastante común y luego el 50% en los plazos de finalización. Gay, cada trabajo un poco diferente. Pero esto es lo que hemos hecho. Entonces hay una especie de ah, ellos y yo. Por lo que voy a hacer el uso de la investigación para empezar con tres e marcos de alambre se entreguen para llevar tu laptop delgada. Después me dan retroalimentación para esta fecha determinada. Entonces les doy la alta fidelidad. Después me dan comentarios sobre esa alta fidelidad, y luego en realidad va a usar una prueba y luego se nos permite por un par de semanas con las pruebas de usuario. Esto no podría ser medio diferente sobre cómo, como para este proyecto, vamos a hacer mucho lo que se llama pruebas de pasillo o pruebas sobre el hombro. Vamos a tratar de reunirnos con gente para hacer cosas de la vida física, encontrar gente que Metro persona y en realidad trabajar con ellos. No, Nuevamente, no vamos a cubrir por completo las pruebas aquí. Tengo otro curso para eso. un vistazo a cómo ser diseñador de UX para algunas de las técnicas de prueba. Sí, vamos a hacer cosas por encima de sus hombros posibles. Probablemente hagan algunas pruebas moderadas por UNM. A donde vamos, ¿dices que usa testing dot com me parece realmente útil. Y podías simplemente parecerlo ellos y la gente se graba oveja rápido. Y es algo para lo que no tienes que organizar reuniones. Y tienes grabación para que puedas recortar. Pero para poder mostrarle al cliente algunos de los resultados. De acuerdo, entonces habrá un usuario probando en en reportes terminados sobre básica Solo retroalimentación sobre. Esto es lo que sucede en el usuario probando estos aires, los cambios que vamos a hacer y ustedes hacen esos cambios y una vez que se hayan hecho los cambios finales , entregará los activos al desarrollador para que se construya, que en este caso sería probablemente terminaré haciendo el lado Web de las cosas k al menos el front-end cosas de diseño Web. Pero el AP y el desarrollo back end tendrán que ser hechos por desarrollador, que está totalmente fuera de mi zona o más de su lado creativo, el frente dentro. Entonces, sí, ese es el tipo de breve que hemos visto a través del cliente. Siempre asegúrate de que porque te apuesto al 100% prometes que esto no va a conseguir el cuarto de diciembre significan porque la retroalimentación Vale, entonces tu cliente verá esta fecha y dirá que lo harán, pero las cosas acabarán de llegar tarde. Ya sabes, sólo llegar uno o dos días tarde, y sólo me aseguro que tan pronto como sea un par de días después, reviso la siguiente línea de tiempo, acuerdo, de acuerdo,para que sepan que son ellos los que lo empujaron. Entonces cuando es como dos meses de atraso, no es por mi culpa. Es porque fuera de su mala retroalimentación, Vale, así que sé realmente un poco rígido al principio, diciendo que sí. Tiene que estar aquí para esta fecha y en cuanto lleguen tarde, agréguele eso a la hora y solo un poco de empuje eso porque esto va a parecer largo si empuja al próximo año porque va a sumar, como, otro par de semanas en medio sobre Navidad. Por lo que deberíamos haber estado entregando esto a mediados de diciembre. Y antes de que te des cuenta, es febrero y tenían en la cabeza mediados de diciembre. Entonces solo ten mucho cuidado con las líneas de tiempo y los plazos. Ahora, nuevo, este es mi proceso. Podría estar trabajando en una agencia y que 4000 dólares simplemente no cubrirían la renta. Por lo que podría estar empezando en los 5000 y terminando en la marca de 50 mil dólares, dependiendo de qué tan grandes sean los proyectores. Podrías estar recién empezando, y podría estar asumiendo el trabajo mucho más barato que ese Reino Unido. Podrías estar haciendo diseños para 1500 o incluso 500 para conseguir tu primer trabajo, pero pensé que te mostraría dónde conocí como diseñador freelance de UX. Por lo que tienes algún tipo de idea fuera de precios y cronogramas y breves. Echemos un vistazo rápido a la persona que me hicieron. Muy bien, Así que esta es la persona que construimos para este proyecto ahora, y el breve inicial puede evitar un esbozo áspero. Lo que hemos hecho desde entonces es alguna investigación de UX sobre quién es más probable que sea esta persona. Lo bonito de este cliente en particular es que tienen mucha analítica de Google y tienen un canal de YouTube fuerte. Por lo que es fácil conseguir en el N. C datos duros reales sobre quién está usando el canal, quién está usando su producto y luego hablar con el cliente sobre quién podría ser esta persona potencial . De acuerdo, entonces y entonces lo que entre en esto dependerá realmente de tu proyecto. Entonces le hemos dado un nombre a este tipo. Peter. Esa es una mentira bursátil falsa, cada imagen. Pero siento que representa a la persona que le damos a los hombres envejecer su título de trabajo en un lugar que vive . De acuerdo, ¿ ahora qué pasa en él? Lo que realmente quieres hacer es poder comunicarte. ¿ Qué, después de leer esto? No, la persona. De acuerdo, Entonces, ¿necesitas anotar la pasta de dientes para usos o las unidades de transporte? Potencialmente, pero potencialmente no si se trata de un Prius, o de un Ferrari. Esa es una especie de indicación potencialmente qué tipo de persona es. De acuerdo, así que algunas de ver algunas personas que solo llegar a nosotros como mi nuevo debería detallar, Como que es lo que quieres ahí dentro solo para que puedas tener suficiente aquí como para que te vayas y te vayas. Entiendo de lo que hace viniendo en relación a mi producto. De acuerdo, entonces podría faltar a la enfermera. Probablemente no mucho más corto, pero tampoco lo haría demasiado tiempo. Entonces ten una lectura a través de esto. Sólo para que entiendas quién es Peter, qué estamos haciendo. Este proyecto, lo que han hecho por ustedes está en los expedientes de ejercicios. Ahí está, ah, carpeta call persona template. Y puedes usar esto si quieres. Ahí hay un archivo ilustrador. Puedes cambiar las imágenes y fuentes y esas cosas y usar eso si quieres, tienes permiso total para usarlo. Pero tienes una lectura a través y ver cómo Peter hace las cosas. Entonces ten una lectura a través y entiendan a Peter y sus posiciones de que cuando estamos construyendo una X t, podemos tomar algunas decisiones basadas en lo que Peter querría no lo que el cliente quiere y no lo que yo quiero personalmente. Está bien, así que esa es la breve M personas. Pasemos al siguiente video. 5. Encuadre de la calidad en Adobe XD: Muy bien, Así que vamos a empezar a enmarcar alambre y ex D ahora. ¿ Por qué enmarcar o baja fidelidad? Gay es el término usado con frecuencia. Alta fidelidad sólo significa la visión con las fuentes y los colores y las imágenes. De acuerdo, eso se parece exactamente al producto final. El encuadre de alambre o baja fidelidad solo tiene, um, tiene un fondo, un color, diseño básico real. Y para mí, el encuadre esposa es la parte probablemente más importante. Ese es el pedacito. Conmigo es un hielo de diseñador. De ahí viene mi valor. Mi conjetura está trabajando el flujo del usuario. De acuerdo, cómo llegan de A a B, cuánto tiempo tarda, cuántos pasos, qué fácil es. Ese tipo de encuadre ancho es eran. La mayor parte del valor proviene para mí como diseñador. A pesar de que me encanta lo de alta fidelidad, la esposa enmarcando que encuentro es bastante importante. Ahora, ¿prueba los marcos de alambre? Yo uso marcos de alambre para enviar al cliente dijo que pueden comprobarlo para asegurarse de que todo está en el lugar correcto, pero no uso hasta para pruebas reales para realmente en usuarios o las personas que puedo encontrar ? Soy lo suficientemente rápido para tener listas las versiones de alta fidelidad, protestar, y prefiero probar con aquellos con el correcto material de marketing, imágenes, fondos y todo ese tipo de cosas ahí dentro. Nos vemos. La otra cosa es, en cuanto a encuadre de alambre, las haré primero a mano. Al igual que usaré algo como esto en mi libro muy rápido. Esto no le va a nadie más que a mí. De acuerdo, entonces lo sostendré el micrófono y desaparece y realmente no puedes oírme. Um, ojalá puedas ver que tal vez incluso me puedas escuchar, pero sí, es simplemente esbozos realmente básicos estas páginas y páginas de éstas y yo solo paso y tipo de carne fuera las ideas Nosotros todo necesita estar yendo y luego empieza a construir un siguiente simplemente más rápido. De esta manera podrías preferir ir ir directamente a la computadora. Eso también está bien . Sí, así que vamos a empezar en X T. Ahora mira algunos de los Kits U Y. Por último X t tiempo. Sigue prometiéndolo, te lo prometo. Siguiente video 6. Trabajar con kits UI existentes en Adobe XD: Hola ahí en el sectorial. Vamos a empezar nuestra página aquí. Voy a conseguir una página. Vamos a conseguirlo dedo del pie, tener una navegación. Vamos a sacarlo de algunas de las plantillas que se construyen a partir de 60. Sí, Y haz que se vea así. Está bien, entrémonos en ello y empecemos y X'd. Está bien, así que finalmente conseguimos que X'd se abra Ahora, lo primero que vamos a hacer es que vamos a descargar una de las plantillas que X'd ha hecho de manera útil para nosotros. ¿ De qué se va a sacar partes de eso mientras trabajamos? Porque, sí, acaban de hacer algunos marcos de alambre pre hechos que podemos robar partes del dedo del pie ayudan a acelerar, cabo proceso. Puedes hacerlo descargando. Aquí. Es de él. You kits blancos es una opción. Se trata de marcos de alambre. O puedes subir a archivar tus kits y y dar click en ellos aquí. Y esto sólo se abrirá ser cazadas y varias de ellas gay en. Y puede dar click en descargar kits. Ahora, ya los he descargado para ti y los he puesto en los archivos de ejercicios. Por lo que si has descargado los archivos de ejercicios estarán ahí listos para salir. Es saltar de nuevo a 60. Escucha aquí. La próxima víspera, está abierto ese marco de alambre, consiguió un archivo ir a abrir y los archivos de ejercicio que hemos descargado. Ahí hay uno y te llamaron plantillas blancas. Entonces he descargado aquí estos marcos de alambre, y vamos a empezar con web ahora. ¿ Por qué estaban configurando con Web y no móviles? Esto está totalmente a la altura de tu proyecto. Gay al Breve es bastante específico. Los principales objetivos van a ser el uso de la Web a las mujeres para enfrentar. Pero si supieras que tu proyecto se basaba principalmente para uso web móvil o quizás para una aplicación. De acuerdo, comenzarías con Mobile, Pero vamos a empezar con Web y simplemente abrirla, acuerdo? Lo primero es navegar y hacer zoom. la manera más fácil es mantener pulsado el comando en un Mac o el control en un PC y tocar la tecla más para acercar y la tecla menos para alejar agradable y fácil. Un par de otras técnicas de navegación está sosteniendo el espacio. Bar K me da la mano. Yo llego a tipo de moverme alrededor de K si hago zoom un poco sosteniendo el espacio por clic, sostén y arrastra bien con mi ratón. Y eso me permite moverme por los documentos. Ahora, otros dos pequeños útiles navegación corta se preocupan los gatos antes de empezar es mantener pulsado el comando en un Mac o el control en un PC y tocar la tecla una le dio ese viejo zoom al 100%. Y aquí es donde deberíamos estar haciendo la mayor parte de nuestro trabajo. De acuerdo, um, estar demasiado alejado y demasiado alejado en gay y tomar tipo de decisiones sobre la elección y el tamaño de la fuente . No es tan útil, porque yo uso es nuestro único que se va a sentar al 100%. Por lo que es genial estar a este tamaño un comando uno o controlar uno apagado. Estás en un PC. El último. Te lo prometo. K es mi favorito es si selecciono este elemento aquí y voy comando tres o control tres en una PC, se acerca el zoom, y solo algo que resalta que un área me parece súper útil. Lo haces todo el fueraborda también. Entonces, ¿quieres ver este fueraborda? Puedes hacer clic en el nombre a lo largo del comando superior tres, y lo centrará en tu vista. Muy bien, así que esa es la navegación básica. Lo que vamos a hacer es crear alrededor de documento ahora, así que vamos a ir al archivo. Nos vamos a ir a Nueva. Aquí hay algunos incumplimientos. De acuerdo, Tenías este pequeño desplegable para encontrar otras opciones. Realmente depende de lo que quieras hacer. mí me gusta empezar sitios web con esto. Eso es 9 20 a través por 18. 80 de alto. Puedes escribir un tamaño personalizado por aquí, o si obviamente trabajas con iPhones IPADS. Se pueden utilizar esos por defecto. De acuerdo, así que voy a usar a este tipo arriba, Ok, entonces vamos a salvar a éste, vamos a guardar archivos, y vamos a poner todos nuestros archivos para esta clase en un escritorio. Voy a hacer una carpeta nueva, y esta va a ser atrapada. Instructor. Es lindo. Y vamos a llamar a este instructor de archivos H Q. Lo llamaremos prototipo químico. Ese es mi V uno. De acuerdo, Entonces lo primero que tenemos que hacer es su nombre, nuestro fueraborda. Ver, basta con hacer doble clic en las palabras de aquí. Vamos a llamar a esta página principal. Ahora bien, si eres una persona como yo que nunca nombró a tus capas y foto shop o ilustrador. Tienes capa como 57 gay y no tienes nombre nombrando a tus tableros de arte aquí en X t se vuelven súper útiles cuando dejamos de prototipar esto más adelante. Entonces sí, me meto en el hábito. La otra cosa. Voy a hacer la cantidad de Zynga, K y yo hago mi manzana bastante larga ahora porque no tengo nada en mi página y nada seleccionado . Yo solo prepago al fueraborda. No hay fueraborda para bien que te vendría bien si quieres al funcionario. Pero debido a que no tengo nada más en mi página, solo puedo actualizar fácilmente el ascendente te das cuenta el aquí esta línea punteada dio esto es solo una bonita guía visual aquí para mostrarte cuál es el puerto de vista inicial o decir por encima del pliegue, Esto solo significa que todo lo de arriba aquí es lo que la gente va a ver primero en tu página web. Todo aquí abajo va a ser cosas por las que tienen que desplazarse. Entonces aquí es donde tiene que suceder la magia. Necesitas hacer. Estás vendiendo tu principal convencimiento de llamar a la acción todo por encima de esta línea punteada aquí, puedes ajustar este punto de vista inicial si crees que es demasiado alto o demasiado pequeño. De acuerdo, así que antes que nada, vamos a ir a robar algunas partes de ese estuche de plantilla. Vamos a saltar a ella. Se puede conseguir una ventana y problemas entre ellos aquí. Entonces eso es saltar entre éste y éste. De acuerdo , depende de ti. Utilizo comando basculando en nuestro mech hasta estos la tecla nos ondearía por encima de tu tecla de tabulación. Está bien. Y en un pc, creo que está controlado Tab Just tacos entre ellos. Entonces hago mucho saltando entre ese camino. De acuerdo, Entonces lo que quiero ahora es que quiero uno de estos elementos de navegación, así que iba a escoger el que más se asemeja a mi mano dibujada simulacro arriba, Y probablemente sea éste de aquí, así que le daré un clic una vez, ir a copiar. Entonces copia, y voy a saltar a mi diseño, ¿de acuerdo? Y voy a conseguir una pasta. Entonces, uh, lo que quiero hacer es que voy a usar mi error negro, y lo lindo de que voy a tratar de meterme en el centro, pero tú miras x profundo. Es inteligente. Tipo de sabe el centro que se puede ver que recoge, péguelo a la parte superior. Ahora, cuando estamos diseñando esto, elegí una talla. De acuerdo, si hago clic en el borde aquí, cocinamos en los nombres. la forma más fácil. Está bien. Me da mis documentos, sentadas, mis sentadas fuera de borda, y hemos recogido 1920 a través. De acuerdo, nunca quiero diseñar un sitio tan grande, sobre todo de mis marcos de alambre. De acuerdo, escogí esta talla porque me gusta usar la misma talla aquí, 1400 a través para hacer mi página web. Pero me gusta tener estas heridas extra aquí solo para que no esté tratando de diseñar dentro de una caja diminuta. Esto es aquí es sólo una especie de área de amortiguación para que pueda ver cómo se ve en potencialmente una pantalla más grande. Entonces lo que también me gusta hacer es extender mi nunca mucho porque va a ser al otro lado. Y entonces lo que voy a hacer, correcto es bueno. Desarreglado este clic derecho nuevo sellar un atajos aquí. Pasaremos por más Marshall consigue a medida que avanzamos. Pero en grupo ese atajo es el mismo que muchos otros productos de adobe. De acuerdo, así que tengo esto voy a copiarlo y pegarlo. ¿ Por qué? Porque quiero usar esto. Tan solo un zar va a alejar que estoy usando. Esta es una especie de guía aquí para mostrarme dónde debería estar diseñando por dentro. Está bien. Y lo que voy a hacer con él, voy a agarrar el relleno y sólo voy a bajar la capacidad de esta completa derecha hacia abajo. Sólo para que sea sólo una pista za en el fondo ahí, acuerdo? Para enviarme con mis límites fuera. Lo que también voy a hacer con él no lo va a bloquear, así que no puedo moverlo. ¿ De acuerdo? Con ella seleccionada, puedes o bien Clic derecho y Luckett. ¿ De acuerdo? Hay un par de formas de conseguir el bloqueo del dedo del pie. Está bien, ahí está. Ahí. Utilizo el comando de atajos l en un Mac o control Eleanor PC. Y solo obtienes este icono de bloqueo que obtienes desbloqueando fácilmente haciendo clic en él. De acuerdo, entonces eso me está dando mi ancho y solo significa que no puedo moverlo ahora. Está bien , conéctalo, Pero no puedo moverlo. Una de las cosas que quiero hacer es que en realidad está por encima de todo aquí en mis capas. OK, entonces cuando intento dar click en mi navegación, Está en el camino. Entonces voy a hacer clic, sostenerlo y arrastrarlo Así que está al fondo. Ahí puedes ver en tu panel de capas. Está bloqueado si no puedes ver capas se apoderaron de este pequeño ícono aquí. Entonces voy a cocinar en esto y voy a aguantar un pequeño atajo. Mantén pulsado el voluminoso en un PC o la tecla de opción en un Mac y arrastra un lado. Ya verás que se apaga en ambos sentidos. Realmente no importa cómo lo arrastres. Pero eso es una especie de lo que quiero empezar. De acuerdo, tengo una especie de guía aquí para saber dónde va el síndrome, una sidra Web y mi navegación todo el camino por la parte superior porque así es como planeo tenerlo en mi resultado final. Y sólo se ve un poco bonito Y mi esposa enmarcan Muy bien, Así que una última cosa antes de irnos es que por aquí en mi esposa marco que la plantilla te habrías dado cuenta y ya arreglado que podrías tener fuentes faltantes. De acuerdo, click en el botón y puedes hundir las fuentes usando kits de tipo agradable y fácil. No lo ignores, K. Y si no puedes arreglarlo, no te estreses. Y va a funcionar muy bien con este tutorial. Si no puedes encontrar las fuentes, no hay gran drama. Pero si puedes arreglarlos y cuando pasarás al siguiente video? 7. Trabajar con un tipo en tus fotogramas de alambre XD: Hola ahí. En este video, vamos a ver un tipo de día siguiente, vamos a actualizar algunos de los Neve aquí. Vamos a hablar de qué fuentes podemos usar y no podemos usar. Lo hará. Por lo que mi forro y distribución y vamos a actualizar el logo aquí en la parte superior izquierda Emocionante. No realmente gay, sino algunas cosas esenciales. Entonces es entrar n hazlo. De acuerdo, así que trabajar con el tipo siguiente es bastante fácil. Cubriremos tipo más específico de fondos web y cosas más adelante cuando nos metamos en nuestro tipo de versión final de alta fidelidad. Pero lo básico por el momento es que quiero reemplazar el logotipo 60 sin negocio. De acuerdo, así que voy a rebanarlo y eliminar chatarra de mi tipo, también. Ahora, podría estar inclinado ahora a empezar a usar el logotipo de marca para la empresa. No es práctico y marcos de alambre. Tienes que mantenerlo realmente simple. ¿ Por qué marcos y luego dejar que tu creatividad corra libre en el tipo de versiones de alta fidelidad o en las versiones finales? Yo no, yo mismo en que me levanto bastante demasiado, como poner un logo en, y tú crees que solo usaré el color de la marca para la navegación. Entonces empiezas a recoger fondos. Y luego antes de que te des cuenta, estás diseñando completamente un marco de alambre, y debería ser un proceso rápido, fácil. Entonces solo voy a poner en Instructor H Q. Dijo el nombre de la empresa y no me voy a preocupar por nada excepto ese color ko aquí, Phil, sólo que se podría ver. Entonces los fundamentos están por aquí. Tienes tamaño de fuente. Tienes tu fondo, obviamente, obviamente, y los diferentes tamaños o los pesos. Andi, solo tienes algún tipo básico. Casey, tienes los espacios entre letras. Caso. Podría abrirla. A lo mejor 200. Está bien. Y consigo un poco más de espaciado entre los personajes. No quiero estar haciendo esto en este proceso, y este es el líder el espacio entre las líneas. Ahora uno de los trucos prácticos cuando estás trabajando con fuentes es esta cosa. No es como un desplegable. En realidad lo escribes. Por lo que a veces es más fácil. Tan solo un clic. Aguanta fin a este punto aquí, agarra su error negro, así que hay pequeño punto blanco Hace un par de cosas. Si lo arrastro hacia abajo, hace el teléfono se desliza hacia arriba y hacia abajo, lo cual es genial. Y también te das cuenta si justo debajo de él un poco, pero puedes empezar a rotarlo. De acuerdo, Así que mi consejo Esos no rotaron ningún texto en un sitio web o diseño de APP. Es simplemente bastante difícil, técnicamente conseguir que el tipo rote. Parece algo fácil de hacer. Pero si alguna vez has dudado con los sitios web antes, en realidad, tipo de calificación es imposible. Entonces tenemos que convertirlo en una imagen. Y es un gran drama, así que tratar de hacer eso. Entonces lo otro es, cuando estás recogiendo tallas, vale, quieres estar al 100% puedes ver que soy 75%. Entonces estoy de pie, toma algunas decisiones sobre la ira. Eso es lo suficientemente grande. Pero cuando no estás al 100% gay, podrías tomar algunas malas decisiones. Entonces si entro, recuerda comando uno en Amec control uno en un pc. De acuerdo, Entonces puedes tener una sensación de bien, Estos son los tamaños reales que usan que van a ver. Entonces siento que son bastante pequeñas, y esto es bastante grande, así que voy a encogerlo un poco. ¿ Qué es? Ese 20. Por lo que o bien puedo arrastrar aquí, obviamente. Escríbenlo por ahí. Me voy a apegar a nuestro realmente tipo de tamaño de fuente consistente. De acuerdo, 16 es un básico realmente estándar excepto el frente más grande que quieres estar usando. Entonces voy a dar clic en estos tipos también. En realidad, voy a estar ajustando algunos de estos, así que no quiero tengo tres de ellos que quiero. Está bien. Voy a rebanar los tres. En realidad, no, sólo hacemos uno y luego duplicado. Entonces va a usar mi negro, nuestro solo dejarlos, y voy a dar click en este 1er 1 sonidos van a ser ejemplo. ¿ De acuerdo? Y haré el tamaño de la fuente hasta 16 para que coincida con la otra cosa. Y quiero un par de ellos ahora. Tan pequeño truco es que puedes rebanarlo e ir a editarlo, copiarlo y pegar gay o controlar D en un PC o mandar a Deana Meca. Eso te da dos de ellos. Yo encuentro la manera más fácil, sin embargo, es con tu flecha negra. Con su seleccionado mantén presionada la tecla de opción en tu cuello de la vieja llave del PC y arrástrala a través. Notarás que así como la arrastras manteniendo presionada esa clave, obtienes un inicio de sesión de precios duplicado. Miembro de sacar estos de mi tipo de características. Estas son las principales cosas que necesitan entrar. OK, Y en este caso, el último es apuntarse. De acuerdo, Entonces lo que quiero hacer es probablemente quiero a este tipo hasta el borde aquí, tal vez solo dentro un poco. Y voy a sostener turno y seleccionarlos a todos tan bien. Mi negro está sosteniendo turno, sólo haciendo clic en ellos cada uno. ¿ De acuerdo? Y en realidad, podría arrastrar este un poco más allá. Puedes arrastrarlos y observas. ¿ Se pueden ver los espacios entre ellos? Empezar a forrar. Veo ese punto rosa ahí para que pudieras hacer eso, entonces todos son iguales. De acuerdo , depende de ti. O si los seleccionas todos sosteniendo turno y usa opción aquí arriba que dice, Ver esta cuarta opción y él tiene su distribuir horizontalmente justo como spritz todos hacia fuera. Ahora lo otro que tienes que estar haciendo es como yo peleando contigo mismo para no pasar y escoger una fuente más agradable. Sólo una más bonita. Gay y tal vez usando uppers y lowers y solo quieren mantener eso fuera de los momentos. ¿ Quieres ser este marco de alambre realmente torpe, funcional? No hay estilo como paso y los alineo bien, E. Vale, así que sólo hay tanto que puedes ignorar. Muy bien, así que vamos a ser nosotros en el próximo video. 8. Cómo crear botones de verificación de formularios en Adobe XD: Hey allá, en este video, vamos a hacer algunas cajas de entrada y algunas cajas de pollitos y un botón encendido. También veremos crear el estilo de personaje Alphas. Entonces vamos a empezar a crear ahora. De acuerdo, Entonces lo primero que quiero hacer es agarrar la herramienta de rectángulo y sólo dividir un poco de espacio. Va a estar mi caja de embarque, ¿de acuerdo? Está por encima del redil. Es mi más importante. Es pedirle a la gente que se convierta en un miembro, al menos probar su curso. De acuerdo, Entonces lo que me gustaría hacer es que estoy infeliz con el blanco llene la frontera aquí. Voy a cambiar un poquito para estar oscuro. Ya sabes, dije que no gastes demasiado recogiendo fuentes y colores. No puedo evitarme a veces, pero acabo de escoger un gris ligeramente más oscuro, y voy a reutilizar este gris a lo largo del curso. Entonces, ¿ven este pequeño botón más aquí por delante? Además y significa que es de fácil acceso. Nunca lo mismo para aquí abajo. Voy a dar click en la navegación. Está bien. Voy a dar click en el azul, y voy a añadir eso también. Por lo que es agradable y fácil de reutilizar. Lo que también va a hacer es ver este pequeño punto aquí. Podría ser arrastrado por tus colores. Lo voy a arrastrar a la parte superior izquierda. Por lo que es completamente blanco. No te preocupes por esta navegación el momento. Entonces tengo un color blanco al menos ahí. Y un negro lleno. Solo estoy bebiendo todo el camino hasta el fondo. Haciendo click izquierdo y arrastrando más allá de esa esquina. Entonces tengo al menos algunos colores básicos con los que empezar a trabajar, así que voy a retrasarlo. Mi navegación Volver al azul. Ahora bien, ¿por qué estoy usando Blue? Simplemente pasó a ser el que estaba en la plantilla. Y soy reacio a ir a escoger el color de la marca para usar tal vez el verde del color que podría empezar a usar. No, te vendría bien en blanco y negro. Eso está bien. De acuerdo, así que esta va a ser mi caja de embarque. Lo que voy a hacer es sólo mirarme con ese mando. L o control Elena pc, En realidad, un poco de tipo en la parte superior aquí Primero va a ser donde va mi mensaje de on boarding. Um, está bien. Va a ser una especie de Ah, voy a hacer de esto sólo un gran frente. De acuerdo, así que en el mensaje de embarque va aquí, trato de no agregar ningún tipo de como, diálogo real o tipo real de material de marketing aquí otra vez solo para mantenerlo simple, dada idea para qué significan los títulos para ser utilizados. Entonces ahora, todo en un campo de texto o un cuadro de entrada que voy a ir y obtener de mi plantilla. De acuerdo, así que aquí mi marco de alambre. Estaba mirando alrededor, y he encontrado en esto una sección de formulario, y entonces supongo que es sólo escoger tipo del estilo que más te guste. De acuerdo, así que voy a agarrar este de aquí, ¿de acuerdo? Y voy a copiarlo, saltarlo de nuevo a mi opción aquí, ¿de acuerdo? Y me parece en vez de entrar, Vale, voy a poner en nombre tu curso, tipo de solo repasar lo que decía, sin mensajes de marketing o no, como tipo real. No podía pensar en una mejor manera de describirlo sin realmente escribir el texto en este caso. De acuerdo, Entonces en términos del texto, voy a mantener todo grano. Simplemente mantener fuera consistencia aburrida a través del acelerador. Y voy a añadir un pequeño signo más aquí con sólo hacer clic en el bateo de uno. Además, seleccionar en podría hacerlo un poco más grueso para que pudiera verse audaz. De acuerdo, talla sabia. Probablemente necesita estar arriba que incluso. Muy bien, Flecha Negra posición en movimiento. Lo siguiente que quiero es una casilla de verificación. ¿ De acuerdo? Te puede gustar arrastrar esta cosa por ahí. De verdad quiere chasquear a las cosas. Está bien. Normalmente. Realmente genial. Lo que puedes hacer es si encuentras que un poco duro es dejarlo ir y emite tu teclado. Estoy usando mis teclas de flecha en mi teclado solo para moverlo. Puedes ayudar a cambiar. Y ya ves, Eric, es un grandote asombroso. Y sin ella sólo se mueve en pequeños pedazos costas. Y ahora quiero una caja de pollitos. De acuerdo, entonces voy a saltar de nuevo a mi marco de alambre, ¿de acuerdo? Y hay uno justo aquí Eso servirá. OK, ¿en serio? Entonces le conseguí una copia. Lo hizo cruzando. Está bien. Va a estar en alguna parte. Están geniales. Y le voy a dar doble clic, y voy a decir que usted muestra de video. Voy a usar mi, uh oh, que estoy usando a lo largo de la próxima vez quiero poner e igual. De acuerdo, Cools y vamos a poner un botón aquí. Entonces voy a buscar un bonito botón de juego. Esperemos, está bien. Y es solo cuestión de mirar por ahí ir Hay un botón ahí para mí en grupo estos , Eso es lo que Cuando no lo vas a copiar, moverlo a través, pegarlo. Y por eso voy a usar bastón. Este va a estar diciendo éste es una vista previa Lo que podría hacer un seleccionado lo hacen perfumado. Ahora te das cuenta de que en realidad, no es conectar su grupo de la caja exterior, pero no está tipo de conectado, así que voy a agruparlo para que pueda arrastrarlo al medio aquí en términos del tamaño de fuente , He decidido ir por uno más grande de Dios aquí. 14. De acuerdo, así que tengo 16 y 14 así que en realidad podría hacer esto, pero más consistente. Entonces sabías que también ibas a tener 14 años. Siento que es un poco de tamaño divertido. Hay algo que no nos deshicimos de ellos. Ven ya. Una de las cosas que me pasa cuando estoy diseñando aquí es que se puede especie de Ver, eso me resulta difícil de ver. Ambos bordes. Está bien. Yo quiero quedarme al 100%. De acuerdo, entonces estoy diseñando al tamaño correcto, pero es difícil ver ambos lados. Vas a tener dedo del pie Enciende y apaga esto. Si estás trabajando en como esta pantalla, Aquí hay un Mac book pro gay. Y supongo que eso es de 15 pulgadas. Por lo que las pantallas no lo suficientemente grandes. Eres un montón de problemas de 13 años y que ojalá tal vez puedas estar trabajando en un monitor externo. Y eso es lo que hago normalmente cuando no estoy grabando. ¿ De acuerdo? Yo sólo tengo una mezcla. Monitor más grande para monitor K que conecto a trabajar desde y sí. Está bien. Al menos voy a hacer esto perfumado ahí dentro. Eso se ve bien. Pescado. Bueno, lo último que me olvidé de hacer es que ya puedes saltarte. No nos estamos poniendo más emocionantes. Voy a una pequeña opción. Y aquí eso es malo decir, elige tu expediente. Además, y voy a usar la misma fuente y cosas que ésta. Entonces lo que quiero hacer es que en realidad me voy a sumergir en un poco de estilos cuando puedo usar demasiado estilos en este nivel. De acuerdo, entonces con esta seleccionada bien, voy a agruparlo. Por lo que yo en conflicto sólo en este tipo. Voy a abrir lo que se llama mi panel de activos. Entonces aquí en activos Vale, puedo tener algo llamado estilo de carácter. Entonces es como estrellas de personajes de otros productos, como ilustrador o en diseño. Si hago clic en él, es justo como un tamaño pre hecho que llego a reutilizar realmente fácilmente. Por lo que hago clic en él y le doy clic. Ahora todos coinciden. Y si actualizo éste por derecho, pinchándolo y entrando y digo después, decido. En realidad, no. Creo que hay que usar 16. Se puede ver que todo va y se actualiza. Se puede ver que éste no fue parte de ese estilo. Pero xdd ismo que dibujó magia donde tipo de llega al documento, encuentra unos que son ejecutivos mismos y los actualiza también. Entonces es ser útil. Entonces, en realidad, voy a volver esto a 14. Sí. Algo que podría hacer para que parezca un enlace en el que se puede hacer clic se debe subyacente extrañamente no se puede hacer subrayados todavía. En 60. Es una especie de contemplado. De acuerdo, entonces vamos a cortar un poco de holgura. Bots tipo de uno de los importantes van a conseguir el dedo del pie de línea y falso. Y vino subrayado y para especie de indicar un poco de jerarquía entre ese ser el más importante. Y esto, siendo como ese tipo de bit de Nick, en realidad podría usar un tamaño 14 ligeramente diferente y justicia en lata. Pueden ir por debajo para que puedan usar el video de ejemplo o elegir alrededor del archivo. Ahora, cuando lleguemos a una especie de versión de alta fidelidad, podré demostrar que mucho más y más claro tipo de lucha con ellos. Al igual, realmente quiero pasar algún tiempo haciendo de este aspecto una opción de zona. Al igual que una segunda opción. Pero oye, ho, vamos a dejarlo ahí por el momento. Está bien, así que pasemos al siguiente video 9. Íconos gratuitos para tus proyectos de UX UX UX UI de Adobe XD: Hey allá en este video, vamos a ir a buscar iconos. Se puede ver el video. Aquí hay un ícono de la música ahí. Ahí hay una imagen uno. Vamos a ir a mostrarte los principales lugares para ir y reunir iconos consistentes en estos tres lugares principales. Y entonces vamos a diseñar esto realmente rápido. De acuerdo, solo un riesgo. El de la página y haremos un seguimiento en nuestro pie de página. Entonces vamos a hacer eso ahora. De acuerdo, entonces quiero algunos iconos, ¿verdad? Y estoy mirando mi tipo de marco de alambre aquí, y tengo una caja grande debajo que va a tener esta orden reproduciendo video. Este cómo hacer video. Y debajo de eso hay una gran infografía. Entonces necesito un par de iconos. Necesito un video. Necesito como, un botón de silencio. Y necesito una especie de ah, icono que muestre una imagen porque obviamente no quiero usar imágenes reales específicas y videos específicos. Un lado pequeño que en realidad puedes poner videos, videos reproducibles dentro de 60 por el momento. Está bien. Y así lo queremos. Mis contras Hay un par de lugares para conseguirlos. Uno de los lugares fáciles es suministrado por Adobe. Haz clic en tu logo de nube creativa. ¿ De acuerdo? Y está aquí arriba en un Mac y su fondo, ¿ verdad? Creo que en un pc. ¿ De acuerdo? Y quieres ir a los activos y luego comercializar. Después haga clic en este pequeño ícono de búsqueda y luego escriba el ícono. Estás buscando em en lugar de hacer el video fair tipo de imagen porque no pude encontrar un buen video aquí. De acuerdo, Pero podrías encontrar una buena versión de imagen. De acuerdo, entonces eso es razonable, consistente. Al igual que lo que tenía esperado como marcador de posición para una imagen, puedes hacer click en ellas. Comprueba que este es un victor gráfico vectorial escalable gráficos SPG. Si no estás acostumbrado a s P. G, son increíbles. Y un nuevo que son como ateos es de los tiempos antiguos, son intercambiables. Pero la víctima, que es precioso click descargar y donde mi otra vez descargarlo a. Voy a hacer nueva biblioteca para este proyecto. Voy a llamar a este instructor. Instruir. Uh h Q. De acuerdo. El nombre de la empresa ojalá se descargue en su bien, Se puede ver que se está hundiendo aquí se llevará un poco enfermizo en si salto de nuevo a X d. Ahora, si voy a archivar sobre mis bibliotecas CC. Ahí es donde lo he guardado. Se puede ver tener un elemento no soportado. OK, entonces eso es un pequeño problema. Supongo que 60 es gay nuevo y no apoya aún es de Fiji. De acuerdo, si descargaste un cerdo J o PNG, funcionará. Pero no. S P G's por el momento. Hay un tipo de trabajo fácil, y estoy seguro de que trabajando duro para actualizar eso en su cierre que hacia abajo, me parece fácil sólo entrar en algo como Illustrator. De acuerdo, abre tus bibliotecas CC desde aquí. Encuentra la biblioteca en la que estamos trabajando. Instructor H Q. Hay un doble. Haga clic en él, luego selecciónelo copia y acabo de ir editar copia y un ex profundo. Un paso, sin gran drama. Algo que quiero hacer es uno cambiar el color y se puede ver porque está agrupado A no se ven los colores para que lo puedas desarreglarlo. De acuerdo, acabo de usar un comando de atajo shift G en Amec y su control shift G en una PC o aquí arriba bajo un grupo, Así que tengo un seleccionado voy a escoger colores, dice uno de los iconos son quieren voy a encogerlo abajo ahora. Si mantienes el turno mientras arrastras alguna de las esquinas, lo hará proporcionalmente ahora, sin cambio sostenido, puedes ver que es un poco Squidgy. Vale, Otra cosa bonita si estás sosteniendo turno, mantén presionada Ault también en una PC u opción en un máximo de turno una opción juntos mientras estás bebiendo un rincón y va desde el centro, se está volviendo mente más tamaño proporcional. Ahí hay uno. Los iconos son quieren cualquier tumba o trato a otros lugares. Por lo que una de las más útiles está en un sitio web aquí. Es caso del dedo del pie material Io. Esto es dirigido por Google y si vas a barra de iconos Vale, hay un montón de iconos geniales aquí, y lo bueno de ellos es que están muy bien considerados y utilizados mucho a través, digamos, el navegador chrome como estamos viendo ahora, así como a través de un con los teléfonos Android. Casey, usa el ícono de búsqueda aquí y voy a poner en video y puedes ver que no es el que quiero . Ese es el tipo de cosas que creo que funcionarán para esto o decir parte de aquello. Depende de ti lo que sientas podría funcionar. Voy a dar click en este. Y lo que puedes hacer es escoger qué tipo de color quieres descargar. Que y el tamaño. De acuerdo, realmente no importa el tamaño porque va a ser un miembro de formato SPG. Esa cosa de Victor. Eso es impresionante. Está bien. Y haces click en eso y te descargará un SPD. Si quieres un pin J lo puedes conseguir desde aquí. Ya los he descargado para nosotros, K. Y están en tus archivos de ejercicios. Entonces lo que puedes hacer es volver a 60 puedes conseguir un archivo y puedes ir a importar bien. Y en su teléfono, haces los archivos de ejercicio, encuentras iconos, y hay unos cuantos aquí dentro que vamos a usar. Voy a usar este es suyo. Veo Whip Cam Cayenne y Click Import y consiguió otra vez una webcam. Podría tener que correr grupo Llegó apenas baja como un pequeño grupo agradable Gay con su seleccionado. Ahora voy a recoger ese azul. Probablemente voy a conseguirlo del tamaño. Y ahora voy a ir a buscar el último en mi último lugar, K, K, que es mi ícono mudo. Vayamos a revisar de dónde podemos sacar eso. De acuerdo, Entonces este es el último lugar. Hay millones de lugares para encontrar iconos que conozco sobre el buscador de iconos dot com es un lugar realmente bonito . Oye, aquí adentro, si quiero una búsqueda de un botón de silencio, ¿de acuerdo? Y se puede ver que hay opciones y pagadas, Pero también se puede decir, Victor, quiero gratis, y quiero que no haya enlace de vuelta para uso comercial. K, a menudo voy a esas y encontrarás muchas opciones aquí. Nada sobre el sitio es que a menudo se puede encontrar un grupo agradable, consistente que decir. Tú decides que te gusta este estilo. Pero si hago clic en él, notarás que forma parte de un grupo más grande el cual puede ser súper útil. OK, pero en ese mi caso, quiero algo bastante sencillo. Entonces voy a usar a quién este. Sí. Ponte con la opción SPG y la voy a descargar. OK? Ya he descargado uno, ¿de acuerdo? Y podemos entrar, agarrarlo ahora, pero esos son como tres lugares que puedes conseguirlo del mercado de adobe. Puedes conseguirlo de material dot io slash iconos o puedes conseguirlo de Icon Finder. Entiendo que tienes que usar los tres de esos lugares para encontrar todo lo que necesito. Todavía no hay un lugar que tenga todo lo que quiero. Vamos a traer. El último va a conseguir un archivo. Voy a conseguir importación. Aquí hay una opción llamada Volumen off. Veo volumen apagado. De acuerdo, en realidad, un poco diferente a cuando miré antes en grupo lo. Haga clic en esta cosa icono azul ineficaz ahora va a empezar a usar estos en mi gran apretón aquí. Entonces hagámoslo. Las cantidades Y te quiero, amigo mío de Desbloqueado K y quiero esta parte también. Por lo que he aguantado turno. Haga clic en ambos. Ahora si sostengo todo mientras los arrastraba, tenemos aquí a estos dos tipos grandes, así que hay 12 Y luego hay otro aquí abajo. Mi marca ahí arriba. Genial. Ah, este top one k es el video uno y éste. Él es las groupies de imagen para conseguir que lo hagan muy bien, Dan. Está bien. Y lo que podrías hacer ahora es en realidad simplemente avanzar rápidamente hasta el final de ir al siguiente video. Porque ahora solo voy a pasar, en realidad armar estas cosas, así que no súper excitante. K, depende de ti. Va a ser a mí como Porto jugando al orden tocando cómo llegó el video Pero eso en el medio aquí y va a ser así, pero va a estar silenciado para empezar. Por eso quería este ícono. En realidad lo voy a llenar de blancos y agarrarlo de nuevo. Sostenga el turno. Aquí está mi Eric. Él va a moverlo a través. Esa es una especie de mi solución para tratar de demostrar que pongamos una taza pequeña y apagada. Muy bien, así que ese es ese tipo. Pero yo estoy en el medio. Yo lo estoy haciendo enviado genial. Y ahora este de aquí es algo parecido, pero todavía se alinean, y esta va a ser mi infografía para el ecosistema ahora, porque no se va realmente a salir a usar una prueba. No tenemos que ser explícitos con lo que es todo. Me encantan los marcos de alambre, bajando las ideas, pero no todo el test de usuario que se debe hacer con, como, una versión completa, de alta resolución. OK, así sería la gente que discute conmigo sobre eso, sin embargo. Y está bien. Por lo que usted en el mensaje de embarque. Entonces este, él es como, dos lista pequeña. Entonces lo que voy a hacer es un poco seccionado para mostrar dos piezas. El tobogán aquí, va a ser lista paso a paso para comercializarte tú mismo. De acuerdo, éste de aquí va a ser el mismo. Pero esta está comercializando tu línea de curso para separarlos en el medio. Se puede ir allí. Necesitas estar en realidad en el medio. Handel solía tener estas imágenes sosteniendo todo mientras estoy arrastrando opción en el Mac. Este de aquí va a ser para mi tablero. De acuerdo, entonces va a haber ejemplo fuera de tren un deporte de la muerte. ¿ De acuerdo? Y este es un poco especial, como en, realmente quiero saltar a mi esposa marco. Perdón. Mi esposa enmarcan y hallan ahí hay llamado a las acciones. Había un poco aquí con gráficos y esas cosas. Es aquí abajo presionando en selección de mesa. Entonces yo un poco la mitad para empezar a agarrar algunas de estas cartas de poder y esas cosas. Pero sigo sintiendo que probablemente haya demasiados detalles en estos para lo que necesito en este momento, así que sólo voy a mantenerlo un poco simple. OK, voy a apartarle esto a mi juventud. Mi ejemplo de ganancias panel de usuario Va a ser la imagen. Está bien. Y por aquí va a ser mi descarga de la APP. De acuerdo, Entonces, Ugo Slick, Maura y descarga. Acabamos de poner una app para iPhone. Ahí lo solicita el cliente, así que vamos a asegurarnos de que eso se incluya. Lo último aquí abajo iba a ser una lista de características. Entonces solo estoy trabajando este y también, Este de aquí. Y esta va a ser mi lista de funciones. Ahora, en este caso, necesitaba pero una toma de cuerpo. Por lo que voy a agarrar un poco de Lauren Epsom. No había nada integrado en X'd todavía, Así que podrías usar el diseño o hacer lo que hacen montones de personas e ir a lipson dot com. ¿ Puedes deletrearlo? Escucha dot com Lo bonito de este sitio, es feo. Pero podrías decir cuántas palabras quieres. Yo quiero en realidad, sólo una pieza de párrafo. El genera en el párrafo muy grande. Gay. Algunos iban a agarrar esto primero. Esos síntomas de ello voy a usar. Eso es solo texto de marcador de posición es muy común usar mezclado dejar que hacerlo te puede ver. Voy a usar mi aérea. Voy a asegurarme de que estoy en mi 100%. ¿ De acuerdo? Y en realidad, esto de aquí 14 es demasiado pequeño. Por lo que no hay puntos de bala en extendido el momento. Por lo que puedes copiar y pegar uno de otro programa o mantener pulsada la opción ocho. Así que mantenga presionada la opción en un Mac o en un PC, y simplemente haga clic en el ocho. El número que una clave te da ese tipo de defecto. Usa esto una y otra vez. En realidad, lo que podría hacer es copiarlo. Sólo pon, uh, uh, un montón de ellos y luego lo espacian con un espaciado de líneas por aquí. Entonces, ¿cuánto? Asegúrate de volver a mandar uno en la línea en. El espaciado va a ser también, pues eso va a ser todo por los momentos. Entonces solo marcador de posición para esto en este momento. Por lo que dos columnas pueden estar bien. Genial. Entonces eso es la mayor parte. Una de las últimas cosas que quiero hacer es agarrar un pie marcador de posición desde aquí. ¿ De acuerdo? En la parte superior, fueron los elementos, y voy a agarrar cuál y no súper preocupado en este momento agarré a este tipo aquí, solo copiarlo viniendo a través, pegarlo y encajarlo en grupo. Es aguanta como lo hicimos para el tipo top u opción en el Mac Kay. Y lo que podría hacer es meter esto. Ahora voy a agarrar mi dedo fuera de borda. En realidad, nunca uso esa foto. En realidad, simplemente no te pongas el filo aquí. Y tú, eres capaz de cambiarlo de tamaño. Genial. Voy a tener que ir a cambiar esto, porque si dejas esto un 60 unas cuantas cosas más, ah, cliente acaba de volver y dice: Oye, Oye, esa no es nuestra dirección. Y te metes en problemas de esa manera. Él. Entonces sólo voy a poner un ah, poner en camino de muestra. Alguna alberca en la multa de California. Nuestro número va a estar Ahí está, y va a haber muestra y recordatorios de poner en instructor, guardo. Está bien. ¿ Algo más? Deseo cambiar rápidamente la dirección de correo electrónico. Eso está bien. Suscríbete a nuestro boletín de noticias. Parece que algo va a hacer. Sólo un marco de alambre en esto va a coincidir con esto en la parte superior de ahí. Entonces tenemos ejemplo, y tenemos precios Regístrate. Creo que también hay un Logan. Perspectiva en matar como ahí. ¿ Qué copia? Derechos directos al H. Q. Es 2018 menos bien, eso se está acercando a nuestra página principal. Entonces nos tomamos un poco para que este tipo de trozo se pusiera en marcha. Pero verás cómo, después de un rato, eres elementos tendidos alrededor que puedes reutilizar una vez que tengas tu propio tipo de estilo para un marco de alambre de lo que quiero decir con estilo. Como pueden ver que este de aquí es me parece altamente diseñado y luce bonita, y es bueno, pero me parece que ha sido demasiado tiempo tratando de que se vea realmente bonito. ¿ Dónde está esto? Podrías ver su feo, pero es funcional, está bien, y no va a usar las pruebas. Se le va al cliente sólo para una especie de explicación O que si una parte para asegurarnos no falte nada antes de que vayamos y pasemos como horas haciendo el diseño, ¿de acuerdo? Y pasar tiempo de las fuentes y las imágenes. Está bien, así que eso va a ser todo para este tutorial. Saltemos al siguiente es uno bajo, ¿eh? Está bien, vámonos. 10. ProtoTyping para añadir interactividad a Adobe XD: Hola ahí. Bienvenido a este tutorial donde vamos a dejar de crear prototipos y terminar un poco de indirección. Se pueden ver estos cables colgando por aquí. Lo que pasa es que cuando tuve jugada, puedo golpear la vista previa y luego cerrarla y volver. Eso va a agregar un poco de dirección de limón para que podamos dejar de movernos. Estos no son tableros y empiezan a hacer algunas pruebas mientras estamos trabajando. Muy bien, empecemos. OK, para empezar a crear prototipos y conectar nuestro marco de alambre para que tengamos alguna dirección. Necesitamos tener más de una página. Tenemos una página de inicio de cancha fuera de borda. Son un par de formas de hacer una nueva. Puedes hacer click en esto y vamos a engañar a eso. Hemos estado usando hasta ahora en este curso. Mantenemos presionada la tecla de opción en Emiko Ochiai en un PC y luego hacemos clic en la palabra página principal. ¿ Puedes conseguir que nos arrastren a través de mí una nueva en? Pero no quiero todos estos elementos, así que eso no es lo que voy a hacer. Vas a ir a deshacer puedes ir a tu panel de capas y solo tienes que hacer clic en este tipo ¿verdad? Haga clic en él y diga duplicado, y tendrá dos de ellos. De acuerdo, quiero una nueva página para hacer eso. Puedes agarrar la herramienta fuera de borda, ¿de acuerdo? Y solo tienes que hacer click una vez por aquí, y podrías ir y redimensionarlo si quieres. De acuerdo, si necesitas un documento distinto tipo off, Vale, puedes ver aquí abajo, ahí están los de manzana que Google Microsoft web para que puedas hacer click en cualquiera que digan que necesito un cuchillo. Yo telefono. De acuerdo, eso va a adam toe. Eso es fácil leer páginas antes de conectarlas. Tan solo necesitamos agregar algo a esta página este teniendo conectarnos a. Entonces vamos a renombrar el fueraborda. Y este va a ser nuestro caso de página de opción de vista previa. Cuando la gente haga clic en este pequeño ícono aquí, ¿ puedes acercar? Al hacer clic en esto, llegan a decidir en qué tipo de vista previa dónde ven el lado estudiantil o el lado docente . En primer lugar, voy a pedir prestado algunos pedacitos. Te voy a agarrar. No, te agarra también. Y eso es cualquier otra cosa que yo quiera. Ah, pero una revisión de texto. Copia. Después haga clic en esta página, péguelo. Vienen por la derecha. De acuerdo, así que eso es una especie de los pedacitos que quiero. Voy a redimensionar esto para que sea algo así en el medio ish. Voy a usar a estos dos sujetando turno para agarrarlos a ambos, acuerdo? Y mirando mi tipo de armazón de alambre, Mi mano dibujó uno. Tengo dos de estos. Yo quiero que éste diga, Muéstrame. En realidad quería que ambos dijeran Mostrarme frente Y es este texto aquí. Usaré ese tipo de 16 puntos para el texto un poco más grande, ¿de acuerdo? Y aquí quiero decir lo que ven tus alumnos y el tipo va allá,Está bien, Está bien, alinéelos para que cuando lo duplique y me suba aquí y diga reloj, ya ves como instructor me va a interesar ver, me gusta, solo estoy usando este lenguaje para empezar, acuerdo? Y vas a ser tú Esa prueba que me permite un poco de trabajo con realmente hace pecados. Siento que podría saber. Estoy bastante seguro de que las degustaciones de usuarios volverán y se irán. Nos confundimos aquí, pero que sí para empezar. La otra cosa que quiero es al otro lado. Podría usar la X en mi teclado, pero que Alemania no se ve tan bien. Entonces voy a pasar y aquí y encontrar al otro lado. Ahí hay uno. Es práctico pequeño documento, este tipo, ¿no? Entonces haga clic en él en Grupo en. Yo te quiero por favor. Y lo voy a pegar aquí. Va a ir por aquí, hacer en ST Louis. Muy bien, entonces ahora vamos a armar esta cosa es un prototipo. Tengo dos páginas y quiero ser un poco de prototiparlo y conectarlo. ¿ Por qué lo hacemos ahora? No estamos como terminados nuestro marco de alambre. Encuentro que esa es una forma realmente que lo haríamos. Me gusta lo que necesito hacer mientras estoy desarrollando. Esto es que necesito diseñarlo N b probándolo tanto en web como en teléfono ya que estoy trabajando en lugar de esperar hasta el final. De acuerdo, entonces es una especie de Ah, trabajas entre diseñar y crear prototipos bastante. Por lo que estamos en modo diseño y puedes ver cuáles son nuestras opciones de diseño si tienes un prototipo. Esta es la distancia. Nosotros tipo de agregamos interactividad. Lo que me gustaría hacer es, primer lugar, esa es mi página principal. Entonces dejo en claro eso es una especie de base hogareña. Será lo que sean las estadísticas anteriores en K, algunas en prototipo, y notarás que muchas de las opciones cambian. Les faltaba un pequeño panel de propiedades aquí, pero lo que podemos hacer es lo que quiero hacer es cuando se hace clic en este botón de vista previa, no en el texto. De acuerdo, este texto es por sí mismo o la caja. De hecho los voy a lijar a ambos que ese savaiko golf de fondo y luego clic en turno. Mira, ambos Aiken los agrupan. ¿ De acuerdo? Entonces estoy usando el atajo. Pero el largo camino está ahí bien? Y con los dos seleccionados, hay esta pequeña opción que sale. Es así como conectamos puertos. Voy a alejarme un poco y voy a hacer clic, mantenerlo y arrastrarlo. Significa que cuando esos botones cobran, va a ir a esta página aquí. Ahora obtienes algunas opciones vinieron por defecto se va a disolver. El caso va a ser como un desvanecido que cruza. Y hay un poco de facilidad que puede simplemente hacer que se vea bien. Un bastón en tubos del movimiento. Y dije cuánto tiempo toma algo guay al respecto es quien hizo estos anexo D. Todos son bastante dulces para empezar, y realmente no necesito cambiarlos. Entonces vamos a probar esto y a averiguar qué hora haces a continuación. Entonces para probarlo, usamos esta pequeña jugada, pero no los hits de su vista previa de escritorio porque estamos previsualizando una página Web. Lo mejor de vista previa, realidad, en tu portátil. Si estuvieras diseñando una aplicación, irías directamente a Mobile para estar probando. ¿ De acuerdo? Y hablaremos de las pruebas móviles un poco más tarde cuando empecemos a construir la versión de la app de esto. Pero vamos a jugar ahora, y esto es como una pequeña ventana que se abre, y nos permite hacer nuestras pruebas. Está bien, así que ahora vamos a probar va a venir adelanto y ves que hizo ese poco cruzado, lo de su vieja fe. Puede que no te guste eso. Puedes cambiarlo y apagarlo. Está bien. Y ahora aquí y ahora, no puedo hacer clic en nada en caso de una especie de atascado. Entonces voy a cerrar la vista previa aquí. Necesito hacerte alguna otra. Pero para que eso funcione, y se puede ver que está conectado. Andi, Otra forma de llegar al es lo de aquí, es su ejemplo. Voy a usar eso como mi botón para cruzar pero uno de los problemas ¿Es ese Texas? Bastante pequeño. Entonces sería realmente común aquí en X'd? Dos. Si tienes un botón aquí, voy a hacer un pequeño botón falso. Entonces voy a volver al diseño. Iba a hacer un área grande para este caso de golpe de dedo del pie. Voy a apagar la frontera, darle el mismo color azul, para que se vea igual que el fondo. ¿ De acuerdo? Y lo que quiero hacer es asegurarme de que este enfermo el texto voy a ir a traer el frente, pueda agarrar mi tango Rick, Y es un poco difícil de ver, supongo. Pero he turno electo a ambos, y voy a agruparlos, OK, Eso significa que sólo el área clicable es mawr en lugar de justicia. Poco texto, que puede ser difícil de hacer click. De acuerdo, voy a hacerlo bonito y grande, sobre todo. Bajamos a versiones móviles de parte de tiempos de vuelta al prototipo. Aleja un poco. Yo quiero que este tipo vaya al mismo que realmente importa donde le hagas click. Saltará al punto correcto y ¿queremos disolver? Fueron solo prueba y te muestran como algunos de los otros irán a deslizarse a la derecha. Puedes decidir qué quieres usar. Está bien. Lo que también quería hacer es este pequeño botón cruzado que quería ganar. Se hizo clic para volver a esta página aquí. Entonces por qué tenemos que hacer el mismo truco. Por lo que volver al diseño, agarra este dedo del pie, dibuja algo que sea más fácil de golpear. Apague la frontera. De acuerdo, me voy a mover. Es más fácil mover esto al frente que el otro a la salida trasera. Ponte detrás de esta caja. Así que tráelo al frente, encuentra mis parques en el poquito. Oí que estoy usando mis comedores eric para darle la vuelta, enfermándome en ambos manteniendo turno para hacer clic en ambos los agrupan. Y ahora tengo un prototipo. Y lo que podrías encontrar es que arrastrando cayendo es costa que consumes y luego g o y lo arrastras aquí, y eso funciona bien. OK, pero a veces es más fácil, en realidad, o quiero deshacer eso. Al igual que Under no está funcionando. Vale, normal típico bajo Cuando estás en modo prototipo, lo que puedes hacer Así que quieres romper eso. Basta con hacer click en, arrástrelo a tierra de nadie, y eso va a como desconectarlo. Entonces encuentro a menudo cuando estoy en esta cerca no quiero tener que alejarme para tratar de encontrar el uso fuera de borda. Haga clic en esto y diga, En realidad quería ir a, uh en este caso, anterior página de inicio de guerra de carpintería fuera de borda, cuidando juntos. Pero vuelve a la página principal y verás que ya salta así. Perfecto. De acuerdo, cualquier manera, tú lo quieres hacer. Y así vamos a mejorarte esto ahora. Entonces vamos a jugar, vale. Y sin embargo, ahora podemos dar click en esto. A través de los outs dio un pequeño deslizamiento a la izquierda, lo cual es raro ejemplo. Sí, no me gusta ese deslizamiento. Funciona, pero me confundo, Kay, Kay, y hay un momento especial y un lugar principalmente a través de teléfonos donde funciona la diapositiva, no a través de sitios web causa que ningún sitio web haga esa cosa ligera. Fue raro y vamos a ir a apagarlo. El otro es que esta es una ventana separada en este momento. Estoy trabajando en mi laptop del momento para este curso de capacitación, Pero lo que hago cuando estoy trabajando normalmente es que tengo un gran tipo de monitor de cuatro K desde el que trabajo, y tengo mi laptop a un costado. Caso Me gusta trabajar desde dos monitores. Entonces lo que normalmente hago es que tengo dos meses es correcto. Tengo esta laptop gay, y tengo un monitor grande desde el que trabajé principalmente. Entonces los tendré a ambos abiertos uno al lado del otro, y tendré este panel en uno de ellos normalmente en mi parte superior izquierda, y estaré trabajando en esta parte en mi gran monitor principal. Entonces lo genial al respecto, es una actualización en vivo. Entonces a medida que mueves cosas aquí, ¿qué es esto que ves como un moverlo? Esta cosa actualización. Entonces tengo esto abierto el 100% del tiempo, ¿de acuerdo? Por lo que podría estar haciendo ajustes, ver cómo se ve al 100% y estar jugando marrón con las interacciones para reportar un tipo. Entonces tengo que seguir encabezando ese botón de reproducción. acuerdo, De todos modos, tengo dedo del pie cerrarlo hacia abajo y abrirlo de nuevo en este momento porque solo estoy trabajando en la laptop. Lo que me gustaría hacer es ejemplo aquí. No me gusta el ligero. Correcto. Yo sólo voy a ir a disolver. Probablemente sólo necesita un salto por disuelto. Se ve bien. Está bien, estoy poniendo este punto oírlo tomó a cualquiera de los lados, y voy a ir a disolver también. Impresionante. Eso Eso Eso es lo básico para la creación de prototipos. De acuerdo, vamos a pasar, construir más páginas y prototipo más a medida que avanzamos, pero eso es una introducción al mismo. 11. Vistas de video del producción: Hola ahí. Este es nuestro video de protección. ¿ Qué es un video de producción? Es donde necesito hacer algunas cosas para que este tutorial siga adelante. Y puedes o seguirme o saltarte, porque no vamos a aprender nada particularmente nuevo. Ves parte del flujo de trabajo que paso por lo que puede ser interesante. O simplemente podrías saltar al siguiente video donde aprendemos algunas cosas nuevas. Muy bien, en este video en particular, lo que estamos haciendo es que vamos a crear esta página y conectar ese botón. Por lo que eso salta a este tipo de botón cruzado para volver a esto. Aquí realmente no pasa nada porque el cliente, en su breve, nos ha pedido que no trabajemos en estudiante para ti. Ya tienen vista estudiantil. Ellos quieren que nosotros prototiquemos al formador o te instruya. Muy bien, entremos al video y dejemos de hacerlo. O puedes saltarlo y solo te ofenderás un poquito. Muy bien, baja. Está bien. Entonces primero arriba necesitamos en la página. Encuentro que es más fácil sostener viejo y simplemente arrastrar eso es a través. Obtienes una especie de duplicado. Me encantan las cajas rosas. El espaciado automático consiguiendo un renombrado. Escucha, esto va a ser vista estudiantil, ¿de acuerdo? Y voy a mantener sólo un par de piezas fuera de aquí, así que voy a seleccionar todo esto. ¿ Te fuiste? No hagas el botón también. El texto y la ropa. De acuerdo, fin. Y aquí tengo un poco de tix. Esto es lo que ven los alumnos. El front end de la plataforma. De acuerdo, así que recuerda, el cliente somos nosotros nosotros para no diseñar esto. Entonces simplemente nos gusta dejarlo aquí para que los botones llegaran a algún lugar a donde ir, y lo que yo podría hacer es porque 16 se olvidan. Sí, eso está bien. Tamaño viejo, y voy a poner por aquí Lo que podría hacer es en realidad el tenis en un botón más grande, como en lo estoy agrupando, y estoy rebanada ing en ello en agrupar no está funcionando. Está funcionando totalmente. Vuelvo a poner el borde sobre él y trato de convertirlo en un círculo perfecto. De acuerdo, Es así es dedo del pie enlace el es no vincularlos es sólo asegurarse de que lo mismo se acentuó con todo bien. Ah, es como ambos de ellos y alineados horizontalmente, línea muy clara agruparlos co. Entonces esto va a ser eso es todo lo que va a estar en esta página, no pasa mucho. Y voy a asegurarme de que esté en el Santa, Ok, Y ahora vamos a mencionarlo. Entonces vamos a ir al prototipo. Yo voy a hacer un par de cosas es que cuando se hace clic en este botón que me muestran, voy a agruparlo con la caja azul y se puede agrupar mientras estás en prototipo o diseño , lo cual es algo genial. Y cuando hagas clic en eso vas a ir a esta página aquí y lo que vamos a hacer, te disuelves. Vamos a seguir con eso. Y cuando hagan clic en este botón cruzado aquí, voy a conseguir que vuelvan a probablemente volver a la página principal. Toda esa opción de vista previa, probablemente Vigilia Home. Prueba esto para asegurarnos de que hagamos esa prueba rápida para ver dónde estamos. Por lo que haces click en una vista previa y puedes ver lo que ven los alumnos. Y esto es lo que las agencias lo cierran de vuelta a la base domiciliaria. Creo que esa es probablemente la mejor manera de hacerlo y por eso me gusta tener un prototipo abierto y funcionando como estás desarrollando, no esperar hasta el final. De acuerdo, así que eso va a ser todo para esta. Eso es cerrar este abajo para obtener una vista completa, comando cero o controles, estás en un pc. Está bien, vamos a guardarlo. Y sin embargo en el siguiente video. 12. Cómo hacer símbolos de uso en Adobe XD: Hola ahí. En este video, vamos a ver símbolos en X D. De acuerdo, entonces ¿por qué son buenos? Es porque cuando tengo un símbolo se puede ver aquí, pero la navegación utilizada en más de una página. Y cuando lo actualizo, ambos se actualizan y cambian, lo cual es súper útil para cosas que se reutilizan a través de bloqueos de documentos como ID de pie y golpean su Vamos a ver cómo crearlos ahora, Ok, Para crear un símbolo, vamos a reutilizar esto tanto este hit como el pie de página va a crear nueva página. Y hay muchas maneras en las que sigo mostrándote diferentes maneras volviendo a la página dos y click en esto, que es mi predeterminado. Pero usé el principio. Lo arrastraré arrastrando el nombre debajo y le daré un nombre. Yo llamo a éste el instructor. Uh, eso es lo que está bien. Y quiero extenderlo solo un poquito. Entonces recuerda el beneficio por usar un símbolo es que puedo conectarlos a todos juntos. Y cuando haga actualizaciones a la navegación digamos, en esta página principal aquí, se actualizará para instancias ALS de la torta. Entonces voy a acercarle. Lo que quiero es que quiero todo esto. Yo estaba empezando aquí en la zona gris con mi era negra. Sólo estoy haciendo clic, sosteniendo y arrastrando. Simplemente dicho, por supuesto, es, como, un poquito de arriba. ¿ De acuerdo? Y lo que quiero hacer es que puedas ver que he seleccionado lotes, pero también he seleccionado esta, como, cosa azul que estoy usando para darme mi ingenio. Entonces voy a mantener el turno, sólo tienes que darle un click sobre él para deshacerme de ellos. Entonces tengo todo a lo largo de la parte superior aquí. ¿ Cómo sabemos que tipo de arrastrárselo a Chick. Todos vinieron por la derecha. Entonces lo que voy a hacer es que tú podrías estar en tu panel de capas. Está bien. ¿ Quieres ir a este top de aquí? Está bien. El panel SS dentro de aquí, Algo llamado símbolos. Click Plus. Y eso es todo. Eso es ahora un símbolo que llego a reutilizar. De acuerdo, así que déjame hacer click. Aguanta y arrástrala, ¿de acuerdo? Y eso es útil, supongo. Ya sabes, tengo una cosita bonita como esta para reutilizar, y pero podría un par de ellos hacer una apuesta, supongo. Y lo que es realmente útil es ahora si tengo Clan regresa y dice, En realidad, has deletreado iniciar sesión como tú. Algunas personas usan el registro es una palabra. Deberían ser dos palabras. De acuerdo , depende de ti. Pero digamos que hemos estado convencidos de que debería ser espacio de registro en, Uh, así que hemos hecho eso vino, Pero por defecto, en realidad se convierte en un símbolo único. Entonces este, tu compañero aún no ha cambiado. Entonces lo que tenemos que hacer es correcto. Haga clic a este compañero y diga actualización, Símbolos de Will. De acuerdo , actualiza símbolo en la biblioteca colgando después de zoom outs. Este de aquí. Vamos. Tres. Para acercarlo un poco más y se puede ver que está buscando. De acuerdo, así que ahí está la ventaja para los símbolos. Se llega a vincularlos a esta cosa para que sean fácilmente arrastrados y reutilizables. Pero lo que es realmente soberbio, útil ya que lo adaptas uno y los actualizas también obviamente bueno para la navegación, gay. Cualquier cosa aparece en todas las páginas. Entonces voy a hacer lo mismo aquí abajo. Genial, mi amigo en un turno click este chicos sólo han conseguido el seleccionado. Sólo comprueba que lo tengo todo, y voy a conseguir símbolo. Todavía no puedes nombrarlos. Gain Los iconos son un poco pequeños para este. Está bien. ¿ Y esta es la página correcta? Se está arrastrando. Ven aquí. Y ahí tienes. De acuerdo, entonces si actualizo uno ahora, ambos son actualización. Está bien, ven. Cosas que quiero hacer para terminar esto es que quiero poner ese tipo grande de raya azul en el fondo, así que conozco los bordes hacia arriba. Por lo que copia. Y por aquí, pega uno equivocado. De acuerdo, así que te quiero y ve a desbloquearlo. Copia, vuelve a cerrarlo y luego ven aquí en el escondite. ¿ A qué te has dado un ritmo? El genial de esto va perfectamente donde debería. OK, el único problema es que probablemente esté encima de todo lo demás. De acuerdo, así que iba a hacer click derecho y decir, mandar a la parte de atrás, y luego puedo comer el comando de uso. L o Control. L Puedo hacer click derecho e ir mirar bien, porque siendo mis límites, lo que necesito ahora es un menú de mano izquierda. Estoy mirando mi alambre de tambor de mano. Encuadra bien, así que quiero que eso quede. Nunca. Y voy a saltar a esta cosa de aquí, y tengo que encontrar una mano izquierda. Nev. ¿ Dónde puedo ver uno? Hay una navegación por aquí. Se ve bien. De todos modos va a ser mi comienzo. Mata. Te voy a agarrar. Impresionante. Copiarlo. Arrastrando a través, pegarlo. Y ese será mi comienzo para este. Y viejo sin cuidado causa algunas cosas que necesito hacer. Necesito ponerte al fondo. Tendremos dedo del pie ordenado que en un poquito y no necesito el camino 60 ahí. Dame un click bastante duro. ¿ De acuerdo? Yo sí quiero el tablero de palabras, así que probablemente te voy a hacer. Tú lo haces. Tú lo haces. Tú peleas por encima de la cima. Voy a hacer esto con dashboard, pero voy a usar mi 14. Eso es 75% de mala costumbre. Tienen que ser 100. Por lo que podías hacer tu tamaño de fuente es que iba a ser dashboard y voy a hacer esto audaz. Ve por debajo aquí, en realidad, haz que 16 usando 12 y 16 para especie de diferenciar alturas. Ahora lo que haré también es genial. Mi talkto haciendo click aquí. Tengo un texto para esto son las garrapatas que vamos a usar con mi Sí, murmurando ahora, porque solo estoy llenando frentes. Y para ser honesto, si va a haber más genio en esta clase, podría querer quedarse por ahí, pienso en genio. OK, así que solo estoy poniendo esto. Lo que podría hacer es simplemente poner los puntitos en el frente para que se vean como algo tú quiero decir, Pero ahí estoy, poniendo en su sosteniendo Holt y rumbo ocho. Opción ocho en un Mac. Lo sentimos en un PC, porque esto no tiene viñetas para empezar con Costa dashboard tú por las diferentes cosas que puedes elegir. Impresionante. Y una última cosa que está en mi manecita dibujada, mi amigo aquí es, um tengo ese pequeño anuncio de la página principal. Ahora bien, no hay una manera realmente fácil de saltar entre páginas. De acuerdo, Puedes usar tu panel de capas, volver a aquí y volver a la página principal. No es tan grande. No lo creo, y ojalá una de las actualizaciones nos dé una característica como esa. Entonces aquí, Marshall White vuelve para esto, pero explotó. Entonces lo vamos a usar, y se va a aquí en tres. Un poco más de pasta. De acuerdo, Se va a ir en esta pequeña zona de aquí. Ahora, creo que esto necesita ser más grande, porque voy a tener días más largos que sus de manera diferente. Ven un poco descarga lo de la app. A lo mejor aún más pequeño. En realidad hay cero genio viniendo. Muy bien, lo último que vamos a hacer es porque vamos a usar este curso, todas las páginas de instructores. Lo vamos a convertir en un símbolo en sí mismo. Por lo que va a arrastrar una caja alrededor de todo esto, De seleccionar el color azul más claro y decirlo simple. Está bien, eso va a ser todo para este video. Si has esperado hasta el final, eres impresionante. Eso se puso un poco doloroso ahí al final. Yo lo sé. Um, sobre el próximo video va a ser impresionante. Empezamos a hacer rejas repetidas sobre mi bondad. Es impresionante. Vayamos a hacer eso. Ahora, En el siguiente video escondido 13. Uso de la cuadrícula de repetición en Adobe XD: Hola ahí. Bienvenido al mejor video de todo este curso, Cates, sobre la repetición de crit. Me encanta la cuadrícula de repetición. Tiene un nombre cojo. Debería tener un nombre súper emocionante, pero no lo hace. ¿ De acuerdo? Y lo que hace es dibujar algo una vez, y se repite a favor. Mira eso. De acuerdo, Lo mismo con estos. Vamos a hacer esta lista de cursos, y se contrae y se contrae y simplemente sigue sumando cada vez más tan bueno. A mí me encanta. Vamos a aprender a hacerlo ahora, en este video. De acuerdo, entonces vamos a estar usando la cuadrícula de repetición en nuestro tablero aquí. ¿ De acuerdo? Vamos a sacar una caja para búho y a dónde vamos a ir. El rectángulo al dedo del pie del rectángulo y una caja de accionamiento aproximadamente sobre ese tipo de tamaño tienen especie de, como tres pasos a través. Y voy a añadir un poco de tipo de texto ficticio en stets, y uso mi estilo de personaje. Está bien. En realidad podría usar el 16 para este. Los casos pueden tener estadísticas, y va a haber un número en el tipo medio de número. Seguro. Sin embargo tan probablemente aburrido. Asignado para empezar. Poner en 40 miles. Esto va a tener cosas como los ingresos mensuales recurrentes. Cuántos visitantes del costado ¿Cuántas ventas este mes versus el mes pasado? También, el alijo. 40 pasos. Entonces solo voy a poner esto, tratando de no diseñarlo intentándolo. Están tratando de no hacerlo. De acuerdo, así que sólo algunos conceptos básicos. Entonces tú y ahí tiene que haber un poco de explicación. Texto en lo de abajo creo que va a robar eso de la página principal. Esto es sólo describir lo que está pasando en este azulejo en particular. Todos los derechos. Entonces g o pasamos. Sí. Eso se ve hermoso. Se va a ir en el medio. Ahí va a ir en medio. Hagámoslo. Es incluso seleccionarlos todos soportan adecuadamente, entonces. De acuerdo, así que tenemos fuera azulejo. En realidad, las necesidades de ser como un pequeño caso de botón Seymour. Estamos recibiendo un poco más, probablemente en esto en esta esquina superior aquí, Así que puedes tipo de click. No estoy seguro si debería ser los tres pequeños puntos K o el nunca sándwich. Probablemente no. Marshall decidirá en las pruebas de usuario, y así tengo mi azulejo, así que voy a seleccionar todas estas partes bien. Y este es el botón médico aquí. Repetir el crédito debería ser ¿Podría saber algo más asombroso? El botón increíble o algo así? Por lo que hago click en esto y miro lo que pasa. La magia sólo tipo de, como lo duplica, lo cual es genial, pero es él o algunos así. De acuerdo, Así que no estoy seguro de cuántos de estos iban a tener en realidad, así que lo haré. Voy a hacer esto. Mini on dso Las cosas que puedes hacer para hacer ajustes es que obviamente puedes ver estas cosas rosadas apareciendo entre las líneas k. puedo arrastrar esas hacia fuera para expandirlas o contraerlas. Se puede ir Negativos. De acuerdo, así que en realidad se ven bien de la forma en que estaban antes. Entonces nos vamos así. Por lo que la cuadrícula de repetición los duplicará y obviamente los duplicará. La guerra se pone agradable es que podría agarrar el tipo a En realidad puede hacer que estos sean bastante únicos. Este podría ser 50 k OK, por lo que podría ser que ver con sus números. Ahora puedes ajustarte. A ver que pudiera ajustar los números. Está bien. De hecho voy a hacer eso centrado, así que voy a agarrar eso, hacerlos más centrados. OK, pero si empiezo a moverlos físicamente, están todos conectados. Entonces es una especie de lo mejor de ambos mundos. Yo llego a pasar y en realidad poner en diferentes tipos de datos porque sólo soy una especie de representar las diferentes cosas. Y tengo control total sobre. Al igual que, si quisiera dejar el realmente borrar el botón más, acabo de borrar el vino, y todos borran si agrego una K, Si decido que realmente quiero agregar una cosita a este tipo, te darás cuenta de que todos lo consiguen. Repito, la grilla es impresionante. ¿ De acuerdo? Y lo dejaremos ahí, y quiero mostrarles una última pieza increíble fuera de función para la repetición de crit es que también se puede trabajar con imágenes. Entonces lo que voy a hacer es construir cursos Page, que es la siguiente página de esta lista. Y en realidad, lo que voy a hacer es que lo voy a acelerar porque no es nada nuevo gay o simplemente hacer una nueva página y construir el primer elemento. Entonces, apurémonos a través de esto. De acuerdo, Taylor, llévatelo , acelerado, y te veré cuando terminemos. - ¿De acuerdo ? Entonces aquí estamos ahora tipo de página del curso. Entonces voy a escañar todo. Voy a ir a repetir grilla y al igual que hicimos con lo del entrenador. Todavía me sorprende esto cada vez que uso es increíble. Entonces digamos que tenemos estos muchos cursos justo en La cosa de la imagen a la que me refería ahora es probablemente mi cosa más emocionante para mostrarle a alguien. Y en realidad estoy en nuestros archivos de ejercicios. Estoy en imágenes, y he encontrado todas nuestras imágenes de curso. Yo estoy seleccionado todos ellos. Está bien. Y la forma más fácil es poder ver el hallazgo de una ventana o si estás en un pc, tener la ventana abierta y simplemente arrastra desde ahí a cualquiera fuera de estos cuadrados azules. Listos para la magia. Oh, Dios mío. Eso es magia. De acuerdo, estoy súper emocionado por eso. Adelante, señor, y sólo como que los replica todo el camino. ¿ De acuerdo? Sí. Me encanta. Repite crit. Son pigsties. Arma mágica. ¿ De acuerdo? Y significa que todavía puedo tener, como, un poco de control. Recuerda, yo k conflicto aquí y puedo encontrar mi grilla está aquí, y puedo abrir y cerrar. Thies dicen que quiero que este tipo de, como, golpeado para hacer eso. Bueno, tal vez solo un poco aparte, ¿de acuerdo? Tengo un poco de ajuste y digo esta lista de comprobación aquí, necesito ir y cambiar esto por el negro o el gris K. Fácil de ir y objetar. Ahora bien, ¿ puedes hacer un texto? Sí, se puede. Está bien. Eso en tu ejemplo para solo necesitas un archivo de texto. De acuerdo, como este, tiene un montón de nombres ahí dentro, y se va a asegurar que no sea ni un archivo dot txt o rtf. Sólo algo realmente básico. Nada que tenga algún formato como palabra gay o un pdf. Por lo que sólo un documento de texto sin formato viejo y el calor es clic sosteniendo. Arrastró el propio documento real a través de uno de los títulos y bingo. ¿ Qué tan guay es eso? Entonces me encanta en la cuadrícula de repetición, y no pude dejarla más tarde en el curso, sobre todo estas imágenes, porque nos pidieron especial. Pero para este marco de alambre real, nos estamos poniendo demasiado detallados en el caso, así que voy a tener que pasar y deshacer para deshacerme de todas estas imágenes bien y volver a ello era simplemente vieja llanura Jane. Probablemente debería conseguir quitar esto con aquí y solo poner en curso de muestra. ¿ Todo bien? Entonces eso es todo para las rejillas de pico. Me encantan los Butts. Seguramente estás enfermo de que me vaya pasando por ellos. Vamos a Mawr. Fuera de la genialidad en 60 y otro video. 14. Enla forma de formar una aplicación en Adobe XD: De acuerdo, Entonces en este video, vamos a ver cómo construir la versión para iPhone Aly en versión fuera de nuestro producto. Está bien. Y luego enlazaremos una vuelta para que se deslicen uno al lado del otro. Está bien, vamos a construir esto. Ahora. Hemos estado trabajando con los marcos de alambre para la plantilla ID marcos de alambre de 60 para la web De acuerdo, . entonces queremos entrar, abrir los para el móvil. De acuerdo, entonces en tus archivos de ejercicio en la U. Y. Y. Plantillas y un marco de alambre es uno del móvil cancha abierto y el mismo tipo de cosas, pero obviamente desde pantallas móviles. De acuerdo, así que para empezar. De acuerdo, busco cobranza en cosa tipo abordaje. ¿ Tienen alguna cosa de abordaje? Ellos lo hacen. Entonces es ese tipo de cosas cuando abres la pantalla y hay ese tipo de, como, siguiente salto siguiente, ya sabes, solo para que te des un poco de visión general del producto, entonces mi esposa amiga mi mano, aquí los romanos. ¿ Qué tipo de pasar? Algunos en el embarque. Ese eslogan. Y luego se llega a ver el dashboard co. Entonces voy a escoger uno. Todas estas y lo que podría hacer es agarrar ésta, porque lo que realmente quiero no quiero mucho de esto. Yo quiero te llevaré y yo tomaré esta apuesta. ¿ De acuerdo? ¿ Y qué? ¿ Esto? ¿ Esto? Sí, ese es el pedacito. Alguien va a copiar eso, y voy a saltar a mi cierre anual. Los cables para Web no lo necesitan por el momento. Entonces solo mi proyecto y la versión APP. Por lo que voy a trabajar en la versión de teléfono móvil. Voy a dar clic en la herramienta fueraborda, y voy a escoger un éxito del iPhone. ¿ De acuerdo? Y agarro la línea hija cuando te alejas lo suficientemente lejos como para ver no puedes ver el nombre solo se convierte en un ahora, tres pequeños puntos que puedes arrastrar va por ahí. ¿ Y dónde los voy a empezar? Voy a empezar como una nueva pequeña línea a lo largo de la parte inferior. Aquí. Hay espacio al mando, tres habitaciones de K en un lugar específico. ¿ Qué tienes? ¿ Seleccionado? Algo pega aquí y jackpot. Qué podría hacer tan bien como en realidad, voy a hacer unos minutos, y luego iré y comprometido con un símbolo. Por lo que esto se va a enfriar instructor y estructura. Está que bien y sí, Sí, sí, está todo bien. Entonces los voy a agarrar a todos, en realidad, y sólo los voy a meter en símbolo. Entonces, ¿te gustan símbolo? Impresionante. Y sólo voy a poner un texto ficticio en el medio aquí. Esto va a ser un emocionante mensaje de embarque número uno. Está bien. Y vas a entrar. Voy a usar esa gran versión de God Co. Y voy a hacer el más pequeño trabajo de diseño, y sé que no debería, pero me gusta ese círculo que vi en el último. Así que rompe la rosa. Por lo tanto, ¿terminaste? Ya lo has hecho súper emocionante, E. No sé por qué hice eso. De acuerdo, pero eso va a ser mi súper emocionante a bordo echa de menos uno. Va a haber en realidad esto solo haz tres de ellos, así que voy a hacer doble clic primero doble clic otra vez. Es como que te metes ahí bastante fácil haciendo doble clic en rebanadas las tres de estas. Ponlas en el prado, y luego recuerda, puedo hacer click en ellos y decir click derecho, actualizar todos los símbolos. A pesar de que no lo he vuelto a utilizar, sólo estoy actualizando el de aquí en mi biblioteca. Genial. Entonces quiero cuantos de estos quiero tres. Entonces voy a aguantarlo. Nombrará. El primer caso va a ser mi app. Y este es el de abordaje número uno. Envía a la gente antes de que se inscriban o tengan que iniciar sesión porque eso es Occidente. Cosas como Hey, comprometerse con un letrero en Donde es lo que quieres hacer es decir, hey, antes de iniciar sesión, es un poco esta cosa genial que puedes hacer casos número uno, Esto va a ser número a y solo de el usuario sabe cuándo hay prototipado. O al menos el cliente sabe que sólo vamos a cambiar de color para que sepamos lo que estamos haciendo. ¡ Vete! Y una renglón más. Eso y vas a ser Mensaje número tres. Número tres. Genial. Podrías ser el azul. Nos estamos quedando sin colores cuando llegaste a Keller de verdad, ¿ no? Muy bien, así que volvamos al azul. No fue así que tenemos tres de estos, Andi, ese va a ser mi abordaje. Lo que podríamos hacer a continuación es debido a la creación de prototipos porque en realidad queremos revisar la vía central . Esto se puede ver en una aplicación. Por lo que antes de hacer eso, necesitamos amortizar y hacer que estos botones sean un poco más fáciles de hacer clic. Entonces como lo hicimos antes, Vale, voy a rebanarme en esto. Voy a hacer doble clic en él. Entonces por eso lo conozco dentro de ella. ¿ Ves este tipo de barra verde en el exterior? Sé dentro de mi ensamble y voy a agarrar la herramienta del rectángulo, y voy a tener a Phil fuera. ¿ Qué? Bueno, conseguí algo seleccionado. No hagas eso. Hacer juego. Ya que pude ver el verde por en una agarradera, temes una bonita caja grande. Ya ves que sigo ahí porque mira, qué es cuando lo arrastro a ese verde por el exterior se hace más grande. Apague eso. Yo lo voy a copiar, y lo voy a mandar a atrás ahora. Correcto. Haga clic. Envía una cera de espalda. Está bien. Estoy usando un atajo y se puede ver como el atajo ahí. Es cambio de comando en los corchetes, que está al lado del pico. ¿ Eso es todo el tiempo? Porque es lo mismo en In design, illustrator y photo shop, lo cual es bonito. Y así aún así está mi gran caja blanca. Por lo que va a ser fácil hacer clic en una copia arriba. ¿ De acuerdo? Y por aquí, voy a hacer doble clic. Entonces soy norma dentro del estado pagador cosa verde movido a la parte de atrás. Genial. Este tipo doble clic en él algunos momentos de la cosa verde como te paraste, muévelo hacia arriba. Presentado a la parte posterior. A lo mejor hacer que éste sí toque más pequeño. Ponerse bastante grande podría ser él y no hay nadie por ahí. Por lo que voy a cocinar al fondo, Haga clic de inmediato. Lo tengo seleccionado. De acuerdo, Tienes todo este tipo de grupo que hice y recuerdo, actualiza todos los símbolos. Y esperemos ahora, por aquí, cuando haga doble clic en él y ahí esté esa caja Awesome. Entonces los símbolos son geniales porque es medio cuando g o y ahora hacemos prototipado. Tengo bonitas cajas grandes para hacer click. OK, así que ahí está amañado esto. Vamos a agarrar la siguiente caja, y voy a decir que cuando te hagan clic, vas ahí y por defecto, se va a disolver gay. Y ahora que estamos en un mundo más parecido, centrado en el móvil y vamos a ver el deslizamiento hacia la izquierda. De acuerdo, entonces , sí, alguna vez veremos este adelanto de mujer y lo que podríamos hacer Solo una historia de que son amigas es que vamos a ir a esta versión y vamos a ver la otra, que es, uh, empuje elevador. Vino a ver las diferencias entre ellos. Entonces siguiente siguiente, siguiente. Y éste no tiene a dónde ir a ver. Lo que podría hacer es en realidad simplemente agarrar otros tableros y hará de éste la app. Y esta podría ser la pantalla de inicio de sesión. En realidad no estábamos construyendo esto en este momento. Y así acaba de borrar todo en esta página. Adiós y cordones tiene alguna manera de ir para ahora crecer la caja blanca. Te vas a ir bien. Va a ser lo mismo para los botones de saltar. Te voy a decir que vayas ahí, quiero que vayas ahí. Así fue saltando. Estamos yendo todo el camino al inicio de sesión Eso no conectó. ¿ De acuerdo? Y salta, aquí está lo mismo. No lo puedo ver. Por eso es fácil simplemente ir aquí y salir. Logan. Es donde el nombramiento es bastante útil. Dije al principio, son Esos son ellos. Hecho. Lo que podría hacer es querer cambiar estos puntos para pasar. Pero no me voy a molestar. Debería, porque quiero, pero porque es esposa, Rain. Sólo vamos a ir rápido en la parte trasera Botones. Necesitas trabajar, ¿de acuerdo? Y así voy a agarrar a este tipo, tengo un prototipo. Y tú, amigo mío, vuelve a ti, y vuelves a ti, ¿ acuerdo? Y un poco de piso en mi símbolo haciendo k. significa que sin embargo estos para funcionar. Pero hay un error que aquí no va a ninguna parte. Entonces probablemente lo voy a ignorar. O Aiken rebanada en buena mi diseño cocinero en esta cosa, que es asiento verde alrededor del exterior aquí, puedo desarreglarme el símbolo, que no es genial. Ah, pero necesito hacerlo en este caso. De acuerdo, así que adiós. Adiós. No tuve el mismo problema con estos puntos. Si quería actualizarlos puede dejarse llevar un poco con mis símbolos. Me impresionó cuando lo dije. Muy bien, Entonces lo que queremos hacer ahora son algunas pruebas en el móvil. Entonces vamos a saltar al siguiente video porque hay una pequeña app genial que puedes descargar más. Mira eso. Ahora, 15. Cómo utilizar la aplicación XD en iPhone Android: Está bien. Por lo que es momento de descargar la app. Por lo que hay una versión tanto para Android como para iPhone, lo cual es impresionante. Eso ir descarga eso para tu teléfono móvil. Ahora, hay dos formas de realmente conseguirlo en su dependiendo de si tienes una computadora Mac K como un MacBook pro. Y me encontré o si tienes PC, boo. Está bien. Está bien. Piezas. Correcto. De acuerdo, entonces voy a lanzar la app asumió en X'd. Y ahora, si estás en ello, usamos el miembro de la versión de Mac First. Entonces no importa si disfrutaste o un teléfono Apple, pero tiene que ver con una computadora, y puedes ver aquí. Me he conectado con sólo la memoria USB como, o un cable USB. Nada de fantasía. Y lo que podemos hacer es usar live view llamando sobre live live. Usa eso. Lo que tienes abierto en tu pantalla aparecerá aquí abajo en tu teléfono móvil. Ahora te está mostrando lo que sea que tenga la casa al lado. De acuerdo, entonces si zoológico donde escuchamos hay mi página principal, puedes ver esta casita aquí. Había saltando entre pantallas y todo aquí, pero se puede ver, esta casita de aquí me está mostrando eso en mi teléfono. De acuerdo, así que quiero cambiar casita a esto para poder previsualizar sobre él. Da click en este tipo a Kim la casita, y puedes ver ahí está en todo su esplendor. Lo que es realmente bonito del live you Es que Mira esto como empiezo a mover esta cosa por ahí. ¿ De acuerdo? Se actualiza automáticamente. Vale, M Así que es realmente agradable tener esta configuración en una bonita pantalla aquí. Entonces cuando estás editando mi disfraz o limpio, nunca está tan limpio, Uh, solo para filmar, Pero sí, lo tengo todo configurado en un iPad y todo tipo de arriba para que puedas verlo como eres trabajando en ello y puedes hacer ajustes. El llamado también es porque tenemos tipo de alambre marco esta cosa. De acuerdo, Deberíamos poder dar click en nosotros e ir a continuación. ¿ De acuerdo? Y se ha ido para el elevador de diapositivas a la tierra de nadie. Nosotros hace que esta cosa vaya. Por alguna razón, conecté eso a todo el camino por aquí. Yo estaba bastante bien. Muy bien, Así que casa va a acercar a averiguar lo que hice aquí. Entonces vas ahí, pero creo que cociné en la madera. Siguiente. ¿ Cómo nos metimos todo el camino por ahí? Ni siquiera estoy seguro de Eso siguiente. De acuerdo, ahora funciona. Uh, siguiente. Y luego al lado la pantalla en blanco. Ahora, cuando estás trabajando en esta manzana es un par de cosas que puedes hacer para especie de, como, navegado. Puedes hacer clic y mantenerlo pulsado por un tiempo, y obtienes algunas opciones aquí. Una de ellas es navegar por los fuerbordas y se llega a ver, como, la versión grande de todo lo que hay en mi fuego X T, que es una gran manera. Sólo una especie de salto de vuelta a aquí. Otras cosas que puedes hacer mientras estás aquí es mantenerlo abajo y ver esta. Este es un punto caliente. De ahí que puedas encender eso, porque si haces clic en algún lugar que veas, es para la gente lo que quiero decir. Al igual que mis padres necesitan un poco de ánimo para poder usar esta cosa de la distancia. Está bien, eso debería estar bien, porque es Nixon skip. Pero si te has vuelto algo un poco complicado y necesitas pistas de ed Probablemente sea una señal de una mala experiencia de usuario. Bots. De acuerdo, A veces solo necesitas tener estas cosas que se muestren. Sólo he habilitado algunos de los botones. No, todos ellos. De acuerdo, ¿y qué? Casa en? Genial. Entonces eso es vivir tú si tienes un mech conectado ya sea a un iPhone o a este crédito viejo K en teléfono Android con malas pegatinas de patrulla en él para mi hijo. OK, grandes grietas en la pantalla. Entonces y puedes hacerlo de otra manera. Está bien. Y el camino es, entras aquí y tendrás la opción desactivada. Voy a hacer clic y aguantarlo. Yo quiero volver a mi documento X'd documentos. Por lo que 60 documentos son cosas que han guardado en tu nube creativa. Entonces lo que tienes que hacer aquí en la pantalla es que tienes que ir al archivo, y tienes que ir a decir que hay una en tu computadora. ¿ De acuerdo? No importa para el Mac o PC, Esto hará que esto funcione. Está bien. Necesitas encontrar tu carpeta de Creative Cloud. Yo sólo sé dónde está. Todo mi mac. Tendrás que duplicar la comprobación con Creative Cloud, mantiene sus carpetas en tu PC. Sé en mi mech que es donde sabemos que está por ahí Aquí está debajo de toda esta basura cuando llegas a tu palabra, tu nombre es mío. Daniel Scott Que. Aquí con el patada de Mac. Los mantiene bien encendidos, um, PC. Tendrás que hacer un pequeño vistazo rápido para ver dónde llegaron. Eso es lo que puedo hacer es darle click ahí dentro y puedo poner su propia foto especial. O podría simplemente tirar esta cosa aquí. Por lo que este es mi yo telefono test y click guardar. Y lo que pasará es, una vez que todo se hunda, verás este pequeño ícono en la parte superior aquí empieza a hundirse K. Y eventualmente terminará en tu nube creativa. Llegó la biblioteca. Eso es todo con una nube creativa. Está bien. Y mágicamente, esta cosa lo verá. De acuerdo, entonces voy a actualizar y revisar Engañar? Está ahí dentro. No es el todavía que lo digo en el lugar correcto. Creo que hizo archivos de tarjeta de crédito ya? Bueno, algo se abre. A veces se puede dar esta cosa. Se podía ver que se hundiese aquí. No estoy seguro por qué no Seguro lo grande que es, Pero vamos a hacer una pausa y esperar a que se hunda y todo Jim señale. Ahora bien, si eso no funciona, que el mío no lo es. Por alguna razón, mía deja de hundirse funciona cada dos días. No es el momento. Buena excusa. Para mostrarte otra manera, he ingresado a mi cuenta de adobe. Entonces s es dot adobe dot com slash archivos y puedes simplemente arrastrarlo aquí. ¿ De acuerdo? Y se puede ver que está subiendo Hansen dulce aquí ahora, y ojalá ahora en mi teléfono. Si voy a actualizar, se irá y se sentará. Mostrar todos los archivos de mi club de crédito y ver si hay algún documento extra. Vamos, Betsy. Oye, ahí está. Ahí. De acuerdo, así que esta es una forma en la que puedo hacerlo. No quiero estar conectado a mi teléfono. De acuerdo, entonces no tengo que usar este cable, ¿de acuerdo? Y puedo tenerlo aquí ahora, y, y, um, hace lo mismo para las pruebas. Está bien. A continuación, puedo saltarme, y lo bueno al respecto es que, una vez que tienes en los archivos de la nube de crédito, es genial para las pruebas de usuario. Causa el uso en vivo solo cuando lo tienes enchufado, ¿ verdad? Entonces, ¿qué? Se puede hacer es tener esta cosa, um, um, fuera en el campo para mostrar a la gente que se va, ver a un cliente, lanzarlo. Lo que está mostrando gente colegas Está bien en las reuniones, y es lo mismo que antes. Puedo hacer clic y mantenerlo pulsado y puedo compartir es una imagen reconectar captura de pantalla en las mismas cosas que tenía antes. Muy bien, así que eso es todo por usar la app. Está bien, vive. Trabajarás tanto en android como en iPhone, pero solo si está enchufado a un Mac. Si quieres usarlo en ah sistema Windows o no quieres conectarlo realmente y usar live view en un Mac A ambos, puedes usarlo ambos de esos sistemas. necesario guardarlo en sus archivos de cloud de crédito, ya sea a través de la visión Web o normalmente, organizar volcarlo en esta carpeta aquí, que no está funcionando por el momento. Correcto, todo el mundo, eso es todo. Ya te veo dentro 16. Tablero de mat: Hola ahí. Bienvenido a este video de producción antes de saltar. ¿ De acuerdo? Hay una cosa que debes echar un vistazo en este video y esto directamente después de mi pequeña introducción. Y básicamente es agregar este tipo de cosas como, deslizantes que necesitas saber el resto, aunque vamos a construir estas páginas aquí para nuestra aplicación. Y, sí, nada súper emocionante. Para que puedas saltarte después de aprender a hacer esta cosa. Muy bien, vamos a entrar y hacerlo. ¿ Todo bien? Por lo que quiero pasar y construir mi página de inicio de sesión. Voy a robar la mayor parte de ella de una de estas plantillas es el registro. Aparecerá uno de estos y solo vete. Vamos. Tres para acercar a la derecha. Vamos a acercarnos. Entonces cuál lo que quiero usará este de aquí va a robar toda la página real porque es un tamaño de iPhone. Eso es lo que van todas las plantillas. Haga clic en la palabra registrarse en un click copy, Saltar de nuevo a mi vino, lo voy a pegar. Y en realidad sólo voy a borrarlo, tomar el nombre y luego te adiós. Y yo solo uso este de aquí Es una de las cosas bonitas de seguir usando los colores azules gay. En lugar de salir a escoger colores personalizados, tienes que ir y actualizar todos los colores y esas cosas. Y se pondrían bien, pues lo que te has colgado es cuando previsualizo esto. Vale, entonces pero este tipo de aquí va a ir al prototipo, y voy a asegurarme de que esto esté listo para casa, ¿de acuerdo? No es por defecto caso, se puede ver cualquiera de estos al hogar. Entonces cuando golpeas la vista previa, va directo a ésta. Así que adelante, juega, juega, acuerdo? Y estoy tratando de escolarizar arriba y abajo, pero yo simplemente simplemente no me deja. De acuerdo, así que eso es un pequeño problema. Y así si hago clic en él, se puede ver que en realidad hay un montón de cosas extra aquí. Así también, Así que todas esas cosas voy a dar clic en el nombre que voy a ir a diseñar. Voy a cambiar la escolaridad a vertical. Está bien, esa es la primera, pero está bien. Y el puerto de vista se establece en siete lo sentimos. 667 Que es execs alto de este iPhone aquí. Puedo hacer click en él. Él es de 66 a 7 también. Y lo que también necesito hacer es agarrar el fueraborda de hacer un poco más. Por lo que dijiste el puerto de vista. Está bien. Y luego haces esto es largo lo que necesites. Esto podría durar el tiempo que quieras, y puedes ver que ahí es el puerto de vista. Esa línea punteada. Lo teníamos automáticamente en nuestra versión web. Ahora lo tenemos en versión móvil. Simplemente significa que por vista previa va a previsualizar a esto. Pero puedo desplazarme hacia abajo ahora, así que permita el desplazamiento vertical recogido la altura correcta. Y asegúrate de que tu fueraborda sea lo suficientemente largo como para verlo todo. ¿ De acuerdo? Y probablemente lo que quieras hacer es solo seguir usando esta para duplicar cuando estés haciendo otra diapositiva a partir de ahora. Porque si duplicas esta otra vez, vuelves a tener que hacerlo una y otra vez. Está bien, así que ahora puedes saltarte, así que no voy a hacer nada particularmente emocionante. Voy a pasar y cambiar esto para instruir. Uh, puedo deletrearlo. No puedo, uh, esto toma yo en realidad no quiero más caso tú bueno Y así te inscribes, Page. Esta es una mirada buena. Por ser una buena, perfecta página de registro. Y tengo una edad de registro en una página de inicio de sesión. Yo sólo voy a duplicar esto fuera. Este va a ser mi apuntalado. ¿ De acuerdo? Y aquí, solo voy a pasar y cambiar esta opción, y aquí, Ok. Ese pequeño bar de ahí está un poco acostumbrado para mostrarnos su en Seacon toggle entre los dos y este. No necesito lo largo en una necesidad de iniciar sesión su dirección de correo electrónico y contraseña. Correcto. Entonces voy a sobre la persona que hizo esto todavía está hecha fuera usando nuestra retícula cool repeat. Pero voy a un grupo lo para que pueda dar click en partes de ella, ok. Y agrupa y di que no quieres te quiero. Yo ni siquiera la información personal tan ido. Pero sí necesito esta cajita aquí, y eso lo dije al fondo. Y en realidad, lo que haré es dar clic en el borde y sé que necesita ser 77 ¿Qué fue? Conozco siete. Perdón. Seis x siete. Ahí está. Ahí. Entonces voy a patear a este tipo y tu altura ahora va a ser 667 Perfecta, permitiéndote al fondo. Vamos bien. Entonces conseguí mi pantalla de inicio de sesión. ¿ Soy pantalla de registro. OK, así que voy a tener aparejo de remolque estos juntos ahora. Está bien. Entonces sí, es cierto ese prototipo. Entonces tengo mi si lo haces seleccionas todo tipo de selecciona todo en el documento y te muestra todos los cables, así que tipo de funciona lo que aún no has hecho. Entonces lo que voy a hacer es este Siguiente botón aquí abajo, vas a ir a mi pantalla de registro co y escribe lto Bush. Podemos tener Ah, ir a revisar dos veces estos para recordar qué empujar, levantar o empujar, ¿ verdad? De qué se ve y así llega a escuchar. Y luego quiero que puedas hacer clic en el botón de inicio de sesión debería hacer esto más grande. No voy a ir a la pantalla aquí, ¿de acuerdo? Y este de aquí va a volver por aquí, Case, Case, éste va a empujar a la izquierda. Estoy bastante seguro de lo que hay que probarlo. Vamos a darle una prueba. Por lo que estoy empezando en la pantalla de inicio de sesión, haga clic en iniciar sesión empuja de esa manera, Empuja al revés. Se siente al revés, ¿ no? Entonces, en realidad, lo que haré es éste. Ahora se va a empujar a la izquierda. Y ahora esa. Antes me empujaban, ¿verdad? Se va a dist. Se sienten mejor. Impresionante. De acuerdo, entonces por eso haces pruebas mientras estás caminando hasta el final. Tengo algo de desplazamiento en marcha. Ese. No necesita ningún desplazamiento. Ah, sí. De acuerdo, así que pasemos a la última parte. Y esa va a ser mi pantalla. Entonces lo que voy a hacer es probablemente voy a agarrar este. ¿ Por qué? Porque es largo Porque sé si mi siguiente necesita ser largo y tiene todo el puerto de vista resuelto, básicamente va a cortarle todo esto y despedirse de ti. Además no ha limpiado de nuevo al diseño. Ahora vamos a estar creando out teach dashboard en una especie de en versión, y eso está instruido. Exportar realmente instruir panel de control. Está bien. Seleccionó uno de estos, y me voy a ir a agarrar mi abrigo de puerto de escritorio. No lo uso aquí abajo. Lo colocó en una cosa grande y lo lindo de esta cosa repetible. Podría ir a ti y solo sacar a estos tipos y hacer que se reportaran las muertes de mis instructores. Listo para ir. Versión fea. Quieres bastante arriba tanto. Lo último que podría hacer es que voy a hacer, como, como, página de las sittings para que puedan pasar a dárselas de indicación de lo que va a hacer el AP . Algunos tratando de encontrar golpearon las líneas. El único top izquierdo es donde vamos a agarrar todo el tipo de universales. Ustedes chicos. ¿ Copiar? Te puse aquí, ¿de acuerdo? Ellos son de click duro. No estoy en desacuerdo. De acuerdo, entonces cuando eso se haga clic, va a saltar a, uh, excusa de instructor va a ser sentado. Nada emocionante. ¿ De acuerdo? Y quiero que la gente pueda hacer un par de cosas. Vamos a hacer sólo ¿qué puedes hacer en la página de configuración? ¿ Por qué estoy dibujando un botón? No debería de mí mismo y luego de cadera. Parece que escribes, y éste va a ser como si pudieras reordenar estas cosas. Y oye, y repite grilla. Entonces, ¿cuáles son algunos ajustes? Puedes reordenarlos puede tener un favorito. Creo que esto podría estar rompiendo la regla en el apagado de Tim. Um, agregando a sus detalles. ¿ Estamos recibiendo estos de? Sí, pensé en este caso anterior. Eso es lo que mi página de configuración necesita dedo del pie tener. Te voy a agarrar doble corte el filo. En realidad, mi vista puertos, está bien. No hace falta que sea tan grande. Entonces lo que voy a hacer es que te voy a dar click, y voy a hacer la altura siete y sin desplazamiento. Voy a necesitar un botón Atrás. Este tipo, has estado por aquí instituto de paga en el lugar correcto, sólo del color equivocado. Y ese tipo ahí así como un poco de una semana color para el resto de la misma. Co como aparejarlo arriba. Entonces voy a decir que cuando se haga clic en este botón, ustedes van a aquí. Lo mismo con este extremo de botón, es decir. Empuja, empuja. Correcto. Eso es todo. Correcto. Vas a saltar todo el camino por aquí también. Entonces cuando te inscribes o inicias sesión, terminas en esta página, acuerdo? Y al hacer clic en las sentadas de aquí, nunca se podía hacer clic en ellas. Vas a esta página y luego cuando quieras volver vuelves a esta página. Impresionante. Se le da prueba. Ahora sé probando en mi teléfono, pero eso no se ve. No quiero sentarme solo. Cámara arriba otra vez. Así que inscríbete y genial. Bienvenido al panel de control. Está empujando por el camino equivocado. Y luego vas a este. OK, entonces vamos a jugar con esto, uh, uh empujar a la izquierda, empujar. Correcto. Entonces si quieres un sabor que otra vez. Entonces éste de aquí, haga clic en éste y ese está equivocado. ¿ De acuerdo? error debe empujar al revés. Siento que puedes dejar eso arriba Su caso. Te voy a decir,amigo mío, amigo mío, voy a empujar levante, ¿de acuerdo? Y diciendo contigo, vas a empujar a la izquierda. Se va a ir por aquí. Se siente mejor. Dashboard, aunque eso sale. Eso es bueno. Y aunque éste necesita juntos la forma que sólo Pero teníamos no puedo hacerlo. Y necesito ver que se active en realidad para saber cuál es Push, lift and push, right. No sé por qué. Y así ahora de vuelta por ese camino. De esa manera para los errores. Dan Wilson. Encantador. Eso va a ser para este video de producción Es uno largo. Lo que aprendemos flujo de trabajo llamará el flujo de trabajo. Y así es todo para el video. Vamos a saltar al siguiente. Nos metemos en enviar para comentarios. De acuerdo, vamos a ver eso a nuestro cliente para comprobarlo. Está bien. ¿ Ves el siguiente video? 17. Comparte el trazo de Wireframes para los comentarios en Adobe XD: Hola ahí. En este video, vamos a ver cómo enviar nuestros marcos de alambre para recuperar algunos comentarios. Iban a usar esta pequeña opción aquí y mostrarte cómo trabajar esto para que puedas enviarla a compañeros o al cliente o para usar las pruebas. Entonces vamos a hacer eso ahora en este video. De acuerdo, Entonces lo primero que hay que aclarar es que esto no va a ser nuestro usuario probando lo que estamos usando nuestros marcos de alambre cuatro es ver, primer lugar, a sólo uno o dos de mis colegas K para que usted podría ser cualquiera, un amigo que, supongo que tiene el vocabulario o la comprensión para poder probar un marco de alambre y darte algún tipo de retroalimentación constructiva. Esa es una parte de ella. Y la otra opción es que una vez he ido con mi colega y he vuelto con algunas paces y como, Hey, pensé que esto pasaría o esto es un poco raro, Ok, solo para trabajar el insectos fuera. Por lo que consideré al cliente para la aprobación del cliente. De acuerdo, entonces y aprobaciones de clientes diferentes a las pruebas de usuario, como en los clientes que esperan un marco de alambre. Y lo que quiero hacer es no quiero pasar mi tiempo haciendo la alta fidelidad o la versión de alta resolución fuera de esta app, solo para saber que no es lo que querían. De acuerdo, así que es fácil enviar las habitaciones de la esposa sobre nuestras habitaciones de la esposa fácil para hacer lo fácil de actualizar eso . Es sólo una especie de trabajar eso con el cliente. Y una vez que aprueben eso, entonces me voy y hago las maquetas de alta fidelidad. Y son esos simulacros que envío para uso de pruebas. De acuerdo, ahí es cuando meto a la gente en eso. A usuarios potenciales de mi persona y real prueban la aplicación. Algunas personas prueban marcos de alambre. Eso está totalmente bien. Yo no los encuentro tan valiosas dando pruebas para marcos de alambre. Es solo que no estoy seguro. Claro, como es solo que no encuentro valor en la retroalimentación de ellos. De acuerdo, ¿ de mis colegas? Sí, del cliente, Sí, Sí, pero creo que necesita lucir todo cantando y todo bailando para obtener una correcta retroalimentación de los usuarios . Y la otra razón es, es que soy bastante bueno con hacer altas res. Podría llevarme mucho tiempo, pero no tanto. Si lo sabes, quiero decir, como, podría estafar como, Ah, guapo, burlarme Ah, guapo, de todas las imágenes y cosas bastante rápido. No es algo que tenga que externalizar a alguien más. Tan seguro te arras o te quitas. El investigador de la UX cedió. Totalmente. Se puede obtener mucho valor de los marcos de alambre porque el siguiente paso para obtener tipo de versiones de alta resolución es un trabajo largo. Cape arriba para mí. No es así si discuten no estaban haciendo particularmente pruebas de usuario. Pero algunas de las reglas se aplican. Como si tuviera la oportunidad, preferiría hacerlo en persona sobre el caso de pruebas de hombro. Prefiero tener un cuerpo, conocerme para almorzar y pasar por él para poder ver sus interacciones. Es todo ese tipo de manierismos que realmente no saben que hacer eso me resulta bastante útil. De acuerdo, entonces en persona es increíble, incluso con un cliente. Pero encuentro para mi tipo de proyectos más pequeños en los que trabajo es un freelancer. Siempre hay yo soy normal simplemente enviando estos enlaces sobre. Entonces veamos cómo crear estos enlaces. Y luego obtenemos comentarios de nuestros compañeros y de nuestro cliente. Está bien, así que para compartir un enlace, haces click en el poco me gusta y solo arregla algunas cosas. Al igual que el título. Esto está bien instructor H Q. Y va a ser la versión uno. Vale, Y podrías Dragon image aquí solo hace que se vea bastante ganando tus enlaces de envío a personas de made en tus archivos de ejercicio aquí e imágenes. He hecho una versión apilada de este logotipo de la HQ. Ahora ya verás lo hice cuadrado Gay Originalmente por delante, es una especie de rectangular, pero termina por recortarlo mal. Entonces si estás encontrando el tuyo consiguiendo cultivo realmente en la plaza, solo asegúrate de que el fuera de borda real un ilustrador o Photoshopped es en realidad cuadrado solo puede tener tu más largo dentro de ahí. Enfriar. Ese es un archivo aéreo. Parece llevarse algo bonito y otra cosa. Permitir comentarios exactamente lo que quiero. Esto de aquí es bastante importante. Hay poco gris afuera, pero esto es empezar y recordemos ese ícono de casa. Si me dieron un prototipo antes cuando estaba trabajando ¿Pueden verlos aquí? Eso dije para estar en casa cuando está probando en el móvil. Entonces esa es la vista inicial de que las personas a las que estoy enviando este enlace o obtienen cuál no es lo que quiero porque quiero que vayan directamente a la página principal. Entonces vista prototipo, Haga clic en un pequeño icono de inicio, Vuelve a aquí y debería decir stat en la página principal. Agradable. Así que da click en Crear Enlace y Magia. Hace un enlace eventualmente. De acuerdo, ahora, las dos formas en que solo puedes enviar por correo electrónico el enlace, eso es lo que pretendo hacer. OK, no corras. Es para que pueda copiar eso. Idiomas por correo electrónico a la gente, o puedes hacer clic en thean bid Si sabes trabajar con un marco de cuchillo, quieres incrustarlo en tu propio sitio por alguna razón. Um, está bien, puedes hacer eso. Pero si quieres solo un pensamiento normal puedes enviar un correo electrónico, ese es el que se va de nuevo. Por lo que lo copia. Eso es lo que parece cuando estoy conectado. Yo quiero mostrarte cómo se ve. Nosotros en como, digamos, enviárselo a un colega que no tiene en adobe, yo d. Ok, así que ellos consiguen esto, puede ver tan pequeño icono es el nombre. Y lo que pueden hacer es un par de formas de trabajar con él. Ellos solo pueden molestar a través de esto, ¿de acuerdo? Y yo sólo podría ver todo como si estuviera así encendido, pero una buena forma de hacerlo es ir a pantalla completa. De acuerdo, donde no es realmente pantalla completa, solo se deshace de la chatarra alrededor del exterior, y luego pueden pisar dirigiendo con él en vez de así estoy tengo que volver, realidad se había escapado para salir. Y lo que voy a hacer es volver a casa y empezar a previsualizar desde aquí así que tal vez tengas que educar a tu amigo sobre cómo usar mejor el marco de alambre. De acuerdo, entonces me parece estudiar el principio y con solo hacer click en pantalla completa les da la mejor experiencia. Porque entonces les permite pasar por la perspicacia, haciendo clic en cosas. Entonces si hago click en esto, voy a esta siguiente vista. Y ahora una de las cosas es que es bastante horrible Si cocinas en otro lugar, puedes ver todo tipo de solo reflejos se pone ese tipo de caja azul a su alrededor. Simplemente ayuda a la gente a navegar por un sitio, especialmente un marco de alambre que podría no haber amañado cada botón intentando hacer clic en algo y simplemente no está funcionando. Este tipo de le da una señal visual sobre qué hacer clic. Entonces vuelve a la página principal yendo de nuevo. De acuerdo, así que ya tenemos vista previa antes, pero eso es lo que parece, escapó para salir. Y ahora, en cuanto a comentar, está bien, puedes hacer click en esto y un a momento no están firmados. No pueden ni hacer clic en el botón de inicio de sesión aquí o firmar y aquí, o pueden comentar como invitado, lo cual es hermoso. Por lo que hace que la gente no tenga que pasar por todo el drama renunciando. Si lo hacen, sin embargo, hay una manera agradable que Adobe ha hecho. Y puedes iniciar sesión con tu adobe. Yo d ok, pero di que tu colega no lo recuerda o no sabe lo que es. Lo consignan con Loggins sociales aquí con Facebook o Google. Está bien. De cualquier manera, sí, eso les permitirá agregar comentarios o puedes hacerlo adivinando cuál me encanta. Está bien, entonces obtienes algunos comentarios iniciales y necesitas actualizar ese enlace. Esas dos cosas que puedes hacer, puedes aquí dentro. Entonces obtienes retroalimentación de ellos y dices: Oye, Oye, burbuja por esto no está funcionando. O por qué no pensamos en hacer esto o no imaginamos que esto funcionaría de esta manera. Lo que puedes hacer es decir que sí haces un cambio como, Vale, este botón ahora va a ser Ah, tú cambias. Las garrapatas aquí pueden ir a la vista de diseño, y no estoy seguro de qué actualización pero esto solo contando algún texto. De acuerdo, así que he decidido que esa es mi actualización, y he hecho una actualización. Aiken hace dos cosas aquí. Puedo volver a hacer clic en puro, y hay dos maneras en que puedo actualizar el enlace original. De acuerdo, para que nada cambie realmente k El mismo enlace que están siendo correo electrónico funcionará mejor, tendrá este texto actualizado, o puedes crear un nuevo enlace, ok, y darle un nuevo título. OK, di que es un enlace nuevo, y eres como, en realidad, quiero hacer este nuevo link porque es como si hubieras hecho muchos cambios, y quieres llamarlo como versión a algo completamente diferente. De acuerdo, entonces compartes un enlace separado. De acuerdo, entonces actualizas el enlace adelante o compartiéndote uno. Después puedes hacer click en administrar enlaces. Si te estás perdiendo, acuerdo? Y se cargará con tu adobe. Yo d. lo haré en otro lugar. Eso es hacer. Es cerrar esos dos abajo y administrar enlaces, acuerdo? Y se abre aquí y se puede ver ahí está mi instructor. H Q. Estas son las dos versiones que he hecho. Probablemente debería haberla renombrado antes de crear. Y vinculas las dos versiones una en la que va a confundir a todos. Pero esas son las dos versiones que puedes eliminar. El viejo dice que estás acabado con ésa. Ya no quieres que la gente trabaje en ello. Se puede hacer clic, hacer clic y letras muy grandes. Dice Delhi permanentemente. De acuerdo, así que los voy a dejar en su por el momento. De acuerdo, ¿ Entonces quieres que prueben en Mobile kay? Por lo que estás construyendo una aplicación en lugar de un sitio web. Vuelve a subir a 60 casos para previsualizar en un móvil. No es como 100% fluido. Tienes dos opciones. Si tienen X'd, es realmente fácil de compartir que el defile X. Y pueden previsualizar como lo demostramos. Demostrar en un dispositivo con todavía o lo que tiendo a hacer es solo darles este enlace, copiarlo y enviarles un correo electrónico y dicho y pegado y decir: Hey, Hey, abre este enlace por tu teléfono Y la mayoría de la gente tiene su acceso de correo electrónico en su teléfono . Da click en el link y da click en pantalla completa, y funciona perfecto. O pueden copiarlo y pegarlo en su navegador móvil. También pueden teclearlo. Pero esa cosa ahí es demasiado larga. Podrías utilizar un acortamiento de tu URL como Betley o Goude r G l. Esa es una maravilla bonita los acortó hacia abajo. Por lo que es fácil teclear ahora. Otra forma de compartir es no compartirlo realmente. De todos modos. Sólo llévate tu laptop contigo, ¿de acuerdo? Y luego sólo el pequeño botón de play y conseguir que trabajen en ello. Aquí dentro. El enfriamiento por ahí es que se puede grabar lo que pasa puede ver aquí. En realidad, esto es sólo para un Mac. Puedes hacer click en este pequeño moño core y en realidad empezará a grabar lo que hace el usuario . Para que me puedan limpiar dando click aquí. Uh, ¿qué está pasando aquí? Se trata de un récord. Mi voz también. Está bien. Y cuando termines, tenía escape. Y eso te permitirá guardar este archivo. De acuerdo, Como un MP. Es su nombre antes, ¿de acuerdo? Y lo voy a meter en nuestros archivos de ejercicios, y sólo lo pondré, en realidad, sólo para ponerme en mi escritorio porque voy a Bennett. De acuerdo, entonces instructor H Q prueba por Dan. Está bien. Y es tener un poco de mirada. Y aquí está mi gusto aquí grabado y sin embargo muestra todo lo que han estado haciendo. Para que esa pueda ser una manera agradable, fácil de ir y conseguir que tus amigos ayuden o se lo envíen al cliente. Para que hagan algunas pruebas. Se graba lo que hacen. Pero recuerda que la pequeña opción de registro solo está disponible en Mac. La diferencia de 10 PC y Mac sólo son leves. Donde ese es uno de los bonitos que hacen tiene y mismo el enchufamiento directo al dispositivo. Y si estás siguiendo junto con un PC, te das cuenta de que el sistema de menús es una especie de constructo un poco diferente en la parte superior para que coincida con más de un sistema de ventanas. Muy bien, lo último que quiero mostrarles es cómo se veía Cummings del otro lado. Entonces este es un proyecto de trabajo real, ¿verdad? Por lo que he diseñado este cable enmarcado y lo he enviado tanto a colegas como a clientes para su retroalimentación. Entonces les mostraré un pequeño ejemplo de lo que sucede cuando sí comentan. Entonces esta es la página principal, y puedes ver tengo algunos comentarios y puedes ver este tipo de dos formas de agregar comentarios. Esto clavijas Vale, lo cual es bonito, porque ese ahí comentario realmente se conecta a lo que lo están señalando. Porque hay muchas cosas en esta página principal y por aquí lo que puedo hacer, puedo responderle y explicarle algo o hacer preguntas gay. O puede resolver esto y decir, en realidad, esto se hace. Ya sabes, soluciono lo que sea ese problema Waas, y está bien ahora, ¿de acuerdo? Y otras cosas que podemos hacer. Echemos un vistazo a algunos comentarios más, comentarios, no comentarios, más comentarios sobre Echemos un vistazo a algunos de los generales. Entonces este de aquí es un comentario general para toda la página. No lo han escrito. Ahora muéstrale lo que puedes hacer y lo que pueden hacer cuando están fijando cuando agregan un comentario, OK, Diga que quieres hacer un comentario que pueden decidir ¿Por qué tenemos a Josh Ehlers? Sí, me fui un poco demasiado por la borda con este marco de esposa. Le agregué un poco demasiado detalle. De acuerdo, así que lo despojé como en el que estamos trabajando ahora. Y podrías simplemente dejar que ahí hit return y se convierte en uno genérico para todo el documento. O podrías haber sumado en por lo que otro ahí. Ni siquiera sé qué significa eso, pero puedes arrastrarlo y dejarlo ahí. Y lo genial de eso es que está atado a ese punto. Entonces sé retroalimentación a donde va. Coast, eso va a ser. Es un pequeño sistema bastante malvado que X'd ha hecho que un adobe haya hecho. De verdad me encanta que estén consignando por invitados. No obligas a la gente a iniciar sesión, y porque de lo contrario terminan simplemente enviándome comentarios de vuelta en correos electrónicos y similares en la página 10. El fondo derecho se tiene una cosa verde que te gusta y te gusta de qué se trata el Dogan. Por lo que este comentarista es super cool. Ya lo sabías porque acabas de verlo. Está bien, seguiré. Pasemos al siguiente video donde empezamos a conseguir toda alta fidelidad. 18. Recursos de la base para el uso de la UI de la fidelidad en Adobe UX: Hey allá, en este video, vamos a ver cómo empezar sin alta Fidelity Mock up game. También vamos a ver Resource is para ayudarte a empezar como este de aquí. Ahí está Windows. Tú Por qué hay algunos frescos de manzana encontrará que hay un gran Google Material uno y vamos a ver por dónde salir tipo de ideas de los tableros de humor y construimos una especie de un pequeño tablero de humor rápido. ¿ Dónde está? Ahí es gay por nuestras ideas de diseño, y las juntamos todas en nuestro documento X'd. De acuerdo, Así que el recurso es y las tablas de humor, Vamos a meternos en ello. De acuerdo, entonces es tiempo de alta fidelidad, lo que solo significa, recuerda, vamos a hacer unos con imágenes y colores y fuentes que nos gusten. OK, entonces lo primero es, vamos a crear un nuevo documento. No vamos a ir Depende de ti. A algunas personas les gusta trabajar desde y al igual que actualizar el marco de alambre. A menudo me gusta volver a empezar. Encuentro que el anillo de la esposa se interpone en mi camino. Yo lo uso. Ya sabes, me refiero a ella y salté de nuevo a ella todo el tiempo para ver que tenemos tipo de ideas que tenemos . Pero a menudo simplemente Bien. Es fácil volver a empezar. Entonces eso es lo que vamos a hacer en este curso. Voy a empezar sin tipo de vista estándar. Voy a guardarlo y darle un nombre. Doy mis nombres raros porque te ayuda. ¿ Alguna vez encuentras esto? Posteriormente, puedes ir a un video 19 y en realidad encontrar el archivo en el que estoy trabajando. todas formas, K, este va a ser mi instructor como lo hicimos antes. Instructor H Q. Esta va a ser página principal, en realidad. Tan solo necesitas ser la página principal genial. Y un par de cosas que vamos a hacer justo antes de empezar. Es justo alrededor de las tablas de humor y el recurso es en términos de recurso está encendido. Como que los dijimos antes de que estén en el expediente. Ahí están estos kits aquí. Hemos usado solamente marcos de alambre. Oye, si descargas estos tres, si cocinas en alguno de ellos que realmente te llevan a la página web desde Apple gay y árboles distancia para descargar sus ya verás aquí, hay una opción para 60. De acuerdo, para que puedas descargar que los he descargado para ti. De acuerdo, Tanto para apple Windows como para Google K. Y están en tus archivos de ejercicios. Y, uh, ustedes plantillas blancas. Hemos estado usando marcos de alambre estos tipos de aquí. Acabas de abrir al día siguiente, ¿de acuerdo? Y puedes empezar a tirar de estas causas. El bonito de ellos es que digamos que usamos material de Google y su masivo Oh, vale. Pero es muy como una esposa firmas, pero hay, ah, alta fidelidad. Están bastante bien, tienen ALS, los recortes que se les agregan y muchas veces trabajando desde algunos de estos especialmente para ti lidiando con APS. Solo hay rollos que necesitas. Ya sabes, si se va a pasar a Google on, estás usando mucho de sus iconos pre hechos y símbolos y cosas, así que bien podrías usarlos en tu simulacro. Ahora, para que lo sepas, probablemente sea más común burlarse de la encuesta AP. Aunque salgas de ambas personas les gusta ver las versiones de Apple K Así Della la hoja de pegatinas del IOS y usaste esa para ello. Entonces y esa es una forma de empezar. Otra forma de conseguir ideas y recursos es en tu mercado otra vez y activos en el mercado. Y él si escribes en ti, yo a menudo puedes conseguir un montón de ejemplos que son bastante agradables. Está bien. Y así te gusta este de aquí para empezar? Puedes descargarlo. Este es un caso PST. No lo es. Todavía no he encontrado ninguna opción de X'd por aquí. De acuerdo, pero dado arriba, Pero solo puedes usar esto como una guía visual y sacar cosas del problema de Photoshopped. Entonces, Mark, es un lindo lugar. Bueno, entonces pasas a, como, tableros de humor e ideas, por lo que dependerá de cómo trabajes con tu cliente. De acuerdo, así que digamos esto mi cliente que estoy trabajando para este proyecto el instructor h Q. Ellos quieren que igual que tú te vas y que se vea bien. De acuerdo, No tienen una opinión particularmente fuerte al respecto, pero trabajo con clientes que necesitarán ver primero una pizarra de humor porque quieren, o me enviarán una tabla de humor y una tabla de humor. Tan sólo un grupo de imágenes para dar una especie de, ya sabes, una especie de sensación de estaban ahí golpeando sobre reúne, aunque hago una tabla de movimiento para mí. ¿ De acuerdo? Es la parte divertida. ¿ Va la sentada? ¿ Qué es esta cosa en un yo local ¿Cómo quiero que se sienta? ¿ De acuerdo? Y hay un par de lugares a los que voy te mostraré rápidamente sólo porque sólo para ayudarte. De acuerdo, así que ser Hans es uno de los primeros detrás de las redes de arranque propiedad de Adobe, lo cual es genial. Andi, acabo de hacer una búsqueda de aplicación web, y se puede ver que es algo realmente bonito aquí. Ahora. Normalmente solo encuentro cosas que me gustan y luego hago una captura de pantalla. ¿ De acuerdo? Y yo estaba haciendo una captura de pantalla de este gay y tengo un montón de capturas de pantalla para construir mi tablero de humor a partir de decir con dribble, he escrito en tipo en web en todo momento. De acuerdo, solo porque la búsqueda aquí me da ese tipo de cosas. Te estoy buscando mi mecanografiando yo o diseño de aplicaciones y solo conseguir una especie de algunas ideas. Abre el mapa. Tomar Capturas de Pantalla. Así que problemas con tres abejas. Bonito es otro con dos ojos. Que es otro momento que he hecho para sin el enfriamiento sobre esto es esto en realidad es un creador de la pizarra de humor. Yo uso esto todo el tiempo. No voy a pasar por todo pero ir a buen stock. Ah, y te voy a ordenar por ahí. Hay una opción gratuita. Premios es un lugar agradable. Un pozo, premios. Tan apodado dub. Está bien, en el medio ahí. Y este es otro gran lugar. A menudo, esto es, supongo, un poco más estructurado. Esta cosas increíbles aquí y los premios aire uno para diferentes categorías. Caso que podría estar buscando en el blogueo, lo cual es bastante bonito. Y solo te da una especie de versión recortada y te da razones por las que es tan grande . Es otro tipo de premios. Coloca los Webbys. De acuerdo, entonces los Webby Awards ahora son pabellones en línea. Creo que empezó con sitios web. Eso parece ser todo aquí ahora, pero entro. Busqué este año y pasé y escogí, um, um, miré web, y luego miré la mejor experiencia de usuario o interfaz de usuario. Gay y use consigue un tipo de ideas no geniales, y puedes desplazarte por ellas, abrirlas, tomar capturas de pantalla de las cosas que te gustan en la última. No hay último que sea y volver a nuestra app Cool. Entonces una vez que tienes el balón saco las capturas de pantalla en mi cuello en tu Mac es comando turno tres. Puedes dibujar una cajita, en realidad, tríos comerciales, toda la pantalla comercial para o dibujar una cajita y terminarás en tu escritorio. Lo que he hecho solo para mostrarte es que he creado en tus archivos de ejercicios. Aquí tienes un montón de capturas de pantalla que tomé Kane. Solo hay montones de ellos, ¿de acuerdo? Simplemente tomó un montón de cosas. Y lo que hago es o usar ese bonito para hacer una pizarra de humor crea cool pequeño pdf Slyke Esto vino los genera para ti, lo cual es genial, o simplemente los volco en la página Siguiente d gran parte del tiempo. Por lo que acabo de cortar un trozo de ellos Yemen. Si tengo seis, haré cinco a la vez. Y en 60. De acuerdo, voy a saltar a nuestro nuevo proyecto, voy a alejar de la derecha para poder ver la tabla de ritmo, y sólo voy a arrastrarlos, ¿de acuerdo? Y esos y yo apenas empezamos a arrastrar en cinco tiempo Bueno, seis a la vez. Si lo haces, más de una gran marcha Terminan con una gran línea que pega a menudo a la tierra de nadie. Entonces si eres un usuario de foto en diseño, podrías usar gratify que podría funcionar Photoshopped Hay una opción de pila en capas bajo archivo y ¿qué tienes trabajando? Pero me gusta simplemente construir un poco de blob off. Impresionante tablero de humor. La bondad llegó lo grande por defecto con capturas de pantalla en este mech. Entonces sólo voy a hacerlo mucho más pequeño y lo voy a meter aquí arriba en un grupo lo y lo que hago cuando estoy trabajando y estoy buscando y solo tipo de buscando saqué mis colores y empiezo a poner en escena fondos. Obtengo algo así como ideas de diseño. Esta pantalla se dispara como ésta es razonablemente grande, pero a menudo esto podría ser enorme. Me encanta esta parte del trabajo consiguiendo ideas, y también dijiste el aviso, la cabeza, la cabeza, incluso aquellas que todos los sitios web diferentes puedes empezar a ver el mismo tipo de colores viniendo a través como muy común en este momento, Supongo que esos quieren pasteles tropicales, pero así que sí, ahí es donde por el momento, pasemos al siguiente video, donde empezamos a mirar columnas y rejillas, poniéndonos serios. 19. Por qué necesitas una cuadrícula de columna 12 en Adobe XD: Hey allá, en este video, vamos a hablar de por qué vamos a crear una cuadrícula de 12 columnas. Si ya sabes por qué necesitas una columna 12 Genial. Puedes saltarte al siguiente video para los que no empecemos. Está bien. En primer lugar es por qué estamos usando las 12 rejillas de columnas. Y si no sabes cuándo estás codificando el sitio web en los demás, las luces estaban liderando el diseño, el amigo en el lado del diseño. Ahora cuando realmente tiene que convertirlo en un sitio web, lo que a menudo será utiliza un marco que utiliza las 12 columnas tipo de como estructura. ¿ Por qué usan 12 columnas? Apenas un número práctico porque y cuatro diseño responsive. Digamos, este sitio web aquí y estoy usando Es alrededor de 1200 píxeles de ancho y tengo 12 columnas. ¿ Es la estructura subyacente esta imagen aquí? El slider aquí en realidad está gastando los 12 de ellos. Pero estos tipos de aquí abajo en realidad están gastando tres cada uno. De acuerdo, entonces tres más tres más prensa libre tres igual a 12 creo. Está bien. Y así es como a menudo los sitios web los han hecho todos. Así que consulta con tu desarrollador. Pero la mayoría de las veces lo es. El motivo es útil es que cuando estoy en este tamaño distorsionar. De acuerdo, tengo este tipo de estructura uno en cuatro al otro lado. Cuando baje a la tableta, verás que he decidido que ahora estas cajas abran el caso seis de las columnas. Por lo que 12 es sólo un viable con bastante facilidad. Entonces cuando trabajamos con estos diferentes tamaños como ese abajo móvil, Vale, Vale, realidad ha gastado 12 ahora, y la codificación es realmente fácil trabajar esa lógica, además de muchos de los frameworks con los que la gente empieza. Los sitios de construcción se basan en estas 12 columnas. Por eso necesitamos 12 columnas. ¿ Las necesitas en tu proyecto 60? No. De acuerdo, entonces lo vamos a hacer para que sea más fácil, porque principalmente hago el diseño web del otro lado. Kay dijo que son más html cosas del sitio CCS. Entonces, sí, quiero hacerlo porque eso me va a ayudar. Podrías ser molesto para tu diseñador y desarrollador y simplemente diseñar en cualquier lugar y para que tengan que tratar de hacerlo encajar dentro de 12 columnas, lo cual sería un dolor. Está bien, así que espero que eso te ayude a entender por qué estamos haciendo 12 columnas que es saltar al siguiente video donde realmente lo hacemos. 20. Cómo crear una cuadrícula de columna de 12 en Adobe XD 2018: Hola ahí en el sectorial. Te voy a mostrar cómo hacer una cuadrícula de 12 columnas, básicamente con una pequeña camarilla. Enciéndalo, Apagalo. Sesenta consiguió característica automática que hace que nuestro diseño de columnas. Súper fácil. Súper rápido. Vámonos y hagámoslo ahora. De acuerdo, Primero que nada, en realidad soy jodidito del futuro. He vuelto en el tiempo a este video para actualizarlo, porque el video original que hice, realidad tenías que agarrar el dedo del pie del rectángulo y tenías que hacer una columna. Tenía que dividirlo por 12 en el con y trabajar a cabo reúne y todo tipo de otro drama. ¿ De acuerdo? Y así he vuelto aquí para actualizarlo provoca una nueva característica que no casi automáticamente. Entonces cuando estás pasando por el resto de este curso, sin embargo, no he pasado por reshot todo el curso porque solo usamos columnas un par de veces cuando sí lo ves. Y estoy usando unas cajas rectangulares grandes y torpes y bloqueando y desbloqueando columnas. Puedes sonreír sabiendo que hay una manera dulce y nueva de hacerlo. Por lo que la dulce nueva forma es Flecha negra haciendo clic Los fondos no consiguieron nada seleccionado. En realidad, haz click en el nombre de tu fueraborda y luego dice que Grid se llevó esto. Asegúrese de su propio diseño, no cuadrado. Teníamos plaza por un tiempo. Queremos maquetación K y queremos ¿Cuántas columnas? 12 columnas tienes que con eso usé en mis tutoriales. 15 La columna con aire llega a ser automática. ¿ Quieres hacer automáticamente que las columnas encajen con dentro de los límites? Mi página web. Ahora usamos la navegación off 1400. A lo largo de la parte superior de eso va a mi caja de ancho máximo de 1400 es una especie de lo que quiero usar para mi siguiente. Con del sitio, podrías hacer algo diferente en común a los 18 años. 24 1200. Pero vamos a usar 1400 para mi navegación. Entonces tenemos que resolver lo que las columnas yo y todo lo que realmente necesitamos hacer es dar click en el nombre y necesitamos trabajar el ingenio hasta los bordes aquí. Entonces tengo un sitio que es 1920 tengo que navegar. Eso es 1400. Entonces necesito hacer algún método básico. Mi 1920 menos mi navegación me deja esto para cualquier lado cualquiera de los lados divididos por dos. Entonces esa es la brecha que necesito. Por lo que 260 pixeles. Por lo que hago click en el nombre aquí y digo que quiero el ancho a los bordes T 200 solo 16 correcciones. De acuerdo, entonces eso ahora encajará perfectamente, dejando un poco de debo a cada lado de mi navegación. Impresionante. Y ahora puedes seguir adelante y empezar a trabajar en este proyecto. Eso es mucho más fácil. Puedes encenderlo y apagarlo. De acuerdo, Consideras que es un defecto. Por lo que siempre que hagas uno nuevo, pasará por ahí. Usa tus sentadas pre hechas. Es posible que simplemente opte por usar el valor predeterminado. Depende de ti, pero me gusta un sitio web de 1400 píxeles de ancho. Está bien, eso es todo. Adelante y construye un sitio web impresionante. Ya terminé este curso porque soy futuro Dan, y es un buen curso. Hola, 60. Ya pensaba 21. Trabajar con colores dentro de Adobe XD CC: Hola ahí. Bienvenido a este video. Todo sobre el color. Vamos a descubrir cómo robar colores de decir Loga existente o marca y usar los que hay los convertirán en nuestro panel de activos. También los vamos a convertir en este práctico tipo de opción reutilizable por la parte inferior. Aquí, también saltaremos y echaremos un vistazo a algo como esto con es una especie de inspiración para color y cómo usarlos. Muy bien, así que vamos a saltar ahí ahora y dejar de hacer colores. ¿ De acuerdo? Entonces hay algunas formas de trabajar con color y 60 y de primera manera ¿eso iba a sacarlo de un logo? Entonces vamos a ir a importar archivos. Vamos a tratar de poner bajo nuestros archivos de ejercicios bajo imágenes. Se puede ver mi archivo de aire. Actualmente en esta versión, en realidad no puedes simplemente traer nuestros archivos, lo cual es un poco doloroso. Entonces lo que hago es simplemente abrirlos en ilustrador copiarlos y pegarlos en. Puedes pegar realmente fácilmente. ¿ En serio? Voy a usar este logo aquí. Obteniendo lo que quiero hacer es que puedes hacer doble clic en él o en grupo. Iba a hacer doble clic. Eventualmente, conseguiré la H y se puede ver ahí está el color de relleno. Lo que me gustaría hacer es uno de los botones más allá. ¿ De acuerdo? Y esto lo va a agregar igual, colores de fácil acceso. También en su panel de activos. Cual de estos dos pequeños blobs de aquí podemos ir a los colores, y como está seleccionado, editará aquí también. Por lo que es bueno tener en ambos lugares mientras estamos trabajando ahora para conseguir otros colores para obtener tal vez inspiración de color. Un bonito lugar es adobe color tachuelas que crea. A mí me gusta saltar a este que dice explorarlo solo te da tipo de ideas fuera de los grupos de color . De acuerdo, solo podrías usar uno de los acostumbrados para empezar o de rango de ellos conceptos de caos. Está bien. Y todo lo que necesitas hacer es hacer clic en guardar. Necesitas iniciar sesión con tu adobe I d y recoger la biblioteca RCC para que entre bien, entonces dentro de X d, puedes ir a archivo abrir tu biblioteca CC, y en nuestro caso, sería instructor h Q. Y serían los colores que esperan. Ahí No es el mito que quiero usar por el momento. No usamos esa opción de biblioteca Sisi o estás trabajando en un lugar donde simplemente no puedes usarla . Simplemente puedes usar este sitio web, pincha sobre ellos y dilo y tus pies en el fondo aquí en el mar es más fácil de copiar. Estos polluelos de este más números. De acuerdo, puedes copiarlos en X D. K. Así que dibuja un rectángulo y por aquí, click en el icono y solo pega eso ahí dentro y obtendrás tus colores transferiéndolos sin bibliotecas Sesay. Otra forma de conseguir colores, orejas para mirar nuestros tableros de humor, k a. Y voy a alejarme un poco. Y quiero cubrir como un color deshecho PCI que quiero usar. Entonces tal vez algo así. Tal vez no, Kane. Solo estoy buscando un color a tal vez algo así como alguna manera India es lo que quiero . Entonces lo que puedo hacer es dibujar un rectángulo, vino solo un rectángulo y voy a usar la herramienta cuentagotas aquí de este lado. refutación K me permite co a menudo sólo elegir un color de aquí y se puede ver Rellenarlo con ese es reloj. Eso es un poco cercano a lo que quiero y y lo que también puedes hacer, aunque es un lindo truco es que puedes mover esto y tipo de ver cosas debajo. Gana la herramienta cuentagotas que en realidad bajan y recogen cosas debajo también. Por lo que en realidad no tienes que elegirlo solo del panel extra como lo haces en muchos otros productos de adobe. Adelante. Y así tengo este color aquí y me tipo Sí, eso es algo así. Voy a hacer doble clic aquí, y probablemente voy a pasar y sólo arrastrar un poco esto hacia abajo. Ahora solo me estoy metiendo en eso es como donde quiero estar. Y así con esto, voy a copiarlo consiguiendo y luego borrarlo. Bajen a aquí y lo que me gusta hacer. Tú justo en la tabla de ritmo aquí arriba es que me gusta construir mis muestras, así que voy a dibujar un poco cuadrado sosteniendo turno me dará una altura y anchura perfectas. Voy a pisar con mi verde, y lo que voy a hacer es que no voy a tener frontera, y voy a tener dos de ellos. Uno de ellos va a ser ese color. Y me gusta tener, como, como, un segundo color de jurado. Eso es sólo un poco más oscuro. Solo arrastra esto hasta aquí, ¿de acuerdo? Lo dice como una versión más oscura del mismo. Y luego voy a empezar con ese color melocotón. De acuerdo, Entonces te usaré nuestro trabajo. Seguirá a partir de eso. Ya estás listo y empolvado. Ahora, otra muestra aquí y la tuya podría ser un poco más oscura otra vez. Y probablemente quiero Ah, negro, poco negro. Pero quiero un muelle bastante. Algo así probablemente en algún lugar fuera. Esto es lo que quiero. Es una especie de gris con esto, el poco mejor leído. Levantarlo, sin embargo, van a ser mis muestras para este curso puedo lijar ladrón. O que no tengo ya aquí y tengo. Además, todos forman parte de esa pandilla. Y por aquí, necesito hacerlo un poco más individualmente y decir que te agregas la cabeza, ¿de acuerdo? Están entregados. Tenlo en ambos lugares. Te prometo dos cosas más que quiero hacer antes de seguir adelante. Yo quiero que el instructor I Q sea parte de la biblioteca de Símbolos porque esto es algo así como un logotipo de trabajo. Tan solo como que lo hizo rápidamente para darle una marca a la empresa, pero realmente no hemos acordado un logotipo todavía, así que voy a agregar eso a los símbolos. Por lo que más adelante, puedo actualizar esto y se actualizará en todos los usos. Consiguió otra versión de eso. Quiero traer la versión thes apilada de Kate cuando una copia que lo pegue aquí y no editar a un símbolo. Genial. Así que déjenme una línea si tienen alguna otra pregunta sobre los colores estaban usando RGB porque vamos a salir por pantallas digitales. No parece un Keller. Sí, ¿algo más? Déjenme una pregunta y responderé en los puntos. Muy bien, pasemos al siguiente video 22. Utiliza fuentes de seguridad en la web o de iOS o de Andriod en Adobe XD: Hola ahí. En este video, vamos a ver cómo traer fuentes tanto de cromo como de type kit y traerlas X'd y por qué necesitamos escoger un par de fuentes y solo un par de pesos. De lo contrario nuestro sitio web o aplicación, explotará. Vamos a ver por qué en este video, Vale, Vale, entonces cuando se trata de recoger fondos para tu prototipo, necesitas escoger un fondo que va a poder ser utilizado ya sea en una APP o en una página web. Y no todos los fondos pueden estar bien. Entonces si tienes fondos en tu computadora por el momento, no puedes simplemente pasar y recoger ninguno de ellos. Por lo que la forma más fácil de encontrar un fondo que pueda funcionar en línea es usar adobes type kit o fuentes de Google . Y mira ambos de este tipo. Llega aquí. Voy a ir a navegar, y lo que encontrarás es prácticamente todo en este sitio aquí es capaz de tener una versión Web del mismo. De acuerdo, así que vamos a pasar y a recoger cualquier fondo viejo aquí en. Lo que busco es cuando hago clic en él, busco ambas opciones, hay opción de fregadero. Y luego está este corchetes aquí que indica que hay un caso de versión Web que está totalmente bien en. La otra cosa que puedes hacer aquí es solo habilitar está desactivado incluir solo fondos de látigo. Hay algunos fondos que solo permitieron usar en línea y no se usaron en impresión. Ahora bien, si no estás seguro de qué tipo de niño es tipo kit es parte de tu licencia de Creative Cloud. De acuerdo, así que puedes iniciar sesión con tu adobe i d. Y todas estas fuentes están permitidas para ser usadas comercialmente gay, y solo hay algunas realmente bonitas una vez aquí. Algunas de las cosas que podrías considerar al descargar un fondo está por aquí a la derecha. Tienes algunos filtros, solo que realmente ayuda a hacer ejercicio. Yo puedo quiero buscar una copia de cuerpo encontrar solo puedes cortarlo a simple arena fondos Sarah y deshacerte de todos los drones Han. De igual forma, continúas a la mano y solo obtendrás las fuentes Hendren Muy bien. Las otras cosas a mirar es potencialmente. Este es probablemente mi más importante. Mirar un fondo Web es el ancho. De acuerdo, me gusta tratar de encontrar No siempre es necesario, pero me gusta encontrar una entrega de melodías. Yo quiero encontrar un ancho que sea bastante estrecho solo para que tenga el potencial, sobre todo para como, un fondo de bateo que hay. Simplemente consigo la capacidad de ADM o personajes a un bateo. De acuerdo, si escoges un fondo realmente amplio, solo será un pero tendrá encabezados muy cortos antes de que se rompan en dos líneas o pasen por todas las características. Pero está bastante frío y se puede ver en la parte superior aquí me he ido y he cambiado el caso del texto . Puedes irte. Está en blanco, pero también puedes filar tu propio nombre aquí arriba para que puedas ver cómo se ven los personajes antes de descargarlos. Cuando estás listo para escoger una que se decides que esta es la diversión para ti, En realidad, ¿cuál es la que vamos a estar usando? Voy a subir a buscar en la parte superior aquí y usar Fairplex antes de hacer eso. Necesito apagar algunos de estos filtros para que pueda encontrar miedo y este Fairplex allá. De acuerdo, Así que decidí que este es el fondo que quiero. Todo lo que tienes que hacer es hacer clic en este botón. Este es Sink. Ya he hundido la mía, y eso es todo. De acuerdo, lo que pasará es que mientras estés conectado a tu nube de crédito, ves un PM conectado a la minería es mi carita. Si estás en un PC, eso es abajo. Correcto. Está bien. Y lo que termina pasando es que simplemente aparece mágicamente en 60 a nada más. Tienes que ver con las fuentes de Google. De acuerdo, Muy similar. Consigue fuentes de Google aquí. Elegiste un tipo de letra similar. Ordenar filtrando por el costado aquí. OK, pero di que escoges una diversión Voy a usar robótica. Robot es como una sopa. Es la nueva aérea que una arena abierta. Si vas a todos los sitios web que se están haciendo en los últimos cinco años, perra. El ejemplar corporal es uno de estos dos. De acuerdo, So O vio sentido. Entonces voy a escoger a Roboto. Simplemente me gusta. Tiene unos pesos bonitos, pero cuando lo estás usando, hay un poco de cosas extra que necesitas hacer. Por lo que deciden a nuestros cuerpos por mí. Agarraste el ícono pequeñito más, y la cosa aparece abajo aquí abajo. De acuerdo, haz click en él. Y lo que hay que hacer es ver este pequeño botón de descarga aquí. De acuerdo, esto te está mostrando cómo usarlo en un sitio web. No estás en ese punto, lo estamos marcando localmente en nuestra computadora. Entonces lo que tenemos que hacer es dar click Descargar. Y lo genial de esto es que es una diversión que puedes descargar. Voy a meter esto en los archivos de ejercicios. Haré una carpeta ahí dentro llamada fuentes, y podrás usar Roboto también. Ya sabes, cuando necesitas hacer es abrirla gay e instalar los fondos. Necesitas todas estas fuentes de tipo verdadero. Por lo que este es solo un recurso genial para cualquier proyecto de diseño en el que estés trabajando este montón de fuentes usan. Tienes que recordar hacer clic en este oscuro botón pequeño para, digamos, descargar a tu computadora y luego en una Mac, solo tienes que hacer doble clic en estos. Creo que en un PC. Es sólo que es fácil. Solo tienes que hacer doble clic en ellos y empezarán a instalarse ahora. La siguiente consideración son los blancos así que voy a saltar a nuestro proyecto 60, ¿de acuerdo? Y me voy a sentar un par de estructuras de fuentes básicas para empezar Apliques Yousfi que voy a usar para mi gran tipo de llamadas a la acción. Un zoom en un poco también. Ahora, cuando estés lidiando con fuentes e intentando escoger tamaños, asegúrate de que estás 100% bien. Sólo para que estés consciente de lo grande que es esto. Es así como la gente lo va a ver tanto en la app como en un sitio web. Entonces voy a recoger gestos de miedo por aquí. Es pueblo Fairplex. Estrecho. De acuerdo, esa es la que estoy usando. Y ahora quiero tres tallas. Entonces voy a tener esta grande. Voy a tener uno más pequeño. Eso va a ser pensar, seis. Yo quiero otro. Eso es alrededor de 24. Por lo que esos son el tipo de tamaños que van a empezar. No tienes que escoger tamaños de fuente. Simplemente puedes empezar a trabajar en backtrack. De acuerdo, Pero quieres algunos tamaños consistentes fuera de las fuentes sin razón técnica que no sea la teoría del diseño mawr . De acuerdo, Somos montones de reformas y mínimos. Diferentes tamaños. Es confuso para el usuario. Esa es una simple jerarquía de lo más importante. Siguiente importante. Último importante en cuanto a mis rubros. Ahora, en cuanto a pesos. Vale, cuando dormí en él, uno de mí Espera, quiero decir, ya sabes, ligero, medio, audaz, negro Así podría decidir que quiero una especie de libro versión para este top one. Y luego quiero realmente que este sea un poco más audaz. Y quiero que este de aquí sea negro, OK, OK, Pero la consideración aquí es tiempos de carga para sitios web en EPS. Cada vez que escoges una nueva fuente y un nuevo tamaño, la computadora tiene que descargar eso antes de que la página se renderice. ¿ Y por qué es eso importante? Es porque el tiempo de carga es súper importante por muchas razones. Uno de ellos es los sitios de rango de Google. En función de lo rápido que cargan, más divertido tenerlo realmente lo ralentiza. Y, por supuesto, sólo tiempo de Jim Willow. McKay. Cuando la gente acude a tu sitio, no quieren estar sentados esperando que el sitio baje porque has recogido fuentes de estaño con 10 pesos diferentes. De acuerdo, así que intenta si puedes mantener tus pesos lo más pequeños que puedas, porque ya nos estamos poniendo bastante alto en libro usado para todos estos, pero también planeas usar Roboto. Por lo que en realidad sólo tengo el momento instalado un frente uno. Espere. Está bien, Fairplex y reserva. A pesar de que es de diferentes tamaños, eso no importa, porque esos van a ser mis tamaños de calefacción. En cuanto a colores. Voy a pegarlos o a hacerlos negros por el momento, probablemente. Bueno, estoy diseñando nuestras cosas justas. Lo siguiente que quiero hacer es que me gustaría crear otro cuadro de texto para sobre ¿Puedes subir aquí? Y el tamaño más grande que voy a usar para un botto va a ser de 24. Eso va a ser para la mayoría de mis rubros. Hacer 20 negros van a ser mis subtítulos. Y este de aquí 16 será mi copia corporal. Probablemente a través de la mayor parte del documento. El 16 es un tamaño típico de copia corporal entre alrededor de 13 y 16. Estoy usando un tamaño más grande porque no voy a tener mucho post blawg como ataques de trozos pesados . La mayor parte de la mía va a ser equipo de marketing. Tengo un poco más bajo para los tuyos en 14 voy a usar para mis botones. Se ve bien para ti en cuanto al tamaño de la fuente es voy a hacer los botones negritos, ¿de acuerdo? Y voy a hacer mis subtítulos cantos rodados. Bueno, costa, he tratado de mantener la fuente Weight down toe un nivel mínimo. Podrías estar haciendo el tuyo de manera diferente. Podrías estar simplemente diseñando y podrías volver y algo así arreglarte y decidirlo. OK, solo necesito recoger unos cuantos fondos y no todos estos a lo largo de él. De acuerdo, Así que a las fuentes y tres pesos, se está poniendo un poco más alto en la velocidad de descarga. Lo que puedes hacer en los fondos de Google aquí hay algo de poco tiempo aquí. Es lo que puedes hacer aquí dentro. Digamos que he escogido a Roboto y lo he agregado a mi familia. Puedo ir a personalizar y decir, en realidad, estoy usando verdadera luz de mantequilla y voy a usar negrita. Se puede ver el tiempo aún rápido. Eso es impresionante. Pero entonces si voy y agrego otro frente y tienen tienen ¿tienen hechos de miedo aquí dentro? No hacen gays. Temamos que el juego se vea muy parecido. Caso que vamos a entrar en este lo agregará a nuestro kit. Se podría ver a estas dos familias de frente abajo por aquí, y se podía ver moderada. De acuerdo, Así que voy a cocinar por miedo a ti, y voy a decir, en realidad, quiero la versión audaz y la versión ligera. ¿ De acuerdo? Está empezando de nuevo. El Ardizzone, si los sigues agregando eventualmente, se va a deshacer y decir para ralentizar Internet va a odiar tu sitio, Get Hate es una palabra fuerte. Te va a disgustar tu sitio y no clasificarlo muy bien, lo cual no es bueno. Entonces hay video largo es realmente solo recoger un par de fondos con solo un par de pesos. De lo contrario se acabará el mundo. Muy bien, pasemos al siguiente video. 23. Cómo utilizar los estilos de personajes en Adobe XD: Hey allá, en este video, vamos a ver los estilos de personajes. vamos a agregar a nuestro panel de activos por aquí, y luego mostrar lo increíbles que son cuando vas y los editas. Y cambian de color mágicamente todo conectado a este estilo de personaje. Totalmente esencial cuando tienes un montón de páginas de las que te has burlado y necesitas controlar las fuentes a gran escala de páginas. Está bien, se va Echa un vistazo. Está bien. Por lo que crear estilos de carácter de súper fácil justo abajo aquí, asegúrate de que estás en tu s. es panel dio examen selecto va a resbalar a todos ellos. Uno grande va en mi error negro y haga clic en este auge estilos de personaje. Todos están agregados Niza. Listo para ir ya. Lo que hace útiles los estilos de personajes es que cuando empiezo a escribir, vale, tengo que seleccionarlo todo y luego hacer clic en cualquiera de estos chicos. De acuerdo, entonces eso es supongo, lo bonito de ello, es una cosa bonita. Por lo menos la otra cosa bonita es que dicen más tarde. Rhino decide. He usado este montón de tiempos diferentes a lo largo del sitio y luego más tarde sé decidir. En realidad, no es lo que quería hacer que los clientes regresen y dijeron que no les gusta la fuente para que pueda pasar por aquí y escoger un museo? Está bien. Y todos se actualizan y enlazan. Está bien, puedes cambiarlo todo aquí. ¿ De acuerdo? Colores, tamaños de fuente, cualquier cosa que te guste. Y todo está conectado a este estilo de personaje. Ahora bien, si eres una persona que viene de decir algo así como en diseño o ilustrador, los estilos de personajes son bastante estrictos. Lo que X habría hecho aquí es que han hecho algunas cosas bastante increíbles. Creo que esto es un marco de alambre para una siesta. Está bien. Y digamos que puedes ver por aquí si elimino todos los estilos, no hay estilos en absoluto, ¿de acuerdo? Y has pasado y diseñado todo este asunto. Eres como, Oh, hombre, hombre, si esto es en diseño, quiero agregar esta canción de estilo y hacer doble clic en él editar a mis estilos de personaje. Genial. Pero esto se estaba usando de ese tamaño. Ya se ha utilizado cientos de veces en esta app. Entonces qué dolor. OK, pero que si x hubiera hecho eso siendo súper inteligente y ver esto si voy y actualizo esto y digo, en realidad, quiero que esto sea rosa. Te darás cuenta de que no sólo ha sido caso obvio, yo lo he hecho a Green. Se podía ver si se actualizaba este y éste se actualizaba. Pero mira, todos estos otros tipos también lo hicieron. Entonces, ¿qué X'd hace va? Cómo probablemente te refieres a todas las fuentes que son del tamaño correcto que son el color correcto que son Ariel y llega a través del documento y va y cambia esas. Es simplemente super servicial. Se puede ver que todos han cambiado, por lo que no hay que ser tan estrictos con todo. Aplicando este estilo de carácter. Puedes editarlo al final y hacer pequeños cambios, y se extiende por todo el documento. Puedes ajustarlos por separado. De acuerdo, entonces aquí podría decidir entrar aquí y decir, En realidad, me gustaría que éste fuera todos los demás para ser verde, pero quiero que esto sea. Creo que verás que se anula, así que siento que es una manera realmente inteligente de salir introduciendo estilos de personajes. No son 100% estrictos. Simplemente son realmente utilizables. Y ahora si le hago un cambio a este tipo de aquí y los hago decir a todos livianos o regulares, se puede ver todo el resto de ellos tal vez no se vea porque Victor tenía que ver al frente. Se puede ver ahora todos estos han cambiado. Pero debido a que le hice una ligera alteración a ésta y no coincide con sus amigos , puede quedarse así. Entonces creo que los estilos de carácter un bastante increíble en extinta. Gracias, Adobe. Está bien, así que pasemos al siguiente video. 24. Crear botones realistas en Adobe XD con propiedades de pegado: Hola. En este gran video, vamos a ver cómo hacer botones. Parece sencillo, pero tengo una tendencia a hacer squeeze con texto en ellos, y los usuarios no saben que esos botones hay un poco más en ello. Te mostraré las mejores prácticas mirando algo como Material Ohio, donde tienen buenos ejemplos y documentación. Y también aprenderemos un truco genial que puedes usar para todo tipo de cosas en X'd, donde es copiar y pegar propiedades. Está bien, vamos a hacer que los botones funcionen con botones. Parece un trabajo sencillo, pero puede ser un poco complicado. Creo que los dibujo, los hago poner en los sitios y obtengo comentarios del personal. Eran así realmente no se ve como un botón que te gusta. De ninguna manera. Entonces a veces lo que sientes es un botón simplemente dibujando una caja y poniendo tipo. Y no es suficiente. Por lo que probablemente sea una de las formas fáciles de empezar es si miras el material dot io. Recuerda, este es el tipo de guía de estilo de Google para online y APS, y si vas a componentes, aprende a Mauritz un poco de rigmarole. Encuentra esta opción Web y tienen componentes y encontrarás un montón de botones. OK, como que miramos esto antes y aquí dentro, y lo que puedes hacer es que hay algo así como alguna documentación técnica. Pero si en realidad solo haces clic en este botón aquí que dice Levantado, te dan como un montón de diferentes formas y estilos de hacer las cosas bien, así que podrías simplemente usar esto como una guía de estilo. Sí te dice el CSS y todo para estos. Otra manera agradable es Becca. Siguiente E. Si vas a archivo abierto y nuestros archivos de ejercicio en las plantillas U blancas en el material de Google allá, hoja de palo tiene botones también. De acuerdo, dentro, aquí dentro hay uno que dice Buttons, ¿Dónde estás? Ahí está, Ok. Y es solo una manera fácil de encontrar lo que parece un botón. Y solo son cosas simples como esta de aquí solo tiene unas esquinas diminutas y redondeadas. Escribir está dando la vuelta a las esquinas. Bonita sombra de gota. Está bien. Y así una manera agradable, fácil de robar formateo de otros 60 archivos es este es el momento es un objeto de grupo, Kay. En realidad es una canción de símbolo, Ese grupo, porque no quiero enviar mensajes de texto en este caso, yo era uno de esto, y voy a ir a editar copia donde puedes elegir tu atajo. Tan simple oh, copia luego saltó a tu hoja un rectángulo, también. Y voy a sacar un botón por aquí. Cuando estás dibujando botones y trabajando de nuevo en el tamaño, necesitas estar al 100% del camino. Terminas con un lado de botón seco y enorme todo el tiempo, ¿de acuerdo? Y escoge una especie de talla para tu botón. Eso va a ser mío. Y entonces lo que puedes hacer es ir a ella y hay apariencia de pasta. Puedes hacer clic derecho en él y recoger la apariencia de pasta también. Y es solo una manera realmente rápida, fácil de robar por apareamiento. Voy a cambiar el color de la canción gay y usar la herramienta cuentagotas y en realidad sólo voy a usar esto. A lo mejor éste, acuerdo, y ya está. De acuerdo, obviamente puedes ir y personalizar tus botones para que sean lo que quieras. Pero seguir estándares que ya sea Apple o Google crean a menudo es una buena práctica porque son el jefe. Están enseñando al mundo cómo usar Internet a través de su U Y. Y puedes pedir prestadas ideas de ellos. De acuerdo, entonces puedes saltarte solo ahora, Porque lo que voy a hacer es solo llenar mi tipo, genial mi dedo tipo pinchando aquí. Y esta va a ser la fila de registro incluso consiguiendo un slick que todos recogieron mi estilo de botón, y voy a llenarlo de blancos. En realidad, para ser honesto, este de aquí, realidad voy a cambiar globalmente porque voy a hacer estos botones de colores todo el camino a través de un dragón en la parte superior de aquí. Si si va a ser blanco así que ahora seguirán ese estilo. Está bien, voy a duplicar estos. Te darás cuenta cuando estés arrastrando cajas alrededor de tu dueño de seleccionar la columna. Realmente no importa cuando empiezas a arrastrar. Es como que ignora que causa bloqueado. Está bien. Y este de aquí va a ser nuestro demo en vivo. Lo que haremos por los otros botones es que quiero dibujar algunos iconos, lo que hará en el siguiente video. Vas a ser Eso es Lo último que tengo que hacer antes de irnos es que vamos a poner nuestro logo aquí abajo ahora. Nuestro logo se ve un poco grande por el momento. De acuerdo, Así que no me tomé mucho tiempo en Irán mostrando que habías atendido a un símbolo, pero conseguirlo primero por los lados correctos. Entonces una de las características que deben suceder para X t, que no lo tiene el momento es que no se puede cambiar el tamaño de su símbolo un poco extraño, pero su versión uno y tenemos que convivir con algunos fuera de la nueva visión inconvenientes caso de lo que yo en realidad voy a hacer se va a hacer clic derecho en él y en agruparlo. De acuerdo, ahora llego a redimensionarlo, ponerlo en la parte superior aquí, y realmente, puedo convertirlo de nuevo en un símbolo. De acuerdo, ahí tienes. Pero ahora tengo dos tamaños de ella, pero realmente, sí necesito que esto sea un símbolo, así que solo guardo ambas versiones porque he estado trabajando en el lujo de fondo. En realidad, aquí está aquí. No está del todo hecho. Siento que esto se está acercando. Es yo h Q, no estoy seguro porque podría voltearse boca abajo. Creo que estoy haciendo esto porque estoy leyendo libros de Dan Brown. Por el momento, todo necesita ser súper secreto. Código volteó al revés cosas así. Impresionante icono de luminosidad. Si lees el libro, ya sabes el de todos modos, así y yo quería ser símbolo porque quiero ir a actualizarlo. Muy bien, Así que hay creando botones haciéndolos parecer botones reales en lugar de cajas con tipo en él que parece crear con demasiada frecuencia. Otra cosa antes de que nos vayamos gay es la pequeña pista de bonus. Si ves, todo el video está aquí abajo s es gay aquí adentro. Buscar. Está bien. Si lo haces te gusta. Encontrarás algún o tipo de estilos de botones. Van a ser bastante similares gay sobre. Lo encontrarás aquí. Solo hay cosas en las que puedes descargar. A pesar de que no puedo acercar. Aquí hay muchos buenos ejemplos para botones que podrían ser ligeramente diferentes a esto. Si no estás contento con el drop shadow slash esquinas redondeadas, quiero ver algunos ejemplos diferentes. Está bien, eso es todo. Siguiente video, por favor. Den. De ninguna manera. Ese soy yo 25. Cómo dibujar tus propios íconos personalizados en Adobe XD: todo bien. En este video, te mostraremos cómo hacer un poco Es un poco corto y en cuclillas, pero vamos a hacer que este pequeño icono de inicio de sesión también traiga este aquí y como bono, o te enseñe cómo encender y apagar fácilmente las columnas para que puedas solo tipo de ver en qué estás trabajando fácilmente usando un pequeño atajo fresco. Vayamos a hacer eso ahora en extinción. De acuerdo, así que estoy durante los iconos, principalmente porque miembro ahora marco de alambre. De acuerdo, tengo mi marco de alambre en realidad impreso junto a mí en mi disco. Hace que sea un buen recurso porque eso es lo que estoy copiando para un diseño áspero. Pero lo que hemos decidido con un cliente es que realmente estamos empujando hacia esto en el embarque, siendo lo más importante, OK, conseguir que la gente se inscriba y lo pruebe. Entonces lo que hemos hecho es que hemos decidido que el registro y el ejemplo son realmente importantes para conseguir que la gente se inscriba y el ejemplo como un flujo donde la gente tiene que tipo de detalles a medida que avanza . Entonces estos dos de aquí, nos vamos a convertir en un poco de iconos, así que dibujando iconos en medida, puedes dibujar cosas simples. Súper fácil si va a entrar de todos modos. Complicado, lo mejor es probablemente saltar a algo como Adobe illustrator Adobe Illustrator es. Un trabajo en el mundo es dibujar iconos entre un par de otros, pero realmente tiene un bajo las herramientas para hacerlo en 60. Ya tiene suficiente. Entonces dibujemos un pequeño ícono. Quieres dibujar esa cuenta inicia sesión y tenía un pequeño vistazo en línea para imágenes e iconos para Log in. Y es una realmente dura porque todavía no hay opción de inicio de sesión Super Universal. Creo que ese hombrecito es probablemente el mejor. Entonces lo que vamos a hacer es que vamos a dibujar un círculo. De acuerdo, voy a acercar un poco, voy a conseguirlo más o menos el tamaño correcto al tamaño. Necesito que esté diciendo algo así. Herramienta Así círculo Y si estás dibujando un círculo con un dedo del pie del círculo, mantén pulsado el turno K mientras estás arrastrando, y eso te dará un círculo perfecto. Y así quiero este primer círculo y quiero otro. Ese va a ser su amigo. Qué grande va a ser esta persona por eso. ¿ De acuerdo? voy a lijar a los dos. Asegúrese de que alineado usando la línea horizontal, Minto. Y sí, eso va a ser lo básico para ello. Entonces lo genial al respecto es que una vez que hayas ido a formas como esta, queremos fusionarlas con ellas. Seleccionados Estos de aquí se llaman operadores booleanos. Pero en realidad, si lo sabes por otros programas de diseño, probablemente lo sepas de ilustrado llamado el dedo del pie del Pathfinder. Y si eres como yo, terminas solo dando clic a todas estas para averiguar cuál quieres. Nunca se puede recordar exactamente. Entonces este primero realmente va a funcionar ahora porque he estado practicando, pero eso no es lo que quieres matar. Se ve a los enfermos hasta aquí. El de arriba uno masa, el de abajo salió. Podrías llevar este al frente, de acuerdo, acuerdo, y hacer exactamente lo mismo, pero conseguir un caso de resultado diferente. Vas a tener que trabajar a través de lo que quieres hacer con todos estos juegos. Ahí hay todo tipo de opciones de malas hierbas, pero quiero este 1er 1 donde tipo de se une a los dos. Entonces voy a agarrar un rectángulo a y solo Dropbox. Solo estoy usando esto como un cortador de galletas. Voy a usar a este tipo a la enferma de aquí, menos frente. Y ahora tengo una cuclillas bastante corta, un hombrecito parecido. Probablemente no lo mejor para más. Tienes que ir y solo él un poquito. De acuerdo, Pero con ellos seleccionados, voy a escoger un color de campo. ¿ Qué tan oscuro? Verde, como verde. Probablemente como verde y un relleno de ancho de trazo de este espectáculo. Voy a conseguir el 100% antes de que hagas elecciones. envió el diputado 100. Probablemente sea un poquito. Voy a ir a pixeles. Eso se siente bien. Por lo que mi escuadrón era un chico pequeño en cuclillas. Va a haber esto. De acuerdo, entonces hay uno del ícono y estas columnas de aquí se interponen en mi camino visualmente porque quiero colocarlo visualmente. Estas columnas van a venir muy útiles cuando hagamos algunas más de las tarjetas que necesitamos con una especie de bloques de contenido. Pero por el momento, sólo en el camino. Entonces un par de atajos antes de irnos, voy a alejarme un poco voy a seleccionar a todos estos tipos y en comando semi colon. Entonces en mi teclado, está al lado de la tecla L. El tuyo podría estar en otro lugar. Ayer estaba enseñando 60 en la línea. Sí, soy el nombre cayendo. Simplemente fluye de vuelta esta mañana, ¿de acuerdo? Pero son llave de semi colon fue en algún lugar loco donde necesitabas todo un cambio descendente. Entonces busca semi Colón, ¿de acuerdo? Y voy a aguantar Vamos así. Si estás en un PC, es control y semi colon, y eso simplemente lo apaga. De acuerdo, Para volver a encenderlos, necesitas volver al panel de capas, ¿de acuerdo? Y podría seleccionarlos todos aquí y luego usar el mismo atajo pueden volver a la vida, haciéndolos apagados por el momento. Porque sólo estoy tratando de mirar para ver cómo funciona todo esto en el espaciado gay. Entonces solo faltaba sobre gay. Lo último que quiero hacer, sin embargo, es que quiero encontrar un icono para el dinero. Entonces en lugar de usar formas, me vendría bien el dolor hasta ahora. El dolor hasta aquí. No voy a entrar en un ejercicio doloroso completo porque es uno duro, como un lo que ha sido probablemente Ahora nos estamos agarrando a Pinto y vas a encontrar que si estás aprendiendo el Pinto se va y Luna en algo como Adobe Illustrator, tiene muchas guías más útiles en cosas útiles. Esto solo tiene una herramienta de pin realmente simple. Entonces si ya eres usuario de pinto, puedes entrar ahí y obviamente empezar a dibujar. De acuerdo, entonces voy a empezar durante, como, como, una cosa del tipo de nota de dólar. De acuerdo, Así que haciendo clic en unos para punto de esquina haga clic y arrastre para una curva. Eso es lo básico. Pero no voy a pasar, y luego le pones un letrero de dólar. Lo que podría hacer es en realidad sólo encontrar uno. Usando miramos este anterior activos miembros Credit Cloud s su mercado. Y aquí dentro voy a poner dinero o precio mucho un reloj. Entonces ahora es una especie de decisión. ¿ Eso se siente como el precio, o esto se siente como el precio de la pequeña etiqueta? Creo que probablemente sea dinero en lugar de precios. Por lo que estás buscando icono. A veces necesitas trabajar con el Quinto Saurus y trabajar en diferentes formas de decir lo mismo porque siento que esto probablemente va a funcionar mejor para mí. De acuerdo, así que voy a descargar esto a mi biblioteca instructor H Q. Una cosa que también debes notar Member SPG es buena porque es gráficos vectoriales escalables y llego a cambiar los colores fácilmente. Abre mis bibliotecas Sesay y pero, uh, bien desde biblioteca y empieza a H Q concedes realza tienes a elementos no soportados. Por lo que esta versión de X d 2018 no te deja tener s p G's sin embargo deberías poder simplemente arrastrarlo hacia fuera. Entonces vamos a ir por ilustrador. Entonces aquí, un ilustrado. Aquí está mi instructor. H Q. Sólo voy a arrastrar esto, ¿de acuerdo? Probablemente sea sí, McGee, pero la copia grande ayuda y pega. Por lo que es un poco de trabajo alrededor de entrar para conseguir al miembro ish del tamaño correcto trabajando al 100% tipid alrededor usando tus Cherokees. Si querías que saltara trozos grandes mientras trabajas, mantén pulsado el turno mientras usas tus teclas Eric en el teclado, ¿de acuerdo? Y como mujer y yo puedo hacer doble clic en él y luego pienso en eso. Si entro de esto, sigue haciendo doble clic que doble click hasta que veas el Phil. Y puedo decir que realmente quiero que estés llenando este DoubleClick, DoubleClick. Podría tener un solo grupo. Podría funcionar con la misma facilidad. Está bien. Y este de aquí, hay aproximadamente el mismo tipo de trazo. Espera, lo que tal vez tengas que hacer para este tipo de cosas aquí es que podrías agregar una frontera realmente pequeña en el exterior para un poco de engordarla. Si necesitabas mencionar esto, mío estaba un poco bien. Está bien. Una cosa que quiero mostrarte antes de irme, y me olvido es que este tipo, es como una forma creada. Y lo genial de ello en x días que no es destructivo. A lo que me refiero con eso es, si sigues haciendo doble clic en él, puedes ver las formas reales siguen ahí. De acuerdo, entonces si vuelvo a hacer doble clic en esto, ahí está mi círculo. De acuerdo, así que puedo ajustar esto, volver a salir, y sigue siendo comestibles. Todas estas partes tipo de trabajar para trabajar juntas bien, pero son totalmente irritables. Para que puedas pasar por y borrar partes y traerla de vuelta. OK, así que deshace y arregla a mi pequeñito porque probablemente estaba un poquito debajo Coge la esquina aquí. Sostenga turno. Simplemente encogerlo un poco. Agarra a estos tipos. Línea del Lee de mi horizonte. Siento que eso es mejor. Es antiguo tamaño proporcionado ahora. Sí, Entonces todo es no destructivo, lo cual es impresionante. Una última cosa que voy a hacer antes de irme es que voy a crear una especie de ola para romper esta columna superior aquí. De acuerdo, así que voy a agarrar el lápiz y un rápido una vez por aquí podría una vez en su esquina, clic a los de esa esquina Y por aquí. Por lo que pinchar una vez te da esquinas con este dolor para recordar y culata aquí abajo y haz clic sosteniendo drag porque quiero este tipo de cosas como, ah, pintar el estilo goteo aquí abajo. ¿ Por qué? Simplemente lo vi como con mis tablas de humor. A mí me gusta este tipo de transiciones no cuadradas. Este es el de aquí. De acuerdo, me gusta este tipo de gota de pintura. No quiero que la mía sea tan extrema Así que voy a jugar con algo como esto. Gay doble click sobre él para ajustarlo. Y te voy a decir pero el tú puedes ajustar estas manecillas también. De acuerdo, algún tipo de cosa ondulada. Y le daremos nuestro color de relleno por el momento, no blanco. Ko. Dale un gran color rojo y te voy a mostrar en el siguiente tutorial cómo hacer lo radiante. Hagámoslo ahora. 26. Cómo hacer un desenfoque en Adobe XD: Oye ahí, en este video, te voy a mostrar cómo trabajar con Grady y moverte. Escoge colores, ese tipo de cosas impresionantes. Está bien, vamos a hacer ingredientes. De acuerdo, Entonces en el último video, dibujamos esta forma con unas líneas garabateadas en la parte inferior. A mí me gustaría añadir un Grady en ella. Escondan a Grady en un poco. De acuerdo, así que si le das click a Phil donde es su color sólido en la parte superior, aquí es donde se llega a radiante, ¿de acuerdo? Y tiene mucho del tipo de opciones típicas de clasificación puedes agarrar un extremo y jugar con la rotación. Y hay primer extremo k del otro lado. Por lo que pudiste simplemente jugar con los diferentes lados, Obviamente socava que estaba de vuelta a especie de su relleno normal encendido. Lo que quiero hacer es que tengas que trabajar en la línea haciendo clic en este pequeño ícono y luego sentando el color. O puedes hacer click en él aquí arriba en esta pequeña opción en la parte superior aquí. Entonces voy a tener este tipo de color en color. Sólo para que nada de blanco, sólo un poco más oscuro, ¿de acuerdo? Y probablemente sólo un poco más caliente. Entonces voy a ir a los amarillos y lo voy a hacer voy a cruzar sólo por completo o diminuta , Pero quiero ser bastante caliente tal vez ni tanto. Entonces, hombre, es difícil recoger con un pequeño azulejo. Podrás jugar con tu matiz y saturación y brillo. Incluso esos son un poco duros en este momento. Y esta primera opción, sólo va a estar jugando en lo que está pasando. Te arrastras a la esquina, y eso es lo que estoy buscando. Al igual que podría ser difícil ver en tu pantalla solo una luz realmente sutil. Grady int. A mí me gusta hacer esto. Eso agrega un poco de riqueza, creo, al fondo, y es sólo un poco de moda en este momento. Voy a deshacerme de la frontera. Lo siguiente que quiero hacer es que quiero tenerlo para tener un poco de sombra gota porque quería cubrir las cosas debajo, solo parece que es algo así como levantado del suelo. Entonces sombreas bien y juegas alrededor de las sesiones. Divertidos 0 13 y 50 para el Desenfoque, X e Y sólo significa que X no va a levantar aire K. Por qué significa que sólo va hacia abajo. Está bajando bastante. Está bien. A Y en términos de la B, eso es azul. Qué azul es. Si llegaste a 150 reloj, como que se pone realmente borroso. Depende de ti ver que estamos llegando al 99. Resulta que es así que voy a bajar a tal vez 50. Y si no estás contento con la fuerza, vas a dar click en este pequeño ícono aquí y ponerlo a punto negro completo. Voy a poner una imagen debajo de ellos. Probablemente ajustado como lo necesito. Está bien, eso es todo para Grady INTs y un poco de gota Shadow Blue 27. Los pros para trabajar con imágenes dentro de Adobe XD: todo bien. En este video, vamos a ver la importación de imágenes, los pros y los contras y por qué necesitas tener imágenes muy, muy grandes para soportar todo tipo de dispositivos Más adelante. Estamos exportando. Muy bien, vamos a ver las imágenes ahora. De acuerdo, así que una de las contras es que no puedes traer Pae ST o AI Files. Cuál de los Archivos nativos para photoshop e illustrator necesitas guardar archivos ilustrativos es S P. G's y los archivos Photoshopped necesitan ser guardados es J cerdos o PNG's. Entonces entran. Bien. De acuerdo, así que traerlos es fácil. Se puede utilizar la importación de archivos K o con frecuencia. Lo que hago es simplemente encontrarlos y simplemente arrastrarlos. ¿ De acuerdo? Desde el find a window en un Mac o un PC, puedes simplemente hacer el mismo tipo de cosas con una ventana. De acuerdo, ahí están mis archivos aquí. Otra forma de trabajar es la gallina retrasada. Se está conectando a las bibliotecas de la nube de crédito. De acuerdo, así que digamos que en la tienda de fotos tengo esta imagen. Lo arrastro a mi biblioteca instructor H Q y aquí en X T hunt abrió mis bibliotecas y puedo arrastrarla. Y lo genial al respecto es que hay una conexión entre los dos. Eso significa que cuando arrastré esto, vale, ¿ es este tamaño gigante? Voy a encogerlo. Y yo quería como en el y lo voy a mandar a la parte de atrás, pero su aquí no quieren una especie de voltearlo porque se puede ver por aquí está ligado si hago cambios a en la tienda de fotos. Entonces nos arrastré hasta aquí. Ya no es este tipo. Es una especie de Ranger solitario. Si consigo una ventana y voy a bibliotecas y abro, este tipo puede hacer clic derecho en él y decirlo. Si digo seleccionar todo y voy a ello, es y voy a transformar y voltear horizontalmente. ¿ Puedo golpear, ahorrar? Mira lo que pasa en el siguiente E. Podrías verlo se voltea por aquí también, Así que eso es útil, sobre todo si estás usando activos a través como, digamos, en diseño e ilustrador y después de efectos o usando esa biblioteca compartida, puedes empezar a usar un 60 para que estén todos conectados. Entonces cuando haces cambios a uno, todos van y cambian. Otra cosa a considerar cuando estás trabajando con imágenes dentro de X'd son los ojos de tesis. Tienen que estar bien. Estamos trabajando con una especie de tamaño áspero. Recuerda que está en este tipo a la espalda y este tipo, incluso por la espalda. Estoy usando mi turno de comando de atajo, Corchete cuadrado. Está bien. O controlar cambio de registro cuadrado a Duthie arreglando. Pero recuerda al otro lado de aquí había alrededor de 1400 píxeles. Por lo que sabíamos que están recogiendo imágenes en tienda de fotos. Es necesario asegurarse de que haya aproximadamente el doble del tamaño. necesitas. Se tiró una tienda de fotos. Entonces aquí puedo ir a imagen y puedo ir a tamaño de imagen y se puede ver ahí. No es del todo el doble de lo que lo necesito, pero lo suficientemente cerca para mí. Eso es lo más grande que puedo conseguirlo. Por el momento. ¿ Por qué estamos tratando de hacer dobles tallas? Es porque la mayoría de las computadoras mostrarán justo ahí versión 1400. Pero si estás lidiando con, las pantallas de Gran Bretaña llegaron así que Rigler pantallas a 72 puntos por pulgada. Pero diciendo mi MacBook pro que estoy grabando en este momento, en realidad está en 144 Ok, entonces es doble resolución. Solo necesitas asegurarte de que tus imágenes para un sitio web ese tipo de doble del tamaño que lo necesitas. Porque cuando exportemos esto al final del curso, vamos a tener una opción que diga: ¿Te gustaría guardar una versión de doble resolución? Podemos decir que sí. Si comienzas con imágenes realmente pequeñas, duplicará el tamaño de ellas. Pero ellos pixelados no se ven muy bien. ¿ Eso es con imágenes de buena calidad? Cuando se trata de teléfonos móviles, es aún más grande. De acuerdo, algunos teléfonos Android llegan hasta cuatro veces el tamaño. Tienen que ser caso si quieres apoyar esos teléfonos súper grandes, de alta resolución, que necesitarás hablar contigo para desarrollarla. De acuerdo, con vas a apoyar eso, o solo dos o tres veces podrías tener que empezar primero con algunas imágenes realmente grandes, y puedes reducirlas en X'd bien y 60 harían todo el trabajo duro. Cuando exporta los medios. El final para todos los diferentes tamaños. Hablaremos de eso. Otro video. Entonces la regla del pulgar es el doble del tamaño. Los necesitas principalmente para látigo todo bien en el siguiente video 28. Trabajar con Illustrator Photoshop InDesign en Adobe XD: Hola ahí. En este video, vamos a ver cómo usar Illustrator en Diseño y Photoshopped todos juntos muy bien con 60 plus. Haremos algunas cosas cool de la tienda de fotos donde lo convertimos en versión súper larga y diciendo con ella, OK, OK, ella se convierte a través de la versión larga. Te prometo que es magia de Photoshopped. Entrémonos y hagámoslo ahora. De acuerdo, Así que trabajar con Illustrator en diseño y tienda de fotos son todos bastante fáciles Las tiendas de fotos van a tener algunas golosinas especiales de los extremos. Esperen alrededor para eso. Pero trabajando con ilustrador, lo hemos visto antes, ¿no? Simplemente dibujamos cualquier cosa que nos guste un ilustrado Copiarlo y saltar a 60 y pegar. Sólo lo estoy usando copia. Y luego se dio un ritmo. Está bien. Y lo bueno de ellos es que de Illustrator Es Victor. Puedo doble click honrado dejar de romper cosas, Una partes que jugando con su para que algunas de las bonitas fotos con ilustrador se vean exactamente igual con en diseño. Digamos que quiero un cajón. Sé dibujar puñalada ist en diseño mucho mejor de lo que puedo dibujar cerca del programa, así que voy a usar la herramienta poligonal. Dale un ancho elevado Lados de 50 y porcentaje de descuento 10 y obtienes este tipo de llenarlo de color. Consigue este tipo de forma de estallido. Todo lo que tienes que hacer es seleccionar con el negro, nuestro it copy. Y luego Y aquí van a pegar. Está bien. mismo tipo de principios es que viene a través de su vencedor. Entonces, dependiendo de tus habilidades, acuerdo, podrías estar usando cualquiera de estos programas. Puede que no los estés usando para nada, y eso está bien. Pero si sí sabes que puedes copiar y pegar desde estos programas Súper fácil ahora, trabajando con photoshop, todavía puedes copiar y pegar. Entonces aquí puedo abrir un par de archivos y abrir tanto aquí uno y héroe imagen a y Aiken enfermo. Eso copiará en el Anexo D. Sólo péguelo, está bien, y llega a través. Entonces esa es una manera fácil. Una cosita extra que quiero mostrarte es que este gráfico aquí a menudo cuando estás tratando con sitios web, quieres una delgada muy larga porque quería especie de solo estar cerca te voy a dar tipo de ejemplo Yo quería estar sobre eso tipo de amplia derecha, Pero necesito encogerlo abajo en El problema es de un loquero lo abajo para encajar ese tipo de altura que quiero es quiero que todo su cuerpo ahí dentro vino. El problema es que me queda con, como, espacios en blanco. O bien. Maletín lateral, quiero ser aún más pequeño. ¿ De acuerdo? Entonces, desafortunadamente, te queda un poco con qué hacer con esta zona aquí. Tan cool, pequeños trucos en tienda de fotos. De acuerdo, El 1er 1 es va a tratar con este tipo. Lo primero que quiero hacer es hacer un rebanado todo y luego entrar en él. Copiar y pegar. Puedes usar totalmente tus atajos él. OK, así que lo tengo en su propia tierra. No estoy realmente preocupado por esta capa debajo. Y lo que quiero hacer es alejarme un poco divertido, comandante. Menos en mi teclado o control menos en un PC. Entonces quiero que esta herramienta aquí se llama la Herramienta de recorte. Se trata de la quinta herramienta abajo. Conseguir una barra de herramientas y lo que quiero que hagas es mantener presionada la tecla de opción en un Mac o la tecla de la PC agarrar uno de estos lados, y solo significa sostener esa tecla de opción solo significa que no solo hace un lado. De acuerdo, Sostener abajo opcional Ault significa que hace ambos lados al mismo tiempo. Yo no quiero. Algo más o menos sobre ese tipo de tamaño y golpe de retorno. Simplemente dándome un poco de espacio extra ahora llenando este espacio aquí, hay un truco mágico. De acuerdo, Lo que puedes hacer es ir a la imagen e ir al contenido consciente. Perdón. Bien, ¿no? Contenido escala consciente asumió esto. ¿ Se puede conseguir una pequeña caja limitadora? ¿ Y tú de verdad? Por la magia. De acuerdo, vamos a hacer clic, mantener y arrastrar de esta manera en su, como, ninguna manera. Y yo soy como, Sí, camino Amor contenido consciente escala. De acuerdo, ya ves, hizo que los cubos fueran más grandes. K mejor levantarlo intacto. Regresa cuando termines. Eso es escala consciente de contenido. Ahora, Canadá, donde la escala no funciona en cada imagen con particularmente buena con esta. Echemos un vistazo a otro caso de imagen que es mirar a este tipo de aquí y yo voy a hacer el sexo. Lo mismo voy a ir a seleccionar todo y luego copiar y pegar sitios en su propia capa. Aleja un poco. Agarra mi herramienta de cultivo, ve el atajo. Opción de mantener pulsado. Consigue que sea del tamaño correcto ahora. Otra buena técnica es porque se puede ver aquí es como un ligero radiante en el fondo. Entonces si agarré a decir el me caigo, agarrará eso y traté de llenar el fondo. Te darás cuenta de que como si fuera demasiado alto provoca que el Grady entre así que lo haríamos Y ya sabes, no es solo un color sólido en el fondo ahí. Entonces lo que puedes hacer trabajando en la capa superior aquí, estoy agarrando mi magia 12 que es la cuarta herramienta hacia abajo. Puedo sostener la herramienta de selección rápida hasta que encuentres la magia. ¿ Quieres hacer click una vez al costado? Mantén pulsado turno, haz clic en el estuche lateral que tienes ambos lados seleccionados, luego ve a él y ve a llenar. Está bien. Y va a por defecto a éste de aquí. Este es su contenido secreto de arma consciente relleno. Es bastante como contenido a una escala. Es como, OK, OK, agárrate tus sombreros. Haga clic. Ok, Ok. Vamos. Está bien. Ala en un de select k selectee, select. Y mira esa magia. Mira esas mezclas. Tan bueno. De acuerdo, así que esas son las dos medidas Tipo de pociones como cuando quieres estas imágenes realmente alargadas , K. Así que Phil Kaye va por defecto a contenido, relleno consciente o contenido consciente escala no funciona cada vez, pero definitivamente es lo primero que hay que probar. Está bien, así que voy a decir ambas e importarlas. Recuerda, no podemos usar PST, así que necesito hacer un ahorrador de archivos, y voy a hacer cerdos J por ambas cosas. Y voy a cambiar estos para que se amplíe imagen a barrios, súper alta calidad. Y también recordamos, lo que hablamos antes. Tamaño de imagen. Estas cosas se alegran. Esombroso. Ahora es mucho más grande de lo que lo necesitamos, lo cual es bueno gay y cierra este hacia abajo. Y lo mismo para esto ir el ahorro fue un cerdo J. Este tipo va a ser fría imagen extendida. Bonito cierre. No los voy a salvar. Y en 60 me voy a decir adiós, amigo. Tú y tú te habíais ido. Yo no traigo en mi término. INGE sólo arrastrándolos imagen extendida uno en dos y nos dio impresionante. Entonces, ¿estás ahí fuera? Probablemente seas más grande de lo que te necesito ahora. A lo mejor hizo demasiados paneles. Podría volver atrás y rehacer esos bots. ¿ Quiero saber? Oye, antes de hacer eso, envíalo a la parte de atrás. Debí haberlos volteado también mientras estuve aquí, cual servirá ahora. Está bien. Y es transformado. Se podía ver que no lo puedo hacer, pero tengo que ir a seleccionar primero. Es transformada desde Toronto. Guarda ciérralo y vuelve a 60. Al igual que este tipo, si lo sabes, usando las bibliotecas, no se actualizan. Ella va a leer, arrastrarlos y cada vez. De acuerdo, Es por eso que las bibliotecas son prácticas. Se trata del tipo de lo que busco hacer ahora. ¿ Todo bien? Y la chica que está aquí fuera. Algo que notan es que si pongo esto justo en el borde aquí Ahora click off desaparece. OK, pero si lo pongo todo el camino, da click en él. Ven aquí. Te vas todo el camino de salida. Tipo de estancias llenas. Es porque ya no forma parte de este fueraborda. Se puede ver por aquí si cocino al fondo, pero nada seleccionado tengo. Ah, página de inicio fuera de borda. Y luego tengo un pasaporte, que es todo esto. De acuerdo, así que está encendido. Es algo así como fuera de borda separado. Te vas y vas a ir por su por este. Última cosa que quiero mostrarles antes de que terminemos. No es realmente un súper duper engaño y borrar. Esto es a menudo Lo que quiero hacer es que quiero haber llegado aquí. Quiero tener texto por encima de la mayúscula. Necesito lavarlo, algunos agarrando la herramienta Rick Tingle. Y voy a dibujar un rectángulo que simplemente va como Sí, vale. Asegúrate de que encaje en la parte inferior. Podría conseguirlo recortado de este lado. Voy a llenarlo de negro. Voy a darle una frontera fuera, Ninguno para marcar. Y lo que quiero hacer es que lo voy a mover hacia atrás hasta que esté debajo de esta cosa. Está bien, Pero no detrás de la imagen. La forma más fácil de hacerlo es que puedes hacer click derecho y decir, viendo hacia atrás una y otra vez hasta que se pone en el lugar correcto. Pero se ve el corto llegar aquí en un mac, es comando corchetes abiertos en PC. Es control Registros cuadrados abiertos. De acuerdo, entonces veo mi tiempo simplemente tocando el teclado. Probablemente me escuchas para que suceda. ¿ De acuerdo? También lo puedes ver en tu panel de capas aquí. Cuidado cuando apenas estoy sobre esa imagen. Pero debajo de esto, lo que voy a hacer es bajar la opacidad, acuerdo? Es sólo una buena forma de tonterlo, King. Solo para que puedas agregar texto o, en mi caso, un par de iconos. De acuerdo, así que eso es trabajar con ilustrador en diseño y algunas cosas súper impresionantes en la tienda de fotos. Ah, sí. Nota al margen. Tengo cursos sobre todo específicamente sobre y diseño e ilustrador y foto tienda. Por lo que puedes echar un vistazo a esos también si quieres ponerte más al día con los de la derecha en el siguiente video. 29. Cómo enmascarar en Adobe XD: Hola ahí. En este video, vamos a buscar hacer máscaras, cómo crearlas, y después las había terminado después. Dragón alrededor, vuelve a salir. El derecho de máscaras viejas totalmente irritable, encantadoras. Ve a hacer esos ahora. De acuerdo, entonces hay dos formas de enmascarar. Es bastante fácil. Tengo una imagen que han importado tempranamente m agarrar el círculo tour. Voy a arrastrar hacia fuera un círculo perfecto sosteniendo turno, Arrástrelo a través de slick. Ambos llegaron sosteniendo turno y haciendo clic en ambos y luego van a objetar e ir a hacer máscara con una forma gay. O ahí está el comando de atajo. Cambiarlo o controlar. Cámbialo, Hombre, que enmascarado. Y lo bonito de ello es que puedes hacer doble clic en él y puedes ver que puedo mover mi imagen separada de mi máscara. De acuerdo, si necesito hacer clic y la mezquita regresa pandilla y deshacer, así es como quiero a la muerte. El otro modo de hacerlo es decir que tengo un círculo con el que empezar, y si arrastro ese gráfico dentro de él, así que ahí está mi imagen extendida, realidad solo puedo usar mi imagen de héroe. Uno. Si arrastro eso directamente a X'd. De acuerdo, puede ver que se convierte en la escena al ahora. La diferencia es que ésta ahora está usando, como, una opción de cubierta donde se expandirá y se contrata para llenar dentro de esto con esta original de aquí abajo es Aiken. Separe la máscara en cosas diferentes con la imagen de la forma de pantano. ¿ Dónde está éste de aquí? Ese tipo de fusionados que hacer con el Phil, puedes ajustarlo dentro de aquí y arrastrarlo por ahí. Es necesario utilizar este método. Puedes eliminarlo a partir de ahí simplemente yendo a rellenar y simplemente escogiendo un color de relleno, y lo anularán. De acuerdo, entonces dos formas hacen órdenes dragón dentro de una, y tienen tipo de propiedades diferentes. Supongo que voy a borrar a este tipo de aquí, y eso es todo por mezquitas. Yo sólo voy a terminar un pequeño proyecto aquí. Voy a dibujar algo que cubra su llenarlo con mi color, lo envié a la parte de atrás. Dada nuestra frontera, voy a agarrar aquí y simplemente moverme a través de un poco, tener imagen real y arrastrarla un poco, y voy a traer un montón de imágenes y dibujar algunos errores para que puedas saltarte ahora porque esto se va a poner aburrido. Importa toda la señorita que estás siguiendo y quieres ver cómo se ve. Caso voy a conseguir archivos de ejercicio, obtenemos imágenes, y voy a traer todos estos logotipos aquí. De acuerdo, Un poco apareció todos los tamaños diferentes. Diversión, k ultra fuerza abajo. Entonces están en la tabla de ritmo y los arrastran a todos como los necesito. Y lo genial de que sean víctimas Kors, P G's es que eso es escalable. Está bien. Y puedo hacer doble click para meterme dentro de ellos supone fácil acercar. Doble click. Kevin. Esperaba en un poco allí. Entonces ya tengo todo seleccionado, y te voy a agarrar. Ese va a ser mi 1er 1 Eso es lo que un miedo vas a tener que ser blanco también. Manteniendo turno para asegurarse de que escalen proporcionalmente tú a mí. Lo que podría hacer por el in es en agruparlo y agruparlo. Está bien. Termina manteniéndolo agruparlo. A veces necesitas hacerlo un par de veces y así puedo borrar este columpio. Yo sólo quiero el ícono. No soy fan de tu nueva libra. ¿ Te refieres a que me gustas? Nadie de ese color rojo. A lo mejor soy yo. Está bien. Loco con este tipo va a desarreglarse tiempos cargados. Te voy a agarrar y a hacerle qué? Y ya verás que estas dos partes aquí. De acuerdo, quiero que en realidad haya un agujero en el medio, así que como hicimos esto antes. Voy a mantener turno, haga clic en ambos, y usaré este de aquí. El 2do 1 frente menos. Está bien. Para cortarle un agujero. Y estamos haciendo iconos. Tengo el 100% para asegurarme de que los estoy consiguiendo una especie de buen tamaño ish. Y yo no lo soy. Todo es un poco grande por el momento. Se puede cantar una melodía. Continúas panel de capas apagado solo para asegurarte de que tienes suficiente espacio. Lo que voy a hacer es agarrar todo esto y voy a encogerlo considerablemente porque he estado trabajando demasiado grande, asumiendo demasiado lejos ahora. 100%. Eso es una especie de lo que busco hacer. Los consigues, asegúrate de que mientes. obtiene de esta manera, encontrar todos mis iconos que tienen capaces y obtener el tamaño correcto ish tratar de elaborar algún tipo de diseño para que se vean como ese tipo de zoom a través de las acciones de habilidad allí. Cualquiera que no tenga una Nikon, lo tienen. Pero es realmente irreconocible. Entonces tienes que ir por ese lado. ¿ Por qué? Porque quiero dibujar algunos errores. Caso. Voy a usar esto. Las herramientas de línea. Más fácil. En este caso, iba a tener una línea blanca, tal vez tres. Si querías un error realmente bonito, quizás tengas que saltar realmente y encontrar una visión Nikon. Él es yo conducía un robo de grúa. Ese no roba el peso estricto. En realidad, lo que podría hacer en lugar de hacer un poco puntiagudos cuando voy a hacer un triángulo propio , me sentí blancos a la frontera off golf picnic on Obtener todo el asunto. El gran miembro en realidad siendo 100% ahora, uno de atajos para obtener el 100% es comando uno, vale. O controlar uno Eso saltará 200% perfectamente. Para que no cambies cangrejo abajo. Estar a través de ti no te muevas. Agarra y quiero un par de estos tipos. Yo quiero que veas, lleves. Una especie de ir alrededor de ese círculo de ahí. Tengo que jugar con este poco más adelante porque no quieres verme tocar en esta cosa. Entonces lo que quiero hacer es algo así. Entonces tenía la cabeza adentro. Al menos te has saltado totalmente ahora al siguiente video. Tenerte a ti, Dan jugando con líneas. Está bien, eso es lo que yo iba a buscar. Probablemente no esté del todo bien. Ah, sobre todo este Hunos Únete Casi la cosita que voy a hacer antes de irme es que quiero entrar aquí círculo 100%. Yo quiero tener frontera de blancos, tal vez dos k sobre algunos iconos que puedes traer por lo que las importaciones de archivos. Y en tu carpeta de iconos, hay uno llamado mute. Ah, Bueno, ¿te vas? Sí. Oficina de volumen. El que quiero esto aquí para indicar que así Ah, reproducción de video. Puedes unm te teta De acuerdo con la cámara de video más temprano. Pero haga doble clic en él para entrar. Cambia el color blanco. Voy a añadir un poco de texto Caja negra para que se siente en Phil Border None. Capacidad baja. Ponte a alinear con este tipo hasta que esto va a decir que hemos visto giro. Eso va a ser una explicación. Video foto reproduciendo con mu habilitado para que el usuario tipo de sabe eso. Eso es lo que sucede a menudo se pone entre corchetes para que sepas que no es una especie de mercadotecnia. Habla que es una especie de mawr justo ahí para ayudar a que el usuario las pruebas vaya gay se siente blanco artillero . Voy a dejarlo. ¿ Cómo, Vereker? Porque quería no parecer como si fuera parte fuera. Los actuales diseñadores querían ser como un poco de teatro de piezas de información en este momento. No se pueden hacer videos dentro de X'd. Está bien, eso va a ser. Había una gran parte vieja de producción al final de Tath's OK, pero sí, aprendimos un poco de cosas sobre cómo hacer mezquitas al principio. Recuerda, aquel entonces, probablemente sea hace 15 minutos. Obtienes una estrella de oro por vigilar hasta el final. Está bien. Al siguiente video 30. Video de producción para integrar los botones de texto en Adobe XD: Hola ahí. Y este video va a ser un video de producción. Entonces solo vamos a pasar y hacer algunas cosas, y lo que voy a hacer es lo de la parte superior aquí, donde agregamos algunos tics, campo algunos botones, y arrastramos esto un poco hacia arriba. Hacer algún medio Está en su lugar titulares. Y miramos esto, que es realmente genial. Es característica de ladrón solicita por extra tus bichos. De acuerdo, Es una forma para que sigas adelante con el usuario y digas que realmente necesitamos subrayar y arriba votados. Está bien. Y mira a los otros y sobre lo que piensas porque lo que llegue a la cima del montón de votos, lo hará a continuación Adobe 60. Gay. Tan práctico cosita para entrar y decir que sí, necesitamos estas características. Rápido. Inteligente. Muy bien, vamos al final. De acuerdo, así que aquí arriba, voy a sumar. Algo así como marketing llamado a la acción y probablemente emite Fairplex. Robárselo. Está bien. Y éste es rápido. Tous conducir rey fuera fácil en el embarque. Está bien. Ella va a algún lugar en medio de la página. Puedes ver si lo arrastras y te acercas al medio. Siguiente es bastante inteligente, acuerdo? Asegurarme de que también estoy trabajando al 100%. Está bien. Y solo para que tenga una idea de lo grande que es esta cosa moverse dentro del documento, mantienes pulsado el espacio spot y puedes hacer clic manteniendo presionado drag. Está bien, así que voy a construir un campo de garrapatas. ¿ De acuerdo? Podrías saltar a algo así como los materiales gay o Microsoft o algunos de los marcos de alambre para obtener ideas de cómo debe verse el marco de las garrapatas. Pero en realidad, el cuadro predeterminado termina luciendo bastante. bienes consiguieron el tipo de línea correcto alrededor del exterior. Lo que voy a hacer es simplemente cambiar el radio para que sea de dos píxeles para que coincida con el resto del estilo de esto pasando a una simple sombra de gota. Estoy contento con cómo se ve eso, y voy a agarrar mi herramienta tipo click una vez, y esto va a decir nombre tu curso. Está bien con ello. Seleccionado en Abrir mi panel de activos y necesitas ser mi 16. Agradable. Lo que podría hacer es porque es un campo de entrada. Es aspecto de la ley, pero bonito. Si o lo cambiamos a gris o simplemente bajamos el pasaje A e Así que es como desmayarse ahí, así que, ya sabes, puedes teclear sobre la parte superior. Lo que podría hacer es Boris de las cosas del marco de alambre. Ahí estaba la esposa cuando hicimos, um, te tengo. Yo te quiero. Sí, son pedacitos aquí los que quiero. Copiarlo. Y trae esos pedacitos. Principalmente. Yo solo quiero que lo hagas Vas a salir al aire. Vas a ir a algún sitio con él. Entonces plus, ¿ Y qué va a más? Voy a pedir prestadas las llaves del este por la parte superior de aquí, si ladras a los dos dulces y a los chicos. Muy bien, alguna razón cuando él va a decir subir, sube tu solo subir video. Está bien. Tengo que conseguir estos alineados fue bueno cuando va a uno con ese tipo. Este iba a decir que estoy diseccionando estos con un negro nuestro y solo usando mi custodia moviéndose a través en éste, va a decir vista previa enfrentando un poco. Está bien. Y vamos a tener una casita de verificación. Puedes marcar tu propia versión. De acuerdo, así que sólo va a ser esta forma de turno de espera. Dibujarlo Rick Tango. Es un cuadrado perfecto, así que downshift mientras lo estás arrastrando hacia fuera, cuenta cuando él es realmente cambia para decir que muestras bien y nos va a llevar a un punto donde, como, no hay subyacente derecha, así que tiene un texto bastante básico. Faltan un poco las opciones, por lo que no hay subrayados. Sólo estoy dibujando con la línea hasta ahora. Y cuando se trata de estas características, hay algunas que son súper esenciales que realmente quieres y no puedes creer que no tenga. Entonces lo que debes hacer es que necesitas saltar para mostrarte que es el sitio aquí. OK, entonces es adobe X'd dot user voice dot com Saltar a la A, y es una forma de que vayas en cosas de ranking. Entonces aquí, si pudieras seguir buscando escribes y subrayas bien en una búsqueda, encontrarás que punteadas garrapatas subyacentes y garrapatas de Lyme. Entonces hay algo es, ya sabes, necesitamos poder hacer esto, OK, OK, y puedes arriba votarlo gay para que los desarrolladores de X D OK, puedan tener una idea de lo que hay que hacer primero por el votos. De acuerdo, Así que puedes ver estas características significan iniciado, lo cual es agradable. Tal significa que hace un poco, Así que debe hacerse pronto. Está bien. Y puedes agregar tus comentarios aquí y abusar de ellos por no hacerlo. Eso es lo que parece ser para gay. Así que sé amable. Siguiente, Vosotros chicos. Agradable. He conocido a algunos de los desarrolladores de X d, y son chicos realmente amables. Simplemente tienen mucho que hacer. Es un producto nuevo. La otra cosa que podrías hacer es solo estar un poco de tiempo mirando a través y simplemente están votando las cosas como aquí dentro. Esto realmente quiero. Casey, basta con dar click en votar Edri, dirección de correo o firma y redes sociales. Está bien. He votado por montones de estos hasta ahora, pero este de aquí realmente quería, así que puedes como, como, tener cosas como una navegación pegada a la cima. Entonces cuando estás deslizando, no se mueve. Es realmente bueno para APS, ¿de acuerdo? O burlarse de una siesta. Está bien. Volver a extinta. Un par de cosas que quiero poner en orden y un zoom es que quiero que esto en realidad sea parte esto y probablemente voy a sólo esto. A lo mejor podemos ajustar nuestro rey máscara. Entonces voy a hacer esto grande. Acabo de hacer doble clic en la chica de ahí, y voy a asegurarme de que sea lo suficientemente grande mi nueva plaza y va a estar en realidad en la plaza Niza. Y ustedes chicos, un pequeño truco cuando estoy seleccionando algo es un arrastrar una caja alrededor de todo y luego sin aislar los dos que no quiero ¿Cuál de estos dos manteniendo pulsado turno. De acuerdo, Es solo una manera fácil de agarrar todos los casos como todos y luego mantener pulsado el turno y hacer clic en ambos . Después te dieron el seleccionado. Y si te agarras en el medio ahí, podemos hacer que te pongas agarrando un montón de cosas a la vez. Lo siguiente que quiero es que aquí va a haber nuestra caja. Eso tiene que especie de listas que estamos usando en el producto le dio al cliente quiere no voy a hacer esas todavía. Voy a agregar un poco de lugar más viejo, Así que lista de instructores instruct list is irá aquí. Está bien. Entonces nada especial. Tan solo un poquito de marcador de posición para poder seguir adelante con mi diseño. Otra cosa que voy a hacer, facilidad, facilidad, agarrar el borde de la misma, conseguir el doble. Haz clic en él y solo haz que esto sea mucho más largo. Muy bien, tan bonito. Fácil uno. Sigamos con la construcción de nuestro tablero de instructores a continuación. 31. Cómo hacer un modelo de popup en Adobe XD con fondo borrado: Hey allá, en este video, vamos a hacer que esto esté bien, Page donde el fondo se ha desvanecido en la oscuridad y aparece esta pequeña modelo pop up . Vamos a aprender a hacer eso. Ahora, en adobe Extinct. Muy bien, Es lo primero es, voy a duplicar esta página aquí. Hay montones de formas de hacer esto. Puede seleccionar la palabra página principal copiar y pegar. Pone otro a su lado. Puedes sujetar perno y arrastrarlo a través. Está bien. Puedes ir a tu panel de capas y hacer clic derecho en la página de inicio y decir duplicados. Todo lleva a una nueva página. Gracias. Extintos. Está bien. Ya me voy a sentar, sólo porque me gusta un poco de brecha en los jóvenes y renombrar este de aquí. Esta va a ser mi decisión pop up. De acuerdo, Entonces lo que quiero hacer es que la gente haga clic en este botón de vista previa y luego tenga nuestras opciones para decir, ¿Te gustaría verlo como estudiante o como instructor? ¿ Ir? Y lo que me gustaría hacer te gusta empezar por ahí. Yo quiero rebanar todo esto. No hacer nada. En realidad, lo que quiero hacer es agarrar el rectángulo. Va y Dropbox sobre Va a estar bien? Voy a dibujarlo sobre todo. Camino abajo hasta el fondo. No voy a tener frontera. Dale una porquería negra y voy a ir a segundo plano. Desenfocar este caso de opción genial, un desenfoque de fondo. El tech on solo sopla todo detrás de esa caja que hicimos. Ahora era negro, y obviamente ha desaparecido. Ahora es lo que puedes hacer, ves, es su capacidad, solo como en este momento es completamente ver a través para que puedas hacerlo un poco más opaco y decidir qué tan oscuro quieres que haya en difuminar el fondo. Es una forma muy rápida de como este pequeño pop ups va a un tipo de justo, como desvanecer el fondo e imitar algo así como un pop de Ajax. Entonces lo que voy a hacer es alejarme un poco. Voy a rebanar todo ahora diciendo, y voy a cerrarlo. Por lo que el mando Al es el atajo. Todo está bloqueado para que cuando esté trabajando en mi pequeño pop up Motile. No va a tener problemas. Entonces voy a hacer un poco de modo pop up temprano, ¿de acuerdo? Va a ser esto va a tener una sombra de gota. Probablemente va a tener una sombra de gota más grande. El caso normal voy a hacer seis por seis y un desenfoque de tal vez 16. Ya ves, es sólo una sombra de gota más grande Y para que sea realmente obvio y destaque en cuanto a la cruz, y puedo o tirarla de mi marco de alambre o miembro de la hoja de pegatinas del material de Google . De acuerdo, Aquí hay algunas cosas realmente bonitas en la parte superior izquierda. Caso lo iba a agarrar, copiarlo desde el otro lado No a éste. A éste. paseó un ritmo. Muy bien. Sí. Está bien. Y asegúrate de que estoy trabajando al 100%. Vale, Te das cuenta de que es un modo grande lo haría en grande. De acuerdo, voy a sacar algunas garrapatas de aquí de lo que los estudiantes ven lo que tú ves. Y mi grava de esta copia tenía lisa y la estilizó. De acuerdo, entonces nuestro texto va a ser nuestros 16 activos tan respaldados y vamos a ir a 16. Estos botones de aquí van a ser de robarle. Entonces te quiero a ti. A lo mejor puedes hacerlo. Se copia y lija esta tala ir lo pega apariencia. Ahora eso no funcionó, porque esto en realidad está agrupado para desarreglarse y solo selecciona el cuadro azul porque tenía tanto el texto y no sabía qué hacer. Apariencia de pasta gay. De acuerdo, bajo el Mismo con éste. Esto ya está separado. Apariencia basada en piezas. Cambia este 12 fuera verde. Ahora, sólo me falta por ahí alinear estos, tratando de que se vean bonitos, Así que ahí se ve bien, tal vez, pero más alto pero más pequeño. Y tú subes a la esquina aquí, acuerdo? Y eso es todo lo que quiero. Pan, el fondo hizo un poco de pop up cosa que no está del todo en el centro. Lo bueno de ello es, pesar de que estos están todos bloqueados y los seleccioné Parece que tengo todo. Selecciona Si solo empiezo a arrastrar esto, puedes ver que simplemente se quedan bloqueados. De acuerdo, Entonces voy a agrupar esta cosa si agrupo, me da, como las opciones. Ves esa línea morada que apareció Así que sé que está en el centro. Está bien. Y ese va a ser este video. Vamos a hacer el tablero de instrumentos para la página del instructor. 32. Crear un tablero de una tarjeta de columna con una columna utilizando la herramienta de cuadrícula de repetición de Adobe XD: Hey allá, en este video, vamos a ver cómo crear este tablero instruido basado en una cuadrícula de 12 columnas. Vamos a apagarlo para que se vea bonita. Hará todo esto, luego lo transferirá a nuestra página principal y haremos algunas cosas divertidas donde volamos los botones de fondo y ed y hacemos cosas geniales con símbolos. Muchas cosas que cubrir en este video. Adelante ahora y hagámoslo. De acuerdo, entonces esto es lo que estoy construyendo aquí. Por lo que ahí está usted da click en este botón. Te muestra la vista estudiantil que no estamos construyendo porque el cliente somos nosotros. Eso no es demasiado. Ya tienen que hizo su este instructivo. Tú quieren que construyamos. Entonces lo que haremos es que podríamos hacer una nueva página, pero porque ya hicimos que la cuadrícula de 12 columnas se meta en este 1er 1 queremos asegurarnos de que estamos duplicando eso. Por lo que realmente no importa si duplicamos decisión pop up porque tiene ALS, la página principal, bits y piezas. Y entonces lo que voy a hacer es mirar en esta pasta de copia. Ahora quiero que se separen perfectamente. Por lo que están todos separados en el orden correcto en Hacer lo que pasa es si agarro el título aquí y veo a este dragón a través, conseguirás esta bonita caja grande magenta alineándola. Eso no aparecerá si, digamos, no puedo ver esa brecha y lo arrastro. No sabe a qué me refiero. Por lo que hay que poder ver de la brecha. ¿ Puede alguno de los pasos por aquí para que esto realmente haga su magia? De acuerdo, así que encontrarlo no está funcionando, tengo que alejarme un poco, Co Así que nombramos a este aquí. Esto va a ser instructor de deporte. Enfriar. Entonces lo que voy a hacer es que voy a rebanarlo todo. Eliminar cuál era su OK? Que es mi justo mi móvil. Vamos a rebanarlo todo e ir al mando. L lo desbloquear, elimínelo. Y ahora quiero ir a mi panel de activos y lo verás porque no se vieron caóticas semanas internas Guys on. En realidad, es más fácil solo seleccionar la parte superior. turno Weinhold tomó la parte inferior de un caso superior un cambio de corazón, haga clic en la línea inferior y luego golpeó comando semi colon en su pastel de teclado. Entonces ahora tengo mi cuadrícula de vuelta s para poder empezar a usar eso para construir mi tablero. Otra cosa que quiero hacer es que mi navegación en la parte superior sea un símbolo. De acuerdo, así que necesito esto porque quiero volver a usarlo, y quiero como símbolo quería poder ajustarme una vez a través del símbolo, y todos se actualizan en las otras páginas. Por lo que he seleccionado el centro comercial. Aguanta, turno, haz clic a este tipo. Entonces tengo todo esto seleccionado. Voy a ir a mi s. es panel. Y voy a decir que quiero que tú, amigo mío, seas un símbolo Ahí están ahora. No importa si arrastro esto, ¿de acuerdo? Y alinearlo o simplemente copiar a este tipo ahora, porque es un símbolo y hago clic en esta página, pegarlo. Entra al punto exacto en que lo necesito, lo cual es genial. Entonces cómo voy a romper esto, voy a romper este 12. Colin se rompe en cuatro secciones con bastante facilidad. De acuerdo, así sucesivamente, vamos a hacer tres. Esa va a ser la navegación izquierda para el instructor y luego usaré los siguientes nueve para mi tarjeta. Entonces voy a construir mi tarjeta para que podamos ignorar la primera calle, porque va a ser mi navegación. Voy a agarrar mi rectángulo a y voy a dejar de construir esto fuera. Está bien, yendo a la cruz tres ahora. Asegurarse 100% bien. ¿ Y qué tan grandes necesitaban estar aquí estos autos? Eso es acerca de lo correcto. Voy a tener una sombra de gota. No hay frontera sólo porque voy a agarrar el talkto una vez. Además voy a hacer que sea el verde. Ponle un pequeño círculo a su alrededor. Acercar, mantener el turno, Obtener un círculo perfecto. No, Phil Green frontera en remolque. Nada funciona si no funciona porque lo tengo seleccionado. atornilló el negro un clic derecho en este tipo, luego no tener Phil y tener una frontera verde. ¿ Y cómo? ¿ Por qué? Yo quiero tratar de igualar el plus. Entonces tal vez dos van tippy tap, tap, tap. Haga clic. Ambos sosteniendo turno. Entonces agruparlos comando g bien. O controlar Geoana pc. Volver al 100% que es el comando uno. Está bien. Y es todo grande. Entonces baja. Es más pequeño doble clic en él para ir dentro del grupo. Voy a darle un click en él y sólo una especie de, como, alinearlos en el medio. Y esto decidí cambiar de opinión y hacerlo uno. Está bien, así que ahí está mi pequeño botón plus simplemente no bastante alineado. Entonces voy a dar click en ti y tú y ambos en seleccionados. Voy a asegurarme de que tengamos tus líneas y tus líneas. El arriba y abajo no está funcionando bien, porque en realidad es una fuente. Entonces hay un poco de extra la parte superior, pero de manera diferente. Trabajo horizontal muy bien. De acuerdo, así que atrás 100% voy a agarrar mi tipo hasta que me voy a asegurar que esté perfumado. Porque si no lo hago y lo hago a la izquierda alineada, eso va a estar bien. Pero cuando empiece a ajustar esto cuando lo repita, voy a tener que seguir moviendo esto por ahí porque quiero que nos envíen su want click one. Voy a asegurarme de que esté perfumado. Este va a ser el ingreso mensual recurrente. De acuerdo, pega que todo haga clic en nuestro roboto que va a funcionar en el centro de esto va a ser mi tipo de opción más grande. De acuerdo, Todavía parece que es bueno. Y el sol va a mostrar lo que es mi actual ah, ingresos recurrentes. Y lo que haremos es dejar de jugar con nosotros. Va a ser diferente a todos estos otros. Por lo que va a empezar con los efectos grandes en. Pero quiero que éste sea audaz. Vale, No negrita va a tener que ser libro, en realidad, porque no quiero soplar mis fuentes. OK, entonces él va a ser este va a ser mi color encantador. Genial. Va a haber un poco de garrapatas explicativas por aquí abajo, o esto iba a decir arriba 9%. Esto es el mes pasado. ¿ Qué podría si eso sólo el tipo de sala de juegos con el tipo de jerarquía de información como simplemente podría hacer eso como un color más claro en lo que quiero simplemente mover un poco a la izquierda, porque en realidad, qué Yo quiero hacer es poner un poco de flecha arriba o bajar el aire , y en realidad, quiero esto En lugar de ser gris, quiero que sea verde si va bien y tal vez lea si va mal. Siempre se va a ir. Bueno, voy a agarrar la flecha de tal vez pegar una hoja Gay de Google tiene cualquier área correcta, pero podemos arreglar eso, Pegado aquí y girado alrededor sosteniendo turno. Cuando estés girando, se asegurará de que gira y especie de, Ah, Ah, 90 grados o ángulos de 45 grados vinieron usando mi Eric Es para empujar esto alrededor. Lo que yo podría hacer es que esto ha llegado como, uh, bien cuando está seleccionado y no se puede ver en las entrañas de sus medios, es probablemente grupo o es un símbolo. De acuerdo, entonces todo lo que voy a hacer es ir a objetar e ir a rezagado. Ahora es un par de ella. Entonces es que Plus es una línea alrededor del exterior. No quiero una línea alrededor del exterior. Yo sólo te quiero. Yo quiero que muestres verde para siempre. A lo mejor la cubierta está de acuerdo, y quiero subir el porcentaje. De acuerdo, Decide de nuevo. Verde más claro. Está bien. Entonces pasaste años diseñando uno de ellos, ¿verdad? Gay y ya sabes , son tres columnas. Entonces lo que vamos a hacer ahora es multiplicar esta cosa hacia fuera esas cantidades. Ver todas las columnas que voy a resbalar. Todo esto llegó. Tengo que ir a repetir puente, y voy a arrastrar a través, y sólo quiero tres de ellos. ¿ Y cuántos abajo? ¿ Y cuatro de ellos? Genial. Entonces voy a jugar con el espaciado y un zoom y tratar de conseguir que el espaciado coincida con el fondo Cerrar lo suficiente. Está bien. Voy a tener justo esto en un enfermo y no se puede chasquear a las cosas de fondo que eso tendremos que hacerlo manualmente. Pero para ser honesto, necesita ser 12 columnas, pero no pixel absoluto. Perfecto. Porque esto es algo que se va a recrear en código más adelante. De acuerdo, así que voy a hacer que parezcan. Está bien. Entonces llegas a un punto en el que te gusta ahora podrías pasar y decir, en realidad, quiero solo este doble clic en éste y ir a usar una melodía, ¿de acuerdo? Y el giro por el momento es del 15% pero es para mis cosas. De todos modos. Usamos una oportunidad bastante alta, y vamos a llegar a un punto ahora donde digo que quiero cambiar esto para deshacerme porque arriba usando cadenas va a estar arriba para algún mes pasado iba subiendo 3% 3% arriba en base al mes pasado. Pero eso es malo. Usuario aparece como mal mensual. aumento de los ingresos es impresionante. Entonces lo que quiero hacer es pasar por aquí. Nos vamos a encontrar con un problema. Donde tienen los seleccionados y quiero ir y cambiar esto a, digamos, digamos, Big bright red Letter state. Todo cambio. De acuerdo, así que hay cosas como texto que puedes cambiar como cambiamos la melodía del usuario. Y eso no se actualizó. Pero encontrarás rápidamente que eventualmente necesitas dedo del pie sin arreglarlos o delinearlos. Lo malo es que nunca podrán ser así de simpática cuadrícula repetida. Podrías ser capaz de arrastrar más de pulgar, pero ahora con ellos seleccionados, acuerdo, puedo pasar, y todas son partes individuales. Y eso es lo que necesitaría. Ahora necesito que puedas tener un selecto sobre él. Está bien, Está agrupado. Está bien. Por eso no puedo seleccionar sólo en el Spitzer, el grupo de roles. Entonces lo que voy a hacer es o hacer doble clic en él, ¿de acuerdo? O podría uno agruparlo. Voy a ir a Big Bright Rid Morning abrigo. Y lo mismo para el relleno de esto. Lo que podría hacer es agregar que deshacer a mis colores reutilizables. Grande, rojo brillante. De acuerdo, voy a pasar y llenar esos todos y voy a hacer eso y acelerarlo. Lo que quiero hacer es trabajar en la mano izquierda nunca tan a menudo. Cuando te metes en, como, lado administrativo de las cosas, tendrás un top. Nunca agradable, simple, fácil para todos. Y luego en el lado izquierdo está, ¿potencialmente tendrá una secundaria? Nunca. Y eso es lo que vamos a tener. Entonces voy a agarrar mi herramienta tipo funcionando 100% gay, final y negro. Nuestro espacio por droga a través. Tomó una vez, y voy a tener en la parte superior aquí el tablero de instrumentos. Está bien. Usaré una de las cosas. Lo alinearon en la parte superior de esto, y ahora voy a pasar y agregar las diferentes opciones para este panel, y no hay puntos de bala. Entonces lo que puedes hacer es salir a usar un final de voz en eso. Te mostré una actualización. Se trata de una característica o simplemente mantenga presionada la tecla de opción y escriba en un Mac o voluminoso en un PC y escriba ocho. De acuerdo, el número ocho en la parte superior de tu teclado que te dará una bala falsa. Está bien. Y voy a ir a usos, Y voy a ligar esto y recoger mis 16 para mi copia corporal. Y en lugar de ponerle retornos y poner la siguiente, Vale, lo que quieres hacer es tener cajas separadas, porque si hago esto y tengo montones de devoluciones, no puedo tener esto. Cuando me dieron un prototipo es más que un solo botón para ir a otra página. De acuerdo, así que todos los navales terminan en una sola página. Lo que quiero hacer es tener mucho diseño de inspector. Yo quiero duplicar esto. Y ahora voy a ir prototipo. Podría decir que este botón va a otro lugar diferente a esta página. Entonces el único libro de texto que no está permitido. Entonces aquí dentro, voy a pasar por red esto. Haré que Jason acelere esto. Gracias, Jason. Casey, estás de vuelta. Y lo que quiero hacer es si no sabías si mantienes la flecha negra click manteniendo pulsado empezar a arrastrar. Y después de que comiences a arrastrar presionada la tecla R en un PC u opción Chiana Mac, obtendrás como un duplicado. Y si lo arrastras lo suficiente, verás que esas encantadoras cajas magenta recogen y dicen: ¿Te refieres a 16? 17 pixels y dices Sí, por favor lección fácil. Hay un duplicado, como en ilustrador. Se puede ir a ella. Duplica comando D. De acuerdo, así que eso es probablemente en realidad más rápido comando de opción e para arrastrar esto hacia fuera. Comando E. Y simplemente duplica la cosa. Tienes que arrastrarlo. No hace exactamente como ilustrador, donde tipo de escalones también. Pero puedes duplicar o copiar, pegar o arrastrar como acabo de hacer. Sé que este tipo de navegación como instructor van a aparecer en muchas páginas. Entonces lo que quiero hacer es lijar eso todo y asegurarme de que sea un símbolo por aquí símbolos para que cuando lo actualice una vez, se actualice en todas las páginas. Si has olvidado cómo actualizar mientras estamos aquí Ok, ahora tengo dos de estos, ¿de acuerdo? O incluso tres de ellos. Significa que si entro en este 1er 1 decir, en realidad, no vamos a llamarlo. Los usuarios lo iban a llamar gente gay, y nada cambia eso es bastante único. Pero si hago clic fuera, haga clic atrás a la derecha, haga clic en él y diga actualizar todos los símbolos. Ves estos vienen para el paseo. Entonces por eso estoy deshaciendo ahora. Y por eso los símbolos son útiles para, como, la naturaleza superior de esta cosa aquí. De acuerdo, entonces hay un par de cosas que quiero hacer antes de irme. Y eso es una especie de las agallas principales de la misma. Hecho. Voy a pasar y ajustar estas cajas y un poco. Voy a apagar estos. Selecciónalos todos porque los he usado para conseguir nuestras encantadoras rejillas de columna. Por lo que sabemos que podría desarrollarse más adelante fácilmente. Pero he seleccionado todos estos en comando semi colon. Esas ya están apagadas, así que puedo ver cómo se ve y qué quiero hacer por estas páginas. Quiero cambiar completamente el color de fondo porque me gusta este tipo de cajas blancas, pero necesito tener un poco fuera de contraste en el fondo, así que todo lo que haces es si haces clic en el borde, tipo de propiedades de página que doble clic la edad. Ya ves, apariencia Phil significa que el color de fondo se llena. Por lo que hago clic en esto y solo escojo como, un blanco realmente claro. ¿ De acuerdo? Mi incluso editar a mis muelas aquí abajo para poder reutilizarla más adelante. De acuerdo, solo para sacar esos de los casos de fondo, un par de cosas que quiero hacer antes de irme. Son estas dos cajas de un tipo de combinación de dedo del pie una vez e Internet se apagó en un grupo. Este, va a ser de doble altura, ¿de acuerdo? Y ahí es cuando va a ser Alistair como suscriptores recientes. Entonces si eres un tren y puedes ver a la gente que acaba de apuntarse tan recientes suscriptores y ya ves lo útil que es asegurarte de que estaba perfumado antes de que empecé a trabajar porque siempre va a escuchar de parece que de otra manera salió la línea pagando la bomba. Está bien, quiero que te vayas. Yo quiero que te vayas. Yo quiero que te vayas. Y ahora necesito crear algunos suscriptores recientes. Un truco realmente bueno para eso es si saltaste un sitio web llamado Hay un montón de ellos. Si tecleas generador de nombres aleatorios, encontrarás lotes. Y este es el que siempre termina todavía Y tú dices que quiero 10 nombres o nombres masculinos y femeninos estilo. Yo solo quiero nombres realmente comunes K y generar nombres aleatorios. Y uso esto para especie de poblar conjuntos de datos para mis simulacros. Hace la vida realmente fácil. Entonces voy a agarrar todos estos, tirarlo aquí, y voy a hacerlos en realidad sólo un gran libro de texto porque no planeo ser estos clickable en este simulacro arriba. De acuerdo, así que voy a agarrar todos estos. Voy a asegurarme de que 100% algunos mezclados de diseñar estos, ¿ verdad? Y lo que podría hacer es hacer que todo dejó la línea esta pestañas y manos. No lo que quiero, espacios. Ahora, puedes ayunar un poco, Jason, Jason, hasta el final de esta cosa del diseño que cuelga para después. Ahí está Mawr. Viene cosas interesantes, pero vamos a estar así, acuerdo? Mi espalda y lo que quiero hacer es que quiero tipo de uno de estos. Estos dos últimos, vamos a estar descargando la app, y lo haremos en un segundo en esta de aquí. A mí me gustaría ser, como, un poco porque hay un producto nuevo. Yo quiero tener una pequeña opción que diga, Ah, si tienes una gran idea por email caso de EU, voy a deshacerme de ti. Cúrate. Tú. No necesito esto. Un pequeño botón extra para éste. Voy a poner un botón grande, y sólo voy a robarlo de esta página. Tú, arriba de ti Todo está agrupado en grupo tú. Por favor, copia. Ve. Y tú estás en el ST Ah, lindo. Bonito. Bonito. Esta va a ser peticiones de funciones. Solicitudes de característica. Enfriar. Sí. Bien hecho. Viejo por droga de un lado. Tipo de va a ambos lados u opción en el mac. De acuerdo, esas van a ser mis pequeñas peticiones de característica. Pero ahora voy a actualizar el resto del uso de Jason puede adelantar aceleradamente estos, y te veré justo después un poquito más antes de seguir adelante. Está bien. Tan lleno los detalles y lo que también quiero para esto es que necesito que todos ustedes chicos simplemente bajen un poco porque necesito otro botón en la parte superior aquí para ustedes que permita a la gente cuando están en su tipo de adelanto, están en su tipo de adelanto,poder ahorrar con ella a la altura, empezaremos a hacer su propia causa esta sería una demo. Por lo que haremos algo así como crear tu propia creación Plus al final. A veces me pongo un poco largo con estos botones que esto probablemente no va a lograrlo través de ti. Las pruebas no pueden por la vida de mí. Piensa en una mejor forma de escribir esto ahora mismo. Mismos colores, En realidad. Podría escoger algo ligeramente diferente para ser un poco obvio que sexualmente debería ser roboto. Ese medio de eso es roboto. Eso significa que tampoco lo es. Tú Uops. Uno de los botones así. Tú también, Porque los copié y los pegué del cable. ¿ Enmarcado? Probablemente viste que se fue masa y lo ignoré todo el tiempo. Está bien. Tenemos eso arriba. Está bien. Eso consiguió eso? Hice un poco de texto. Ya puedes seguir. Yo sólo voy a liberar texto aquí. Eso es E. Se trata de datos reales en vivo. Y yo quería ser, como, coloquial. Entonces alguna razón la cursiva hace que todo se sienta como si fuera la palabra hablada en mi cabeza la que sí . Al menos va bastante pequeño. Esto va a romper mis reglas aquí porque va a ser algo alerta o diferente. Sí. Estos son datos reales en vivo. Eso es lo que todo el mundo debe saber. Y lo que quiero hacer es ahora que tengo este tipo de como quiero quiero usar esto en la página principal. Entonces lo voy a hacer es que voy a agarrar. No los quiero a todos, pero eso va a ser suficiente de lo que necesito. Voy a copiarlos. Seguro. Lo que quiero hacer en mi página principal. Yo quiero que haya un ejemplo. Se va a ir justo aquí. Lo voy a poner en una caja grande que estira todo con bien. Y voy a hacer esta caja de este color, y no tengo a Phil. No estoy seguro de cuánto tiempo va a ser un mi después apenas en un segundo, y quería alinearme con nuestra grilla de maíz 12. Entonces recuerda, si estoy en esta página aquí, haga clic dentro de ella. Tengo que capas. Debería poder ver aquí las columnas, y quiero encenderlas. Nos vamos. Vamos. Semi, Colón. Y podría tener que desbloquearlos porque ya no son lo suficientemente largos. Entonces voy a mandar a l por buscar, y luego simplemente arrastrarlos hacia abajo y los volvieron a encerrar. Vas comando elegante. Por lo que estaban encerrados. Voy a ritmo esto. Y yo quería alinearme con esas columnas de ahí. ¿ De acuerdo? Y voy a bajar. Sí, pero que en realidad yo quería ser esta columna aquí. En este caso, voy a añadir una pequeña y fresca descarga de app que servirá en el siguiente video. Eso te algo así. Y lo que quiero hacer es mostrarles cómo hacer que se vea así porque quiero esta caja grande y aquí para ir de las 12 columnas. Está bien. Yo quiero ser lo mismo que estos. ¿ Copias? Te excitas usualmente atajo algunos compartiendo un largo camino. Sólo así recordarte, pero manda todo el Bien, así que copio comando V. Es sólo una manera realmente fácil de agarrar exactamente los mismos colores de estos tipos. Y eso totalmente no funcionó porque nueve agrupó udon grupo en y luego seleccionó esa parte. Está bien, hazlo. Estos cortes Michelle comando ver, controlará Vienna PC y luego comandará todo el ritmo de voluntad a través de la sombra de caída. El Phil se deshace de la frontera. Días felices. De acuerdo, Siguiente. Lo que hago es que quiero que esto parezca que se está desvaneciendo, así que vamos a ver cómo se borrosa un poco. Entonces, antes que nada, no necesito eso. Y lo que haré es solo recortaré a estos tipos, simplemente dejándolos. En realidad, todos ustedes. Adiós. De acuerdo, Entonces lo que quiero hacer es agarrar la herramienta de rectángulo, y voy a dibujar algo al otro lado de abajo aquí. No quiero desvanecer esto. Yo sólo quiero algo así como, Mira, está desapareciendo en el fondo ahí, como te mostré en la intro. Entonces lo que haremos es que te sientas bien, no le des borde y fondo azul con vistas, pero solo podemos usar el desenfoque de objetos. Está bien. Y se puede ver que me pongo un borde descolorido ahí para parecer que probablemente se quería transmitir o cuánto algo así como esos juegos. Mover a través de ahora, desvanecerse no lo hace por todos los rincones del momento. De acuerdo, Así que necesitas ser tal vez solo arrastra esto a través y luego voluble sobre él y traerlo al frente. Por lo que comando turno cerrar, corchete cuadrado solo lo traería al frente donde puedes hacer click derecho en miembro e ir a llevar al frente, porque me dieron este tipo de como desaparecer. Entonces hay, como, Parece que hay mawr para usar. Entonces ahora iré a agarrar este botón. Lo que debo hacer es tener esto en ambos tipos Dragon en mi biblioteca de símbolos. Por lo que tengo mis botones de fácil acceso. Está bien. Apenas lo movió por ahí. Basta con pulsar el botón más en los símbolos. Tengo mis botones. No quiero actualizar uno y los actualizarlos todos, Pero puedo usarlos de esta manera. Mira esto. Simplemente úsalo como un inicio para que pudiera arrastrarlo fuera. Y es parte de los símbolos, pero lo desarregló comando turno G o control turno G en un PC. Eso significa que sólo puedo pasar por molestarlos. Más bien ir a buscar una página que los tenga ya. Entonces ahora está desconectado si los agrupa, están desconectados de los símbolos. ¿ De acuerdo? Y esto va a ser como un Seymour. Te lo vas a inventar para que haya algo más por ir y puedas comprobarlo. Al hacer clic en eso, terminarás de nuevo en esta página de discurso. En ninguna parte. Esta página aquí. De acuerdo, El dashboard co cola shocker es si hago clic en este cuadro aquí y hace, comando tres o control tres en PC. Acercará sólo a esa área específica. Es una buena forma de moverte si te resulta un poco difícil llegar de página página. Es por el momento y X'd. De acuerdo, necesitaban algún tipo de páginas de navegación fácil, panel o comando j como en diseño, algún tipo de forma de saltar de ida y vuelta muy rápido. De acuerdo, Lo último que quiero hacer antes de pasar al siguiente video, éste es uno largo, bien largo. Por lo que va a hacer un seguimiento de sus entradas puede. Este va a ser un roboto grande, y lo haré Sansom lidiando con el tamaño de fuente correctamente y tú. De acuerdo, entonces ese va a ser él. Se alina ahí arriba. Lo que realmente podría hacer es que quiero usar eso y usarlo blanco Todos los derechos en el siguiente video , vamos a construir eso que haga clic aquí para lo de la app. Y esto va a ser bastante genial porque vamos a ver los mercados CC y cómo usar los diseños de P ST y Folsom en un PST que funcione para el mercado. Suena confuso. No lo es. Hagámoslo en el siguiente video escondido. 33. Cómo hacer una maqueta de teléfono móvil con Adobe XD Photoshop: Hola ahí. En este video, vamos a burlarnos de nuestro tablero en un teléfono móvil. Vamos a usar el mercado de Theodore B que nos permita ponernos irritables. PST es de ella y también usar objetos inteligentes para que podamos hacer cosas cool cuando actualicemos cosas como el logotipo que se hicieron en realidad, solo va a destruirlo tenía medios de guardar que el marcado de Photoshopped se actualiza automáticamente. Y si me dieron una 62 y 60 actualizaciones también, lo hace súper útil cuando estás a medio camino de cosas como diseñar logotipos como yo soy para este producto librerías de Sisi regla. Vamos a aprender a usar eso Ahora, tanto en X'd, photoshop e ilustrador. De acuerdo, entonces lo primero que queremos hacer es encontrar un teléfono para usar. Podríamos dibujar uno. Ha sido para siempre. Um, y así vamos a usar la app creativa en la nube. Y o bien puedes conseguir una acción y encontrar un iPhone cerca, pero esos son los que te cobran. Por lo que los activos, sin embargo, tiene algunos buenos aquí s su búsqueda de mercado. Busco iPhone. Busco iPhone seis y siete y seis equipos que tengan más variedad de opciones. Pero en realidad estaría buscando un iPhone X o X o lo que sea la versión que sea para ti ahora, ¿de acuerdo? Y luego solo escoges las que crees que podrían funcionar. Bueno, debido a que en este caso, voy a descargar éste a mi instructor, biblioteca H Q. Y había otra que me gusta aquí abajo. Este de aquí. Veremos ambos cuando cocines sobre ellos, buscando PST. De acuerdo, Entonces ¿quieres algo ya sea aire que archivo o un PSD? Realmente no queremos cerdos J, principalmente porque queremos que todos sean ya click. Por lo que he descargado ambos. Si no tienes acceso a este mercado de activos, realidad ya están en tus archivos de ejercicios. Hay nueva carpeta de imágenes y se les llama iPhone markup uno en que podría abrir estos . ¿ Por qué? He llamado a este PST PST. No. Seguro. OK, así que abre ambos de estos arriba y Photoshopped. O si estás usando las bibliotecas de tarjetas de crédito y la tienda de fotos, puedes conseguir una ventana, abrir bibliotecas, asegúrate de que estás en tu instructor H Q y deberían estar aquí. Simplemente puedes hacer doble clic en ellos. Haremos éste primero porque es sencillo. En su primera cosa que quiero hacer es que quiero pasar, asegurarme de que haya un montón de partes para ello. Esto es lo lindo. Todo podría estar encendido y apagado y ajustado, queriendo el fondo apagado porque no lo necesito y y lo que me gustaría hacer es traer algunos gráficos de 60. Por lo que traer gráficos es una especie de dos maneras. Es el camino del hombre de la cueva y el camino adecuado. Por lo que quiero que estos tres sean parte de mi panel de control. Qué puede hacer si solo copio hasta comando, ver o controlar ver en una V p. C, y ha pegado en ella sólo lo trae a través, pero son píxeles. De acuerdo, así que no es como cosas preciosas de Victor, y se puede ver que es demasiado pequeño para moverse. Eso voy a hacer es porque voy por un OK rápido, barato y alegre, sólo voy a hacerlos más grandes. Copiarlos sótano. De acuerdo, Ahora son de ah, tamaño lo suficientemente grande. Puedo convertirlos en un objeto inteligente de una de las noticias súper serias. Transforma K para bajarlo al tamaño correcto. OK, así que ese es el camino del cavernícola. Es rasta. Lo que podrías hacer si quisieras ser súper oficial es, y la gente las víctimas es que con estos tipos seleccionados, los agrupas primero. Para mandar la cárcel en un Mac o controlar J en un PC es siempre son un grupo puedes hacer clic derecho en ellos en click exportar. Veremos exportar más adelante de manera adecuada. Pero esto es lo básico. Y aquí puedo escoger xvg o PDF que retendrá al vencedor. Entonces podrías traer esos a la tienda de fotos y esos serán encantadores. Victor. Bondad, si no tienes idea de lo que significa la bondad de Victor, solo hazlos grandes y copiarlos y pegarlos a través. De acuerdo, entonces lo que quiero hacer es que dos cosas lo van a alinear bien con pantalla y quiero conseguirlo para pueda ver esto es lo que quiero. Esta es la pantalla, y no me gustaría hacer es tenerla justo encima de la pantalla. Y hay una manera fácil y foto comprada para enmascarar a estos dos juntos. Así que sólo asegúrate de que el gráfico que has traído tenga oído y renombrar solo para ser oficial, va a ser mi ex d mark up, ok. Y asegúrate de que esté por encima de la pantalla. Y luego si mantienes presionada, opción en tu teclado o si estás en un PC, mantén pulsado el okey. Ya verás si paso el ratón Justo entre estos dos becarios, bien, Están buscando este ícono. Si haces clic en eso, el superior queda enmascarado por el uno y hoy ves, es agradable y fácil ahí, puedes moverte por separado. De acuerdo, Solo una manera agradable, fácil de hacer máscaras en photoshop y con la pantalla. Esa encantadora persona que construyó esto levantó a su víctima para que pueda hacer doble clic en el icono. Y yo podría ir a cambiar el color. Y en realidad, quiero usar el color que usé en 60 lo cual sé es si, también si dos de dos Ok, ese tipo de gran color Y lo que he estado trabajando también están siendo para el cliente. Yo les he estado construyendo un logo. De acuerdo, Así que viste probablemente el principio. Teníamos este logotipo recién mecanografiado. De acuerdo, eso se llama un tipo más largo de solo un poco de estilística de garrapatas. Pero querían un logo. Y aquí es como donde estamos en este momento. De acuerdo, entonces estamos ajustando este poco y agradable, manera fácil para que esto funcione necesario. El flujo de trabajo que estoy usando Es que digamos, Esa es una especie de manera que hasta ahora se va a arrastrar a mi instructor. H Q. Estoy en ilustrador, que es a menudo donde construyes logotipos. De acuerdo, voy a curso ilustrado. Echa un vistazo a eso. Si quieres saber más sobre Illustrator Así está ahí dentro. Es Victor, Es impresionante. Y Photoshopped, ya verás que ha aparecido por aquí también. Eso es lo lindo de las bibliotecas arrastrando en una. Podrías arrastrarlo hasta aquí. ¿ De acuerdo? En las mentes. Sólo va a estar en la cima ahí. Retorno rápido. Amplía un poco y lo he roto. ¿ Cómo hizo un descanso? Recuerda dije que este mercado extremo necesita estar justo encima de la pantalla, y terminé trayendo un outwork entre ellos. Entonces voy a subir ahí, vale, vale, y asegurarme de que estos dos estén justo encima uno del otro y este tipo de aquí. Mi logo no interfiere con ese pequeño tipo de estructura que construimos. Impresionante. Entonces lo genial de esto, si hubiera ahorrado ahora son cortes claros. Y si hubiera dicho: ¿ Puedes ver? Porque lo compré a través de mis bibliotecas. Se actualiza por aquí también. Podrías simplemente decir que esta es una pieza D o un PNG, porque quieres fondo transparente hasta ti, y luego puedes saltar a X'd y ya sea importante o usar tu biblioteca. Así que atajo tiempo comando turno l para la biblioteca está bien, O podrías subir a archivar su ahí dentro. Yo soy instructor. Es Q. Ahora pareces ver los beneficios de estas bibliotecas. Podría arrastrarlo en gay y cerrarlo. De acuerdo, así que tengo a este pequeñito ahora que quiero pasar y tú lo encoges para que sea algo así como en esta pequeña cosa de la aplicación, como que es el principio. ¿ Se puede ver también la garrapata verde? Eso significa que está vinculado a la biblioteca. puede, a diferencia de él, decir que no se quiere conectarlo a la biblioteca. Arrogante. Sólo tienes que hacer clic en eso y simplemente se desconecta, ¿de acuerdo o qué? A mí me gusta esa conexión. Entonces voy a traerlo aquí, ponerlo como en algún lugar el agarrar esta opción. Y tú, mi amigo y capucha sin cuidado. Entonces puedo ver eso, Phil, Este asesino, es como que ambos sostienen turno, y entonces vamos a ir a objetar am hace. Masa con forma, no comandos. Aunque seas de ilustrador. De acuerdo, entonces y en realidad, lo que quiero hacer es copiar este copy paste, y quería estar al frente, así que te quiero. Tengo dos versiones de la misma ahora. En realidad, lo que quiero hacer es copiar esto yendo Copiar y pegar. Um, así que ahora hay dos versiones de ellas, y quiero seleccionar el teléfono en él. Vine y luego vaya al mando. Cambiarlo o controlarlo, cambiarlo. De acuerdo, porque ahora acostumbraba a ese rectángulo, ese tipo de rectángulo de melocotón para enmascararlo. Y me quedo con antecedentes también. Entonces, ¿por qué siguió usando bibliotecas? Aquí es donde sucede la magia cuando tienes un tipo de encordado un logo que es medio y desarrollo con un simulacro de arriba y una tienda de fotos. y eso ha sido llevado a 60. Entonces Bombero Ilustrado aquí, puedo hacer doble clic en el logotipo de mi biblioteca, ¿de acuerdo? Y ábrela y decide eso. En realidad, esta cosa dice se cambia. No lo sé. No sé por qué. Y pero, ya sabes, va a cambiar. Sé que es sólo una especie de trabajo en curso. Esta cosa de aquí, cambias las granjas, cambias los colores, todo va y cambia y mira. ¿ Qué pasa si golpeo archivo seguro? Está bien, actualiza el logotipo en la biblioteca. Y debido a que las tiendas de fotos usando ese mismo artículo de la biblioteca, puedes verlo actualizado por aquí. Y si guardo este documento e ir al día de los huevos, te darás cuenta A veces se tarda un poco de tiempo para 60 para especie de re vincularlo. Si eso sucede, puedes abrir tu biblioteca. Basta con hacer click en este pequeño ícono levántate ya por mí. Pero si no lo hiciera, solo podrías pulsar este botón. Ese tipo de refresca para que puedas ver Bueno, es trabajo en curso. Se pueden poner estas cadenas y eso se actualizaría si estuviera usando el logo aquí arriba en mi parte superior también bien bien, cual haré en un segundo. Entonces voy a volver atrás y hacer esto en do antes de que rompiera su guardar sus primeras actualizaciones dicen que el anexo D obtiene un segundo y se opondrá. Entonces hay una de las versiones. Echemos un vistazo a cómo funciona esta opción. Entonces telefono el simulacro hasta Ok. Te quiero mostrar esto porque algunos de ellos vienen a ello como un estilo ligeramente diferente. Ese otro lo hicimos. Simplemente usamos su simple masa para hacer que esto suceda. De lo que han hecho en esta opción castillo dot co Buenos minutos. Un recurso gratuito que consiguió dos teléfonos. De acuerdo, una blanca y negra cuando quiero la blanca. Pero los cubriremos a ambos por el momento. Ve su lugar, tu imagen aquí. A lo que se refieren con eso es, si haces doble clic en esta opción, las manos cortejan un objeto inteligente. Te vas dentro a esto, así que vamos a hacer doble clic, vamos adentro, y lo que termina pasando es que era el archivo que estaba bien. Y hemos abierto esta cosa extra llamada pantalla one dot PSB. Se trata de objetos inteligentes. ¿ Se va a preguntar esto sobre las fuentes? No me importa. No quiero esos fondos. Entonces lo que quiero hacer es que voy a rebanar todo aquí excepto el fondo y tenía borrar, ¿de acuerdo? Y con los antecedentes, voy a Phil. Está bien. ¿ De qué color queremos usar? Usamos el F dos ef para tener que volver a tener. Está bien, tan bien. Ese tipo de gris apagado, todo pega esa cosa de nuevo a partir de los 60. ¿ Dónde estás, amigo? El sorteo de inversión. De acuerdo, Call B basado en él el gran transformando hacia abajo Niza. Algo así. Y el logo gira para completarlo ahora. Entonces estoy en este super documento. Tengo hit safe. Entonces puedo cerrarlo. ¿ Y qué pasa? La magia lo había dispuesto para ti. De acuerdo, entonces si estás encontrando cosas a través del mercado de adobe muchas veces esa X separó de esta manera y cosas así. Pantallas o maquetas para un libro o una bolsa o camiseta. Tendremos esta cosa donde dice colocar tu energía y ahí estás mirando ese ícono . Haga doble clic sobre ellos. Entra, haz cambios, guárdelo. No tienes que cerrarlo, pero vuelve a este original y puedes ver que está actualizado aquí. Kate en debajo de eso. Guárdalo de nuevo. Ciérralo. Bonito simulacro arriba, y lo que voy a hacer es volver a apagarlo todo apagar lo negro, apagarlo telefono, guardar. Te darás cuenta aquí arriba en mis maquetas, es como allá y yo podría decidir ahora cuál de estos quiero usar. Podría probar sólo una opción diferente aquí. Tú en opciones B. Entonces no tú. Voy a traerlo. Vamos, turno Al por las bibliotecas. Tú, amigo mío, se está actualizando. Dale un segundo. Es mucho más grande. Presenta esa de ahí. Está bien, Aquí es a veces para tomar un poco de tiempo. El vínculo con X T y las bibliotecas no es 100% impresionante todavía, y así que ese es un marcado bastante grande. De acuerdo, yo voy a hacer el sexo. Las mismas cosas que estaba haciendo por Lo tiene abajo 1% 100% y encontrar algo que funcione. Realmente no me gusta esta versión. Yo sólo quería tener otra opción. Opción más complicada para mostrarte cómo funciona. Entonces ahora necesito hacer es agarrarte copia, pegarlo, pegarlo, conseguir ese tipo de donde yo quería. Es como si los dos lo manden y tengo un buen marcado. Pero debido a que es parte de la biblioteca, se actualizará. Si actualizo y foto shop, solo podrías guardar la pieza de y traerla, o Jake Pig o PNG. Si quieres mantenerlo súper simple. No me gusta el uso. Voy a borrarlo. De acuerdo, así es como trabajar con esos preciosos objetos inteligentes y necesidades de paz. Ahora lo que voy a hacer es solo un poco fuera de llenar los detalles para que yo quiero que sean . Si vas a descargar la app de dashboard, que se burlará en un video pronto, ¿de acuerdo? Y volveremos a recoger al panel de mi hermana, voy a usar ese. El hacer vinos emocionantes ahora y Tim está fuera de los logotipos k para las tiendas APP y los puso ahí en iconos. Y ahí está la tienda APP de descarga y la tienda Google Play. Tienen tamaños muy diferentes, así que solo los voy a escalar, tenerlos aquí. ¿ Por qué las diferentes tallas? Ahí es justo donde los descargué de Google y de Apple. Nos dan diferentes tamaños porque su víctima no importa Siguiente escala. Los lindos líderes necesitan conseguir estas cosas la alineación y BU aproximadamente del mismo tamaño. Impresionante. Entonces voy a rejigged amamantando a una mancha que lo copiará y se lo apoderaré de la página principal dentosa, que eres tú. Mira el comando de caja grande tres o controla tres para acercar, arte pegado. Está bien. Y voy a usar más fuera de esto. Lo que vamos a hacer en realidad es tener pedazos y pedazos por aquí. Um, agrupa esos. Entonces tengo esto. Tiene que ser mucho más grande. Podrías ver de nuevo si es un objeto inteligente y está vinculado por empezar a usar esto una y otra vez en diferentes páginas. Significa que cuando lo actualice, va a fluir a través de todo el documento. Tengo que ir a buscarlo y tratar de cambiarlo. Entonces qué, tu imagen de fondo para ser el verde solo porque ya sabes, es como eso Copiarlo y pegarlo. Por lo que dos opciones, como ambas del comercial usado m doble clic en él porque quiero que esta imagen sea un poco y escuche desde los fondos. Todos usan ambos mando uno o controlan uno en un PC para acercar al 100%. Algunos consiguiendo estas cosas. Ese tipo de tamaño correcto será un poco más grande en el escritorio. Y te quiero por favor. Mm. Menos lo hacen más. Gracias. Vamos, tres. Está bien. Ese va a ser mi pequeño clickable. En realidad, lo que quiero hacer es que estés un poquito aquí arriba. Ahí está el golf de fondo en las cajas verdes. Bueno, para ser solo un poco más alto ahí. Correcto, Mis amigos, Ese fue otro video largo. Pero te mostrará como tipo de utilizar cosas como Adobe Market para sacar el mejor uso tienda de fotos y conectar todo junto con las bibliotecas C C. Espero que eso haya sido útil. Se aprende algunas cosas. Pasemos al siguiente video donde nos burlamos de la app 34. Haz una versión de Adobe XD UX: Hola ahí. En este video, vamos a construir la versión APP de Instructor X Q. Ok. Vamos a construir un sistema simple de abordaje y luego estilo, ojos fuera, sistema de registro, y luego echar un vistazo a nuestro tablero como parte de esto también. Veremos logotipos y algunos de los pros y contras de usar X, d, P y G's SPG es Grady INTs es un poco de bondad al principio. Y entonces sólo vamos a conseguir construir el hasta este nivel. Está bien, vamos a hacer eso. Ahora en el siguiente caso, primero arriba, vamos a agarrar la púa de herramientas fuera de borda. Y iPhone iba a usar la talla seis y siete. De acuerdo, bebe aquí abajo. Terminó entre estas páginas. Problema real. Pero si tienes todo el comando fuera de borda seleccionado, tres se acercan y al mando, uno te consigue al menos 200% un par de cosas que quiero hacer directamente arriba. ¿ Esto es a menudo aquí? Esta va a ser mi app, y esta va a ser la de embarque. Va a haber como un pequeño mensaje de abordaje que viene. Entonces este sea nuestro 1er 1 y uno cambiar los colores de fondo que si a ellos usando está ahí, quiero traer un logo y quiero mostrar tu logo es solo porque es, uh, algo con lo uh, que probablemente te encontraras. Entonces si tengo una importación de archivo y puedo ver aquí cuando traigo un I archivos de forma nativa todavía, caso lo que puedes hacer es solo abrir esa misma cosa en Illustrator Stick que todos lo copien y peguen en. Y la mayoría de las veces eso funciona. No está funcionando para mí el momento porque estoy usando algunas INTs complejas de Grady. De acuerdo, eso es caer el de arriba, pero lo está haciendo bien para el trozo de fondo fuera radiante que me tengo yendo. Entonces no tengo ni idea de por qué está pasando eso. Entonces si, ya sabes, dejarlo en los comentarios, me encantaría saber por qué, pero mira esto. Si hago doble clic en él, se puede ver que dice tiene un gran relleno. Está bien, lo puedes ver. Hay que rellenar Grady, pero por alguna razón no está exhibiendo, así que no estoy seguro si me van a usar ingredientes en la versión final de suero de calificación. Ellos simpáticos otros, No tanto, pero para moverse por eso, bien es que se va a ilustrar y guardarlo como PNG. Hay un par de formas de hacerlo. Tienes archivo exportar bien y exportar también Trabajo. Simplemente puedes escoger P y G desde abajo cerca o hay una opción en el panel de activos Exportación de activos. Solo puedes arrastrar todo esto, vale y luego decidir. Yo quería ser PNG, y esa es una forma de exportarlo también. Ya ve, no hizo un montón de piezas. Podría tener que agruparlo primero. Entonces grupo, luego Dragonfly s. es panel. Cualquiera que sea el método que estés usando, ahora puedes exportar un PNG. Exportaré esto y lo pondré en tus archivos de ejercicios para que no tengas que hacerlo. Pero solo sepas que pueden ser algunas complicaciones. Creo que es solo radiante en spg es que tienen los temas para que puedas traer la opción que hice está en tus imágenes y se llama es un PNG y SPG y un archivo IR. Queremos el PNG. En este caso, es bastante Biggs y su cantidad y reducirla un poco de esto es algo que no va a ser un problema en poco tiempo. Sólo un zit. Los momentos, un final de ec círculo hacia el medio. De acuerdo, voy a usar esa línea, la línea alrededor del exterior, pero la voy a llenar con uno de mis colores. ¿ Cuál? Sociales. Podría ser un problema a través de ellos entre los diferentes mensajes de abordaje. Yo quiero usar uno de estos es un ejemplo en este. Copiarlo. Yo quiero como que sólo le dé a la gente una idea de qué? Lo que realmente está pasando en este campamento. Está bien. Antes de ellos, ya sabes, sólo un poco en el embarque de show. Así de genial es. Entonces va a ser un poco de un mensaje de marketing aquí arriba está bien perfumado. Gracias. Mensaje de mercadotecnia. Algo así. Está bien. Y abajo aquí, quiero que haya. Entonces cuando lo estamos marcando, hay algo así como un siguiente y atrás y unos pequeños puntos aquí ese tipo de mostrarte dónde estás en este proceso, es lo que quiero es a las opciones. Y acabo de sacar estos de son y frames. Puedes verlos aquí, saltarte a continuación, y estos puntos los van a agarrar. Y originalmente, si no has visto esto, sin embargo, sacado de esto te gusta para el material de Google. De acuerdo, así que sólo voy a agarrar estos, traerlo a través. En realidad no los copió. ¿ De acuerdo? No copiarán a ritmo. Si tengo seleccionada una herramienta de tipo, agarra la flecha negra, luego pega juego. Nos lo haríamos. Está bien. Eso estos pedacitos de garrapatas ahora van a ser audaces back 100% va a ser mi verde. ¿ De acuerdo? Y la razón por la que tengo este tipo de cajas de fondo aquí va a hacer que sea fácil hacer click. De acuerdo, Que usará más adelante. Encontrarás tu multa, pero quiero hacerlos de ese mismo color. Realmente no se pueden ver, pero se puede hacer clic algunos de estos puntos van a ir en el de Dios en grupo ellos. Tú, tú y tú. Entonces estos dos en realidad, empecemos con más ser verdes, y después habremos lavado verde para estos dos. Entonces lo sabes el primer punto Muy bien, fácil duplicar a este tipo. Voy a sostener a Bolt, arrastrarlo hacia fuera gay, y este va a ser mi mensaje de embarque. Número dos. Voy a sacar algunos otros datos de aquí y lo que soy hago. Tan solo para ahorrar tiempo es que no voy a cambiar estos por el momento. Gaol que voy a hacer es agregar los detalles porque no quieres verme cambiar copiando basado fijo. Entonces lo que voy a hacer es tú mi amigo, otra vez para ser joven y usar el I drop. Igual que tú. En realidad, no, no sólo voy a subir la capacidad porque habrá, en realidad, el mismo color. Entonces, ¿cuál es la capacidad para este 36 86? Y lo otro que este va a necesitar que el 1er 1 no lo hizo es una flecha hacia atrás. De acuerdo, Porque llegaste aquí, fuiste hacia adelante. Si quieres volver atrás y comprobarlo, necesitas una pequeña flecha que vaya a sacar eso de nuestros marcos de alambre también. Yo voy a hacerlo. Está bien. Esto es todo grupo de canto agarrado. Está encendido. Agarra solo estas dos piezas para mi lugar y luego pegarte. Entonces haz pensar a este tipo. Colores, fondos, Y a menudo, cuando haces zoom, simplemente es más fácil rebanar objetos individuales. ¿ De acuerdo? Y esto iba a ser un pequeño error verde duplicado de nuevo. ¿ Puede ésta va a ser la tercera opción para esta siguiente parte? De hecho quiero robar de los marcos de alambre porque tenía una opción realmente buena que robé de las pantallas de inicio de sesión de material de Google. Voy a copiar ambos. Ahora, si haces clic en ambos nombres manteniendo turno, ¿de acuerdo? Se parece a los dos. Y podemos traer a todos los fuerbordas. Lo que hicimos anteriormente es que apenas estábamos trayendo elementos de él. Entonces voy a arrastrar a estos tipos para que se alineen muy bien. Creo que ambos tipos y él es de McCullough. Estos necesitan estar en el mismo lugar. Por lo que lamentablemente, hay diferentes. He movido esto a espacios Nos gustaría aquí, así que quiero asegurarme de que estos aire exactamente en el mismo lugar sea el último lugar. Bonita manera de hacerlo es en lugar de arrastrar y simplemente copiarlos. Por lo que tomé en esta pizarra copia a estos tipos realmente agrupados en grupo puño. Está bien. Split en el aeropuerto. Entonces ya sabes, estás a la derecha a bordo. Haga clic en él la copia negra del error. Por lo que una copia Haga clic en esto y vaya a pegar, y lo pondremos exactamente bien. Lugar Así que ahora puedo pasar. Y así, en realidad, necesitas ser blanco. Haga doble clic en él para entrar al grupo, o puede desarreglarlo. De acuerdo, tal vez con todavia agarrado y ahora en una copia, um, ve a este post uno. Volverá también y un lindo truco. Ahora, tenemos que pasar y cambiar todo desde el caso Helvetica. No hay cambio fino, Font. Lo que puedes hacer es un poco escurridizo. El truco es decir, quiero cambiar a todos estos tipos azules. Voy a ser dueño del grupo todo para que en realidad pueda rebanarme en esta cosa de aquí. OK, entonces es azul y es la fuente equivocada, Así que quiero cambiarla en una caja grande. Lo que puedo hacer es que es un estilo de carácter. Yo digo que co entonces puedo ir en ella a ese estilo de personaje, mucho esto y decir, En realidad, yo quería ser negro. ¿ Y puedes ver magia? Está actualizándolos a todos. Y yo quería ser mi roboto. De acuerdo, todo lo que podrías hacer de una manera diferente en lugar de comerlo aquí arriba. ¿ Cuál es él? Él era éste de aquí este 14 K's transformó el nombre sacado del frente y porque cambié el fondo, lo puedes ver aquí abajo está ahora abajo aquí abajo, y no quiero éste, ¿vale? Yo sólo los uso para grava de la segunda acaba de golpear borrar. Y nada cambia realmente. Entonces tienes razón, haz clic en obtener una eliminación y no elimina la opción. Vamos a hacer lo mismo por esto, así que los voy a lijar, hacer de él un estilo temporal, ¿ verdad? Haga clic en él, vaya a ello y dile usted, amigo mío. Ahora, Roberto Y tú ibas a ser negro y ya verás, aunque no sean parte del estilo, es bastante guay. Y así robot, un 10 punto. Si quieres quedártela, podría quedarme con ésta ahora y para trabajar en mi app Si no lo quieres, solo tienes que hacer clic derecho en ella y eliminarla. Entonces me refiero a este tipo, en realidad, lo que podría hacer por él es solo turno. Haga clic en ambos de esos y pick porque me dieron un fondo que en realidad coincide con estos dos ya. Por lo que no hay gran instructor de drama, H Q. Lo que voy a hacer por el instructor H Q está mal adecuado para el logo han hecho una versión en blanco . Entonces en tus imágenes, hay una y se llaman Instruir el logo. Versión dos caso PNG blanco. Lo traeremos y lo encogeremos de inmediato Demasiado grande. Está bien, vamos a hacer esto. Guy Akopian resbaló sobre este tipo. Pegadlo. Va en el lugar correcto, en realidad, realidad, antes de pegarlo. ¿ Es así? Es que todos los fondos están actualizados. Este estilo de línea necesita ser actualizado. Pero agrupa para un grupo ellos. En realidad, sólo quiero las cajas porque tenía que tomar seleccionadas también. Y aquí dentro quiero que sea la frontera estoy usando este color aquí para mis líneas. El color de fondo para ambos de estos APS va a ser a todo color si a igual con este a y sí, necesita cambiar. Esta cosa hace información personal. Sólo te voy a elegir. Bueno, eso está actualizado. Te necesito. Tú este todavía repitiendo rejillas. El chulo de esto es, si eso es un grupo, hay otros. Este sigue repitiendo grado. Ya sabes, es porque ven esta cosa aquí. ¿ De acuerdo? Ahí hay, como, dos pequeñas manijas extrañas. Cualquiera de los lados significa que puedo seguir arrastrando más opciones hacia fuera. Por lo que es un poco útil cuando todavía están ahí. Significa que puedes hacer doble clic para ir dentro del cielo seleccionado. Y si cambio uno de ellos al muelle Oh, verde, verás el viejo cambio co. Uh, cualquier otra cosa, este pequeño color de chico debería ser, él va a ser las cosas de color verde oscuro van a ser blancos en grupo. Ha llegado aquí. Botón blanco. Agradable. De acuerdo, Entonces, ¿cómo se ve? Ya casi estamos ahí. Vete tú. No lo haces. Ven por el paseo va. Estamos llegando ahí. Quiero más páginas para este tipo de simulacro de ejemplo prototipo Y realmente no importa. Voy a empezar algo desde el principio. No necesito nada de esto, así que solo haga doble clic. Se lo movió. Entonces cuando inicies sesión ese registro en Logan, el siguiente que quiero va a ser el dashboard, porque esa es la característica principal de esta app. Nos burlamos de eso. Antes que voy a hacer es ser todo. El color de fondo, va a ser ese gris. ¿ Cuándo fue la división del logo que Legos? Ese. Es simplemente demasiado grande. Robárselo de mi marco de alambre. Quiero esta opción aquí. Iba a colorearlo. Puedes ver si no tenía eso seleccionado para solo colocarlo en medio de mi vista puerto aquí. Caso aire justo en medio de la pantalla. Pero hago clic en él, Se lo lleva de donde tipo de lo sacó. Entonces solo voy a pasar por ahí e ir a buscarlo y agruparlo, Ve al Phil. Teniendo en cuenta que Phil, en realidad, obviamente hay mucho de la caja en el fondo de ésta. Acercar zoom. Vuelve a agruparlo , Estos tres tipos, y vas a ser esa opción verde. Voy a subir a los cuadros de mando que hice y agarrar un ejemplo. En realidad, voy a agarrar um, ALS. De acuerdo, excepto estos dos, no los quieren parte de mi aplicación móvil. Y yo sólo los voy a dar un paso por aquí. ¿ De acuerdo? Entonces los copié y pegué, y voy a detener grupo en algunas cosas. Ustedes tres se comprometen agrupados para que puedan ir por debajo de la misma distancia copia, en realidad, ya saben, agruparlos, luego bajen a estos tipos, y luego voy a dormir todos hacen el mes, el grupo los consigue. Está bien. Y lo que voy a tener que hacer para esta aplicación específica aquí va a tener que hacer esto súper largo, así que lo voy a pegar aquí. El rating federal lo hace muy bien. ¿ De acuerdo? Hay un par de cosas que esta cosa tiene que hacer. En primer lugar, pon el exterior. Todo el nombre es la cantidad para que baje y se pueda ver todo. Está bien. Y quiero asegurarme de que esta cosa de aquí sea scroll herbal para que cuando la gente, porque de lo contrario simplemente lo colapsa hasta la cima. Aquí. Queremos poder ser desplazados a base de hierbas en nuestro prototipo, y quiero seguir haciendo algunas otras cosas. Pero en realidad, sólo me estoy metiendo en el, como, hacer cosas y no estás aprendiendo nada nuevo. Probablemente ya te has dado por vencido, Así que lo dejaremos ahí. Tenemos nuestros APs Y hay una cosa que acabo de notar esta pequeña línea azul. Yo iré a hacer eso una vez que haya terminado este video y lo guardo. Ojalá hubiera algo ahí dentro útil para ti. Muy bien, pasemos al siguiente video 35. Características ocultas para Adobe XD Repeat cuadrícula: Hola ahí. En este video, vamos a utilizar el grado de repetición para hacer repeticiones fáciles. Pero también vamos a hacer algunas cosas divertidas. QC se repite con imágenes separadas en diferentes bits de texto o automáticamente. Eso es bastante guay. Vamos a aprender a hacer eso Ahora, en Adobe X'd. Está bien. Lo primero es que no te sorprenda esta página. Lo hice entre videos de ti cayendo junto con el tutorial. Irás de donde viene esta página. Acabo de hacerlo ahora porque quiero que hagas click en esta opción y poder ir a algunas sesiones en la app. De acuerdo, entonces lo primero que quiero hacer es que quiero construir mis cursos. Page, voy a ir al mando cero para ver todo el asunto. Amplía un poco y voy a empezar con esta opción aquí. Me acabo de dar cuenta de ellos. Nosotros pero las garrapatas sobrantes de otra página mostrando. Ah, comando l desbloquearlos o controlar Elena PC. Lo que podría hacer es empezar a cocinar en esto sólo para meterlo un poco un poco demasiado largo y agarrar éste Copiarlo y pegarlo, moviéndose junto con las mismas distancias, todos sus compañeros. Y este no va a ser el tablero. Ahora, esta va a ser la página de los cursos. No, no necesita la página de camino ahí adentro. Entonces consiguió cursos. Porque lo que quiero hacer es que venga la navegación tanto para la izquierda como para la derecha, que son símbolos. De acuerdo, Entonces lo que quiero hacer es que quiero un solo pedacitos y pedazos. Yo quiero que desaparezcas. Tenemos que volver a encender nuestras columnas. Entonces voy a ir a mi panel de capas, encontrar a estos 12 tipos e ir comando semi colon. Se los volverá a encender para que pueda ver que eran en realidad un color divertido ahora. Entonces los voy a desbloquear y sólo hacer de ellos un color más oscuro para poder verlos por el momento para volver a bloquearlos, comando l o controlar en un PC. Y lo que quiero hacer es que quiero construir mi página de cursos. Entonces esto ahora va a decir cursos, y yo quiero ir a tirar primero. Por lo que este menú he decidido entre tres columnas, así que voy a asegurarme de no usar esas tres. Voy a poner una imagen para los dos de Cheryl en mi cuadrícula de 12 columnas que voy a tener una caja de garrapatas. Eso va por cerca de cinco. Sólo adivinar. Ahora, mirando mi impreso, ¿por qué marco a mi lado? Está bien. Y me pusieron en algún texto de marcador de posición. Va a ser uno de los secretos o algunas cosas que te muestro en un segundo. Entonces voy a volver a mis bienes. Escogeré el estilo que he estado usando. Ahora estoy trabajando a los 75 así que es demasiado pronto. Demasiado pronto. Dudas ir a mandar uno para asegurarse 100% gay o controlar uno en un PC. Y eso se ve demasiado grande ahora lo voy a dejar porque no lo quiero. Dedo del pie. En realidad, hacer 1.5 columnas. Eso va a estar bien. Pero tenemos la habitación, así que vamos a usarla, así que va a haber mi texto. Se ha dejado las líneas que van a entrar ahí. Voy a añadir un poco de canción de botón Chiklis en un miembro de bar de mis botones para mis símbolos en grupo ellos. Decidir por este compañero. Está bien. Y este de aquí en realidad me va a dar demasiado pequeño Si es sólo una columna, así que voy a conseguir que sea uno en un rato. Este va a decir Chiklis, Así que gran parte de esta cosa de aquí es Chiklis para cursos. Para que sepas dónde Europa a caso. Voy a usar un pequeño botón de lista de comprobación. Entonces en mis marcos de alambre ya están especie de mayormente hecho eso. Entonces voy a agarrar a estos dos tipos. Ah, doble clic en él para meterse dentro de grava. Tres de estos sosteniendo turno a señal. Movimiento de copia. Cruzar pegarlos. Mételos en este lugar que yo quiero. De acuerdo, voy a apagar mis columnas ahora seleccionándolas todas, porque ahora sólo se están interponiendo en el camino. Eso es comando semi colon o control. Aparente colon en una PC. Estás harto de que diga eso, ¿verdad? Ya sabes lo que es en un PC y lo que está en el cuello. Aunque tengo que seguir diciéndolo, Así que mi barco va a estar verde. Mi casilla en un doble clic. Es meterse dentro de borde para hacer que el verde también es y mi pequeño basurero puede quedarse Genial. De acuerdo, entonces lo que hace a este super impresionante y súper oculto. Por lo que la primera opción que puede o no haber visto ya. Entonces los vas a lijar a todos e ir a repetir grilla. Esto es lo súper mágico que sucede. Me encanta. De acuerdo, entonces solo significa que es realmente fácil ir y que generan muchas de estas opciones. Entonces, ¿cuántos necesitamos? Simplemente haré esta reunión por el momento. Uno de los secretos super duper impresionantes características ocultas es si agarro algunas imágenes. De acuerdo, así que dentro de mis imágenes del curso dentro de tus archivos de ejercicio e imágenes del sitio y como imágenes del curso , puedo agarrar todas estas. Tengo montones de ellos esperando dinero del que necesito. Bueno, 16. Y sólo los arrastró a eso primero, como en. Y van y poblan. Esa es una opción super cool, impresionante. El otro es que también se puede hacer con texto. Ok, entonces él es mi lugar o para enviar mensajes de texto. Ahora, tengo un archivo de texto en mis archivos de ejercicios. De acuerdo, Ahí está. Ahí solo necesita ser un archivo txt llano viejo. De acuerdo, entonces nada. No hay formatos especiales de palabra. Simplemente no hay almohadilla en un PC o lo lleva en un mech. Está bien. Y sólo decir que es un archivo dot txt y simplemente tenerlos todos en líneas separadas. ¿ De acuerdo? Y lo que puedes hacer es simplemente arrastrar eso igual cuando hicimos esto. Así que arrástrelo en esto. Pero un texto aquí y poción mágica. Mira eso. Kate va y los llena todos a través de esa lista. Me encantan esas características del cigarrillo. Otras cositas que no son tan secretas. Tengo esta cuadrícula seleccionada. Se puede ajustar el espaciado entre ellos. ¿ De acuerdo? Y eventualmente se puede desarreglar el pulgar. De acuerdo, que romperá este tipo de bonita y pequeña cuadrícula repetitiva. Mejor aspecto significa que puedes editarlos de forma individual. En el momento un montón de cosas que tipo de empataron juntos. Si muevo este tipo, todo se mueve. ¿ De acuerdo? Un par de cosas que quiero terminar antes de seguir adelante. Ya puedes saltarte si quieres. Voy a ir a este. Dice agregar curso Quería ser un botón de curso ed. Puedo hablar muros. Está bien. Y a través de ti e no necesito eso. Lo que podría hacer es que ese botón está buscando que están buscando algunos del mismo tamaño. Necesitas tipo de, como cocinar en exceso uno para que se sientan como de diferentes tamaños. Y entonces no estoy contento con lo que he hecho ahí, así que probablemente voy a jugar un poco más tarde con eso. Y quiero que este estado esté alineando con este filo de aquí, y podrías ver si eres solo uno. Todos se ajustan. Cómo voy a entrar ahí Para ajustarlos, Basta con hacer doble clic en ellos. Está bien meterse dentro de la cuadrícula de repetición. Por lo que ambos chicos lo golpearon. Todos vienen. Amor Cred Europea. Poco. Una cosa me olvidé. Está bien. Es que tengo esta página causas, pero me acabo de dar cuenta de que en realidad no la tengo es una opción en mi navegación como. Entonces vas al tablero. Eres como, voy a añadir, por supuesto. Ah, no hay opciones para hacerlo. Puedes tener usos, Así que necesito agregar eso. Entonces lo que vamos a hacer es que vamos a tener que hacer esto antes en un símbolo. Si no lo has hecho, tendrás que pasar y solo ajustar manualmente las dos páginas. De acuerdo, ¿y qué? Voy a hacer esos y doble clic para entrar. Terminaste con este tipo de como, barra verde. Estoy dentro de mi símbolo. Ahora. Lo que significa es Aiken rebanó a todos estos tipos sosteniendo, cambiando haciendo clic de todos. En realidad, no quiero a este primer tipo primero en un doble. Haga clic en él para ir adentro. Agarra a este primer tipo. Voy a mantener la opción Olt en el Mac. Entonces tengo este extra cuando llamó a cursos. ¿ De qué tipo? Por supuesto que es hoy. No estoy seguro de gay. Y me voy a desplazar local. Estos tipos quieren moverlos hacia abajo. Caso. Y ahora con esta opción extra Lo que notan si le doy clic a este tipo no actualizó. De acuerdo, entonces, ¿qué tenemos que hacer? Tenemos que pinchar sobre él, ¿verdad? Haga clic en él y diga actualizar todos los símbolos y mágicamente se actualiza por aquí también. Y hay un poco de mano con el solo tienes dos. Pero cuando hayas empezado a repetir esta cosa una y otra vez, como nuestro logo en la parte superior aquí, ¿de acuerdo? Va a estar un poco más fuera de un ahorro de tiempo, así que voy a hacer lo mismo aquí. Tengo un logo que quiero traer. ¿ Dónde está? Él está aquí abajo. No los encuentro. Está en mi app. Ahí hay un PNG que divertido. Está bien, cópialo. Y quiero ir aparecer Navegación de página. Si Sí, es un poco de dolor y extremo por el momento. Ojalá el carrito con un buen método para arreglar eso. Entonces lo voy a poner justo ahí por el segundo. En realidad voy a cortarle doble click para entrar dentro de ella. Voy a pegarlo. Entonces ahora es parte de eso. Mientras aún tenga esa línea verde alrededor del exterior, estoy trabajando dentro del símbolo. OK, así que en realidad, solo lo alineé ahí arriba para ti Subirlo. Ese mismo tipo de lugar algo es antes de que no se haya ido. Un actualizado Puedes hacer clic derecho en él y decir actualizar todos los símbolos. Mi caso ya tenía pelo bonito en todos ellos. Genial. Se puede ver aquí ya que estamos desarrollando el logotipo para este negocio. OK, podemos ir en un justo porque usamos símbolos más temprano. ¿ Todo bien? Me estoy desplazando rápido sin razón. Ese va a ser el final de este video. Entrémonos en el siguiente 36. Prototipo avanzado con menús de despliegue de botones en Adobe XD: Hola ahí. En este tutorial, vamos a ver formas de falsificar interacciones haciendo cosas como esta Sin un pequeño menú desplegable K, podemos cerrarlo de nuevo todo bien fingido en X'd. Además, sé APS podemos tener un empujón de navegación en empujado hacia atrás outs y podemos tener bonito casita de búsqueda es click atrás outs. Y por último, podemos agregarle cosas a Carter y aparecen aquí en el carrito pequeño. Vamos Mira, ahora, ahora, cómo hacer estos usando el caso prototipo de Adobe X'd. El 1er 1 que voy a hacer es como un menú desplegable. Vamos a usar este pequeño botón de cuenta aquí, derecha Cuando hagas clic en él, se va a bajar con diferentes opciones para iniciar sesión. Entonces lo que vamos a hacer, alejar el zoom. Yo quiero agarrar los tres y sólo voy a arrastrar esos. Hay un poco de espacio Agarra este aguantando, Will a dragon. Es así que tengo esta opción aquí para que se vean exactamente iguales. Y lo único que va a cambiar es el menú desplegable. Y luego se trata de la transición usando las opciones de prototipo. Entonces primero arriba, construyamos un pequeño menú desplegable en la segunda opción. Entonces voy a agarrar el rectángulo a cuando voy a dibujar, como, una pequeña cosa desplegable que se abre puede funcionar al 100% para que no esté diseñando un tamaño extraño. Piensa en agarrar el dolor también. Y solo cajón como un poco tipo de cota pop out. Entonces voy a ligar a este tipo. Yo quería ser todo. Esa es la salida. Yo quería tener una sombra de gota. De acuerdo, entonces y entonces quiero tomar ambas miradas. Doy clic en este tipo, el borde, y luego este tipo y lo que voy a hacer es en realidad vamos aquí. Yo quiero tener Ah, Phil. Está bien. Y así voy a pegarles a los dos. Y luego por aquí en mis pequeños operadores booleanos K mi Pathfinder, voy a usar esta primera opción. Simplemente únete a ellos. De acuerdo, así que ese va a ser mi pequeño menú desplegable. Entonces nada demasiado emocionante. Iremos a construir esto en un enfermo y quiero darte la estructura. Primera canción Zoom out es que vamos a cambiar al prototipo. Y lo que me gustaría hacer es dar click en esto porque es un símbolo. Necesito un doble clic en él. De acuerdo, para meterse dentro de esos varios. Ya sabes, estás dentro porque estás dentro de esa caja verde. Te voy a decir que quiero ir a esta página aquí. ¿ De acuerdo? Entonces cuando se haga clic en eso, me gustaría saltar a esta página. Y todo se trata del caso de transición. Si hago clic en él y se disuelve Va a funcionar bien. Voy a usar estos dentro y fuera. Para ser honesto, podría ser cualquiera de estos. De verdad. Es difícil decir la diferencia. Está bien. Y vamos a dar su anterior juego por delante, acuerdo? Y cuando esto haga clic en magia, vamos a bajar, ¿de acuerdo? Ahora no vuelve atrás. Entonces lo que me gustaría hacer es cerrar la vista previa y decir cuándo se vuelve a hacer clic en eso. Es realmente común hacer clic en eso y decir, Vuelve al juego anterior fuera de borda cuando se hace clic en eso, cae hacia abajo Cuando lo vuelves a cocinar, vuelve a aparecer, niños hasta ti Cómo quieres que esta cosa haga una transición ya sea sólo quiero cambiar esto, Vale, Sólo para ser un salto de corte, yo podría simplemente hacer eso. ¿ Entonces no tiene disolver? No nada. Sólo una monja. ¿ De acuerdo? Y luego simplemente se veía así Click una vez, y simplemente aparece Ir pegarlo. Se acabó en la remontada. Sí, vamos. Y cuando dije que he empezado a disolver al volver al principio porque uso volver al fueraborda anterior, no volver a la página principal. Si utilizas el anterior, no te da la opción de elegir la transición. Simplemente usará lo que usó para llegar a esa página. De acuerdo, solo usará eso para volver a encenderse ahora, Case no fue ninguno. Entonces solo saltó porque iba a añadir un poco de cosas aquí. Y haré que Jason acelere esto porque no necesitas verme haciendo esta cajita . Entraremos al siguiente prototipado avanzado, ¿de acuerdo? Y estamos de vuelta. Y solo voy a mover mi botón ahí, previsualizarlo y luego ir aquí. Cierra la copia de seguridad. ¿ De acuerdo? Por lo que la gente podrá iniciar sesión en esta opción. Por lo que esto podría Este es un menú desplegable de tan solo una Nikon. Obviamente, podría ser un menú desplegable. simplemente es fácilmente de Say algo como esto es un botón y tiene más de una categoría. Podrías fácilmente hacer gay un botón aquí o una navegación desplegable. Entonces no, llena eso. Perdón. Sin frontera. Dale un relleno, dale algo de texto. Y esto podría ser con la misma facilidad la opción del curso uno. Está bien. Y de viudas. Impresionante. Y Y emite grilla europea para pasar y tener, como, un menú desplegable. Ahora sé grilla. Arrástrelo hacia abajo. Está bien. Yo quiero decir estas muchas opciones. Puedo contar cinco k en la superposición. Y cuando eso es coleccionar, solo saltas a esta página aquí. Por lo que va a hacer exactamente lo mismo cuando se hace clic en este botón. Consiguió un prototipo. Esto va a ir a esta página. Costa. Realmente no importa si es un desplegable que se ve así o desplegable como un menú desplegable adecuado. De acuerdo, para vista previa de navegación, es Eso es uno impresionante o haz clic en este botón, podrías ver un menú desplegable y luego podrías tener Cuando se hace clic en eso, ve a otra opción. Entonces voy a estar ahí. Muchas gracias. Y lo que me gustaría hacer ahora es mirar la siguiente opción donde potencialmente nos sentimos como un carrito de compras arriba con cosas diferentes. OK, así que volvamos a nuestra página principal y hagamos un pequeño botón ahora bajo decidir que estoy haciendo no es realmente un sitios de suscripción. En realidad no es un sitio para gatos de compras. Solo voy a añadir algunas cosas aquí solo para darte un ejemplo. Viejas noticias. Tengo una imagen que traer y la bicicleta escolar franquearla abajo, sosteniendo turno en la esquina. ¿ Puede decir que el usuario ha decidido que sí, quieren comprar Esta moto es un botón aquí que dice, agrega al carrito Tienes eso y para cortarte bien fuera sosteniendo Olt, arrastrando un lado drogas, ambas al mismo tiempo. Curso. Al hacer clic en esto, me gustaría que hubiera un icono de carrito de compras. Ese tipo de como se llena. Entonces lo que tenemos que hacer es, primer lugar, necesitamos un carrito de compras como en. De acuerdo, así que ya tengo uno. Lo he descargado del mercado. Acabo de escribir, recuerda s su mercado. Acabo de encontrar a Uno bajó, se lo llenó a mi biblioteca C C. Después con un ilustrador abierto eso, copió su espalda Txt, pégalo. Está bien. Y quiero que coincida con mi pequeño ícono cantando doble click Quieres que seas tú, todos vosotros que seas ese color verde Redáctalo y lo voy a añadir a mis símbolos. ¿ Quieres decir que estás bien? Entonces lo voy a cortar, hacer doble clic en él para meterse dentro del símbolo, pegarlo, moverlo hacia arriba a unos puntos apropiados y probablemente agregó CO Ahora, ojalá se deba agregar a todos los menús porque era un símbolo, Está bien. Y si no has hecho símbolos, ve y echa un vistazo a su video anterior. Entonces ya tenemos eso, y lo que me gustaría hacer es duplicar esta página. Por lo que hemos hecho nuestra página de menú desplegable. Yo quiero tener un poco más de espacio. Yo soy igual que ustedes se van por aquí. ¿ Qué? Estamos haciendo menús fuera, y agarraré esta página principal. ¿ Alguna vez has visto el texto? Tú, uh, no puedes aferrarte al viejo dragón al otro lado y te pones así que la página principal de este Este es en realidad un órgano de página principal. Wow. Ortografía y mecanografía. No va bien, va a haber corte de página principal. Realmente no necesitas para este. Pero quiero mostrarles cómo funciona. OK, entonces vamos a entrar aquí. Y cuando se haga clic en el botón, vamos a tener un pequeño desplegable. Entonces vamos a robar pedacitos de esta última cosa. Está bien. Tú, uh, perdiste en todo tipo de pedacitos, una copia. Y aquí, en base a lo que voy a hacer, está formando uso apareciendo. Y así están mis carritos. ¿ Quieres que caiga eso? Yo quiero usar la bicicleta o una bicicleta. Esta no. Podrías estar bien, deslizándote alrededor de la pasta. Hay una pequeña versión de la misma. Y aquí ver notas en tu carrito había Click it porque no están unidos. Puedes hacer doble clic en ellos y hacer algo de edición, lo cual es realmente genial. Y éste va a estar en casa. Come. Acaba de recibir uno de estos incidentes. Mi gato. Así que teclea hasta, como una vez. Y voy a asegurarme de que esa película sea negra para que la veas. El tamaño de fuente va a ser 18. Es fácil de ver y no audaz por ningún buen motivo casos. Dadme a uno de estos que se está agregando. En realidad no necesito esto. Yo solo quiero un poquito de los de Texas, um ustedes gorras para que la gente pueda hacer click en eso. Voy a utilizar. Usa esta opción, cu todo bien, fuera construyes un gráfico, ¿ verdad? Y lo que me gustaría hacer ahora es en realidad una última cosita. Um, como una cosita aquí. Dice que tienes uno. Entonces Phil Wise hará Ahora haz esto. Sin frontera. Está bien. Emel puso una cosa en l es una. Por lo que iba a ser sabio Deberías acelerar totalmente esto. Perdón. Está bien, así que sólo lo está vinculando ahora. Por lo que es muy similar a este desplegable, excepto que solo estamos usando un botón diferente a veces. ¿ Esto es agradable de ver? A veces me encuentro como, ¿cómo sucedió eso? Y solo necesito verlo de otra persona. Entonces él es mi cosa útil donde podrías seguir y a cortar un claro en ambos. Ir al prototipo. Y quiero decir cuando se haga clic en esta cosa. Está bien. Si tienes más de un seleccionado , no funcionará. Tienes un grupo ellos. OK, entonces mando G o controlado Guiana PC. Está bien. Y voy a decir cuando se haga clic en eso. No quiero ninguna transición. Yo sólo quiero saltar a mi corte. ¿ De acuerdo? Sí. Entonces vamos a previsualizar sobre las obras. Y va a haber un pequeño problema con mi demo aquí es que cuando hago clic en esto, funciona. Pero aparece en la parte superior de la página. Entonces supongo que es de una manera torpe potencialmente. Entonces lo que voy a hacer es que puedes mover cosas y el prototipo de motor no importa. Digamos que está aquí arriba. Y es una de las opciones de compra aquí para que lo podamos ver, el interés que y luego podemos seguir adelante a recortar. Y es un poco más agradable. También probablemente tengamos que hacer está de vuelta aquí. Yo quiero que tú aquí y tú estés en nuestras dos juntas. Copiarlo y de aquí pegar, eso probablemente hará una mejor demo. Entonces, Ed carrito o así simplemente aparecemos ahí. O te vendría bien tal vez un desvanecimiento esta vez como fatal. Ser apropiado. Ahora prototipos tú y un disolver. ¿ Qué zapatos? Está fuera. Vista previa agregar al carrito. Un poco más agradable. De acuerdo, entonces eso está pasando demasiado rápido. Te lo prometo. Ahora voy a pasar a la siguiente. Entonces la duración, ha llegado a toda una locura enfermiza. Juega entonces. Así. De acuerdo, veamos un haciendo algunos simulacros para APS. Volvamos a entrar aquí y como, no quiero estas cosas. De acuerdo, entonces lo que voy a hacer es decir, hay y hay archivos terminados para cada video, ¿ verdad? Podrás descargarlos parte de los archivos de ejercicios. Y lo que puedes hacer es que pondré uno especial aquí dentro que tenga carro dentro, OK, solo para que tengas una versión que la tenga, porque ahora voy a pasar y borrarme. Entonces espere ahí. ¿ Por qué eliminarlo? Gay Boom! He quitado mi carrito de compras Y así lo que me gustaría hacer ahora es que quiero trabajar con el ábside y hacer algo fresco deslizándose a través porque el primero 1 que quiero hacer es originalmente decidí que cuando hice clic en esto sólo iba a tipo de deslizarse sobre a esta página. Ahora eso está bien, pero realmente no es típico de muchos nuevos estilos AP. De acuerdo, entonces lo que voy a hacer es que voy a hacer una versión diferente, así que lo duplicaré. ¿ De acuerdo? Él va a ser mi versión antigua en caso de que quiera volver. Está bien. Esta va a ser la configuración real que quiero. Entonces lo que me gustaría hacer va a ser todo esto. ¿ De acuerdo? Y tú quieres hacer es construir una pequeña tarjeta lateral, y lo que voy a hacer es que no es nada de fantasía, así que voy a conseguir que Jason acelere esto, que eso se cumpla en el otro extremo. Está bien. ¿ En serio? Dicho construido. - Está bien , estamos de vuelta. Si observabas eso y avanza rápido notaste que era un poco doloroso. Hice algunos cambios de diseño. Ah, Stone feliz con sobre. De acuerdo, Entonces lo que vamos a hacer es así que construimos esta navegación que se va a deslizar desde el se va a deslizar de este lado. Está bien. De izquierda a derecha, lo que queremos hacer para que esto sea creíble es agarramos a este instructor h Q, Pero copiarlo. Está bien. Lo traeremos por aquí. Y lo que queremos hacer es ligera. Por lo que se ha salido del filo aquí. Todavía está en esta app. Ajustes. Ya sabes, si es como si terminas yendo demasiado lejos, termina como siendo que esta figura aquí afuera, no es parte de estribor. De acuerdo, así que si pudiera irme, verás que se esconde, y eso es lo que queremos. Y lo romántico sucede aquí Ahora es que cuando tengo este botón cobrar? De acuerdo, así que vamos a ir al prototipo sobre ti. Y cuando se haga clic en ese botón, me gustaría que presionara. Por eso quería ir a simplemente arrastrar. Yo quiero ir a aquí. Pero yo quería empujar hacia la derecha, ¿de acuerdo? Y eso debería funcionar. Y cuando se haga clic en ese botón, me gustaría volver al fueraborda anterior. Podría usar Apple anterior, pero seguiría usando push right on. Lo que quiero hacer es conseguir que empuje a la izquierda, han usado fuera de borda anterior, recuerda, solo quiere hacer exactamente lo mismo encima. Vamos a darle un pequeño adelanto. La otra cosa es que estamos previendo que va a volver al juego de la página principal con piel, tomar un tiempo para llegar a esta página en particular. Entonces vamos a hacer es tener tipo más importante. Se puede dar click en el nombre que tomó en la casa I Collins. Al previsualizar , cargará esta página en particular. Algo que necesito hacer cuando estoy prototipando de esta página porque es tan larga. K está ahí en el diseño. Consigue con él seleccionado. Necesito asegurarme de que tenga desplazamiento vertical, pero el tamaño es solo un tamaño de aplicación regular del momento. Me está mostrando todo ¿Dónde está su vista Puerto. Eso significa que ¿qué tan grande es esta pantalla inicialmente? De acuerdo, así que en momentos debería ser Simmons. Perdón. 667 Así que puedo entrar aquí y decir Necesitas ser 667 vino y ves la línea punteada que va a la vista inicial. Todavía es escalable. Tu página debe seguir siendo esa altura, Vale, Pero ahora si tengo un adelanto, va a resultar muy previsualización. El tamaño correcto, incluso caso es la vista correcta. Puerto Aiken en cuclillas hacia abajo. Y cuando hago clic en esto, este es el bastón mágico tomó en que para volver atrás se ha organizado sintiéndose fuera de este empuje pull . Está bien. Además, lo que podríamos hacer es que quizá no necesitemos esta flecha. Necesitaré echar un vistazo a otro patín app que esta opción tal vez solo lo cierre también, porque siento que quiero darle un click en él, está bien. No totalmente contento con el diseño, pero la mecánica de esta cosa funciona bien y se ve bien para las pruebas en EPS. Muy bien, saltemos al último apagado. Las opciones impresionantes para la creación de prototipos va al caso de esta opción tipo de como usar cerci. Por lo tanto, escritorio o ex bola vamos a usar mis portabolas abrirán uno de los Kits U Y. que te han dado así en archivos de ejercicios. Te conseguí unas plantillas. Abre. Utilizamos material de Google. Podrías usar el IOS teatral porque usamos la versión de la app de esto sobre la hoja de pegatinas . Y aquí dentro hay algunas opciones de búsqueda en algún lugar hay una ahí porque en esta cosa . De acuerdo, así que voy a estar en grupo eso y ojalá conseguir todas estas piezas es lo que quiero comprometer, Cubby. Y lo voy a traer aquí y voy a mover un espacio. Ponlo en. Está bien, reajustarlo. Sólo un poquito. Entonces hay espacio. Encaja con mi diseño. Qué meses podría hacer es tener que añadir un poco de frontera por fuera. Está bien, edificio. Está bien. Entonces tenemos algún tipo de cuadro de búsqueda ahora, y lo que vamos a hacer es cuando sea cobrar, vamos a algo así como, así como, conseguir que parezca que está funcionando. Entonces es un poco falsa, Rooney. Y así voy a lijar ambos, y los voy a arrastrar por encima. De acuerdo, voy a agarrar este. Duplicado sosteniendo Alton arrastrando. De acuerdo, éste de aquí, tablero de instrumentos. Esta es otra. Tal supongo que cuando hacen clic en esto, lo que me gustaría que pasara es que primero me gustaría que el fondo se apagara. De acuerdo, así que voy a dar clic en esto, arrastrarlo hacia fuera, cubrir todo. Uh, voy a darle un relleno de negro, voy a darle ninguna frontera. Y voy a usar este fondo azul, ¿de acuerdo? Y Buddy Volts, ¿qué está haciendo? Es probablemente volando demasiado. Vete tú. Entonces pero para borrosa y tal vez el a pase se alivia sólo un poquito. Yo lo creo. ¿ Recuerdas lo último con lo que estaba jugando? Entonces voy a bajar eso hasta que te pongas total como si todavía fuera elegible. Apenas mezclado en el fondo. De acuerdo, Entonces puedes jugar contigo. Esto con capacidad para subir la oscuridad, dependiendo de lo lavado que quisieras estar. Y este es el juego de borrosas. Se difuminará todo lo que hay debajo de ella. Entonces lo que necesitamos hacer es retroceder. Eso que su búsqueda atrás de mí cantar Así que vamos a hacer es con mi error negro gay click off like error es dar click en esta gran caja y usar comando abrir corchetes para moverse hacia atrás Si estás en un PC, es control susto briquetas Sois corchetes y extra peaky iba a seguir bajando hasta que todo salga adelante Comunismo en 100%. Y eso se ve bien. Si bien también quiero hacer es dar ese tipo de look falso donde se está destacando. Caso. Entonces al escucharnos como el texto, Ugo, sube la capacidad para que sea totalmente negra y quiero hacer como, una cajita azul. Ya sabes, ese tipo de cosa como caja seleccionada que al revés. Dale un color azulado. Ya sabes, el que quiero decir, como, consigues los paseos de color correctos que había. Esto no funciona. Es como un tipo realmente feo, azul tipo de azul bebé lavado y todos los derechos tratando Agarra su de nuevo y dale a la frontera ese tipo de cosas donde se siente como si estuviera seleccionado. ¿ Se sintió así de seleccionado? Podría tener que irse y realmente hacer una captura de pantalla de realmente seleccionar algo y obtener el color correcto s. supongo que quiero que eso suceda. Y entonces lo que necesito hacer es vincular estos dos. Entonces cuando alguien hace clic en ese botón ahí en un prototipo, puedo ir a esta pantalla aquí. ¿ Qué me gustaría hacer? A mí me gusta que no empuje a la izquierda. Yo quería disolver. Está bien. Y eso será perfecto. Esperemos. Y luego si hace clic en cualquier otro lugar de este documento, se remonta a aquí. De acuerdo, Así que no cuadro de búsqueda completo, pero dándote la ilusión de un cuadro de búsqueda interactivo que golpeó el juego. De acuerdo, tomamos el cuadro de búsqueda, y parece que tenemos texto resaltado. ¿ Te gusta? Es otro truco. Ahora 60 es un producto bastante nuevo. Entonces este tipo de trucos, o simplemente cosas que he visto hacer otras personas o me he dado cuenta yo mismo. Entonces si tienes algo que me encantaría, averiguarlo. OK, tampoco. Toma una captura de pantalla Archivo txt de Simi. Me gustaría ver de maneras de ustedes cosas falsas que no he mostrado aquí porque viviría para construir su repositorio de formas de fingir en 60. Esperemos que en las versiones más recientes de Xdd sea una especie de MAWR. Vamos a hacks y tipo más real de cosas definidas en lugar de tratar de fingir para que funcione . Todos somos mis encantadoras amigas. Eso va a ser todo para este video. Lo que voy a hacer ahora fuera de pantalla es simplemente pasar por una montada. El tipo básico de hizo clic en el movimiento del botón al siguiente, uh, tablero de arte. Hay mucho solo arrastrando las pruebas, beber a lo largo Testing fue útil, y lo que uso es que tengo un enfermo y un monitor enchufado a mi laptop para que pueda tener el prototipo abierto todo el tiempo, y tú no tienen que reactivarlo para que sucedan los cambios. Por lo que solo podrías tener en una pantalla en dirigir sin asegurarte de que funcione. Y en la otra pantalla, tener X t abierta y solo hacer los ajustes. De acuerdo, entonces hay un poco de ah, juicio, juicio, una era que despertaba la cocina en las cosas. ¿ Necesito páginas extra? Va a ser suficiente para una prueba de usuario, Así que voy a dejar eso fuera de pantalla. Ven. Te veré en el siguiente video. Esta fue una súper larga. Este podría haber sido el video más largo de jamás hecho. Um, sí, tengo uno largo. Algunas cosas buenas y la otra. Esperemos que ya los vea en el próximo video. 37. Un truco de prototipo profundo del campo para la maqueta: Hola ahí. En este tutorial, vamos a ver un truco más para la creación de prototipos y vamos a ir a construir esta lista. En realidad, ya lo construí, pero quiero mostrarles cómo hacer este tipo de perspectiva. Desenfocar la caída de fondo, cosa tipo sombrío. Muy bien, vamos a hacer eso Ahora, en este tutorial. Muy bien, Así que he agregado mucho de mi prototipado y hecho algunas pruebas. Y Michael, lo que puedes hacer es que puedes estar en prototipo más allá de tu cabello negro y golpear el comando A o el control A en una PC, Y entonces puedes ver como todos los cables. A veces me gusta simplemente tomar capturas de pantalla de esto incluido en la propuesta. Sólo para que eso se vea realmente impresionante. ¿ De acuerdo? Y se puede ver todo a la vez. Nosotros todo conecta. Y tal vez nosotros, tu te pagaron, no vamos a ir a ningún lado como este de aquí, Lone Ranger. Entonces mientras hacía eso, construí una de las páginas que sentía que necesitaba estar ahí. OK, que es esta cosa de marketing de Chiklis aquí. Entonces voy a usar eso de un usuario probando una de las otras cosas que quiero mostrarte para prototipar es y digamos eso, y he arreglado esto. Correcto. Por lo que hago clic en esto en estos botones, voy a salpicadero de dientes diciendo con ese botón, ahí es cuando va al Sí. Se lo puede ver corriendo perro en la parte inferior ahí. Pero tengo dos de estas páginas, así que tengo que hacerlo dos veces. Ahora mismo, es electoral estos y agruparlo. Hay un truco si copio en lugares en vista de diseño, ¿de acuerdo? Y lo traigo a través, no trae ninguno de esos cables. De acuerdo, esas conexiones, Pero si hago exactamente lo mismo en prototipo Ok, entonces voy a seleccionar a todos ustedes igual que cada cosa que hay ahí. Copiarlo. Está bien. Y vamos, Ustedes borran. Vete, tenía pasta. Te darás cuenta de que vienen todos los cables y eso te puede ahorrar mucho tiempo. Especialmente cuando estás aquí abajo. Al igual que encontré como, aquí abajo con mi app. ¿ Estás dando click en siguiente? Éste va a continuación. En realidad, Skip Skip va a la misma página. Skip va la misma página. Skip, ahí hay la misma página, y podrías tener montones de esos Casey es copiarlos y pegarlos. Asegúrate de estar en modo prototipo. De acuerdo, así que por eso hicimos antes del prototipado. Lo siguiente que quiero mostrarles es que yo lo voy a hacer. Entonces me imaginé que te mostraría. Y me gusta hacer algún tipo de falso dip las cosas de campo que te mostré el principio. Entonces tengo a este tipo. Vale, recuerda, esto es lo que han hecho voy a agarrar vista de diseño, metiendo en una copia. Y lo que podría hacer es solo hacer una versión más grande para photoshop. Yo sólo voy a hoyo desarreglado. ¿ Y qué es esto? Si empiezo a arrastrarlo hacia fuera, ¿ puedes ver que sigue haciendo algunas cosas raras? Es porque tengo son repito grilla con dentro de este ropy cred. Por lo que hice este tipo de trabajo Demi noticia como la primera grilla de repetición. Después lo agrupé todo y terminé en otra repetición. Genial para hacer todo el módulo. Entonces lo que podría tener que hacer es agrupar un par de veces un comando de moldeo shift G, eso está en grupo o control. Shifty. Y solo lo estoy machacando un par de veces, así que sé que ahora todo está en grupo. Se redimensionará muy bien. Está haciendo una calidad más grande, por lo que puedo copiarla. Saltar a la tienda de fotos. Ahora. ¿ Qué tan grandes quiero que seamos? Voy a ir a ponerlo en la página principal. Correcto. Entonces he decidido que no quiero este tipo de división. Yo sólo quiero espacio para ir un poco más o menos este tipo de tamaño. Se va a poner uno de estos pequeños azulejos. ¿ Qué tan grande? Aproximadamente así de grande. Entonces van a ser 9 20 por 700 ish. En realidad, quería ser 900 por 7 20 pero quería un poco meter en las edades, Telenet con todo lo demás. Por lo que en Photoshopped, nuevos documentos. Voy a hacerlo 9 20 por 700. Está bien. Y voy a hacer un par de cosas primero antes de que pegue eso. Iba a poner una rejilla en el fondo sin razón es el Grady hasta vía gay, y sólo toma tu color de primer plano y de fondo. Entonces si quieres hacer tienda de fotos Maura, tengo un curso sobre photoshop. Ve a revisar eso. Sólo estoy haciendo una especie de que ni siquiera sé lo que estoy haciendo. Algún tipo de Grady y eso. Y no una diferencia lo suficientemente grande. Carpa de amor. Un poco del viejo resplandor que va a pegarlo. OK, y lo que me gustaría hacer es solo usar mi lo transformó. Distorsionar. De acuerdo, todavía están aquí. Sólo me permite fingir un poco de sumergido, acuerdo? O supongo que la perspectiva es que los lotes montando asumiendo mucho. ¿ De acuerdo? Y yo solo quiero algo que parezca que es una especie de zoom. Ni siquiera sé de dónde sacas la idea de lo que quiero hacer. Alec Inquilinos. Habíamos forzado perspectiva. De acuerdo, así que quiero algo así, tal vez un poco más pequeño para poder ver toda la siguiente línea. Y me lo estaba metiendo porque quiero que esas edades se alineen con todo lo demás. Entonces voy a hacer eso en un par de cosas para que se vea agradable y fácil. Uno es duplicarlo. OK, correcto. Haga clic en él duplicado o simplemente arrastrando a esta nueva ventana aquí. Esta va a ser la sombra, ¿de acuerdo? Y yo sólo voy a ligar ese comando todo contemplando y haciendo clic en las miniaturas. Estoy usando muchos atajos. Él, supongo, no es un curso de Photoshopped. Yo sólo voy rápido. Entonces comando Click te da una selección alrededor de todo esto y voy a ir o controlar click en un PC, conseguirlo, Phil, y lo llenaré de color. Llénalo de negro. De acuerdo, entonces ahora tengo esta cosa negra. Simplemente lo voy a soltar por el ponerlo debajo de mi capa. Yo lo voy a desenfocar cuando sientan que hay una sombra de gota pasando en Filter Blur Gallery . Todo el mundo usa el calcio Blair. Probablemente sean mejores, pero todo el mundo va Que un k m especie de borrosa los bordes en iba a bajar el A pasarlo e un poco. Por lo que se ve como esto empujando hacia arriba la página un poco y lo último pequeño que hace viejo es la profundidad de campo. Entonces con esta capa seleccionada, lo que voy a hacer es ir a filtrar ir a Blur Gallery y Irish Blur es una buena para esta causa te permite un poco como mover el centro alrededor. Lo que podría hacer es, sí, eso es lo que quiero que esté principalmente en el foco, y luego puedes agarrar estas edades y rotar alrededor de la droga dentro y fuera. Podría hacer el mío un poco más de tiempo aquí abajo para ajustar el desenfoque. En realidad puedes simplemente agarrar este dial aquí, arrastrado hacia atrás, o puedes usar esta diapositiva ahí dentro. Co Cuando hayas terminado, haz click. OK. Y conseguí este tipo de, como, falsa profundidad de campos. Se tiene viniendo hacia adelante. Ah, eso es lo que busco de todos modos. Está bien, así que voy a salvar esto como cerdo J. Forma más fácil de exportar archivo como bien, asegúrate de poner J Piggott la parte superior aquí. Deslizamiento de calidad hacia fuera. Voy a dejar mi 100% y vamos a defraudar x d. Muéstralo más adelante y lo guardo en el ejercicio. Fuego se llamaba Ah, lista. Profundidad de campo. Impresionante. Diré que esto también es un PSD ahí dentro, si quieres echarle un vistazo. Está bien, voy a traer eso, y tú lo metes en esta página, así que tráelo. Expedientes de ejercicio, imágenes. Vamos a tener una pequeña lista de miradas. Hacer el campo. Vete tú, amigo. Ahora, debería ser más o menos perfecto. Encantador. ¿ Cuánto me encanta? Ah, ni siquiera estoy seguro de que me guste más. Bods. Oye, aprendimos algo nuevo. Es difícil hacer estos tutoriales y luego algo así, Ah, tratar de Ah, ser creativos durante ellos también. Probablemente saldré a hacer algo un poco diferente con ellos, pero eso es todo para éste. Tenemos fijacion dip el campo. Hemos aprendido un poco más sobre la creación de prototipos y pasemos a exportar cosas. 38. Pruebas de usuarios de UX en Adobe XD: Está bien. Por lo que hemos construido nuestro prototipo que salen a usar una prueba ahora. Por lo que conseguimos que las interacciones funcionaran a través de parte de las herramientas de topping. Hemos construido todo el gráfico, por lo que parece un proyecto en funcionamiento. Por lo que realmente estamos para las pruebas de usuario. Y en este proyecto, voy a hacer algunos sólo un par de uso básico. Es que vamos a hacer algunas pruebas de usuario moderadas, también conocidas como pruebas de pasillo o pruebas sobre el hombro. Y lo que eso significa es que los clientes nos dieron un nombre de, Ah, un par de personas que serían realmente buenos partidos potenciales para una persona iba a conocerlos para tomar un café y conseguir que lo prueben usando nuestra laptop. De acuerdo, y la dejaremos en el teléfono también. Por lo que sólo los vimos. Por lo que es moderado. Entonces los observamos. Les damos algunas tareas básicas que hacer, y simplemente tomamos notas y vemos cómo funcionan ahora con ello. Y también haremos convocación de pruebas moderadas para esto para instructor h Q. Y básicamente eso significa ir a gustar un sitio web y reclutar personas. El usuario testing dot com parece ser ese lugar más popular para conseguirlo y la escuela. Puedes entrar a detalle y decir que quiero hombres o mujeres a esta edad con las habilidades de estos intereses y ellos los encontrarán para ti. Y sin embargo los pagas ahí, ahí entre 50 y 200 dólares el pop, dependiendo de lo que necesites. Ahora específico. Necesitas ser rápido, fácil. Se video ellos mismos y te lo envían de vuelta en ambos tienen sus pros y contras en persona probando su diferente. Mejor porque se llega a ver todo ese tipo de manierismos y se llega a ver a la gente videoando sólo se llega a ver el elenco de la pantalla. Entonces tanto un útil Ahora no vamos a cubrir las pruebas de usuario específicamente en este curso se pegó a Mawr Adobe. Extintos, supongo. Eso recuerda, tengo ese otro curso de cómo convertirme en un diseñador de UX que pasará por pruebas de usuario y mucho más detalle. Está bien, ahí está para este video. Perdón por hablar demasiado rápido. Me he dado cuenta, um quiero decir, mi modo de hablar rápido Ah, Por ahora 39. Cómo exportar código de imágenes de Adobe XD para los desarrolladores: Hey allá en este video, vamos a exportar imágenes y todo nuestro código y todo lo que necesitamos para que nuestro sitio web o app sea construido por un desarrollador. Es super cool. Podemos hacer click en las cosas, obtener mediciones. Todo está basado en Web, por lo que tu desarrollador no necesita ninguna experiencia 60 que pudiera simplemente ir a un sitio web y tirar todo lo que necesitan hacia abajo. Vamos a aprender a hacer eso ahora, usando Adobe X'd. De acuerdo, así lo hemos hecho. Yo uso las pruebas, y ahora es el momento de realmente enviar esto a un desarrollador porque extasias una herramienta de prototipado . Pero no es una aplicación o sitio web construyendo dedo del pie. Nos va a dar mucha la información que necesitamos para construir estos en una especie de plan a seguir. Pero no es la aplicación o sitio web real en sí. Por lo que necesitamos ver esto fuera a un desarrollador o si nosotros mismos somos un desarrollador como yo soy un diseñador Web. Por lo que usaría todos estos elementos para el diseño de mi sitio web. Pero he estado trabajando con APP. Conseguiré ayuda con alguien que sepa usar el código X. De acuerdo, entonces lo que necesito darles es un montón de imágenes y el CCS y tipo de dimensiones y tamaños y fuentes y ese tipo de cosas. Entonces y en cuanto a las imágenes, hay un par de cosas que podemos hacer para decir que queremos darles o de los fuerabordas K, no tenemos nada seleccionado. Asegúrate de hacer clic en el fondo, ve al archivo exportar bien O comando E K o control E. Voy a usar eso carga aquí. Entonces lo que puedo hacer es que puedo decir, en realidad, quiero ampliar los pdf. Y lo genial al respecto es que les enviará un PDF con todos los fueraborda en él . Pongo el mío en los archivos de ejercicios para que puedas revisarlos también. Es una carpeta nueva y esta va a ser mis exportaciones. De acuerdo, entonces si pongo eso ahí solo archivo, echemos un vistazo rápido a lo que sale. De acuerdo, entonces, en exportaciones, ahí está mi pdf lo abrió. Se tiene todos mis diferentes fueraborda todos después muy bien. Entonces hay una forma de compartirlo. Obviamente se puede, sin nada selectivo archivo de exportación, echar un vistazo a no sólo pdf ser mi exportación un montón de cerdos J. Está bien. Y poco exportar todos esos fuera también. Pero es un yo solo quiero ver en un fueraborda fuera de borda. Lo que necesito hacer es hacer clic en el nombre. De acuerdo, así que acabo de ir a casa, página fuera todo lo que sólo quiero ver en la app fuera a algunos de nosotros en esta. Y luego si voy a exportar, Está bien, puedo decidir. Diga que quiero verlos. Cerdo ajay. Yo puedo decidir sobre la calidad. Oliver. Realmente alto. Ya verás. Se saca el nombre de mi fueraborda ahorrando en su fácil peasy. Mira. Oye, quieres lo siguiente que quiero hacer es exportar elementos individuales. De acuerdo, así que tienes un par de opciones es, digamos, una exporta todos estos K. Y depende si quieres que sea un caso de unidad grande. Si los selecciono a todos, conseguí todo seleccionado. Y luego si voy a exportar, guardarlos fuera es un cerdo J. Y vamos a ver qué pasa. De acuerdo, echemos un vistazo. Oye, hizo cada cosa, todo separado. OK, así que eso podría ser lo que quieras, Kayal. Las líneas k Todos los diferentes iconos, el Mar Blanco no los va a ver realmente, pero sin embargo todos son elementos separados. Entonces eso no es lo que yo quería. De acuerdo, entonces , adiós, chicos. También sabe que utilizó la convención de nomenclatura de mi panel de capas. Por lo que para hacer una vida yo un poco más fácil si hago clic en esto, puedes ver aquí se llama Rectángulo 25. Si hago doble clic en este ícono, dale un nombre vino Esa será la exportación. Digamos que quiero enviar Es una gran imagen rebanada lo va y lo que haces es solo agruparlo y te darás cuenta de que ahora es un grupo. Podría darle a este nombre un grupo, y esta podría ser mi alcancía. Asegúrate de usar guiones o guiones bajos K solo para ahorrar tiempo para el desarrollador del otro lado. Pero quiero archivos que tengan espacios en ellos. ¿ De acuerdo? Y luego puedo dar click en esto y tenía exportación. O puedes hacer clic derecho en él en tu panel de capas. Está bien. Y haga clic en exportar en la parte inferior. Aquí. No lo puedes ver. Que realmente no importa en qué camino vayas. Ver, Se le da un nombre Higgy bank J cerdo. Echa un vistazo. Ahora es solo un archivo, y una cosa que notarás es que es un pequeño bicho con eso fue una imagen recortada en sus hijos exportando todo, incluyendo el daño de los cultivos. Y no puedo resolver una forma de arreglarlo por el momento. De acuerdo, así que eso es sólo algo que puedes ver, el círculo tipo de escondido en el fondo ahí. A pesar de que se recorta, sigue incluido en las exportaciones. Por lo que tendrías que recortar eso con algo como Photoshopped o gimp o ilustrador, lo que sea que uses. Ahora, cuando se trata de exportar, OK, acabamos de saltar si tengo que exportar esa imagen otra vez y digamos que quiero en P y G, está bien. Y aquí dentro llego a decidir en qué tallas quiero. Ahí está esta cosa llamada una x dos x tres X. De acuerdo. Tan diseñado. Esto significa que voy a sacarlo. El resolución Se hizo bien. Web a menudo con desarrolladores, Quieres tamaños. Ahí quieren unos para pantallas regulares y uno para mayor es alto. Dp Escribo unas pantallas. De acuerdo, entonces te dará versión de tamaño regular más una. Eso es el doble de la resolución fuera automáticamente. Está bien. IOS quieren atención de tres opciones. Quieren triplicar la resolución. Y Android, tienen un enorme xx xxx h d d p i Van a hacer unos masivos. De acuerdo, entonces tendrás que averiguar si vas por IOS o Android. ¿ De acuerdo? Y echemos un vistazo a, digamos, el web porque estamos lidiando con esta página aquí Si golpeo las exportaciones. De acuerdo, tengo alcancía PNG. Y luego está la alcancía P y G ha conseguido a dos seres X. Este es el doble del tamaño uno. Está bien. Y si no eres diseñador web, no te preocupes. Si lo eres, esta es la solución en este momento para tratar con pantallas de retina más altas o receptivas . Está bien. Hace que el navegador duale el trabajo, lo cual es súper útil. De acuerdo, Algo que podrías encontrar es ocasional exportado J pagano y solo tener un poco de un borroso borroso. Digamos que quiero exportar a estos dos tipos, así que voy a seleccionarlos a ambos. Sostén chef agarrando tanto agruparlos y por aquí. De acuerdo, les voy a dar un nombre. Ese va a ser mi guión mudo. En realidad, voy a empezar con iconos todos mis iconos juntos. Un poco fácil de usar. Ahora si quiero explorarlos, me queda bien. Haga click sobre él aquí. De acuerdo, Haga clic en Exportar. Y es posible que encuentres eso ocasionalmente. Cielos, escuchen menos ahora. Pero podrías conseguir unos bordes un poco amargados con un PNG. De acuerdo, sólo un indicio de borrosidad como, hombre, aquí es Crispin. ¿ Por qué no está ahí dentro? Las dos opciones para llegar por ahí es exportar. Está bien. Y vamos a explorar si exportas un PNG. De acuerdo, El chaleco más fácil. Spg Sé que fue Victor. Era escalable. Tiene todo su punto de anclaje. Es encantador. De acuerdo, s P G es un gráfico vectorial escalable. Nunca antes habíamos oído hablar de ello. De verdad tiene que ver con Es igual que el nuevo E. P s. De acuerdo. Es un formato fácil e intercambiable que a los navegadores les encantan y cargaremos en sitios web, por lo que no es solo regalo. PNG y J cerdos. Ahora puedes usar SVG. Eso es logotipos agradecidos escalables que se asegurarán de que no haya ningún tipo de borrosidad. Pero digamos que necesitas ir a PNG. Lo que puedes hacer es antes de hacer esto puedes hacer clic derecho en tus objetos e ir en línea a la cuadrícula de píxeles. Y tal vez solo se puede ver ahí. Mantiene su turno un poco. Yo estoy deshaciendo haciendo haciendo, deshaciendo. Al hacerlo sólo un poco distorsionó un poco a mi vencedor. ¿ De acuerdo? Sólo para que eso se alineó a la línea del píxel porque y eso sólo le dará un borde crujiente . De acuerdo, Así que podrías hacer si todo, como chequear primero. Al igual que podrías pasar para siempre atravesando y forrando todo representa la cuadrícula. Sí se deforma un poco. Acercar un poco más bajo Depende de cómo, igual que con las fuentes, me parece que no puedes hacerlo porque destruye la fuente en la fuente. Exactamente. Que bods alineado pixel grid podría simplemente Heidi arriba cualquiera de esos problemas, pero se puede ver que sí cambia un poco. Entonces tal vez no por el logo. A lo mejor no por texto, sino por cosas como esta que son iconos de apoyo que iban a notar la diferencia que podrías estar sentado en ir. Sí, noto la diferencia, pero sí, esa es una elección. Fuzzy o pixels o una línea a pixel grid K lo siguiente. Por lo que hemos exportado todas las imágenes por las que hemos pasado. Exporta todo. Ahora queremos enviar cosas como medidas y códigos de color y fuentes. De acuerdo, entonces lo que podemos hacer es especialmente para cosas como botones están abotonados. Nunca debería ser un afán físico real de JP. Fiji. Se creará con código. Habrá un poco de código que está diseñado este alto este ancho, y estoy lleno de este color. Se carga realmente rápido y es escalable y no necesitas una imagen demasiado baja. Es sólo que es mucho mejor hacerlo de esa manera. Estos chicos de aquí tendrán que ser SPG es o pinturas. De acuerdo, Pero digamos que necesitamos dar todas las dimensiones y códigos y qué tan lejos está hacia abajo y por encima de ese. Así que consigues que todo se alinee bien y no hay excusas de tu desarrollador. Lo que puedes hacer es que puedas cocinar en esto. Hablo muy rápido. Yo me doy cuenta. Perdón por eso. Puedes ir a la opción y decir que me ralentice mucho café esta mañana, y estoy emocionado por estas características. De acuerdo, Este nuevo él Para cuando veas este video, esto podría no estar más en batidor. Es sólo una nueva revisión. De acuerdo, puedes hacer click en publicar especificaciones de diseño, incluso darle un nombre a las tuyas. Caso. Voy a llamar al mío al instructor H Q. Prototipo H Q Cerrar una V uno y vamos a dar click. Crear enlace público ahora es un par de cosas que debes hacer antes de dar click en eso O puedes hacerlo después es que te mostraré aquí. Tienes que asegurarte de que si tengo cuando estaba haciendo esto por primera vez, si tenía esto, me dieron un prototipo. Y que mi casa se siente a esta app aquí abajo. Va a exportar algo. Echemos un vistazo. Eso es diseño ***. Abramos el enlace para ver lo que el desarrollador ve en este momento. Sólo está exportando estos un par de tableros de arte. De acuerdo, entonces lo que necesito hacer es volver a entrar aquí y necesito sentarme. Se trata de home page de home homes. Eres la página principal, y va a pasar por todo el documento y exportado. La otra cosa es que tuve un par de problemas cuando en realidad no he prototipado esta cosa casos. A veces puede que tengas que pasar y decir, En realidad, te necesito. ¿ De acuerdo? Ahí está esa tabla para unirse a este fueraborda. ¿ De acuerdo? De lo contrario, se queda como que queda fuera si no están conectados de alguna manera. Y eso parece ser una bolsa. No puedo hacer que suceda cada vez. Entonces solo debes saber que si estás teniendo problemas, solo asegúrate de que al menos estos tipos estén vinculados entre sí de alguna manera usando la herramienta de prototipo . Por lo que he ajustado eso. Y digamos que hemos hecho cambios pueden entrar aquí, y puedo ir a especificaciones de diseño, y puedo decir que ya sea enlace de actualización. Por lo que ese primer enlace que vimos este aquí, Kay se actualizará. O digamos que hacemos una versión dos. De acuerdo, Podríamos entonces ir y hacer un nuevo enlace para que tengas una especie de progresión. Depende de ti cómo quieres trabajar. Es solo quiero actualizarlo porque estaba roto,retrocede, retrocede, relájate. Toma un poco de tiempo generar todos los activos, está bien. Y los publicaron. Lo aceleraremos. Ahí vamos. Voy a saltar a nuestro simulacro de arriba, refrescando mi página. Ya lo verás aquí. Está bien, ahora. Me encanta esto. De acuerdo, Esto hace la vida mucho más fácil cuando estás trabajando con un desarrollador. Si tu diseñador, no haces los entrenadores quieren enviarlo fuera, Vale, Vale, Tienes que mandar las imágenes por separado. He visto un prototipo de algo muy similar donde en realidad podrías simplemente hacer clic en las cosas y descargar las imágenes. Entonces en el momento que los tengas que hacer por separado, bien. Y lo que hace esto está de vuelta aquí. De acuerdo, entonces me muestra todos mis tableros. El cool es que puedo flotar para entonces. Me muestra las interacciones. De acuerdo, entonces el desarrollador sabe que somos porque a veces me complico mucho, y es difícil saber cómo va todo esto junto. Entonces esto les da una especie de taco visual. Y digamos que quiero entrar en algunas de estas. Voy a entrar a la página principal y dar clic en ella. Aquí, a la derecha están todos los estilos. ¿ De acuerdo? Todos los colores que se acostumbran. Se puede ver cuando me cierro por encima de ellos. Ya ves, es eso que los está destacando en el documento que Israel útil para saber cuál es cuál. Está bien. Y todos los fondos que se usaron todos los diferentes tamaños y estilos por aquí. Cosas lindas que sucedieron y dicen que quieren usar el estilo que le dan click y ve copiado su color. Eso significa que el desarrollador puede saltar al codificado obteniendo productos de solo publicar menores. Sin almohadilla. Ya lo puedes ver. Simplemente pega eso en. Hay una manera agradable, fácil de conseguir información en el abrigo si no estás usando hicks a.Usando RGB una k misma cosa, simplemente cámbiala. Haga clic en él, salta a tu documento, pegarlo Súper rápido, súper fácil. Decir con esto por copia, Haga clic en Roboto Pegado en solo hace que sea fácil trabajar de ida y vuelta, pueden cambiar de píxeles a DP o PT, dependiendo de eso usando una característica central. Si tienes un gran documento Katie, click en volver a las páginas de inicio. Se puede buscar en los fueraborda K. He trabajado en proyectos que literalmente hay cerca de 100 fueraborda. Kate podría b'más bien, para que puedan hacer clic en marketing bien y lo cortarán a los que quieran cocinar en este. Ahora cuando estás rondando, vale, vale, si hago clic en un objeto, me dirá que está acentuado con lo que es realmente agradable. Pero lo que realmente me gusta pandilla y un zoom en. Encuéntralo aquí arriba. Si hago click en esto y luego solo pasa el rato por aquí, ¿ puedes ver? En realidad me dice la posición alejada de ella, porque muchas veces las cosas son relativas entre sí. Entonces sé que este botón tiene un espaciado de 32 píxeles entre él. ¿ De acuerdo? Se pueden cambiar las dimensiones. Está bien. Por aquí, los puntos o estos píxeles independientes de densidad. Está bien. Estos son bastante geniales para tratar con, como, imágenes de súper alta resolución. Depende de que desarrolles que puedan decidir lo que necesitan. Las imágenes son punteros fáciles. Fácil. Estos chicos de aquí a menudo se utilizan sólo para dispositivos móviles. OK, entonces esta es una interfaz genial. Puedes enviárselo por correo electrónico, ser actualizado realmente fácilmente, y eso solo significa que la desarrollas. Puede trabajar realmente bien contigo como diseñador y asegurarte de que todo es exactamente como quieres que sea. Está bien. Saben exactamente que pasaste 20 minutos tratando de trabajar las esquinas redondeadas en los botones o no. Está bien. Y podría seguir tu diseño. Exactamente. De acuerdo, así que eso va a ser sobre conseguir imágenes a través de tu desarrollador para la compilación. Pasemos al siguiente video. 40. Proyecto de clase para Adobe XD: De acuerdo, entonces es proyecto de clase. El tiempo en esto se ve un poco desalentador, pero solo quiero darte algunos límites. Ya sabes, es difícil hacer un proyecto por tu cuenta para tu propia cartera sin algún tipo de restricción, por lo que puedes adoptar tanto de esto o es un poco de esto como quieras. Entonces básicamente, la empresa trae tu propia laptop ya tiene un sitio web, pero quieren rediseñar. Aquí hay un enlace. Está bien, ahí mismo. Te mostraré la página. Es traer tu propia laptop dot com slash x d proyecto. ¿ De acuerdo? Y lo llevará a la página que quieren usar es un ejemplo. Así es como se ve en este momento. ¿ Pueden querer que lo pases y lo rediseñes? Se está haciendo viejo, necesita una lamida de pintura en turnos de colores y fuentes e imágenes, y también quieren ver qué se puede hacer en cuanto a la experiencia del usuario. De acuerdo, cómo reorganizar esto para sacar el máximo partido. Entonces echemos un vistazo a los detalles. Echa un vistazo. De acuerdo, así que estos son los clientes. Quieren un nuevo proyecto en tus archivos de ejercicios aquí Hay uno llamado proyecto de clase. Dentro de Ahí están los breves que estamos viendo en este momento. Está bien, detrás de aquí. Y estas son opciones de logotipo que puedes usar Ok, siempre y cuando lo que realmente necesites para usar todo lo demás dependa de ti. Colores, fuentes, imágenes hasta ti. Ahora, en cuanto a las imágenes, no nos han dado ninguna, por lo que puedes usar cualquier cosa que te guste. De acuerdo, tal vez lo que El personal de la biblioteca de acciones de un Mac consiguió un punto com imágenes gratis. Hay montones de lugares de donde sacar imágenes. Si no quieres usar este proyecto K para, trae tu propia laptop dot com, puedes usar tus propias opciones. La opción B es solo usar tu propio cliente. Quién le da a los creativos. Está bien, eso es creativo. Individuos que necesitan actualizar sus habilidades, su conocimiento en tecnología lo suficientemente. OK, pero podrían ser diseñadores junior. Podría haber todavía estudiantes, pero necesitan aprender Photoshopped o ilustrador o en diseño o 60 como tú. Por lo que esas son las personas que apuntaban a su lista de largometrajes. El videoplayer es el más importante, pero dice que tiene centric de video tributo. De acuerdo, entonces todo ha evolucionado en torno a este video. No hay nada más importante que este video y en el movimiento al siguiente video porque están en una caja de cadena. Esa es la navegación prioritaria. Ahí están las cosas que deben incluirse en estos sin características solo necesita el título del curso . De acuerdo, así que ese es el curso general, como los esenciales de ilustrador. Pero luego va a haber títulos de video específicos como The Introduction How to Get Up . De acuerdo, entonces título del curso video general titulado La cosa que estás viendo. Estos comentarios Transcripción de video Barra de búsqueda. Echemos un vistazo. Entonces ahí está la barra de búsqueda. Este es el tipo de estaban hasta en el siguiente botón, estos archivos descargables aire. Aquí hay comentarios de los usuarios, ¿de acuerdo? Y esta es la transcripción de video. Entonces este es el nombre del video, y este es el curso que viene del curso más grande y todo lo demás. Sí, ahí están las principales características. Ten un poco de lectura a través de esa lista de lo que se necesita incluir. Eso es todo por eso. En estos con competidores. Ve nunca a mirar a estos tipos y para ver cómo lo hacen, consigue inspiración. Los entregables. Básicamente, quiero algunos cerdos J en la sección de comentarios me gustaría que hicieras una opción de marco de alambre y una opción de alta fidelidad si no tienes tiempo y solo quieres hacer algo rápidamente, estoy aquí para que saltes demasiado alta fidelidad. No te voy a perseguir por tramas de tu esposa. Pero si quieres tipo de hacer esto correctamente para tu portafolio, no cablees versión de marco y luego la alta fidelidad, como hicimos en el curso, toma una captura de pantalla o exportó J pig y lo pones en la sección de comentarios o Lincoln. Algo de ayuda en este de aquí, me gustaría ver un prototipo de cables. Simplemente significa que cuando uno entra en algo así como 60 abrirá un proyecto. Y si me alejo un poco segundo veo todo el asunto, tengo un prototipo, y luego ir comando A en un Mech controlará un en un PC. Yo sólo quiero que tipo de ver no tienes a esto muchos arriba tableros, pero quiero ver los cables para que pueda ver el flujo del usuario. Está bien. ¿ Estabas destinado a ir de las diferentes páginas a tomar una captura de pantalla como de aquí en un PC? Creo que es pantalla de impresión, y se puede pegar en la tienda de fotos en un Mac. Se puede mantener el comando shift tres o cuatro, dependiendo de cuál se desee hacer. Por lo que sólo parecía una captura de pantalla de eso al igual que y verlo y en cuanto a los enlaces en ir a 60 y compartir un enlace y vino publicado en los comentarios. Esto donde dice prototipo publicado. Hicimos esto antes, y se crea un enlace público copia y pega eso para que podamos ver, como un indirecto con él. Y otros usuarios pueden dejar comentarios Si estás buscando a través de los comentarios de caída de otras personas . Es realmente agradable cuando otras personas empiezan a agregar tipo de imagen. Es crítica constructiva, pero ya sabes, crítica. Ninguno. El listado. Va a ser agradable ver el flujo de trabajo que sucede con los comentarios. Así que salta y echa un vistazo a los enlaces de otras personas y agrega comentarios tú mismo. Puedes iniciar sesión como regalo. Eso está bien. Onda también subió tus corazones, así que sean manos es un gran lugar para poner todas tus cosas de cartera si no lo haces ya. De acuerdo, entonces pon todos los cerdos J que describimos en la parte superior aquí y ponlo en tu cartera de ser Hance . Si ya no tienes uno y tienes un presupuesto fuera de cero carita sonriente. Está bien, así que ahí está el proyecto. Salga, Hazlo. Vuelca estos bols de entrega en las secciones de comentarios y no puedo esperar a ver qué se te ocurre . Asegúrate de comprobar lo que otras personas sí entran en nombre, darles algunos apoyos, hacer preguntas. Podría ser realmente útil para personas nuevas a 60 obtener algún tipo de retroalimentación. Y voy a tratar de saltar ahí todo lo que pueda para darle retroalimentación. Muy bien, sigamos con el resto de esta serie tutorial. 41. Atajos y la hoja de trucos para Adobe XD: todo bien. Tiempo para algún atajo enseñando bondad. El 1er 1 es ficha de control. Ahora eso es control Tab en ambos americanos. Un PC como el único shocker en el mundo que es lo mismo. Sostén pulsado el control nuevo teclado Tep Tab y saltarás entre el asiento prototipo en la parte superior aquí y el modo de diseño Tab de control Super agradable y volver al modo de diseño usando mi práctico atajo de dandy. Y a la siguiente va a ser la Oakey en un PC o la tecla de opción en Amec K Black Error. Y hace algunas cosas. Si tengo este botón seleccionado y empiezo a arrastrar, entonces mantengo presionada la tecla de opción. Hace que se duplique, no súper emocionante, pero bastante útil. Esa misma tecla tiene otro uso cuando hago clic en objeto y quiero arrastrarlo desde ambos lados , no solo uno. De acuerdo, genial para botones. Si sostengo en viejo u opción arrastrar uno de estos lados, lo hace desde ambos lados. Agradable. Todavía no ese super duper. El super duper es si tengo el seleccionado y mantén pulsado el alky, me estás notando las mediciones solo realmente útiles para medir cosas que esa es la distancia entre los dos se asientan salta 91 pixeles de distancia el uno del otro en este tipo. El alto y ancho de relación a lo que he seleccionado. Doy click en esto, luego me da una relación Trump de arriba a abajo todo solo sosteniendo la clave . No tengo que hacer nada más. Está bien, basta de la okey. De acuerdo, un poco rápido de zoom alrededor. Si mantienes pulsado el comando en un Mac o el control en un PC. En Tech, la llave única en la parte superior entra en 100% de hacer Lhotse Designer 100% para entrar en 10%. Nunca uso esa. La única cosa que hago usa comando cero k que entra al completo Todo en tu vista de tabla de ritmo y la última y probablemente la mejor es si hago click en este rectángulo aquí y si voy vamos vamos. Tres se merece en esa cosa específica y llena la pantalla. Es una gran manera de moverse. Comando cero. Haga clic en algo ir! ¡ Vamos! Tres se acercaron un poco demasiado. Están bien. Eso es Amisi zoom siguiente super atajo es si hago un nuevo documento y eres una buena persona que ama a tu desarrollador, vas a trabajar con 12 columnas. Y la nueva forma de hacerlo es solo dar click en el nombre de la página, caso, acordar nuestra junta seleccionada y esta cosa nueva donde decía solo solía tener plazas. Ahora tiene maquetación. Enciéndalo 12 columnas. Se puede ajustar cuántos? El espaciado. El espaciado desde los bordes es algo que hago bastante, solo para estrechar mi navegación hacia el centro. Ahí puedes sentarte. Lo que te gusta es un valor predeterminado, y cada vez que haces una nueva cuadrícula de 12 columnas que hay, y es realmente fácil encender y apagar no más durante los rectángulos con Espacios. Siguiente atajo es comando en un Mac o control en un PC, y la tecla Y simplemente sintoniza ese panel del lado izquierdo ahí. Eso en realidad sólo te abre las piernas, pero lo uso para apagar capas para que, sobre todo de ello caso vista a escala completa tuve comando uno. Es muy duro para mi Mac book pro aquí ver realmente el agujero con? De acuerdo, con eso realmente abierto si mando ¿por qué otra vez? Con ese abierto, consumes apenas faltando muchos detalles. Yo quiero quedarme al 100% pero es difícil. De acuerdo, el otro es turno de mando. ¿ Por qué en el agua hacer es poco saltó tus activos? Vamos. Por qué las capas vienen en turno. ¿ Por qué? Como su y ya sea ellos dos veces y los apagará realmente a mano si estás trabajando con una pantalla más pequeña como la mía. A continuación, Roca. De acuerdo, volvamos a este otro proyecto aquí Se ha bajado mucho. Si salté un atajo de prototipo es Así es, Control Tab. El atajo único es el mismo en todos ellos. Se puede ver que en realidad tengo en direcciones aquí. Cargas de ellos. OK, ahora para previsualizar. Eso está bien. Pulsa el botón de reproducción, pero hay un atajo. Acabas de presionar comando en el control Amec en una PC y una tecla de giro de tu A en tu teclado. Pero mira en pavo y eso cargará tu adelanto. Genial. Haz algunas cosas, ciérrala. Hacer algunos cambios. Comando retorno. Se lo robaron de flash o animar. Es realmente práctico uno. Uno fácil de recordar si lo recuerdas. Buen flash viejo. Está bien, Nick. Corto de vuelta a la vista de diseño. Puede ser realmente doloroso si quieres arrastrar thes fuera de borda. Como que haces click en el borde de nuestra pizarra, Tore. Intentas ser oficial. Es un poco raro. Simplemente usa los nombres gay a lo largo de la parte superior. Si te alejas lo suficientemente lejos, se convierten en pequeños puntos. No importa si agarras los puntos del nombre, pero estos son la forma fácil de arrastrar estos. Puedo aguantar a Holt. Está bien. Y dragón y yo conseguimos uno nuevo. Es solo la forma más fácil de seleccionar un fueraborda. Muchas gracias. Correcto. Este atajo solo es útil cuando estás exportando un caso. Tengo estas imágenes aquí. Se pueden ver los que acaban de llamarlos, los duplicaron y los hicieron con la cuadrícula de repetición. Acaban de conseguir el mismo nombre todo el camino. De acuerdo, así en la exportación, estos y ellos tendrán el nombre fuera de curso un curso un curso. Un curso. Un gran dolor. Entonces si los nombramos aquí en mi panel de capas, significa que cuando las exporte, van a exportar con los nombres correctos. Ese podría ser tipo doloroso de esto. Y este es para Illustrator K. Y luego tienes que dar click en este, doble clic en él y hacer éste uno y dos en diseño. De acuerdo, Lo que puedes hacer, en lugar de usar el ratón para ir y hacer doble clic en ellos, solo tienes que pulsar la pestaña. La llave simplemente baja. Podemos escribir después de la pestaña fix. Sólo un flujo de trabajo más agradable, está bien. Y más rápido de pasar. Y significa cuando empiezo a exportar estos seleccionados más exportación que tendrá los nombres correctos cuando salgan. Genial. Ese truco también funciona en la tienda de fotos. Cuando estés tratando de estar todo bien con tus capas, simplemente toca a través de ellas pequeño pero útil pequeño tramposo de flujo de trabajo allí. De acuerdo, entonces el siguiente es pegar. Apariencia se llega a los usos del país, Digamos, han dibujado esta caja aquí. Pero en realidad quiero igualar esto ahora decidido. A mí me gusta este estilo de nosotros. Me gusta el color, la línea alrededor del exterior o la falta de ella. Y la sombra de gota. Lo que puedes hacer con él seleccionado es simplemente copiar su comando o control. Ver, sólo copia de Reguera. Y en un Mac en lugar de solo comando V, vas opción de comando V en un PC. Es control, Alfie y todo lo que es lo puedes ver. Ahí está. Pegar apariencia. De acuerdo, Es muy útil para trabajar con botones. Si decides aquí abajo, tienes algo que puedes dibujar un botón que quieras controlar o mandar la copia de semilla y luego pegar la apariencia. Realmente útil para conseguir que todo organizando consistente. La otra bonita opción que tiene es esa. Y cuando estás en vista de diseño, hace apariencia. Pero cuando conseguí un prototipo, esa misma cosa sí avanzó en dirección. Entonces lo que significa es que puedo dar click en decir este Marketing uno aquí. De acuerdo, tengo esta indirección donde se desliza hacia este otro fuera de borda de aquí. Pero podría simplemente ir a copiar como lo hice antes, pero por aquí, no tengo eso hecho todavía. Y solo puedo usar esa misma opción de comando de corte corto V o control multi. Y pega la interacción más que el estilo. Sólo un atajo muy práctico. Encontré que un trabalenguas para ir y recoger los atajos reales. Pero ahí están. Ambos están en un Mac y PC, y en un PC está en un pequeño menú de hamburguesas rayadas, sus derechos que está copiando y pegando con un giro. El siguiente Shaka apenas está cerrando y escondiendo que en. Digamos que quiero a la navegación, la parte superior, el medallón, su comando l o control l en un PC y se obtiene este pequeño ícono del gusto, se puede hacer clic en él para desbloquearlo o simplemente comando vendible. Activarlo y apagarlo. Ocultar Es comando semi colon, que en la mayoría de los teclados está justo al lado de la tecla L. No, en todos ellos. Esto se vuelve aún más útil cuando se tiene ir en una vista de diseño. Y tengo a todos estos tipos y digo que quiero encerrarlos o esconderlos ¿De acuerdo? Y se puede ver ahí, Por aquí, no se puede deslizar hacia abajo en el momento que yo quiera, como, barrido hacia abajo y bloquearlos o desbloquearlos. De acuerdo, entonces cuando los conseguiste a todos seleccionados en un grupo grande, puedes golpear el medallón de comando alto o mandar semi colon para desbloquearlo. Y cuando digo comando, eso es para Amec y su control para un PC, Así control l control semi colon. De verdad quiero deslizar estos. Sí, no puedo. Está bien, Este siguiente es convertir al poder. Entonces este aquí es un pequeño texto que puedo cambiar. Se dio un Digamos que quiero destruirlo o cambiarlo o o ah, convertirlo en un tipo de logotipo. Si mantengo presionado comando en un mech o control en un PC y teclear la tecla ocho al lado de siete y 98 k A. Y eso destruirá. Ya no es una fuente, pero puedo hacer doble clic en ella para entrar de ahí ahora y se puede ver una botella. Los encantadores puntos de anclaje y puedo totalmente destrozado este fondo para alguien. Francia no parece encontrarse con ningún problema al día siguiente, pero sé que a veces me gusta tener la opción de convertirlos en caminos, sólo coz correcto, así que eso es convertir dos partes la siguiente. Tu corte es la herramienta de selección directa. Si eres de otros productos de adobe, tenemos la herramienta de selección. No tenemos la Flecha Blanca. ¿ Dónde está? Basta con mantener presionada la tecla de comando en un Mac o la tecla de control en el PC. ¿ Por qué Es útil? Significa que decir, esta cosa de aquí es un grupo grande. Podría o bien agruparlo o hay una especie de hierba, doble clic de acción para meterse en cosas. Pero dicen estos grupos dentro de grupos como yo quiero cambiar el tamaño de fuente aquí. ¿ De acuerdo? Y lo sé porque lo hice. Se trata de un grupo doble clic todavía dentro de un grupo. De acuerdo, lo estaba dando derecho ahí dentro. Ya sea teniendo una inmersión dentro del modo de aislamiento, todo lo que haces es sostener el comando y hacer clic en él, y como que se sumerge justo ahí. Puedo entrar aquí y decide que ya no audaz va a ser luz Vuelve a salir. Sigue siendo un grupo encantador puede ser realmente útil para estos chicos también. Ponerse a un zoom en este tipo. Yo lo hice con las herramientas de bolos a lo largo de la parte superior Aquí, está un poco hecho de formas irritables , lo cual es genial, pero necesito hacerle un poco mawr. Conozco más amplio. Por alguna razón, cuando tomé este círculo en lugar de tener que duplicar, haga clic e intente encontrarlo solo ahí, tire de la tecla de comando en una tecla de control de Mac en la PC. Y lo voy a hacer un poco más amplio. Sostenido el okey hacia abajo. Mira hacia fuera. Yo he ido derecho en su lo arregló y totalmente recto. Eso también funciona para símbolos. Si creaste un símbolo como mi media, estás a lo largo de la cima aquí, K. Es parte de un grupo más grande. Basta con comando click e ir directamente al interior. ¿ Todo bien? No estoy seguro de lo útil que es esa, pero al siguiente que amas Muy bien. Este es el último y último atajo que lo sostiene al rescate. Este video en particular. De acuerdo, compartiré por todo el lugar. Social YouTube, en todos los mercados. Trae tu propia laptop. Me gustaría que ya sea revisara pura me gusta recetado lo que sea posible en esa plataforma . Me encantaría. Me ayuda a seguir haciendo videos a tiempo completo. A mí me encanta. Y este es el último que selecciona aquí a estos tipos. Ahora bien, esta es una especie de combinación de una semana. Si estás en un Mac, es comando y control. Esa clave que nunca usas en un Mac. Sostén a esos dos hacia abajo. Es más fácil para en un PC. Basta con mantener el turno. Tecla abajo por sí mismo y luego Tep estas claves. De acuerdo, Estamos buscando las teclas de flecha K en tu teclado. Arriba, abajo, izquierda, derecha. Entonces tomando la flecha derecha. ¿ Verdad? ¡ Alinear! Impresionante, ¿eh? Flecha izquierda izquierda la línea Sexual Estas mismas teclas. Una carretilla abajo. Forro de error. Entonces esas fáciles excepto por las extrañas teclas de control de comandos que no mantenemos presionadas. Es un poco más fácil en un PC. Manteniendo turno se pone mejor. OK, si vuelvo a sostener esas dos llaves y si le pegamos por el medio? Está bien. ¿ Por qué está en para el medio? Porque este de aquí por confiarlos verticalmente, es C K. C no verticalmente y m los hace horizontalmente. Nunca puedo recordar. Siempre hago esto. Entro yo. Indue Ver, Harás lo mismo. Por último pero no menos importante, es distribuir sentidos. Se pueden ver los vacíos en bastante justo aquí. Es difícil hacer una siguiente E porque realmente quiere que el dedo del pie los separa uniformemente. Ocurre todo el tiempo. No, esas mismas dos teclas Comando en control en un cuello mantenga turno en un PC y estos fáciles Recuerde , porque es h para horizontal y V para amor vertical esos. Algo antes de que me olvide es que en realidad he hecho una versión pdf de esto que puedes imprimir. Salta para traer tu propia laptop dot com. OK, vaya a la página principal. Creo que tengo un recurso es Y aquí, un montón de hojas de atajos que he hecho para todo tipo de productos diferentes de Adobe. De acuerdo , aún no está aquí, porque estoy a punto de ir a hacerlo después de este video. Estará bien. El puedes descargarlo. Es gratis para todos. Descarga un impreso off pegando junto a computadora ser mawr. Impresionante. Está bien, eso va a ser por los atajos. Vamos a pasar al siguiente video de los Siri's. Si por casualidad estás viendo esto fuera de contexto, ¿de acuerdo? Esto es como el video 40 de un curso X d más largo. Ve a comprobarlo. Es impresionante. Habrá un enlace en la descripción o en ese pdf descargable. Puedes comprobarlo, registrarte y hacer el curso. Si lo estás durante el curso, nos estamos acercando al final. A a Muy bien, vamos a terminar terminar los últimos videos ahora 42. Conclusión para el curso de formación de Adobe XD: Está bien, estamos al final. Tú lo lograste. Yo estoy aquí. Estaban los dos aquí k sesenta. Impresionante. Por lo que ya hemos terminado. Un par de cosas es algún comentario? Usó los comentarios en cualquiera de sus páginas y bastante bueno en contestar. También, los proyectos van y hacen el proyecto de clase. Deja el enlace, Uh, deja los cerdos J y viene en los de cualquier otro también. Ese tipo de retroalimentación realmente ayuda a que todo el mundo lo levante mejor. Y las otras cosas son otros cursos que podrías hacer Tengo curso es probablemente el principal es cómo convertirte en diseñador UX Y ve a ver ese curso que pasa por mucho más fuera de la teoría ah fuera del curso, Gay o Buicks. Pasará por la investigación de usuarios y usará una prueba. Nosotros como que hemos hecho la parte media. El manos sobre herramientas basadas X d u diseño curso, pero el a k a. El otro curso pasará por más que teoría. Otros cursos que podrían ser útiles es que hay una opción ilustradora y Photoshopped para hacer un tipo similar de cosas. Por lo que diseñé para ilustrador y diseño web para Photoshopped. Ve a echar un vistazo a esos en. Si te interesa hacer un poco más de diseño Web o conseguir estudio, hemos diseñado que hay mucho fuera de los cursos de Dreamweaver, te permite hacer prototipos al día siguiente y luego ir realmente a construir el sitio web del caso final hace. Echa un vistazo a esas y otras cosas es ese instructor H. P. Ha Bean el proyecto en el que trabajamos durante este curso? Si eres o quieres convertirte en instructor de curso de video online y estás buscando una plataforma, echa un plataforma, vistazo al instructor h q dot com y regístrate en ellos casings como parte del proceso de la página web de Prica Al menos un Zago para conseguir eso. El último es, es que X D es un nuevo producto kay para Adobe. Por lo que hay un montón de características que realmente queremos ir a echar un vistazo, y se llama Adobe X'd dot user voice dot com, y puedes subir las funciones de voto las otras personas que puedes sugerir características, y simplemente les da una prioridad. Nivele lo que hay que hacer a continuación para que podamos hacer 60 mejores para todos. Está bien, eso es todo. El final, por supuesto. Ing individual, uh, por nunca estar seguro de qué hacer con la India buscando salir adelante. Pero ahora