Transcripciones
1. El curso de Adobe Xd: Adobe X'd es un tú eres tú extol diseñado para ayudarte a trabajar con la velocidad del rayo para que puedas crear hermosos diseños y experiencias de usuario. Usar Adobe X'd para el diseño es genial porque es gratuito basado en director multiplataforma, y tiene actualizaciones regulares. Hey ahi, mi nombre es Alex, y en este curso aprenderás qué es las herramientas diseñadas por Adobe X'd. Ofrece herramientas de prototipado para dar vida a tus diseños, cómo trabajar con diferentes archivos, cómo compartir tu trabajo y cómo trabajar contigo. I kids to get your designs iniciaron estos cursos para principiantes y para personas interesadas en Adobe X'd. No necesitas ningún conocimiento previo fuera de los aeróbicos D. Lo vamos a cubrir todo en este curso. Espero que estés listo para aprender Adobe X'd y qué tiene para ofrecer, y te veré en clase
2. ¿Qué es el curso básico de Adobe Xd: Adobe X'd es una herramienta basada en vectores diseñada por Adobe. Puedes usarlo para crear diseños de experiencia e ir desde marcos de alambre con puntera de boceto y marcos de alambre de alta fidelidad hasta diseñar prototipos y compartir todo dentro de uno hacia arriba. Funciona también en Mac. Una especie y lo mejor de todas. Es gratis, por lo que ahora puedes cargarlo y empezar a usarlo ahora mismo.
3. Descarga el curso básico de Adobe Xd: se puede muñeca. Ah, eso será X'd yendo toe adobe dot com slash products slash eggs d Y aquí mismo en esta página, puedes explorar todo lo que Adobe X'd tiene toe oferta para que puedas desplazarte hacia abajo y ver algunas asociaciones
importantes que tuvieron. Y todas estas empresas están utilizando Adobe X'd en su trabajo de diseño. Se pueden ver algunas de las características principales, y esto obviamente cambiará dependiendo de cuándo estés viendo este video en el futuro Por lo que todas estas características están cambiando todo el tiempo porque están agregando cada . más características también a Adobe X'd. Puedes desplazarte todo el camino hacia abajo y ver algunas características principales de resaltado que tienen dentro. Fuera del software, se pueden
ver algunos testimonios de los clientes aquí mismo. podían ver algunas integraciones e integraciones principales, y se puede ver aquí mismo algunos de los proyectos. Puedes explorar lo que está hecho de lado de Adobe X'd, y puedes desplazarte todo el camino hacia abajo para encontrar las plantas. Entonces de momento apagado, sacando este video, tenemos tres Bland y este plan comenzó, que siempre ha sido libre. Se extiende hasta abril de 2000 y 20. Por lo que obtienes todas estas características de forma gratuita. De lo contrario, puedes compartir en Lee un prototipo con tus clientes y solo puedes tener una colaboración dentro de la nube activa. Pero puedes eliminarlo después. Si quieres usar este plan de inicio, que es gratuito, y luego empezar todo de nuevo con ese mismo prototipo de compartir y colaboración. Y siempre puedes correr por esto y tener un plan activo, y siempre puedes usar Adobe X'd de forma gratuita. Por lo que si quieres descargarlo, simplemente
puedes empezar aquí mismo y hacer clic en Huevos Donald D También puedes explorar estas otras plantas si te quedan bien. Y por supuesto, si tienes una doble suscripción a la nube creativa ya pagada, ya
tienes todo esto incluido. Entonces cuando haces clic hacia abajo con X D, tienes que instalar esta aplicación de escritorio en la nube creativa, y justo aquí puedes encontrar Adobe X'd porque ya lo instalé. Ya puedes ver solo puedo hacer clic en abrir y abrir completamente y empezar a correr de inmediato. Pero si no lo tienes,
puedes tener este botón instalado mostrado, y puedes dar click en él y luego instalar Adobe X Deep y AST para las actualizaciones. Puedes actualizarlo de esta misma manera, o puedes saltar dentro de la configuración y habilitar actualizaciones automáticas, y se actualizará automáticamente cada vez que actualicen el software en el futuro. Entonces eso es básicamente todo para este video, y te veré en el siguiente.
4. Actuaciones conceptos básicos de Adobe Xd: Por lo general, Adobe X'd se actualiza cada mes. Al menos ese fue el caso desde el lanzamiento de este producto, por
lo que siempre puedes echar un vistazo a las últimas actualizaciones yendo toe, adobe dot com slash productos slash x d slash características. Y dentro de esta página, se
puede ver cada vez que se inicia la actualización, así
como lo que contiene dentro de esa actualización en particular. Ahora, a veces las actualizaciones son enormes, como esta fue en noviembre, fuera de 2000 y 19. Nuevamente, Lo que sea que estés viendo este video, llegarán cada vez más actualizaciones hasta ese momento, y puedes ver a veces están lanzando actualizaciones más pequeñas. Por lo general, están guardando las mejores cosas para noviembre de cada año porque ahí es donde están adobe. Max, se fue, se lleva a cabo y dentro de ese evento, están probando toe project cómo será el futuro para sus productos para sus marcas y en este caso para Adobe X'd. Y ahí es cuando están tratando de incluir tantas características nuevas como sea posible,
especialmente tantas características nuevas y útiles un spot como sea posible porque tienen esta cosa llamada Voz de usuario y dentro de usuarios de voz de usuario fuera de adobe eggs D puede sugerir un futuro, ya sea una característica de diseño o prototipado, y trabajarán en ello si tiene suficientes votos arriba. Entonces ahí es donde conseguimos esta co edición, por ejemplo, y tenemos disparadores de hover, por ejemplo, porque fue muy solicitado. Característica en la voz del usuario y siempre puedes saltar dentro de la voz del usuario y simplemente hacer que tu voz sea escuchada. Y puedes poner tu propia opinión por delante y sugiere las ideas que siempre puedes subir. Capturas de pantalla. Siempre puedes subir tus diseños particulares sobre cómo deseas que el software involucre en el futuro. También puedes saltar dentro y la comunidad y encontrar que te guste, que los creadores de los huevos de adobe que han creado. Y puedes usar que te guste para diseñar tus propias características, y siempre puedes enviarles eso y luego sugerir tus cambios o los futuros que te
gustaría ver en el futuro para que se incluyan dentro de Adobe X'd. Ahora, para descargar cualquiera de estas actualizaciones, siempre
puedes saltar de nuevo a tu aplicación creativa en la nube, y te lo solicitará. Con este fondo de actualización, simplemente
puedes hacer clic en él. Instalará la actualización y luego podrás abrir X'd, y tendrás instalada la última actualización. Siempre he recomendado que actualices X'd a medida que trabajas a medida que avanzas. Y a veces si te saltas un mes o dos porque no estás trabajando por alguna razón o estás trabajando algún otro software, siempre
puedes saltar atrás y actualizarlo, y se actualizará a la última versión. Las actualizaciones son realmente rápidas. Son realmente pequeños, y son realmente fáciles de instalar. Como dije, simplemente
puedes hacer clic en un botón y eso es básicamente todo. Entonces eso es todo para este video, y te veré en el siguiente.
5. Curso básico de Mac VS: Si bien cada plataforma tiene sus fortalezas y debilidades, no
importa cuál utilices para Adobe X'd. Adobe Steam está trabajando duro para traer las mismas características en ambas plataformas, por lo que la experiencia del usuario puede ser la misma en Mac y PC. Esto es genial porque puedes estar seguro de que estás obteniendo las últimas características, sin importar la plataforma que estés usando. El aspecto de los menús es un poco diferente debido a las plataformas, pero las características son exactamente las mismas tanto en Mac como en PC.
6. Conceptos básicos de Adobe Xd: cada vez que abras Adobe X'd, serás recibido con esta pantalla de inicio y dentro de ella tienes algunas opciones que vamos a explorar en este video. Primero lo primero, justo aquí a tu izquierda. Tienes este menú. Entonces estás en casa. Obviamente tienes padres que vamos a explorar en uno de los próximos videos. Tienes tu trabajo para que puedas acceder a tus documentos en la nube aquí mismo. Y estos ¿verdad? Aquí están sus documentos recientes los cuales se están guardando. Nube del dedo del pie. Estos son los documentos que se comparten con ustedes. Entonces si estás trabajando con un cliente, por ejemplo y ellos compartieron los documentos contigo, puedes acceder a ellos fácilmente. Aquí mismo puedes gestionar enlaces. Como dije en el video de Donald X'd. Si estás usando plan gratuito, tienes que administrar esos enlaces y puedes hacer click rápidamente aquí mismo. Y puedes eliminar los viejos enlaces que ya no necesitas y puedes crear otros nuevos para compartir. Por lo tanto, manteniendo tu plan libre yendo aquí mismo. Puedes acceder a todo lo que has borrado. Y aquí puedes acceder a tu computadora y puedes hacer clic aquí y abrir los archivos desde tu computadora. Puedes consultar rápidamente las novedades haciendo clic aquí mismo, y podrás ver todas esas diferentes actualizaciones. Y puedes ver diferentes publicaciones de tipo y videos caminando por las nuevas actualizaciones y características y lo que han lanzado recientemente aprendido y apoyan. Se puede acceder a diferentes tutoriales. Puedes acceder a diferentes enlaces, y puedes acceder a todo lo que el equipo tiene para ofrecer para hacerte la vida un poco más fácil . Si estás empezando con X T y finalmente puedes hacer clic en proporcionar retroalimentación, y te llevará a usar la voz, que mencioné en el video de Donald Adobe X'd y dentro de ahí puedes hacer que tu voz sea
escuchada básicamente y puedes escribe tus comentarios y puedes subir a otros usuarios. retroalimentaciones y los futuros, que tienen más arriba carreteras y el equipo los encontró útiles y constructivos. Lo construirán e incluirán en las futuras versiones off de X'd Así,
por ejemplo, por ejemplo, los usuarios querían para las integraciones de tienda. Ellos escucharon. Ellos lo incluyeron. Los usuarios quieren efectos de hover. Ellos escucharon. También lo incluyeron y así sucesivamente. Aquí mismo tenemos diferentes tamaños de nuestros tableros. Por lo que tenemos tamaños de iPhone y puedes dar click aquí mismo. Y podrás acceder a todos los diferentes tamaños de iPhone así como a los tamaños de móviles Android. Si estás trabajando con Android, y ese es un bonito atajo rápido al que puedes acceder, y no tienes que pasar por, por
ejemplo, ejemplo, Website de
Adobe y averiguar ¿cuáles son los tamaños? Tienes todo accesible aquí mismo. A continuación tienes tamaños de iPad así como tablet android superficie Pro 3456 y así sucesivamente. Y se puede mostrar rápidamente. Elija desde ahí y simplemente haga clic aquí, y creará un nuevo nuestro tablero para usted. Si estás diseñando para lo que tienes los tamaños más utilizados para Rob justo aquí y en cualquiera de estos casos, siempre
puedes cambiar el tamaño del aeropuerto dentro de Adobe X'd. Pero este es solo el punto de partida para empezar y abrir el programa y empezar a trabajar en él. Y por último, tenemos tamaño personalizado para que pueda escribir, por ejemplo, 800 por 800. Digamos que puedo hacer clic en entrar y me llevará a esa costumbre. Nuestro tamaño de tablero y puedo empezar a trabajar. Entonces, por ejemplo, si no estás trabajando para alguno fuera de estos escenarios y estás trabajando, por ejemplo, para redes sociales o para un trabajo de diseño gráfico o algo así, siempre
puedes comprobar que tamaño personalizado, y puedes ingresar valores personalizados ahí mismo. Haga clic, ingrese o devuelva, y se abrirá ese tamaño personalizado. Por último, tenemos aquí mismo explorar sus consejos, y puedes hacer clic a través de esta paginación, y podrás conocer más sobre las últimas características. Esto obviamente cambia cada vez que lanzan una nueva actualización, que es importante para ellos, y encontraron que será extremadamente importante para los usuarios. Por lo que puedes hacer clic aquí en este enlace, y puedes aprender más sobre estas características particulares en este caso, co edición. Entonces si no sabes lo que es tranquilizador, puedes hacer click ahí mismo para conocer más al respecto, y van en detalles de remolque sobre qué es, cómo puedes usarlo, algunos casos de uso y cómo puede ser útil para ti y tu futuro trabajo. Entonces eso es básicamente todo para esta pantalla de bienvenida. En el siguiente video, nos vamos a ir de pie a explorar Adams, así que voy a ver ahí
7. Agrega los conceptos básicos de Adobe Xd: justo aquí desde tu pantalla de bienvenida, puedes hacer click en los add ons y te llevará a esta sección fuera del software y dentro de aquí podrás ver la elección del editor para todos los diferentes animales que puedes instalar y usar dentro de fuera su trabajo. Entonces, por ejemplo, si quieres diseñar para IOS, tienes el sistema de diseño Apple IOS y son básicamente a ti te gusta. Esa es la propia manzana creada. Por lo que esto es extremadamente útil. Si estás trabajando para el diseño de IOS APS y puedes hacer click aquí mismo, y te llevará a la nueva pestaña donde podrás descargarla y usarla, mientras que para algunos otros, puedes dar click aquí mismo. Entonces, por ejemplo, el tema que me enfrenta y se puede ver que es un enchufe. Puedes hacer clic aquí mismo, y se instalará de inmediato, y puedes usarlo de inmediato sin ir a sitios web separados. Por lo que puedes ver en algunos casos tienes que ir a sus sitios web dedicados sobre en algunos casos puedes hacer clic aquí mismo, y va a Donald e instalar de inmediato en el siguiente. Videos iban dedo del pie a explorar estos tres por separado. Por lo que los enchufes te gustan sus integraciones y aplicaciones. Entonces te veré en el siguiente video.
8. Plugins básicos de Adobe Xd: Entonces aquí estamos en la sección Adams fuera de nuestro adobe X, la pantalla de bienvenida. Y aquí mismo tenemos estas tres opciones por separado, así que puedes ver aquí mismo hemos sumado su elección. Pero si quieres explorar un poco más profundo, puedes hacer clic en plug ins, por ejemplo, y te llevará a la extensión plug ins de adobe eggs. D. También
puedes ir a la página web y puedes dar click aquí mismo. Entonces será que los productos com slash corten los huevos. El recurso es y demás, y te llevará a esta página. O simplemente puede hacer clic en cualquiera de estos. Entonces, por ejemplo, integraciones de
aplicaciones y te llevará al sitio web y en el sitio web. Podrás explorar todos estos enchufes en muchos más detalles. Entonces, por ejemplo, puedes leer más sobre ellos aquí y puedes cambiar entre enchufes,
app, app, integraciones que te gustan es un icono sets y nos vamos a concentrar en los enchufes. Por lo que una vez más, cuando hagas clic en plug ins justo aquí, te llevará al enchufe en spaniel. Y este panel plug INS es interesante, porque aquí mismo puedes aprender cosas diferentes, dependiendo de lo que te interese para Adobe X'd. Entonces, por ejemplo, tenemos un futuro de la elección del editor de colecciones, y si hago clic ahí mismo, me llevará a los enchufes más útiles que los editores piensan que me pueden gustar. Siempre puedo volver atrás. Podrás ver jumpstart tus diseños para que puedas ser esa colección aquí mismo. Y esto es muy útil porque si no sabes de procesos de diseño y no
sabes de tres fuentes diferentes, siempre
puedes saltar aquí mismo y ver qué te han recomendado. Pero si lo haces, puedes ver estos enchufes esenciales. Entonces, por ejemplo, tú y caras te darán avatares para diseñar más tazas. Stark es para un diseño accesible e inclusivo, y para instalar cualquiera de estos, simplemente
puedes hacer clic en instalar, e instalará ese enchufe dentro de tus colecciones de enchufes. Puedes tener tantos enchufes como quieras leerlo como una cuestión, pero realmente te recomiendo que solo instales los enchufes que realmente necesitas y realmente quieres, o si quieres revisar algunos de ellos. Siempre puedes instalarlos. Explora. Si no te gusta, puedes eliminarlos. Realmente no importa. Para que puedas mantener tus enchufes menos cortos, concisos y realmente al punto fuera de los enchufes que realmente estás usando. Puedes conectar X'd a su aplicación favorita para que puedas ver todas estas apps. Entonces, por ejemplo, si estás usando la bofetada Dropbox o Siplin, puedes integrar X'd con esos APS y trabajar directamente sin ir a sitios web separados , por ejemplo. Aquí puedes ver diferentes colecciones, y puedes navegar por categorías. Entonces si te interesan las herramientas y la automatización, puedes hacer click aquí mismo, y te llevará a esa lista en particular. Y eso nos trae muy bien a la selección de navegación. Entonces todo de lo que ya hablé fue en la selección Discover. Al hacer clic en el navegar, puedes ordenar por categorías aquí mismo. Entonces esas son las categorías que viste justo aquí en la parte inferior, y puedes navegar por todos los enchufes aquí mismo. Puedes ver los más populares mejor valorados y los más recientes, y puedes desplazarte y ver cuántos enchufes hay justo aquí. Entonces aquí estamos. Si estás compartiendo en regate,
por ejemplo, por ejemplo, puedes compartir directamente a través de los huevos de adobe. Puedes conectar tu cuenta de dribble y compartirla directamente a ella. También puedes hacer lo mismo para inicios, por ejemplo. Y como puedes ver, hay muchos, muchos, muchos enchufes diferentes que puedes explorar aquí mismo. Y si haces click en alguno de estos enchufes aleatorios, puedes tener instalado abajo justo aquí. Tienes calificaciones, que obviamente son importantes y muy útiles, y puedes ver de qué se trata el tapón. Se puede leer más, se
puede ver qué hay de nuevo. Se puede ver la calificación aquí mismo, quién es el desarrollador, y se puede ver el tamaño. Entonces, ¿qué tan rápido va a Donald e instalar en tu computadora. Y finalmente lo hemos logrado. Entonces aquí están mis enchufes instalados, y puedes gestionarlos desde aquí mismo. Se puede ver un último operado para que pueda seguir el seguimiento de quien más actualice los enchufes . Entonces, por ejemplo, puedes ver que estoy usando mucho dedo del pie de yeso, siento algún texto de marcadores de posición en algunos casos, y si quiero eliminarlo. Simplemente puedo dar click aquí. Puedo desactivarlo si no quiero verlo,
por ejemplo, por ejemplo en mi lista de enchufes, o simplemente puedo desinstalarlo, y siempre puedo saltar atrás e instalarlo en tiempo posterior si elijo So Así que esto está instalado este calendario de blogueo. Por ejemplo, Si quiero quitarlo, simplemente
puedo hacer clic en Instalar. Me preguntará, ¿
Estás seguro? Puedo dar click en instalar? Y como puedes ver, está trabajando en ello y ahora está en instalado. Entonces así es como es trabajar con chupones. Y cuando realmente lleguemos a diseñar en este curso, te
mostraré algunas plantas realmente útiles y cómo puedes usarlas en tu trabajo de diseño. Y en el siguiente video, voy a mostrar algunos ustedes yo chicos, por qué son importantes y cómo pueden conseguirlos para que ya veremos ahí
9. Curso básico de UI Kits: si quieres acelerar tu trabajo de manera dramática, una realmente recomiendo te estás usando yo niños, sobre todo si eres principiante. Y realmente no sabes cómo se estructuran algunas de estas cosas, qué deberías estar usando y cómo puedes explorar otros diseñadores
más experimentados. Sus técnicas, cómo están usando, cómo están estructurando sus diseños. Entonces realmente te recomiendo que te utilices como es, y es realmente sencillo para Donald ellos. Obviamente están libres aquí mismo. Puedes saltar dentro de Adams y Click You are kids, y abrirá esta página, que una vez más es un doble com slash productos slash huevos. El recurso de corte lo es, pero puedes acceder rápidamente a esa página simplemente haciendo clic aquí en la U.
Y. Y. Kids. Y cuando haces click justo aquí tienes a estos mayores U.
Y. Y. Kids para las plataformas. Por lo que una vez más, tenemos diseño de manzana. Te gusta, y simplemente puedes hacer clic aquí, conseguir el kit, y puedes ver cómo se ve todo. Entonces esto es lo que vas a estar obteniendo. Se puede descargar thes símbolos, y se puede ver todo el software diferente en el que trabaja este tú yo niño. Entonces si estás usando para tienda usando, haz click aquí. Si estás usando Adobe eggs d como se trata este video, puedes dar click aquí y se descargará. Entonces, lo que sea que estés viendo este video, esta versión del IOS obviamente va a cambiar de circo Haz clic aquí, descarga e instruido y solo una nota rápida. Si estás usando Windows para diseñar, se descargará como el MG, que obviamente es archivo Mac, y no puedes abrirlo en windows. Pero lo que puedes hacer es usar el software siete Zip, por ejemplo, que es gratuito, y puedes descomprimirlo usando siete zip en tu escritorio. Y porque dentro de ese archivo DMG está el archivo Adobe Xz, que obviamente funciona tanto en Mac como en PC. Se puede utilizar con normalidad sin ninguna dificultad. Si quieres usar este kit, puedes Donald e instalar su fondo para que como un frente con más de 1500 símbolos y así sucesivamente si
quieres que todo funcione correctamente, pero siempre puedes cambiarlo por el fondo que quieras. Si haces clic aquí en el diseño del material, si estás usando Adobe fácil de diseñar para aplicaciones de Android. Puedes hacer click aquí para obtener el kit. Se lo descargará de inmediato, y podrás usarlo tanto en Mac como en PC y finalmente, para Microsoft. Usted WP diseño. Puedes abrirlo en nueva pestaña y puedes ver cómo se ve todo como está
estructurado todo y así sucesivamente, y puedes conocerlo y usarlo de esa manera. Pero si no te interesa ninguno de estos, siempre
puedes desplazarte hacia abajo y ver qué ha hecho la comunidad para Adobe XY. Y aquí mismo tenemos una variedad fuera diferente que te guste. Es así que tenemos el sistema de diseño. Por ejemplo, tenemos Amazon. Alexa, tus hijos. Si estás diseñando para Alexa, también
has animado te gusta, que es la característica realmente genial e importante de Adobe X'd. Y está hecho por nuestro Pinsky rosa, que es un gran youtuber y huevos senior, el evangelista en Adobe y justo aquí tenemos wir franc. Es de tu blanco, por ejemplo. Tenemos dashboard, tú lo trabajas. Tenemos diseño responsive, que de nuevo es una gran característica fuera de la gran ciudad, y puedes diseñar para pantallas responsive y también está hecho por U ocho, y puedes explorar cómo funciona todo ahí. Si estás diseñando para reloj o s, por ejemplo, puedes descargar y utilizar este kit para deporte APS. Puedes usar este kit y así sucesivamente y así sucesivamente, y siempre puedes combinar elementos. Entonces, por ejemplo, puedes usar algunos elementos de este MERS igual. Te gusta y de vernos y así sucesivamente para crear tus diseños personalizados. Si eso es algo que deseas que todos estos te gusten, es que puedes ver aquí mismo son completamente gratis. Podrás descargarlos, abrirlos en XY y realmente explorar y jugar con algunos de estos elementos. Y te voy a mostrar algo fuera del que te gusta que esté en el video posterior cuando realmente
vamos a empezar a trabajar en nuestro diseño. Y te voy a mostrar cómo puedes usar algunos fuera de esos elementos para elevar realmente tus técnicas de
diseño y para mejorar realmente tu velocidad
10. Integraciones de aplicación Adobe Xd: y finalmente desde este panel, quiero mostrarte integraciones de aplicaciones. Entonces si hago clic aquí mismo, me
preguntará con esta ventana y podrán ver todo fuera de las
integraciones de aplicaciones actualmente disponibles . Entonces digamos que estás trabajando dentro del equipo y estás usando holgura sin dejar nunca a Adobe X'd ni vivir holgura. Para el caso, se
puede instalar la integración de aplicaciones y se puede integrar. Ese será el ingenio como, por ejemplo, si estás colgando de guías de estilo de diseño, fragmentos de
código y más con ardillamiento a tus desarrolladores, puedes usar esa integración si, por ejemplo, quieren dedo del pie anuncio aún más interactividad a nuestros protege. Se puede utilizar producto por, y se puede utilizar esta integraciones. Puedes usar Dropbox paper, por ejemplo, si quieres compartir prototipos interactivos usando Dropbox paper. Si eso es algo que estás usando con tus clientes o dentro de tu empresa para que puedas sacar la idea de estas integraciones de APP. Son realmente útiles, sobre todo si estás trabajando una chispa fuera del equipo o si estás trabajando como parte remota del equipo porque a veces, por ejemplo, todo
el equipo está usando holgura. No estás usando holgura. No sabes usarlo. Entonces, ¿por qué te irías? Será fácil e instalar holgura en otro lugar y luego usar el tiempo y luego saltó hacia atrás y adelante entre Adobe X'd y holgura Cuando puedes hacerlo todo dentro de una aplicación sin salir
nunca de ella cuando estás trabajando.
11. Curso básico de Adobe Xd: corramos rápidamente por la interfaz fuera de la B x d Así que si hago clic en alguno de estos por ejemplo, este dedo abre un nuevo documento, verás que se cargará aquí mismo. Y me va a mostrar que nuestra pizarra Y si la ampliamos apenas un poquito, golpeamos control o mando cero para chasquear en posición, puede ver cómo se ve todo. Ahora a partir de aquí, esto será un poco diferente dependiendo de si estás usando Mac o Windows. Porque en Mac, todos los controles están justo aquí en la parte superior mientras que en las ventanas. Todos los controles están aquí dentro de este menú de hamburguesas. Por lo que en realidad tienes que hacer clic en él y luego acceder a todos esos controles diferentes. Entonces aquí mismo tenemos el ícono de inicio y si haces clic en
él, te llevará de vuelta a esta pantalla de inicio. Y es realmente útil. Si quieres acceder a alguno de estos que mencioné en videos anteriores. Quieres aprender más, quieres abrir un nuevo tablero de arte y así sucesivamente. Entonces eso es realmente útil. Ahí, Justo aquí. Hemos diseñado prototipo y compartir. Ahora Actualmente estamos en el modo de diseño, así que estamos diseñando básicamente, y podemos crear cualquier cosa que queramos dentro del molde de diseño. Cuando quieras animar parte de ella, puedes hacer click en el prototipo, y luego puedes acceder a diferentes características que te permiten prototipos de ese diseño para que interactúe. Y luego cuando quieras compartir de la con tu cliente, en realidad
puedes hacer clic aquí derecho acceso a este compartir opciones aquí mismo. Entonces aquí mismo en medio, tenemos el documento que actualmente se está guardando, la nube. Y puedes cambiar eso simplemente yendo aquí a la derecha y haciendo clic. Guárdanos y eligiendo tu escritorio, por ejemplo, o carpeta dedicada en tu computadora. Y luego guardará la copia en tu computadora también. Puedes hacer clic aquí y cambiar el nombre. Entonces, por ejemplo, son documentos que comprimes, ingresas o devuelves, y puedes ver que está guardando en la nube porque eso es todo Punto dedicado. Aquí mismo. Contamos con diferentes controles. Por lo que tenemos control selecto, que se utiliza básicamente para la selección y para mover cosas por debajo que tenemos alguna forma. Entonces tenemos forma de elipse en forma de rectángulo, forma polígono y línea por debajo de que tenemos lo mental. Entonces si alguna vez usaste para tienda o ilustrado, por ejemplo, tu familiar con mental. Pero si no, vamos a tener un video mental dedicado más adelante en los Siri, y puedes verlo y aprender más al respecto. Debajo de eso, tenemos el textil, que obviamente se utiliza para mecanografiar y para ingresar palabras abajo que tenemos diferentes nuestros tableros. Entonces si no quieres saltar todo el tiempo de la pantalla de inicio, puedes hacer clic aquí mismo, y te mostrará diferentes tamaños de tableros de arte justo aquí a la derecha. Pero como expliqué antes, puede cambiar el tamaño del aeropuerto en cualquier momento simplemente haciendo clic en él, y puede ingresar sus valores aquí mismo. Por lo que ahora mismo con es 1920. Entonces, por ejemplo, quieres ser centro de prensa 1000, y puedes ver que cambió de dedo 1000 para que siempre puedas cambiarlo ahí y hacer esos cambios realmente fácilmente. Debajo de eso, tenemos la herramienta de zoom, y siempre puedes usar la rueda vieja y de desplazamiento en tu ratón o puedes usar el control y el espacio para acercar o controlar viejo y hacer clic para alejar. Siempre puedes usar control Command zero para chasquear en el aeropuerto en posición, y debajo de eso, tenemos panel de activos, y si hace un clic y clic de nuevo, ocultará ese panel. Pero si vuelve a hacer un clic, ampliará ese panel ahora, cuáles son los activos que vamos a explicar en uno de los videos futuros, y puedes ordenar tus activos aquí mismo. Y puedes agregar colores, estilos de
personaje y componentes a tus activos. Y los componentes van a ser video mayor, que van de pie. Explica cómo puedes usar esos componentes dedo del pie más te ayudan a diseñar más rápido para diseñar más simple y Toby más colaborativo dentro del equipo. Y realmente te ayudará a que tu proceso de diseño vaya y realmente mejore tu velocidad y tu calidad. Como diseñador debajo de eso, tenemos el panel de capas específicamente bastante aquí. Puedes ver algunos tardíos aquí mismo, y vamos a entrar en mucho más detalle fuera de él un poco más tarde, y finalmente tenemos hechizo de tapón, así que si hacemos click justo ahí, puedes agregar nuevo tapón simplemente haciendo clic derecho aquí. Y te llevará a la pantalla, que realmente hablará. Y aquí están tus enchufes instalados y los vamos a ejecutar una vez que empecemos a diseñar, y te voy a explicar qué funcionan algunos de ellos y por qué algunos de ellos son realmente útiles para mi trabajo al menos lo que sea que estés pinchando justo aquí a tu derecha, Tienes estos paneles de propiedades, y realmente puedes explorar cómo esto cambia dependiendo de lo que hayas seleccionado aquí mismo . Entonces porque nos hemos dedicado con nosotros viniendo por todos estos, voy a explicar cómo este panel cambia lo que haya seleccionado aquí mismo. Y eso es básicamente todo para el sobre ti. Y vamos a cubrir algunas de estas en los videos posteriores. Entonces esto es solo una visión general básica de cómo se ve Adobe X'd como lo que todo hace de un
vistazo . Y por último, solo
quiero compartir. Si quieres cambiar el nombre de nuestro puerto, simplemente
puedes hacer doble clic aquí y llamarlo como quieras. Entonces digamos nuestro puerto en este caso. Entonces eso es todo para este video. Te veré en la próxima cuando vayamos a explorar diferentes formas
12. Curso básico de Adobe Xd: en este video, vamos a hablar de diferentes formas en Adobe X'd para que las formas se encuentren aquí mismo a
tu izquierda para que tengas rectángulo, elipse y polígono, y puedes hacer click en cualquiera de ellas y simplemente dibujar una forma a la derecha aquí dentro de su nuestro puerto . Y si cambio de panel de activos a mi panel Capas, se
puede ver que se titula Rectángulo uno, porque esa es la forma original que era verdad. Como puedes ver, es un rectángulo. Y debido a que es primero, es erigir un artículo 23 y así sucesivamente,
y se puede golpear el control Comando Z dedo del pie hasta la selección de muerte. Puedes hacer doble clic aquí para cambiar el nombre así que tal vez podamos llamar a esta forma uno, por ejemplo, y puedes hacer clic en la herramienta de selección y puedes dibujarla. Y cuando lo muevas, puedes ver estas pautas, y te mostrará cuando estés en el centro. Y todos estos números son números fuera de píxeles de estas distancias. Por lo que desde arriba abajo izquierda y derecha derecha aquí en este menú, se pueden
ver algunas opciones diferentes. Entonces, como dije en los videos anteriores, Dondequiera que haga clic en algunos de
estos, estas opciones van a cambiar dependiendo de lo que haya hecho clic aquí mismo. Por lo que aquí en la parte superior, tenemos herramientas de posicionamiento para que puedas alinear esto a la parte superior. Se puede ver lo que hace. Puedes ponerlo en el medio a la parte inferior izquierda media así para que puedas flotar y ver. Por lo que esto lo alineará centralmente horizontalmente y esto alineará su centro verticalmente. Entonces básicamente en el medio. Y éste está a la derecha. Aquí mismo podemos ver que tenemos una repetición. Genial. Y eso lo vamos a explicar en el futuro video. Y aquí tienes algunas opciones cuando quieres combinar diferentes formas. Entonces si pudiera controlar trato May keyboard, puedo hacer un duplicado de esta forma. Podría mantener presionada la tecla Mayús, seleccionarlos a ambos, y puedo agregarlos. Como se puede ver, no
hay una sola forma. Si vuelvo con control Z, se
puede ver que tenemos restar por lo que va a restar esa parte de esta selección, tenemos intersectar. Como puedes ver, solo
va de puntera intersecta donde esas dos formas se encuentran y puedes ver justo aquí
tenemos Intersección uno, y tenemos este mismo ícono como lo hacemos aquí mismo para que sepas lo que has seleccionado para cualquiera de estos. Y finalmente hemos excluido la superposición. Entonces básicamente, va a excluir esta parte cuando se superponen y por fin mostrarte eso aquí mismo. Permítanme borrar rápidamente este y posicionarlo en el centro. Entonces si nos movemos a continuación, tenemos componente. Por lo que puedes crear esta forma para ser un componente. Y vamos a cubrir los componentes en un video separado porque es parte
realmente importante tu flujo de trabajo de adobe X'd. Debajo de eso, tenemos dimensiones. Por lo que tenemos ingenio, tenemos la altura y simplemente puedes ingresar cualquier valor que elijas aquí mismo. Entonces, por ejemplo, 500 se puede presentador y se va de dedo expandir a 500 en el que podemos ver la posición en el acceso X y y se puede girar. Entonces, por ejemplo, si tecleo 45 grados para centro va a girar la forma a 45 grados, también
puedes hacer clic aquí para voltearla horizontalmente o para voltearla verticalmente y porque es un rectángulo, obviamente va a lucir exactamente igual así que también puedes pasar el ratón y rotar. Se puede mantener el turno para chascar en diferentes incrementos, y se pueden ver todos estos puntos aquí mismo en la forma si se reanuda mucho más cerca. Se puede ver ese punto aquí mismo lo que hacen esos puntos. Puedes hacer click sobre ellos y simplemente traer todos estos bordes fuera de esta forma para que sea más alrededor o más recto abajo, que tengamos resize responsive, que siempre se dice toe auto y encendido y responsive Resize obviamente es útil cuando estás diseñando algo que necesita ser receptivo. Así que imagina que estás diseñando nuestro sitio web de escritorio y necesitas crear una
versión móvil del mismo o al revés. Vas a usar este redimensionamiento responsive, y nos vamos de dedo incluirlo en uno de los futuros videos donde voy a ir un poco más profundamente solo para que puedas entender. Pero básicamente lo que hace es ir dedo del pie redimensionar todos los elementos dentro de tu
tablero de arte cuando estás llegando a un tamaño más pequeño y más pequeño o más grande o más grande, y se van a corresponder entre sí dependiendo de dónde sea su lugar. Entonces solo imagínense, por ejemplo, tienen el texto aquí mismo. Puedes hacerlo en el móvil Toby aquí abajo, y se va de pie. Reducir el tamaño de estas imágenes. Por ejemplo, si estas son imágenes y se va dedo del pie todo funciona realmente bien. Pero como dije, se requiere de un video separado porque es el tema fuera de sí abajo que tenemos arriba una ciudad para que puedas bajarla aquí mismo. O puedes usar los atajos de teclado. Entonces, por ejemplo, puedo presionar uno. Se va a bajar a 10% si presiono cero lo va a aumentar al 100%. Debajo de eso, tenemos modos de mezcla, por lo que si alguna vez usas para la tienda, estás sobrevalorado para mezclar. Los modos existen en cuatro tienda desde hace varios años, pero acaba de ser incluido en Adobe X'd y los modos de mezcla son obviamente muy importantes si quieres mezclar algo, así que imagina que tienes imagen encima de una forma y quieres lo mezclan de manera diferente. con tu diseño, puedes usar fosos sosos y puedes dar click aquí mismo. Y como puedes ver, tenemos el número off thes modos de mezcla. Todos ellos básicamente tomaron de cuatro tienda abajo que tenemos controles de radio de coordenadas. Por lo que tenemos el mismo radio de esquina para todos los rincones. Si hace clic aquí y puede cambiar todos los valores de radio de esquina si selecciona aquí y presiona 24 20 píxeles, por ejemplo, puede presionar enter. Y si acerco un poco más cerca, se
puede ver que todos fuera de los bordes no están redondeados por 20 y se puede hacer clic aquí y elegir diferente radio de esquina para diferentes esquinas. Entonces, por ejemplo, puedes pasar el cursor justo aquí para ver cuál es su radio de esquina superior izquierda. Por lo que es este Beneficio prensa cero prensa enter. Se puede ver que todo fuera de las esquinas a su alrededor, sobre todo a excepción de la esquina superior izquierda. Entonces los voy a bajar todos a cero, como pueden ver aquí mismo. Y si nos movemos hacia abajo, tenemos el color de campo para que puedas dar click aquí mismo y puedes elegir el color que quieras. Aquí mismo puedes bajar la ciudad obedecer del color. Por lo que desde 100 todo el camino hasta cero, puedes hacer clic aquí para explorar diferentes paletas de colores. Y se puede cambiar entre el color sólido, un ingrediente lineal que va a ir de un punto del dedo del pie otros puntos. Y finalmente tenemos ingrediente de radio, que va a salir del centro hacia fuera. Cuando masticas color sólido, tienes la opción desactivada usando el código hexadecimal. Entonces, por ejemplo, si eliges un bonito color azul apagado tres e c seis f F presentador, Ahora tenemos este color azul y puedes añadirlo como muestra. Simplemente puede hacer clic aquí. Y siempre que estés eligiendo el color, este reloj se va a ubicar justo aquí. Para que luego simplemente haga clic en él y aplicará ese color a la diferente selección off. Estás eligiendo a continuación que tenemos la frontera. Por lo que el borde es este borde alrededor de nuestra forma, y se puede aumentar el tamaño del borde. Puedes agregar guiones, y puedes agregar diferentes huecos entre esos guiones. Entonces ahora mismo está a una Pero si lo aumento a las 10 se puede ver que el espesor de la frontera ha aumentado. Si hago clic aquí mismo, puedo cambiar el color de ese borde. Y aquí es donde las muestras de color son útiles porque simplemente puedes hacer clic en
él y se aplicará ese mismo color aquí mismo. Pero por ejemplo, si muestra un color un poco más oscuro azul más oscuro, en este caso, puedes hacer clic aquí y guardar eso como diferencia. Reloj. Y ahora tienes un diseño completamente diferente. Y ahora puedes jugar alrededor, por ejemplo, 20 una vez más. Y ahora se puede ver cómo se ve eso a continuación que tenemos algunos otros controles. Por lo que hemos controlado para los trazos. Entonces cómo se va a comportar esta forma, cómo va a interactuar más adelante cuando estés trabajando en ella. Entonces, por ejemplo, tenemos en un trazo, y se puede cuando se instala X que simplemente se puede ver lo que hace esto. Por lo que el punto va a estar en el lado interior de la forma. El trazo exterior va a estar del otro lado del trazo central de la forma básicamente en el centro fuera de la forma justo aquí tenemos el pero cap, que es básicamente un cuadrado que termina nuestra forma. Tenemos gorra redonda si quieres que thes caps estén a su alrededor y tenemos proyectado guardado, que básicamente está en medio de la gorra, pero va a ser cuadrada una vez más. A continuación. Aquí tenemos al señor Únete alrededor de conjunto y batalla se unió. No obstante, quieres que todos estos puntos se unan. Básicamente, debajo de eso, tenemos la sombra y cuando haga clic en ella va a crear una sombra de gota básicamente, y se puede hacer clic aquí para bajar hacer básicamente de la sombra, así se puede ver cuando la aumente, se puede ver cómo se ve eso, y por defecto es y 19% y siempre es negro, Pero se pueden cambiar. Puedes hacer click aquí y elegir este color, por ejemplo, para ser nuestra sombra. Y tal vez podamos ir aún un poco más oscuros. Y aquí puedes incluir mayores distancias. Entonces, por ejemplo, se
trata de una exposición. Es por ello que la posición y finalmente el fondo desdibujan esa sombra. Entonces si escribo 10 por ejemplo, puedes ver que va a la derecha 10 píxeles. Si escribo 10 aquí mismo, irá a la derecha en los 10 píxeles inferiores. Y si aumento el azul a 50 por ejemplo, presentador, se
puede ver que este desenfoque demente aparece de la nada, básicamente, y se puede cambiar en un norte justo aquí, y se puede usar fondo borrosa también. Ahora, desenfoque de
fondo es extremadamente útil si tienes imágenes de fondo. Entonces solo imagina que esto es una imagen. Puedes incluir esta sangre de fondo, y desdibujará esa imagen contra el fondo. En este caso, realmente no hace nada porque es solo forma básica, pero puedes jugar con esto. Puedes aumentar tu Pace City, y aumentará tu ciudad pagada fuera de tu imagen o fuera de tu forma. Y esto aumentará o disminuirá el brillo, y esto aumentará o disminuirá la cantidad. Y por último, tenemos marca para la exportación. Si haces clic aquí, comercializará para la exportación, y podrás exportar fácilmente la forma más adelante para los desarrolladores. Si eso es algo que elijas, entonces eso es básicamente todo para estas formas. Ahora corremos rápidamente por estos otros, así que tenemos el círculo. Si mantengo el turno, lo creará de manera uniforme. O si sostengo el control viejo y luego dibujo, se
puede ver cómo se ve eso. O si sostienen el control todo cambio de forma, dibujará desde el centro, y creará este bonito y parejo círculo. Pero si me fui apaga la tecla de turno, ya puedes ver cómo. Ahora eso parece borrar. Y si hago click en este, posiciónelo en el centro. Se pueden ver todos los mismos comandos porque es de la misma forma, básicamente sólo el círculo, por lo que se puede jugar con ellos aquí mismo. Excepto que no tienes estos comandos para diferente radio de esquina porque es un círculo y no
puedes cambiar. Básicamente, las damas de esquina en el círculo. Y por último, tenemos herramienta poligonal aquí mismo. Si mantengo pulsada la tecla Mayús, creará este triángulo. Pero lo que es diferente en distal es que tienes este conteo de esquinas y tienes este
radio de esquina . Por lo que para el contacto de esquina actualmente estamos a las tres. Por eso tenemos este triángulo. Pero si hacemos clic en cinco impresionados, entrar en él creará cinco esquinas diferentes, y se puede reducir el radio de esquina simplemente dibujando aquí, y se creará un círculo perfecto o ir al revés por cualquier cosa. Vuelve a la forma original. O bien puedes crear un radio de esquina diferente aquí mismo. lo que presiona 20 por ejemplo, y se puede ver que redondeó estas esquinas en 20. Lo mismo liquido con éste. Originalmente en el siguiente video, vamos a trabajar con el dedo del pie con el lápiz, así que te veré ahí.
13. Curso básico de Adobe Xd: mental se encuentra aquí mismo, y cuando haces clic en él, simplemente
puedes hacer clic. A continuación, mantenga el turno. Si quieres dibujar una línea perfectamente recta o puedes hacer clic en cualquier lugar que quieras y simplemente
puedes cerrar ese dedo de selección traer forma, luego
puedes hacer clic en cualquiera de estos puntos, y puedes dibujar el medio exterior y así sucesivamente. Y como se puede ver, todos estos puntos son rectos. Pero si hago doble clic en alguno de ellos, va a crear una curva. Y tienes estas opciones adicionales para esa curva en particular para que puedas hacer click justo aquí y puedes traer esta esquina y esta esquina saldrá. O simplemente puedes traerlos, así simplemente haciendo clic en este punto y moviéndolo hacia este punto, y creará esta línea recta una vez más. O simplemente puedes hacer doble clic una vez más, y creará líneas perfectamente rectas Ahora para los controles. Los puedes ver aquí mismo. Vas a bajar la ciudad base aérea de esta forma y así sucesivamente, y puedes, por ejemplo, crear alrededor mantenido, y creará esquinas redondeadas para esta forma en particular. Y como puedes ver, ahora
estamos en trazo central para que veas adónde irá este punto. Pero si hago doble clic aquí mismo, va a crear esto como alrededor de él punto. Y ahora estos controles realmente no tienen más sentido porque yo los escribo básicamente porque hice doble clic en todos ellos individualmente para que pueda moverlos . Se pueden crear diferentes formas usando desmantelar. Y, como dije, realmente se
puede jugar con, y grandes formas diferentes que van dedo del pie te ayudan con tu proceso de diseño. Y por último, cuando haya terminado, puede hacer clic en algún lugar fuera y luego puede seleccionar esta forma por su cuenta, y luego puede cambiar el color. Por ejemplo, es blanco en este caso, y vamos a incluir el rojo. Todos sus incluyen este color. Puedes incluir el borde, y si hago clic aquí mismo por venir a este color, tal vez pueda teclear 20 pero no para ti básicamente, sino para el tamaño del trazo, y puedes ver que tenemos exactamente este mismo look, para que realmente puedas llevar el mismo look. Quieres a lo largo de todas tus formas y las llevaste más tarde al lápiz también . Entonces ahora déjame mostrarte rápidamente cómo funcionan los modos de mezcla. Entonces si lo coloco encima de esta forma, como puedes ver en tu panel de capas, está justo en la parte superior de todas estas otras formas. Entonces si hago clic aquí, elijo pantalla, por ejemplo, puede ver cómo se ve encima de esta otra forma. Si elige la superposición, va a verse un poco diferente si es uso luz suave, ligera, dura. Por lo que todos estos se van a ver un poco diferentes cuando los coloques encima uno del otro . Pero como dije, es realmente herramienta extremadamente importante tener cuando trabajas con imágenes más adelante. Ahora, una última cosa que quiero mostrarte sobre lo mental. Si hago clic aquí, haga clic aquí, luego justo aquí. Y si golpeamos, escape va a simplemente usar esa línea, y ahora simplemente puedo dar clic alrededor mantenido, así que si acerco un poco más cerca, puede ver que ahora son los bordes son completamente rectos. ¿ Y si hago click aquí mismo, va a crear esa ronda Kep. Si hace un clic en la tapa de proyección, se
puede ver cómo se ven todos. Entonces, por ejemplo, elegimos gorra redonda y ahora queremos agregar algunos puntos más para que podamos crear formas
adicionales al spot para que puedas hacer click justo aquí que justo aquí y luego justo aquí, por ejemplo, dedo del pie añadir múltiples puntos al spot. Y ahora simplemente puedes hacer clic en todos estos puntos individuales y puedes
moverlos más arriba o abajo. Y como dije para esta forma, simplemente
puedes hacer doble clic en cualquiera de ellas, y va a crear esto alrededor de partes para ti. Si lo deseas algún punto, puedes agregar nuevos puntos adicionales a este spot, y puedes cerrarlo como éste. Pero sólo lo vamos a dejar aquí por ahora. Y simplemente puedes hacer clic en algún lugar fuera, luego seleccionado, y luego puedes moverte porque no tiene ningún color de campo. Eso también se puede incluir. Se puede ver cómo se ve eso, pero debido a que creamos como olla, se
puede aumentar el color del borde a 20 por ejemplo, y se puede ver cómo se ve eso. Si eso es algo por lo que vas a buscar, eso es básicamente por lo mental. Y en el siguiente video, voy a mostrar cómo puedes trabajar con textil y uno que trae a la mesa cuando se
trata de un Toby X'd, así que ya veré ahí.
14. Curso básico de Adobe Xd: en este video, te
voy a mostrar la herramienta de texto que viene con Adobe X'd y regar sus posibilidades. Por lo que el textil se encuentra aquí mismo, o puedes usar el comando de atajo T. Puedes hacer click en él. Puedes hacer click en cualquier lugar justo aquí, y puedes escribir algo. Entonces, por ejemplo, este es un texto, y puedes seleccionarlo usando los comandos de control A. Y puedes cambiar todos estos parámetros aquí mismo para que podamos empezar desde aquí. Por lo que aquí se puede cambiar el frente para que yo haga clic justo aquí intacto en el posterior, por ejemplo presentador. Y va a cambiar a ese frente. Aquí mismo. Tenemos el tamaño del teléfono para que puedas usar 40 por ejemplo, y ver cómo se ve eso aquí mismo. Escuchamos la espera del frente. Por lo que dependiendo del frente que tengas instalado y no utilizarás para tu proyecto en particular , tendrás estos diferentes pesos. Este fondo viene con un montón de pesos diferentes, como se puede ver aquí mismo. Por lo que va todo el camino a partir de 10. Lo cual, como puedes ver, es realmente Dean, y no puedes verlo muy bien a menos que sea realmente grande y vaya hasta la cursiva
negra para que puedas ver cómo cambia eso. Pero vamos a mantenerlo en un regular. Entonces aquí está, aquí mismo. Aquí, puedes cambiar el espaciado de caracteres. Entonces cuando aumentó esto por ejemplo, un 20 se puede ver. Y tal vez podamos usar un poco más. Entonces, por ejemplo 90. Se puede ver que aumenta el espacio entre los personajes. Aquí mismo tenemos las líneas basando. Entonces, por ejemplo, se
puede imaginar eso, como en copia esto y basarlo un par de veces. Y cuando selecciono hurones y aumenté esta distancia a, por ejemplo 200 se puede ver que aumenta la distancia entre cada línea fuera de texto. Entonces ese control mediático es que un par de veces y volver a cero aquí mismo también. Y lo que tenemos aquí mismo es el espaciado de párrafos ahora, porque esto no es un párrafo, puedes usar el comando aquí mismo. Entonces este es el texto puntual. Como se puede ver, va de un solo punto y está alineado a la izquierda. Por lo que va de izquierda, derecha, puedes alinearlo al centro. Entonces cuando estás escribiendo, va desde el centro hacia fuera izquierda y derecha. Y finalmente tenemos la derecha la línea, que es básicamente la misma que una izquierda. Sólo estás escribiendo de derecha a izquierda. Aquí tenemos texto puntual, como dije. Entonces va desde un solo punto, pero puedes convertirlo en texto del área del dedo del pie aquí y ahora puedes ver que es el texto del área. ¿ Cuáles son las diferencias? Bueno, se
puede ampliar este texto de área y debido a que va desde el centro justo aquí se expandirá hasta el medio y se puede ver que el texto se está quedando. estado en el centro justo aquí. Pero si dejo linea que se puede ver que se mueve hacia la izquierda. Y ahora este texto de párrafo va a ir de izquierda a derecha y llenar este recuadro ahora para llenarlo
rápidamente. Puedo dar click justo aquí a los enchufes. Puedo usar mi enchufe Lottum ipsum y puedes instalarlo simplemente haciendo clic aquí. Entonces puedes dar click justo aquí a la herramienta de búsqueda y simplemente teclear en Lauren Ipsum Press center y lo puedes ver aquí mismo simplemente puedes hacer clic en instalar, pero como ya lo tengo instalado, simplemente voy a dar clic en él lleno con texto de marcador de posición. Y tienes que aceptar este acuerdo, y puedes usar el que quieras desde aquí mismo. Entonces usemos este y puedes hacer click. Inserta texto, y sentirá este cuadro que creaste para tu párrafo con este texto ficticio y
puedes expandirlo o puedes sobre cuántas líneas de texto quieres. Puedes seleccionar todo si crees que es demasiado poco texto fuera. Puedes seleccionar todo tocando control un control luego de golpe C para copiar este texto y
puedes hacer clic, entrar y golpear el control V para pegarlo. Cuántas veces quieres, y luego puedes ver puedes expandir este texto hacia abajo o incluso puedes ir a la derecha y lo
va a llenar uniformemente, como puedes ver aquí mismo. Ahora pasemos a lo que escuchamos aquí mismo. Vamos a convertirlo rápidamente de nuevo a textos puntuales. Lo que tenemos aquí mismo es la mayúscula, así que todo va a ser mayúscula. Tenemos todo para ser minúscula tenemos título mayúscula Así que cada palabra se va dedo del pie tiene ah letra grande al principio de la misma y luego letras pequeñas al final tenemos superíndice que se puede ver lo que hace. Tenemos sub script pero esto funciona bien con la letra. Entonces golpeamos t una vez más y le dejamos teclear, por ejemplo no sé 120 grados centígrados, por ejemplo. Por lo que puedes ver podemos usar el sub script ahí o puedes seleccionar esto y usar superíndice y lo colocará en la parte superior o usará subíndice y lo colocará en la parte inferior. Si selecciono todo en click justo aquí, va a crear un subrayado o puedes golpear a través del texto y va a crear la huelga a través de tu texto abajo que tenemos cosas regulares. Entonces básicamente tenemos un básicamente se puede aumentar o disminuir que tenemos el
modo de mezcla . Entonces si aumento el tamaño de esta tormenta, por ejemplo 200 tal vez incluso más usemos cinco cientos y puedo ponerlo justo aquí. Si saltas de nuevo al panel de capas. Puedes ver que está por encima de este texto principal, y ahora puedes usar el modo de mezcla y ver cómo se ve eso para que puedas usar la luz. Y, por ejemplo, puedes usar la superposición y simplemente jugar y ver qué funciona mejor. Así es. Se puede ver la exclusión. Se puede ver el efecto ver a través de este texto a través y se puede ver el texto de fondo aún mejor. Debajo de eso, tenemos las cosas regulares. Entonces siente el color. Puedes hacer click aquí y dejarme cambiar esto de vuelta normal. Puedes cambiar el color del campo aquí mismo. Puedes ingresar el código hexadecimal así que básicamente lo mismo para los jugadores de forma. Como viste en videos anteriores. Tienes el color del borde y puedes dejarme esconder rápidamente esto aquí mismo. Se puede ver que ahora solo tenemos este color de borde y se puede cambiar por separado. Entonces no es rojo, y lo mismo es antes de que puedas aumentar o disminuir el tamaño de ese borde. Entonces vamos a usar 20 por ejemplo, y puedes ver cómo se ve eso si voy todo el camino hacia abajo, tenemos la misma configuración que para las formas, porque incluso puedes convertir estas dos partes. Entonces déjame cambiar esto de nuevo para rellenar color, quitando el trazo. Ve a algún lugar por aquí y puedes ver puedes agregar sombra y espalda Rambo tan
mismo que los jugadores de forma. Pero aquí mismo puedes hacer click derecho sobre él. Y aquí mismo tenemos algunas fuera de estas opciones. Pero por ejemplo, puedes zumo pero y convertir la parte del dedo del pie. Y ahora aquí básicamente convertí esto a capa de forma y puedes cambiarlo más
aquí . O simplemente puedes hacer doble clic aquí. Y puedes eliminar estos puntos o puedes jugar con ellos si quieres crear
formas personalizadas a partir de tu texto. Entonces eso es básicamente todo para el textil. Y vamos a cubrir rápidamente nuestros puertos en el próximo video. Entonces te veré ahí.
15. Curso básico de Adobe Xd: Cuando se trata de nuestros tableros, puedes crearlos desde la pantalla de inicio. Segundo haga clic aquí y elija cualquiera de estos como ya se mostró en los
videos anteriores . Pero cuando ya creaste un aeropuerto y tu interior, ya
seré huevos. Tienes una opción más para que puedas dar click aquí mismo. Pero dice que son pobres solares. Puedes hacer clic a en tu teclado y puedes elegir entre todas estas variedades fuera de nuestros tableros Y cuando elegiste tu puerto y lo tienes aquí mismo, . tienes algunas opciones más aquí mismo. Entonces, primer lugar, puedes cambiar el ancho y la altura justo aquí, y puedes cambiar la orientación fuera de tu puerto. Por lo que esto es sumamente importante. Por ejemplo, si estás haciendo algún trabajo que va a terminar en impresión, puedes rotarlo rápidamente desde aquí mismo para que puedas ir de retrato. Se puede ver cómo se ve eso. Entonces básicamente volteó el ingenio y la altura y cambió sus posiciones. Y puedes cambiarlo de nuevo al paisaje y puedes ver que cambia de nuevo. El engaño es redimensionamiento sensible, y es lo que dice. Básicamente, se utiliza principalmente para el diseño web responsive. Pero cuando haces clic en él y comienzas a redimensionar este nuestro puerto, tienes estos contornos rosados básicamente alrededor del texto, y se va a redimensionar de manera responsiva a medida que me muevo esto a lo largo. Pero tiene dedo del pie contenerse dentro del contenedor, y lo voy a explicar en un video separado. Pero sólo para que lo sepas, eso es lo que hace. Entonces solo imagina que tienes todas estas diferentes imágenes y formas e iconos, sombras de
texto y así sucesivamente, y quieres responsabilizarlas redimensionarlas. Tienes que tenerlos en grupos separados, y tienes redimensionamiento de remolque en esos grupos por separado. Pero como dije, voy a explicar que en un video diferente aquí mismo tenemos el desplazamiento. Entonces si quieres usar la palabra cosquillas gateando, que es de arriba a abajo y al revés, básicamente tienes esa opción aquí mismo. Y el equipo de Adobe X Team está trabajando muy duro para incluir también el desplazamiento horizontal, que
puedas presentar a tus clientes diferentes espectáculos leves y diferentes deslizadores usando esta función, y puedes elegir la altura del Vieux Port. Entonces básicamente, solo imagina que este es un sitio web y ve La baja altura está a las 10. 80. Entonces si trato de extender esto nuestro puerto, se puede ver que ustedes pobres estados de altura aquí mismo a las 10. 80. Pero si lo muevo hacia abajo, se
puede ver que cambia. Entonces básicamente puedes ver dónde está la culpa? Básicamente. Entonces donde termina la pantalla y comienza toda esta información diferente en la parte inferior. Entonces eso es para lo que es para abajo que tenemos apariencia. Entonces básicamente, puedes cambiar el color de este nuestro puerto. Por lo que puedes cambiar este color de fondo. Puedes seleccionarlo desde aquí mismo para que puedas usar esta herramienta y elegir cualquiera de estos colores que veas aquí mismo. Entonces ahora es golpe, por ejemplo, puedes hacer click en él. Puedes ingresar códigos hex básicamente los mismos que ya te mostraron con los colores puedes usar color sólido, lineal, radiante, todo radial radiante para esto y fondo fuera de tu puerto para que puedas hacer eso con él. Y finalmente tenemos las rejillas y vamos a explicar a las rejillas. En un video separado pero básicamente es cuando estás diseñando. Quieres tener algo que te vaya a guiar a través de tu proceso de diseño, así que es básicamente cuando vas a usar los crea más porque quieres ser cada vez más preciso en tu trabajo de diseño. Entonces, cuando lo envíes a los desarrolladores, ellos sabrán exactamente dónde necesitan colocar algunos elementos. En el siguiente video, vamos a cubrir capas y todo lo que el panel Capas tiene para ofrecer, así que te veré ahí.
16. Curso básico de Adobe Xd: Cuando estás trabajando diseño propietario, es extremadamente importante mantener un seguimiento de tus capas, y puedes hacerlo en tu especial de capa. Entonces aquí estamos, pinchó en el son pobres, luego haga clic derecho aquí. Cambiará desde el panel de dos capas de nuestro tablero para que puedas ver la primera capa y la
capa Onley es el texto. Pero por ejemplo, cuando incluyo algo, Toby mi botón, usemos algo así como 500. ¿ Cuál 80? A lo mejor algo así. Podemos incluir un radio de esquina de 20. Podemos cambiar estos colores. Entonces, por ejemplo, usemos este gris. Quitemos el borde y duplicemos este texto para golpear el control profundo y lo colocaré justo aquí y, por ejemplo, use click aquí texto y simplemente lo moveré. Usando mi tecla de turno y mis flechas en el teclado. Puedo posicionarlo en algún lugar por aquí y asegurarme de que vaya desde el medio. Puedo posicionarlo para estar aquí. Puedo usar el color blanco, y lo colocaré justo aquí arriba de este rectángulo. Y aquí donde viene la parte divertida. Se pueden cambiar los nombres de todas estas capas insípidas. Haga doble clic en distritos y llame a esto belleza y corto de botón. Y se pueden ver estas marcas aquí mismo. Por lo que el marcado T es para la capa de texto. Este mercado es para la capa de forma, y básicamente cualquier otro uso de herramientas va a tener diferentes marcas. Entonces si hago clic aquí y su escape, se
puede ver que el lápiz se usa para crear esto. Y básicamente es forma,
capa, capa, pero usando lo mental y esta es la capa de forma completa justo aquí. Por lo que básicamente capa de forma predeterminada. Déjenme borrar esto rápidamente, así que haga clic en él y elimínelo. Y puedes mover estas capas hacia arriba y hacia abajo. Y puedes posicionarlo donde quieras y puedes seleccionarlos mediante el uso de la tecla de control. Se puede utilizar el control G para crear un grupo, y yo puedo cambiar el nombre de este grupo
por abajo, por ejemplo, así. Y ahora tienes estos dos objetos a un lado del grupo y puedes posicionar ese grupo usando estos comandos aquí mismo. Entonces cuando se colocó aquí mismo, y voy a deshacerme de parte de este texto porque no lo necesito todo. Entonces, por ejemplo, de su Utilízalo hasta aquí. Imagínate que tienes este párrafo. Confundiste Control D Puedes usar algo como esto. Quítalo usando el retroceso, golpea el control A y usa algo más grande. Entonces, por ejemplo, 90 Y tal vez podamos pasar de regular todo el camino a pesado. Por ejemplo. A lo mejor podemos incluso cambiar este dedo del pie de color un poco fuera de un color oscuro. Y lo que puedes hacer es seleccionar los tres en click justo aquí, dedo del pie a la izquierda, alinearlos y puedes hacer clic aquí y luego usar esta opción que los va a distribuir verticalmente. Entonces básicamente se va dedo del pie tienen exactamente el mismo espaciado entre los tres. Pero no quiero eso. Yo sólo quiero que esto esté aquí, que esté aquí. Y no, me gusta este espaciado porque es mucho menos de lo que era antes. Y ahora los puedo distribuir como así puedo seleccionar todos ellos, golpear control G para hacer otro grupo para que puedas ver tenemos grupo dentro del grupo y puedes tener tantos grupos como quieras. Y voy a simplemente bastante aquí para alinearlo al centro fuera de mi página y se puede
hacer clic derecho aquí, y se puede en grupo estos grupos y capas. Entonces eso es básicamente todo para las capas. Puedes moverlos por ahí, puedes encerrarlos para que no se muevan. Entonces voy a dar clic aquí y tratar de moverlo. Como pueden ver, me muestra este candado, y me va a decir básicamente que no se puede mover a menos que haga clic aquí. Dedo del pie. Desbloquearlo. Puede hacer clic aquí para marcar esto para su exportación más adelante. Y se va de pie, sin embargo, de esto a esto y mostrarte que está listo para la exportación más adelante cuando llegue el momento exportar esto para desarrolladores. Y por último, lo que tenemos aquí mismo es la altura. Por lo que cuando rápidamente quieras ocultar algunos elementos, puedes hacer click aquí mismo. Todavía va a estar dentro del panel de capas, pero va a estar oculto a la vista para que puedas trabajar en otras cosas y luego simplemente saltar hacia atrás. Se puede ver que es genial fuera, pero cuando hago clic en él va dedo del pie hacerse visible y llegar a ser más prominente aquí mismo. En el interior, fuera del panel de capas. Lo que también podemos hacer es debilitar la búsqueda, así como puedes ver debilitar, buscar imágenes, formas y texto y puedes hacer click, y te mostrará dónde están dentro de nuestros puertos. O simplemente imagina que tienes esta larga página de aterrizaje para un sitio web y tienes 50
imágenes diferentes y solo quieres localizar imágenes para exportación. Se puede utilizar este atajo. Se puede hacer clic en imágenes. Te va a mostrar todas las imágenes. Selecciónalos y podrás exportarlos así. Si eso es algo que quieres, eso es básicamente todo para el panel de capas. En el siguiente video, voy a hablar de los componentes, y voy a explicar cómo puedes usar componentes en tu dedo del pie de trabajo. Aumenta la velocidad así como cómo puedes trabajar de manera inteligente usando esos componentes. Entonces te veré allí
17. Curso básico de Adobe Xd: trabajar con componentes en huevos es una gran adición a tu flujo de trabajo, porque va a aumentar tu velocidad así como te permitirá trabajar más inteligente que
nunca . Los componentes se encuentran aquí mismo dentro de su panel de activos, por lo que puede crear cualquier cosa que vea aquí mismo en un componente. Puede usar colores para componentes, puede usar estilos de carácter y puede usar componentes para diferentes elementos. Entonces, empecemos. Cuando hago clic aquí. Se puede ver que ahora puedo seleccionar mi componente desde aquí mismo, y puedo agregar componente desde aquí. Y también puedo usar el control de acceso directo o la tecla de comando para convertir cualquier cosa que veas dedo del pie un componente. Entonces, básicamente, no
vas a usar diferentes componentes aquí mismo para el texto porque ya
tenemos estilos de carácter. Y esto va a permitir arrastrar y soltar rápidamente y aplicar diferentes
estilos de carácter . Diferentes textos. Entonces, por ejemplo, queremos usar este color en el futuro. Simplemente puedes hacer clic aquí, y agregará ese dedo del pie de color aquí. Podemos usar este color también, porque es un poco diferente, y cambiemos rápidamente este color a Tal vez no sé, azul
claro o algo así. A lo mejor este color a través no importa y puedes hacer click en él y dar click aquí mismo dedo del pie. Agrega eso y como puedes ver, al seleccionar grupo cuál es este fondo porque contiene fondo así como el texto va a seleccionar esos dos colores. Entonces es realmente inteligente de esa manera. Simplemente imagina que tienes 50 elementos diferentes dentro de un grupo y puedes seleccionar en
grupo oscuro . Haga clic aquí está yendo dedo del pie. Agrega todos los colores dentro del grupo aquí mismo. Entonces por qué esto es importante. Sólo déjame hacer una copia rápida para poder seleccionar este texto. Consigue el control D y puedo moverlo aquí mismo. Y simplemente puedo cambiar el color a rojo, por ejemplo. Pero si quiero usar este color para este texto, simplemente
puedo hacer clic aquí y se va de pie. Aplica ese color. Ahora bien, si quieres cambiar, este collar se va de pie a nivel mundial. Aplica ese cambio de dedo todas las instancias que tengas fuera de ese color dentro de tu puerto y no solo este nuestro puerto sino todo el documento X'd para que pueda dar click derecho sobre él y
copiar judíos . Si quieres copiar este color o puedo hacer clic, editar y, por ejemplo, puedo usar este color, y puedes ver que aplica esos cambios en tiempo real para que realmente puedas cambiar
ese color fácilmente . Simplemente imagina que estás trabajando con el cliente y el cliente cambia de opinión. Por ejemplo, no
les gusta este color y, podrían decir a Puedes cambiar el color dedo del pie más claro. Uno. Simplemente puedes hacer esto. Mándalos a diseñar si no les gusta y digan:
OK, OK, tal vez podamos probar un auto azul mirando click aquí mismo. Incluso pueden agregar tu código hexadecimal. Entonces solo imagínate. Puedes usar tres C seis esfuerzo, por ejemplo, para un buen golpe, y cambiará automáticamente sin importar cuántas instancias tengas dentro de tu diseño. Por lo que usar activos usando componentes y colores, es realmente importante. Realmente va dedo del pie acelerar tu flujo de trabajo. Es realmente ir del dedo del pie, permitirte trabajar con menos ajetreo en tu vida va a realmente liberar tu tiempo y realmente mejorar tu trabajo para en general por debajo que tenemos estilos de personaje, una vez más
puedas hacer click en el texto. Puedes hacer click aquí mismo, y se va con el dedo del pie. Aplica ese estilo de carácter usando ese mismo color. Pero cuando haga clic aquí mismo va a aplicar exactamente el mismo estilo de carácter porque
es exactamente la misma luz. Por lo que 90 luces pesadas en áreas 90 K se pueden ver aquí mismo, pero eso va a hacer en el diferente color. Entonces cuando haces clic aquí y aplicas el cuidado de los estilos, como puedes ver, es diferente una vez más. Entonces por qué Esto es importante si hago un cambio, Así que controló el por ejemplo y duplicar esto una vez más. Tal vez incluso pueda quitar algunos de este texto y colocar, por ejemplo, aquí mismo. Y si quiero usar este estilo de carácter para este texto, simplemente
puedo hacer clic en él, y se aplicará ese estilo de carácter a este texto. Entonces, como puedes ver, hacer cambios globalmente es extremadamente fácil con Adobe X'd y usar todos estos componentes
,
colores y estilos de , caracteres. Ahora sigue adelante. Si desea crear un componente para sus formas para su por ejemplo, botones, iconos, colores y así sucesivamente. Puedes usar componentes aquí abajo. Puedes hacer click aquí mismo, o puedes usar el comando de control Que. Y va a crear un componente llamado fondo y te va a mostrar cuántas instancias tienes en tu diseño. Entonces cuando hago clic aquí mismo, se
puede ver que cambió. Si hago control cero para volver atrás, se
puede ver que cambió de grupo cuando un control de golpe K una vez más. Por lo que esta acusación y este diamante indica que esta es la instancia principal fuera de este componente. Se puede ver aquí mismo. Entonces si reanudando un poco más cerca, puedes ver este diamante verde indicó que este es el estado por defecto de este componente y este es el componente maestro y puedes tener tantos componentes hijo como quieras dentro de un maestro componente. Y cuando hagas cambios en el componente maestro se va de pie, aplica todos esos cambios a los componentes Hijos. Has creado un oleaje y tienes estos estados para los componentes. Entonces, por ejemplo, puedes hacer click aquí mismo. Este es el estado predeterminado, puede elegir el estado de desplazamiento. Entonces cuando pases por encima de esos componentes te va a mostrar el efecto de pasar el cursor. Entonces vamos a zumo de estado hover y puedes cambiar lo sin nombre solo tu hover y por el hover. A lo mejor puedo. Acabo de añadirlo un poco y puedo saltar por dentro, tal vez incluir una sombra, tal vez hacerlo 2020 y no sé algo 10. Por ejemplo. Este va a ser nuestro estado hover. Y cuando salté hacia atrás mis componentes, se
puede ver que este es el estado del puerto. Este es el estado por defecto. Entonces cuando animes esto más tarde, y cuando alguien hace clic o pasa el cursor del escritor en tu parte inferior, va a mostrar este. Incluso puedes ir un poco más allá. Se puede cambiar este texto Toby para que se vuelva diferente. Y, por ejemplo, si hago clic en el estado portuario y luego salto adentro, puedo cambiar el color tal vez a este color, por ejemplo. Entonces cuando saltamos del dedo del pie del estado predeterminado, sin embargo, estado va a cambiar el color, se
puede cambiar
el texto, las posiciones se pueden agregar iconos y así sucesivamente y así sucesivamente, y finalmente podemos agregar múltiples estados. Por lo que el estado predeterminado es este color azul. Puedo agregar un nuevo estado y llamado amenaza. Y en este rojo, puedo hacer doble clic y elegir el color correcto. Como pueden ver y volvemos al estado por defecto, lo
tenemos aquí mismo. Tenemos el hover y tenemos el rojo puedes agregar tantos fuera de estos estados es lo que quieras. Entonces solo imagina que tienes diferentes botones dentro de tu diseño. Tienes azul, rojo, verde y amarillo, por ejemplo. Se pueden agregar todos esos estados y aplicar rápidamente cambios globales a esos estados. Porque solo imagínate, puedes, por ejemplo, golpear a Olt sostenerlo y simplemente crear una copia aquí mismo. Haga clic aquí y vuelva al estado predeterminado. Este es tu estado rojo. Y debido a que usé todo para hacer copia, se
puede ver que ahora este diamante ha cambiado. Entonces está lleno justo aquí y está aguanta aquí y eso se muestra justo aquí así
como justo aquí. Entonces tenemos el estado por defecto, que es el componente maestro principal del componente, y tenemos en el Harvard Lo sentimos, Red State, cuál es este estado justo aquí? Y es el componente Niños fuera de este componente maestro. Se puede ver que aquí es azul. Pero si hago clic en el rojo, puede ver cómo se ve eso si sostengo mi vieja llave y hago otra copia aquí mismo. Andrews efecto hover, por ejemplo. Se puede ver que sigue siendo un componente secundario de este componente maestro, y se puede ver que cambia aquí mismo. Entonces si quieres hacer más cambios a este componente monstruo este botón aquí mismo , puedes hacerlo aquí mismo. Entonces cuando hago doble clic para saltar dentro del dedo del pie Adit este momento maestro, puedo, por ejemplo, aumentar los coordinadores al 50% y se puede ver que aplicó ese mismo cambio dedo del pie todos estos componentes. Puedo hacer clic aquí y mover el texto, y se puede ver que se aplica automáticamente dedo del pie todo fuera de estos componentes hijo. Usted ve justo aquí. Si queremos aumentar el tamaño,
por ejemplo, por ejemplo, tal vez pueda dar clic aquí mismo en un Bt y tal vez aumenté la altura 100 centro de prensa. Se puede ver que aumenta la altura en todos estos componentes hijo así como en este componente maestro. Entonces he estado trayendo de vuelta al centro como así tal vez más con aquí, y no tienes que tener exactamente el mismo look para todos estos componentes infantiles. Esto es sólo un ejemplo. Pero esto es solo para mostrarte cuántas posibilidades hay. Así que solo imagina que tienes 50 tableros de arte diferentes aquí y de repente clientes cliente decide que quieren incluir un icono con este fondo. Entonces, ¿qué pudiste hacer? Tienes esta opción que ya te mostró que puedes cambiar todos estos diferentes componentes y estados usando básicamente un solo clic. O puedes ir de pie a todos esos diferentes nuestros puertos y hacer todos esos cambios en apenas perder tiempo. O puedes usar esta técnica y simplemente hacerlo en,
como, como, cinco minutos más o menos. Entonces eso es básicamente todo para los componentes. En el siguiente video, vamos a cubrir rápidamente tapón en la columna vertebral. Entonces te veré allí
18. Curso básico de Adobe Xd: en este video, vamos a cubrir rápidamente el tapón en la columna vertebral, por lo que se encuentra justo aquí en la parte inferior izquierda. Al hacer clic en él, tienes todos tus enchufes instalados justo aquí, y cada uno de los enchufes es un poco diferente, por lo que puedes ampliar esto si estás enchufando, tiene múltiples opciones. Entonces si haces clic en este arreglista para X'd, por ejemplo, tienes todas estas opciones diferentes para que puedas expandirte para ver más o reducir el espacio para ver un poco menos. Si utilizas esto para un chapoteo. Obviamente es para la generación de fotos desde on splash dot com. Se quiere tener esto expandido para que pueda tener tantas opciones aquí mismo, y se puede ver tantas de ellas justo aquí para que pueda utilizarlas más fácilmente. Y tienes todos estos tapones diferentes. Por lo que cada vez que haces clic en diferentes enchufes, las encuestas te mostraron Lauren yeso y cómo se ve. Y si usas en condujeron, por ejemplo, puedes ver cómo se ve eso, por lo que son realmente diferentes en. Son diferencias entre ellos, pero lo más importante es que son fácilmente accesibles aquí mismo en este tapón en columna vertebral. Si quieres agregar un nuevo tapón ya cubierto que en videos anteriores, puedes dar click aquí y te llevará justo aquí. Se puede utilizar la barra de búsqueda. Puedes navegar, puedes administrar todos tus enchufes existentes. Y como puedes ver ahora mismo, ten una cita nup. Puedo dar click aquí mismo actualización del dedo del pie. Este tapón se va a cargar y una vez terminado se va de pie. Muéstrame que el tapón se ha actualizado y ahora está actualizado. Los consortes aquí mismo desde la última actualización a nombre para que puedas ir justo aquí y se
va a actualizar aquí mismo también. Puedes hacer clic en uno para descubrir y puedes usar la elección de este editor. Jumpinicia tu diseño. Por lo que todas estas colecciones van a cambiar de vez en cuando enchufes esenciales, futuros enchufes y así sucesivamente y así sucesivamente. Y puedes navegar por categorías aquí abajo. Entonces ese es básicamente el tapón en la columna vertebral va a mejorar tu flujo de trabajo dramáticamente. Y de verdad te recomiendo que uses enchufes porque te van a ahorrar toneladas de tiempo. Solo imagina que vas a crear una página de contacto para tu sitio web y necesitas un mapa . Tienes que ir a Google. Tienes que hacer un salto de captura de pantalla dentro de una tienda de fotos y así sucesivamente. Y hasta ahora, O simplemente puedes usar este generador de mapas y puedes crear un mapa aquí mismo. Pero creo que primero necesito seleccionar la capa para que rápidamente cree una capa. Entonces lo que eso venció a esta capa, por ejemplo en puede reducir el tamaño justo aquí. Ya puedo dar click en el generador de mapas, y puedes ver puedes agregar una ubicación. Se puede agregar un lugar. Entonces, por ejemplo, París comprimido enter y va a generar ese mapa para ti. Entonces así de fácil es usar enchufes y el panel de enchufes dentro de Adobe X'd, y puedes explorar un poco más. Y debido a que hay tantos enchufes para elegir, simplemente
puedes golpear, navegar. Y, como puedes ver cuando empiezo a desplazarme, realmente
hay esta lista interminable que puedes desplazarte y explorar cuántas quieres y usar que
quieras de aquí? En el siguiente video, vamos a hablar de la repetición. Estupendo dentro de Adobe X'd una posibilidades increíbles Puede traer a tu trabajo, así que ya veré ahí.
19. Curso básico de la cuadrada de Adobe Xd: cuando estás diseñando la mayor parte del tiempo. Por lo general tienes estas tediosas tareas fuera de los elementos que se repiten, y generalmente tienes que crear esos elementos por separado. Pero usando Adobe X'd tenemos esta increíble característica llamada la cuadrícula de repetición, que nos va a permitir crear todos esos diferentes elementos realmente rápidamente y sin ningún ajetreo. Entonces para hacer eso, simplemente
voy a dar clic en nuestro tablero hit control de para duplicarlo y para hacer
uno nuevo básicamente. Entonces lo voy a hacer. Esto a excepción del botón original y haga clic aquí. A lo mejor puedo colocar esto aquí mismo, y puedo usar el rectángulo hasta que simplemente pueda hacer clic y crear esta selección para crear una imagen. Y puedo seleccionar los tres y simplemente dar clic aquí para distribuirlos verticalmente. Y voy a simplemente cambiar este color para escuchar quitado la frontera y la derecha. Pero lo que quiero hacer aquí mismo es incluir una imagen. Entonces ten estas imágenes aquí mismo en mi carpeta en mi otra pantalla. Simplemente voy con el dedo del pie arrastrar y soltar una imagen aquí mismo y se va a poblar esa herramienta de
rectángulo que salario creó, y simplemente puedo seleccionar todo lo que veas aquí mismo. Control de calor G. Y voy a llamar deuda, por ejemplo, tarjeta, porque ese va a ser nuestro carrito. Yo realizo click en este texto para traerlo. Simplemente toque así, y tal vez pueda colocarlo justo aquí, y puedo seleccionar los tres simplemente bastante aquí para distribuirlos uniformemente. Ahora, lo que quiero es hacer un duplicado del mismo. Entonces en el pasado, lo que normalmente tienes que hacer es hacer un duplicado. Entonces tengo que golpear Control de, por ejemplo, y tienes que posicionarlo así tal vez quiera hacer otra copia. Entonces, así. Pero usar Adobe es D es realmente importante. Todo lo que tienen que hacer, es simplemente puede hacer click con esa selección. Haga clic en esto. Repite genial y simplemente tienes estas barras justo aquí a la derecha y en la parte inferior, y puedes extenderte para hacer tantas copias como quieras, e incluso puedes aumentar o disminuir el espaciado entre ellas. Y eso se puede ver en números. Entonces en este momento tenemos 42 píxeles entre estos y se puede, pero también se puede hacer es arrastrarlo en otra dirección. Por lo que se puede ver lo fácil que es hacer múltiples copias de este mismo objeto. Y puedes hacer lo mismo que ya te mostraré aquí. Entonces aquí mismo tenemos 57 por ejemplo. Y aquí mismo podemos usar 57 también. Entonces cuando has creado tu repetición, genial, así es como se ve. Y puedes hacer click en algún lugar fuera. Entonces por ejemplo, hasta aquí, y simplemente puedes arrastrarlo y puedes posicionarlo como quieras. Si crees que esto es demasiado, simplemente
puedes bajar la cantidad que tienes justo aquí y poco expandir rápidamente mis puertos para que puedas verlo un poco mejor. Entonces tal vez, también aquí, tal vez así. Y lo que quiero hacer ahora es simplemente seleccionar más imágenes. Por lo que voy a seleccionar todas las imágenes de mi carpeta. Simplemente voy a arrastrar y soltar en este 1er 1 y puedes ver que va a poblar estas imágenes que ves aquí mismo. Lo que en realidad voy a hacer es un bajo sobre la cantidad una vez más. Entonces hasta aquí, por ejemplo. Y puedes cambiar las viejas de estas cosas individualmente, o puedes cambiarlas todas juntas para que puedas hacer clic en este texto, por ejemplo, y puedes moverlo y se va a mover este texto, lo que sea. Lo ves en el interior de la cuadrícula de repetición. Entonces tal vez podamos hacer que el alineamiento central se debilite. Posicionarlo a aquí. A lo mejor podemos mover el fondo al centro así. Y tal vez podamos aumentar el radio de esquina de estas imágenes a 20 por ejemplo. Y cuando hago clic afuera, se
puede ver que cambió el radio de esquina para todas nuestras imágenes. Aquí mismo. Si quieres agregarle cosas individualmente, puedes hacerlo también. Conduces debilita esta imagen, por ejemplo, y opaco rápido una vez más, puedes sostener tu tecla de turno para posicionarla un poco mejor. Se puede hacer doble clic en algunas de estas imágenes dedo del pie reposicionarse, por ejemplo Tal vez en este quiero moverlo aquí y se obtiene la idea. Si la imagen es demasiado grande como esta,
por ejemplo, por ejemplo, puedo posicionarla de forma independiente fuera de todas estas otras imágenes y todos estos otros elementos dentro de nuestra repetición Genial. También puedes cambiar los colores. Entonces, por ejemplo, si un doble rápido aquí mismo para saltar dentro de este botón, si quieres cambiar los colores de todos estos botones, puedo hacer clic justo aquí y luego simplemente cambié el dedo del pie de color aquí. Pero como esta no es mi instancia principal, esta es que puedo saltar dentro de ella y puedo cambiar el color aquí mismo. Y como puedes ver, se va a actualizar todos estos colores automáticamente, y va a hacer el cambio globalmente. Entonces solo imagínate, tener 50 diferentes nuestras tablas se va dedo del pie aplicar. Eso cambió todos esos diferentes nuestros puertos y lo va a hacer automáticamente al mismo tiempo. Entonces esa es realmente la principal ventaja off. Repita la codicia y trabaja con componentes dentro de Adobe. Fácil porque hace que tu proceso sea mucho más fomente mucho más fácil y sin fricción para que puedas llegar a diseñar. Y no tienes que preocuparte por todos esos procesos diferentes. Tenías que preocuparte en el pasado una última cosa que quiero mostrarte es cuando haces click en esta cuadrícula de
repetición, todo lo que puedes ver es esta primera carta que creamos porque se encuentra dentro de esta selección. Por lo que cuando quieras desarreglarse pit, puedes dar click aquí y puedes equipar en grupo genial, y puedes exportarlo. Y ahora puedes ver todas estas cartas diferentes y puedes jugar con ellas si
quieres . Entonces, por ejemplo, puedo mover esto a la izquierda y a la derecha. Lo que quiera, puedo moverlo incluso entre estos son puertos Dragón. Suéltala aquí mismo. Puedo borrarlo, y así sucesivamente y demás. Entonces básicamente todo lo que tienes que hacer es crear este golpe, repetir arenilla y luego expandir e incluir tantos que quieras y hacer cambios globales para que repita genial tanto como quieras en el siguiente video, vamos a hablar de guías, por lo que voy a ver allí
20. Curso básico de Adobe Xd: cuando estás diseñando la mayoría de las veces necesitas guías, porque si no las usas y no tienes chicos que te guíen a través del
proceso de diseño , vas a terminar con elementos por todo el lugar. Por lo que Adobe exit viene con guías por defecto, para que puedas acercarte un poco más. Y si rondo aquí mismo, se
puede ver este cambio. Y va de gris oscuro a este color claro, casi blanco en la parte superior fuera de mi puerto así como en el lado izquierdo. Y si alguna vez usaste guías en la tienda de cuatro, básicamente
es la misma historia. Pero no tienes que salir fuera de este espacio, pero simplemente puedes pasar el rato sobre nuestro tablero y puedes usar esas guías. Entonces, por ejemplo, puedo hacer click en esta tarjeta. Puedo pasar el ratón aquí mismo, clic y luego arrastrar el dedo del pie. Aplicar mi guía. Eso se puede ver en el eje Y. Son 67 píxeles de arriba, y si cubro aquí mismo y hago clic en la guía aquí, arrástrala y muévelo en la posición. Se puede ver que son 133 píxeles de la izquierda y se puede ver que son 1787 píxeles todo el camino izquierda a derecha y simplemente se puede soltar. Y luego puedes alinearlos usando el mismo principio aquí mismo. Entonces déjenme agruparlos rápidamente control de golpe G se movió al centro. Y ahora puedo aplicar esa guía aquí mismo. Como puedes ver, son 193 píxeles de la izquierda, y puedo usar lo mismo. Pero no se puede dibujar desde la derecha ni desde abajo. Tienes que dibujar desde la izquierda, y puedes ver que son 192 píxeles justo aquí. Puedes ser tan preciso como quieras. Pero por ejemplo, ahora cuando estás trabajando, déjame rápidamente en grupo esto cuando estás trabajando. Imagínate que estás trabajando en este elemento y quieres dedo del pie. Asegúrese de que tenga el mismo espaciado en este lado así como en este lado. Simplemente puedes arrastrarlo en la cuadrícula y simplemente alinearlo. Toe esta guía a la derecha, simplemente
puedo moverlos aquí y un pixel toe la izquierda y ahora vamos a tener 109 3 Así que básicamente el mismo espaciado que en este sitio. Entonces así de fácil es usar guías si quieres usarlas en otros puertos para que
puedas hacer click en el aeropuerto. Guías de clic derecho, copiar guías. Puedes hacer click en esto, nuestras guías de puerto clic derecho y guía base. Se puede utilizar Control V o podría comando. El atajo se va basado en el dedo del pie. Esas guías sobre este nuestro puerto, y usted simplemente puede alinear todos estos elementos a esas guías. Lo mismo probablemente lo hizo en nuestro primero nuestro puerto. Entonces así de fácil es usar guías. Y de verdad te recomiendo que lo hagas, porque simplemente va a hacer mucho más fácil el trabajo. Y va a hacer que tus elementos destaquen en la página y se vean aún
más profesionales de lo que son porque simplemente están siguiendo esta estrategia fuera, alineándose hacia la parte superior derecha izquierda o hacia abajo usando guías en Adobe XY. En el siguiente video, vamos a hablar de las rejillas, así que te veré ahí
21. El curso de Adobe Xd: cuando estás trabajando en Adobe ASD, sobre todo si estás trabajando para la Web, necesitas algún tipo de un gran sistema. Tienes este grandioso sistemas por toda la web, así que tienes más. Bien conocido es bootstrap, obviamente, pero tienes otros y, por ejemplo, por trabajar en la empresa. A lo mejor tu empresa tiene sus propios grandes sistemas que desarrollaron para su proyecto, por lo que puedes aplicar fácilmente ese sistema de rejilla en Adobe X'd. Todo lo que tienes que hacer es dar click en tu tablero y justo aquí en la parte inferior, tienes genial, y puedes dar click aquí para el diseño, y tienes todas estas diferentes opciones. Si no quieres usar el layout, puedes cuadrado y se va a aplicar esos cuadrados diferentes. Si acerco todo el camino aquí mismo, puedes ver cómo se ve eso, y puedes usar tamaño cuadrado. Entonces si aumento eso a 50 se puede ver que aumenta el tamaño fuera de la plaza. Entonces dondequiera que estés arrastrando, mover estos elementos que tienes dentro de tu parte son va a chasquear dedo del pie esas notas y a esas talla cuadrada. Pero como decían, si quieres usar un sistema de cuadrícula y quieres usar un layout, puedes usar diferentes diseños en Adobe X'd. Entonces, ¿qué tenemos justo aquí? Si hago clic en este tablero de arte, tenemos 12 columnas diferentes con Got Erwitt off 16 y columna con o 1 25 So Got Erwitt es básicamente este espaciado entre las columnas. Por lo que tienes la columna aquí mismo. Entonces tienes el ingenio de la canaleta. Entonces tienes otra columna y así sucesivamente. Entonces básicamente, tenemos 12 columnas diferentes con se riffed off 16 y columna con off 1 22 Lo que puedes hacer aquí mismo es que puedes usar los márgenes izquierdo y derecho enlazados. Por lo que todo fuera, estos márgenes seguirán siendo los mismos y se mantendrán vinculados. Entonces básicamente, margen es este espacio en blanco entre tu primera y última columna. Entonces eso es básicamente 140 en esta etapa. O puedes usar diferentes márgenes para cada lado, por lo que puedes ver tenemos margen derecho y margen izquierdo en 1 40 puedes usar margen superior
margen inferior . Si quieres estar exactamente seguro y perfectamente seguro qué tipo de margen quieres usar para tus diseños. Pero si usamos márgenes izquierdo y derecho simplemente vinculados, puede ver que son 1 40 Y, por ejemplo, puedo aumentar eso a 1 50 se puede ver si podría ir aún más lejos y usado, por ejemplo, 400. Se puede ver cómo se ve eso así que 400 a cada lado y se puede ver que ahora se encoge son de diseño. Si hago control, es que unas cuantas veces volver a los 140 como originalmente me mostró? Lo que también puedes hacer aquí mismo es cambiar algunos de estos valores. Entonces, por ejemplo, tal vez quieras usar un número diferente de columnas puede estar encendido para usar cuatro columnas. Entonces así es como se ve eso. Y quieres aumentar la canaleta con el dedo 50 por ejemplo. Se puede jugar con eso. A lo mejor quiero usar ocho columnas. Consiguió peso 100 por ejemplo. Se puede ver cómo se ve eso, y se obtiene la idea. Puedes usar esto como predeterminado, o puedes hacer esto como predeterminado para que puedas usar el valor predeterminado y esto es lo que ya te
mostré . Pero simplemente puedes jugar con esto. Entonces ocho, 16 y no sé, tal vez 1 40 en click hacer default. Y siempre que estés incluyendo esta opción dentro de tu trabajo de diseño, esto aparecerá como predeterminado. Gran sistema. Entonces por eso mostré te lo dije antes, Por
ejemplo, estás trabajando en una empresa de diseño y ellos tienen su propio sistema de diseño o estás usando sistema diseñado
bootstrap. Todo el tiempo puedes recrear que en adobe X'd puedes hacer click, hacer por defecto. Entonces cada vez que estés girando tu no encenderá ese sistema que creaste, y te mostrará ese sistema solo sin todas estas opciones predeterminadas. Por último, puedes cambiar el color, no
hiciste clic aquí, y luego cambiar el color al que quieras. Puedes reducir la ciudad Obey aquí mismo. Entonces esto es a los 100. Este es un cero, y puedes usar algo así como 10 o 20 para hacer que este bonito ver a través de un básicamente para que puedas ver en qué estás trabajando. Y básicamente estas columnas son para que estos elementos se encajen. Para que puedas mantener presionada tu tecla de turno y puedes acoplar estos elementos a diferentes columnas, como puedes ver aquí mismo. Entonces eso es básicamente todo para dos rejillas. Y en el siguiente video, vamos a hablar de mezquitas, y se significan posibilidades increíbles dentro de Adobe X'd, así que te veré ahí.
22. Enmascarar los fundamentos de Adobe Xd: cuando estás diseñando muchas de las veces, quieres ocultar algo ya sea que sea icono o una imagen o algún párrafo fuera de parte del texto o algo así, pero no quieres eliminarlo permanentemente. Simplemente quieres ocultarlo por el bien del tiempo, o quieres usarlo en algún otro escenario. Y ahí es donde las mezquitas vienen bien ahora, en lugar de eliminar el archivo, mezquitas no son destructivas, lo que significa que se pueden utilizar más adelante en algún otro proyecto o en otros puntos de los puntos del proyecto. Entonces así es como funcionan las mezquitas. Entonces solo imagínate, quieres incluir una imagen, y tal vez quiero usar los labios de un hogar,
una tecla de turno, los labios de dibujo y tal vez pueda crearla Toby a 10 que a 10 pixeles para el peso y altura y déjame colocarla aquí mismo en el centro. Y tal vez podamos quitar la frontera y solo para que lo veas. A lo mejor puedo incluir este gris claro para el color de campo, y quiero incluir aquí mi imagen. ¿ Cómo puedo hacer esto es simplemente que puedo arrastrar mi imagen y soltarla dentro. Y aquí se puede ver que la imagen ahora está dentro del círculo y está enmascarada usando esa forma de
círculo ahora, porque estamos usando mezquitas y mezquitas son edición no destructiva. Eso significa que puedo reposicionar esta imagen. No obstante, quiero dentro fuera de este círculo, que significa dentro fuera de las mezquitas. Entonces, ¿cómo puedo hacer eso? Simplemente puedo hacer doble clic en el interior. Se pueden ver los límites fuera de la imagen, y yo puedo mantener mi tecla de turno, y simplemente puedo moverla aquí mismo si quiero. Incluso puedo aumentar su tamaño. Puedo o bien mantener presionada la tecla Mayús o puedo mantener pulsada la tecla shift Ault y hacer clic en una de las esquinas para aumentar el tamaño así. Y puedo reposicionar esa imagen como quiera. A lo mejor quiero posicionarlo aquí. Incluso puedo rotarlo para que pueda pasar el dedo del pie cualquiera de estas esquinas y puedo rotar imágenes. Bueno, Oregon simple. Rápido en uno de estos puntos, y puedes posicionar muy la imagen así. Y como dije, puedes colocarlo donde quieras y puedes reposicionarlo de esa manera. Ahora es más fácil ahora para mí moverlo y más tarde por la línea. Si quiero reemplazar esta imagen e incluir alguna otra imagen, por ejemplo, puedo simplemente arrastrar y soltar esa imagen dentro. Y se puede ver que el nombre original de la imagen será el nombre fuera de mi imagen. Entonces te olvidas del control ¿Es eso para volver? Se puede ver este nombre y cuando incluyo esta imagen dentro, se
puede ver ahora ha cambiado a este nombre. Simplemente puedo hacer clic aquí si quiero en el mercado para la exportación, porque inmediatamente cuando se incluyen imágenes dentro de Adobe X'd, marcarán automáticamente para la exportación. Porque Exynos tenía que exportar más adelante esas imágenes para que los desarrolladores las usaran más adelante. Y yo puedo hacer lo mismo por este. Puedo rotarlo así Aiken Bulkeley pueda saltar dentro de esta imagen. Podría casa un turno viejo y click izquierdo para aumentarlo. Y por ejemplo, si quiero usar esto como mi imagen externa,
por ejemplo, por ejemplo, puedes hacer clic en algún lugar fuera y ahora puedes mover esta mezquita como este pequeño círculo, puedes reducir su tamaño. Entonces, por ejemplo, igual que casa una tecla de turno y reducir su tamaño así. Pero si en algún momento quiero saltar de nuevo dentro chismes Adele Quick y puedo aumentar o disminuir el tamaño de esta imagen ya te ha mostrado antes. Ahora déjame mostrarte rápidamente cómo funcionan las mezquitas cuando quieres crear botones. Entonces déjenme crear rápidamente un botón. Usaré el rectángulo. A lo mejor puedo apresurar 20 para el radio de esquina. Y usemos, por ejemplo, 500 de peso. 1 50 Que sea bonito y grande, y voy a quitar el color del borde y para los colores de relleno usado algún bonito color. Entonces, por ejemplo, tal vez algo como esto, O tal vez incluso podamos ir un poco más ligeros. Por ejemplo, algo así. Y ahora vamos rápido en nuestro textil. Haga clic en algún lugar dentro y rápido, por ejemplo en él, y puedo golpear el control A para seleccionarlo y puedo usar algún otro formado más tarde, por
ejemplo, tal vez pueda usar 40 y tal vez pueda cambiarlo aquí para decir que mi jugador de bolos usó Bolt sencillamente, y puedo hacer clic aquí para seleccionar para ser blanco, y simplemente puedo posicionarlo justo aquí en el centro y justo aquí en el centro también . Déjame hacer doble clic aquí. Escribe este bt y puedo seleccionar estos para golpear el control G para agruparlos y llamar a este botón . Ahora simplemente arrastraré y soltaré un icono, que es un PNG. Lo tiraré aquí mismo. Siempre te recomiendo que utilices SP Jeez para los iconos. Pero simplemente usaré esto con fines de demostración. Entonces tal vez quiero dedo del pie arrastrarlo como así posición. Está en algún lugar por aquí, por ejemplo, y simplemente usa este color. Realmente no importa para este ejemplo. Entonces ahora tenemos este botón y simplemente iré a dar click aquí y llamarlo ícono. Y voy a incluir dentro fuera de mi botón, como So. Entonces solo imagina que quieres usar este fondo en una instancia, pero quieres usar este botón dudamos en este ícono y quieres animarlo más adelante. ¿ Cómo puedes hacer eso? Simplemente puedes crear una mezquita así que simplemente puedes hacer doble clic aquí en esta parte inferior y simplemente golpear control una D para hacer un duplicado, y voy a hacer doble clic aquí y llamar a ésta una mezquita y voy a arrastrar esta mezquita apenas por encima de mi icono. Seleccione ambos,
derecho, derecho, haga clic y use mezquita con forma. También puedes usar este atajo, que es shift Control em o shift command them. Si estás en un Mac y ahora los enmascarará, puedes ver que realmente no cambió tanto. Simplemente voy aburrido rápido aquí mismo llamado a esta mezquita una vez más. Y si hago clic aquí mismo, se
puede ver que nada ha cambiado. Pero si cambio este color y ahora si muevo este botón, puedes ver cómo está enmascarando en este momento. Entonces cuando acerco un poco más, se
puede ver que la mezquita está cubriendo esta parte de nuestro ícono. Pero esta parte sigue siendo visible, por lo que es realmente simple. Si quieres animar esto más adelante, solo
tienes que sacar esta mezquita del camino,
y puedes ver que ahora el ícono se queda fuera de nuestra mezquita, así que cuando hago clic en algún lugar afuera, no
puedes ver el ícono ya. Pero cuando hago clic en mi mezquita y puedo extenderla todo el camino hasta aquí. Ahora puedes ver este ícono, y ahora esto te será útil más adelante cuando empieces a animar tus diseños. Entonces tal vez quieras dedo del pie hacer esto, uh, Toby clicked state. Entonces quizás cuando alguien haga clic en esta edición, este icono va a aparecer cuando haga clic, en algún lugar fuera va a desaparecer. Y la forma más fácil de hacer esto es con la mezquita. Por lo que simplemente puedes crear dos estados usando componentes y puedes saltar atrás y ver video
componente, y puedes animarlo más adelante, y luego puedes mostrárselo a tu cliente o a tus usuarios, y todo lo hará ser fácil para ellos de entender porque estás usando métodos no destructivos usando mezquitas. Pero simplemente te estás escondiendo, no borrando. En el siguiente video, te
voy a mostrar una especie de hoja de tramposos con todos los huevos de adobe. Estos atajos y algunos de ellos son realmente importantes para que aprendas porque
van a acelerar tu trabajo de manera espectacular. Y de verdad te recomiendo que los revises. Pero si alguna vez utilizó productos de adobe antes, Así, por ejemplo, para una tienda o ilustrador. Muchos de estos atajos te resultarán familiares. Pero si eres nuevo en este mundo del diseño y en los productos de adobe, sobre todo Adobe X'd realmente te recomiendo que revises ese video porque en él
tienes esta hoja de trampas que puedes descargar y usar donde quieras. Si quieres que te recuerden algunos atajos, puedes saltar fácilmente dentro de ese archivo y simplemente buscar esos atajos porque mejorará drásticamente tu flujo de trabajo y tu velocidad, así que te veré ahí.
23. Curso básico de Adobe Xd: si quieres usar Adobe X'd como software profesional y ganar dinero de él ya sea con tus proyectos personales o comerciales, es realmente importante que aprendas al menos algunos atajos de teclado importantes porque
mejorarán tu velocidad y tu flujo de trabajo dramáticamente, y te harán trabajar más rápido e inteligente dentro de X'd. Y será más fácil para ti navegar por el software porque estás usando atajos de
teclado en lugar de hacer clic en cualquier otro lugar. Por lo que aquí estamos en ayuda. Ex dot adobe dot com four slash xz Para tal ayuda para atajos de teclado
slash, intercambia el enlace de este video y podrás hacer clic y acceder a esta página fácilmente. Aquí, justo en la parte superior de la página. Tenemos versión descargable fuera de los atajos de teclado, y simplemente puedes hacer clic aquí para descargar, y se abrirá un archivo pdf dentro de la nueva pestaña. Y de verdad te recomiendo que revises este archivo porque puedes ver fácilmente todos los atajos de
adobe eggs justo aquí. Y se puede ver separados en el menú de archivos, menú de
edición, objeto, vista de
menú, menú, Windows, menú y así sucesivamente. Por el momento, que no tengas que aprender todos estos, pero realmente tienes que aprender la mayoría de ellos. Si quieres. Trabaja extremadamente rápido por dentro de Adobe X'd ahora no te estreses y trata de aprenderlas todas a vez porque, como puedes ver, si comienzas a desplazarte hacia abajo, realmente
están mucho fuera de estos teclados. Claro, atajos de
teclado, pero un realmente recomendado Aprendes al menos algunos porque mejorarán drásticamente tu velocidad y tu flujo de trabajo mientras usas huevos. D. Y simplemente es trabajar de manera más inteligente usando atajos de teclado, porque es más fácil para ti trabajar usando dos manos en Adobe XY en lugar de solo una mano haciendo clic con el mouse y verás después de un cierto tiempo simplemente vendrá como . No tendrás que pensar en nada. Y si salto atrás del dedo del pie X'd, puedes ver que ya tienes. Cuando pasas el cursor sobre básicamente todo, ya
tienes atajos de teclado cuando haces clic derecho. Tienes estos atajos de teclado justo aquí para que puedas aprenderlos desde aquí. Pero si quieres aprenderlas a tu propio ritmo, por
ejemplo, cuando no estás en tu computadora, puedes descargar y usar en este archivo pdf con todo el tiburón corta la B X D y luego los
aprendiste paso a paso y entonces eventualmente llegarás allí. No va a la mayoría de estos atajos, y se trabaja extremadamente rápido por dentro de Adobe X'd en el próximo video, vamos a empezar a centrarnos en herramientas de prototipado, y voy a explicar qué herramientas de prototipado están dentro de Adobe X'd así como por qué son importantes, cómo puedes encontrarlo y cómo puedes usarlos. Entonces te veré ahí.
24. Curso de prototipos: cuando quieras mostrar tu diseño o tu concepto, tu cliente o tu equipo, quieres poder encontrarte y representar tu concepto lo mejor posible. Y eso es lo que X'd te ofrece listo para ir desde el principio. Por lo que tienen esta pestaña de prototipo, y lo que básicamente significa es que puedes convertir este diseño estático por lo que más interactivo uno y condonas compartir ese prototipo con tus clientes o tus compañeros de equipo, y luego ellos pueden interactuar con este prototipo en Más adelante. Los usuarios pueden hacerlo, y pueden señalar dedo del pie tal vez algunos defectos en tu diseño y las cosas que puedes cambiar con él. Y es realmente fácil de seguir y fácil de entender. Proceso y huevos es impresionante por esa razón, porque han diseñado prototipo y comparten funcionalidades todas incluidas en esta única app y en este software. Entonces todo lo que tienen que hacer para prototipo es que necesitas instancias, por ejemplo, fuera del mismo diseño. Entonces aquí, imagínense que hemos terminado este diseño. Estamos trabajando en ello usando una retroalimentación del cliente y el breve de diseño y seguimos todos los pasos en la U ex parte fuera de este proyecto, y ahora queremos prototipearlo y simplemente mostrárselo al cliente para su aprobación y para obtener adicionales retroalimentación. Entonces, ¿cómo podemos hacer esto? Es que podemos hacer eso usando la pestaña del prototipo aquí mismo. Entonces cuando hago clic justo aquí, se
puede ver que ahora tengo este círculo azul con un estrecho aquí mismo, y que solía conectarse a diferentes nuestros puertos. Pero porque tengo solo uno nuestro puerto, lo que puedo hacer es saltar de nuevo al diseño hit control de para que pueda duplicar este nuestro puerto. Y ahora puedo empezar a jugar con ellos y mostrar algo de interacción dedo del pie mi cliente poder saltar de nuevo al prototipo. Y ahora cuando haga clic aquí y haga clic en esta flecha, simplemente
puedo arrastrarla a este nuestro puerto. Y ahora se puede ver qué pasa. Tenemos este panel de interacción aquí mismo el cual se va a explicar en el siguiente video. Pero dentro de ella, tenemos todos estos valores diferentes que podemos jugar. Y podemos presentar esto a nuestro cliente para que lo entiendan mejor. Cómo se verá cuando finalmente es abrigo para que puedas imaginar un proyecto como este puede contener un número fuera de diferentes nuestros tableros. Por ejemplo, quieres mostrar cómo se verá esta pantalla cuando hagan clic en esta flecha hacia atrás. Qué pasará a continuación, Qué sucederá cuando hagan clic en este icono de menú. Si tocan esta imagen, ¿qué pasará a continuación? Si quiero dar click en este avatar, por ejemplo, me llevaría a la pantalla de perfil y cómo se verá eso. Entonces vamos a explorar algunas de estas opciones en la próxima serie de videos, empezando por este panel de interacción, donde voy a explicar cuáles son todas estas cosas y te veré ahí.
25. Curso básico de Adobe Xd: cuando quieras crear un prototipo clicable a partir de tu diseño, tienes que usar este panel de interacción y justo aquí en la parte superior, puedes ver que tienes este gatillo y gatillo tap es básicamente lo que va a desencadenar la acción para que suceda. Entre estos dos se encuentran los puertos. En nuestro caso, la acción es cómo se va a ver ese gatillo. Entonces, por ejemplo, tenemos el gatillo tap. Entonces cuando alguien lo golpea, entonces tenemos acción,
que es la transición, que es la transición, por lo que va a transitar. Entre estos dos hay puertos por debajo de los que hemos conservado posición de desplazamiento. Entonces, por ejemplo, si este nuestro puerto contiene muchas de estas imágenes, por ejemplo preservará esa posición de desplazamiento para algunos de estos elementos. Así que solo imagina que quieres usar esta barra nunca en la parte inferior del dedo del pie preservar la posición de desplazamiento. se puede hacer. Entonces solo imagínate, puedes mantener a ese Toby clavado aquí mismo y todo lo demás se va a desplazar destino . Entonces vamos de aquí a aquí. Por lo que nuestro destino es nuestro puerto alimentación uno y lo puedes ver aquí mismo. Tenemos animación y podemos elegir un número de diferentes animaciones. Entonces cómo pisan, la transición se va a quedar así. Entonces tenemos animación off se disuelve, así que básicamente se va a disolver de un aeropuerto a otro. A continuación tenemos flexibilización. Entonces qué fácil o duro queremos que se vea ese dedo de la posición, Aquí
mismo tenemos estos fuera, que básicamente se va a relajar de este aeropuerto, este aeropuerto. Y finalmente tenemos la duración, que es básicamente cuánto tiempo va a tardar esto. En el siguiente video. Vamos a explorar desencadenantes y acciones para ver qué diferentes desencadenantes debido a diferentes acciones y cómo puedes usarlos en tu trabajo de diseño. Entonces te veré ahí.
26. Triggers y acciones básicas de Adobe Xd: cuando estás creando prototipos entre tus puertos, quieres usar diferentes disparadores en diferentes acciones para diferentes tipos de efectos que deseas lograr. Entonces solo imagínate, cuando hacemos click en esta imagen, queremos que esta imagen se expanda. Y eso es lo que vamos a hacer en este video. Y voy a explicar esta acción desencadenante y todo lo demás aquí mismo. Entonces cuando un salto al diseño, voy a cambiar esto. Entonces abriré esta imagen y se puede ver que aquí tengo esta imagen y voy expandir todo hacia abajo. Pero primero lo voy a mover todo el camino abajo del dedo del pie aquí, por ejemplo. Siguiente Voy a saltar por dentro y simplemente hacer clic en mi imagen y voy a
expandirla todo el camino hasta aquí, y simplemente voy a mover este avatar a aquí. Cuando hago clic afuera, se podía ver cómo se ve eso. A lo mejor puedo incluso ampliarlo para ir todo el camino hasta aquí para que podamos mover todo así y luego finalmente, puedo dar click en mi imagen y se puede ver que tenemos radio de esquina de cinco. Puedo hacer click en mi cero y se volverá recto en todos fuera de estas esquinas ahora va a saltar nuevo al prototipo. Lo que quiero hacer es cuando alguien hace clic justo aquí, yo toca justo aquí. Queremos ampliar esta imagen y luego cuando hagan clic aquí mismo, los llevará de vuelta a este original nuestro puerto. Entonces hagámoslo. Voy a arrastrar este mango azul hasta aquí. Entonces cuando alguien hace clic, paso justo aquí, Transición va a ser auto animate. Y eso es básicamente X'd saber qué van a poner donde usar sus conocimientos de IA y aprender que la salida tiene en segundo plano y básicamente lo que va a hacer es buscar capas y nombres de capas ver su posición aquí y aquí. Entonces, por ejemplo, moví esta imagen aquí mismo. Estaba justo aquí, y moví todos estos iconos hacia abajo, y también aumenté este tamaño de esta imagen. Entonces sabe que hice todos esos pasos y los va a replicar usando animación. Y vas a ver en tan solo un segundo cómo eso parece que destino es alimentación. Una vez que vamos de esto a esto, tenemos flexibilización. A lo mejor quiero usar es en fuera porque quería relajar así como está fuera de esta animación y finalmente duración. A lo mejor podemos usar 0.3 segundos. Pero tienes todas estas variaciones diferentes aquí mismo. Y puedes usar tu personalizado. Entonces, por ejemplo, si quieres usar cuatro segundos, simplemente
puedes hacer clic en cuatro presionar, entrar o regresar. Y toda esta animación va a durar cuatro segundos. Pero saltemos rápidamente hacia atrás del dedo del pie, tal vez 0.4. Y yo sólo rápidamente quiero mostrarles lo que está contenido aquí mismo. Entonces cuando hago click justo aquí, tenemos el arrastre. Entonces, por ejemplo, podemos usar el drag toe display todo aquí mismo, moviéndonos de arriba a abajo, por ejemplo. Podemos usar llaves en las almohadillas de juego. Entonces, por ejemplo, si estás diseñando un juego o estás diseñando un sitio web para un juego, que alguien va a acceder usando un mando de juego por lo que ya sea mando PS, mando
Xbox o cuáles son otro mando, para el caso, puedes hacer eso, así que tienes que tener ese controlador de juego en particular para el que estás diseñando tu juego o tu sitio web, para que
puedas entrar a todos los diferentes comandos usando ese juego controlador. Por último, tenemos la voz. Así que solo imagina si estás diseñando para Amazon, Alexa para Google assistant para Siri o algo así, puedes usar la voz para mostrar cómo todas estas diferentes interacciones se van a ver
del dedo del pie y nuestra pasó a suceder cuando el usuario es usando su dedo del pie de la voz, emita un comando. Entonces algo va dedo del pie pasa cuando dicen ciertas cosas por debajo que tenemos la acción . Entonces tenemos auto animate que ya elegimos, pero tenemos la transición. Si eliges la transición, tienes estas transiciones aquí mismo seleccionadas. Pero si eliges auto animate, no
tienes ninguno de esos porque ya sabe lo que vas a hacer, y va a usar su magia para crear esa opción. Pero si usa la transición, puedes elegir entre los EAU Rieti fuera de diferentes posiciones. Entonces desde disolver deslizándose izquierda, derecha, arriba, abajo, empujando, izquierda, derecha, deténganse abajo y se puede hacer cualquiera fuera de ellos o incluso se puede seleccionar ninguno aquí mismo. Si no quieres que haya pasado ningún dedo del pie de transición, tenemos excesivamente para que podamos superponer algo encima otra cosa. Entonces solo imagina que tienes este menú y quieres cuando los usuarios hacen clic aquí. Este menú se va de toe overlay en la parte superior de cualquier fuera de nuestras pantallas. Entonces, una vez más, imagina que tienes, como, 100 pantallas diferentes aquí mismo, y tienes pantalla separada para el menú. Simplemente puedes hacer esta acción de superposición, y se superpondrá en la parte superior todas esas pantallas en la misma posición exactamente. De todas formas se lo dices cuando alguien toca justo aquí debajo de la muerte, tenemos playbacks del habla. Una vez más, puedes, uh, crear ciertas acciones usando la reproducción de voz. Entonces cuando alguien diga cierta frase o una palabra, activará la reproducción del habla. Por lo que te mostrará esa acción y finalmente, previa a nuestro puerto cuando quieras ir de pie anterior a nuestro puerto. Entonces, una vez más, vamos a usar auto animate como destino establecido aquí mismo, e incluso puedes usar ninguno si quieres usar componentes mientras diseñas esto. Pero vamos a cubrir un poco de eso en el video futuro cuando realmente empecemos a diseñar nuestra app. Por último, tenemos flexibilización, así que no tenemos ninguno está dentro, fuera, en snap, viento arriba y se inclina. Por lo que obviamente cualquiera de estos que elijas relajar va a verse un poco diferente. Entonces si elige ninguno, no
habrá imágenes de flexibilización está fuera. Italia está fuera de la animación y así sucesivamente y así sucesivamente. Terminar, chasquear y rebotar Un realmente útil en algunos casos en algunos otros podría no. Por lo que podría estar considerando usar las flexiones. Y una real recomiendo que hagas, porque si
eliges no, simplemente se ajustará en posición sin ninguna fuera estas flexiones en su lugar. Entonces vamos a usar estos fuera para nuestro caso y como una duración establecida es 0.4 y finalmente la posición fija al desplazarse. Eso es lo que estaba explicando. Se puede arreglar en esta parte del menú, por ejemplo, para desplazarse o este menú de parada o algo así. Por lo que realmente depende de ti y de tu caso Ahora cuando quieras previsualizar esto, vamos rápidamente a cablear esto de nuevo. Entonces, como dije, cuando alguien haga clic en esta flecha
, nos llevará de vuelta. Entonces déjame seleccionar esa flecha y puedes usar el control y hacer click directamente en tu forma. Entonces vamos a usar el icono de Arrow en nuestro caso, y simplemente voy a arrastrarlo hacia atrás. Y debido a que Eggs D es realmente inteligente, sabrá que seleccionamos paso para la primera acción que seleccionamos auto animates, por lo que va a auto animar de nuevo. Seleccionamos destino. Por lo que pasó de alimentar los pies del dedo del pie uno, y vamos a volver atrás cuando hagan clic en esta flecha. Por lo que va a volver a los pies finalmente relajándose. Si recuerdas, Riccio está en fuera y duración cero punto para. Por lo que básicamente está replicando todos estos mismos ajustes en este nuestro puerto, y va a volver usando exactamente la misma animación. Por lo que todo se ve coherente y todo se ve junto cuando se pone en conjunto en el resultado final. Entonces si quieres probarlo, todo lo que tengo que hacer es dar clic aquí sobre el nombre del aeropuerto en click icono de visualización justo aquí en la parte superior, y eso lanzará una vista previa de escritorio, y te explicaré qué es en el siguiente video. Entonces te veré allí
27. Previews de fonos de Adobe Xd: Cuando quieras obtener una vista previa de lo que has hecho para
ti, tienes algunas opciones, por lo que puedes hacer click justo aquí en la vista previa del escritorio y se lanzará esta ventana y justo aquí en esta ventana, si eres Si recuerdas, utilizamos el grifo. Entonces cuando toque aquí mismo, se agrandará, y reposicionará todos estos iconos diferentes, y reposicionará esta imagen aquí mismo a la parte superior. Y si recuerdas, cuando hagamos clic atrás aquí mismo, volverá a lanzarse a su posición original. que así puedas previsualizar lo que hayas hecho antes incluso de enviarlo a tu cliente solo para que sepas por ti mismo si hiciste el trabajo correcto o no, y sabes qué tipo de cambios tienes que hacer en orden. Dos siguieron breves en las pautas de diseño que recibes por de tu cliente, la otra forma que puedes previsualizarlo es aquí mismo usando la vista previa móvil, tienes que instalar gratis adobe eggs, la app en tu iPhone o en tu teléfono Android, y luego para cualquier teléfono que estés diseñando, puedes usar esta vista previa móvil y puedes previsualizar este diseño directamente en tu
dispositivo móvil . Ahora tus clientes pueden hacer esto a ti simplemente puedes enviarles el enlace, y simplemente pueden abrir esto usando su teléfono. Tienen que usar en su teléfono conectado a través de cable USB. Pero el equipo de un Toby dice que en el futuro podrán hacer eso. ¿ Por qué airdrop para dispositivos Iose? ¿ Y por qué WiFi, por ejemplo, para dispositivos Android? Pero por ahora, tienes que usar cable USB conectado a tu computadora. Adobe es la aplicación instalada, y luego puedes previsualizar esta vista previa directamente en tu teléfono. Esa es una gran adición de tener, porque ahí es donde puedes estar seguro de que todos estos tamaños de teléfono son lo suficientemente grandes para que se
puedan ver que tus puntos de acceso están optimizados. Entonces, por ejemplo, los usuarios de
menta pisan aquí mismo. No abren esta imagen por error, pero abrieron esta imagen perfectamente como querían. Si este ícono del menú es lo suficientemente grande, impugnas todas estas cosas diferentes. Usando eso serán los huevos, la app, o, si quieres ver por ti mismo, puedes hacer clic aquí para ver la vista previa del escritorio, y puedes mostrarle a esta directora a su cliente o a tu equipo. Si hay algún lugar cerca de ti o tu vista previa esto como parte de la demo para reclinarse y simplemente
pueden hacer clic aquí mismo e interactuar con tu prototipo. Incluso puedes hacer click justo aquí para posicionar esto en el centro para que tengas menos distracciones alrededor, y cuanto más fuera de estos efectos tengas en tus prototipos, más se verá como un verdadero laboratorio, y más clientes lo entenderá mejor y sabrá cuáles son las capacidades. Posteriormente, cuando este diseño llegue a la fase de desarrollo y los desarrolladores metan sus manos en tu diseño en el siguiente video, te
voy a mostrar cómo puedes grabar este prototipo como un video y cómo puedes enviar ese video a su cliente a nuestros grupos de interés o a los usuarios, que
puedan ver ese video o incluso puedas usarlo como parte de tus presentaciones. Entonces si estás presentando este diseño sobre ser chance o dribble, por ejemplo, nunca puede ser realmente útil mostrar ese video a tu público porque entonces
podrán entenderlo igual que lo harán sus clientes. Cómo se pretende ver y usar tu diseño y cómo se va a ver como uno codificado , así que te veré ahí.
28. Grabación de prototipos de Adobe Xd: Si quieres grabar un video fuera de tu prototipo, es realmente sencillo de hacer. Todo lo que tenemos que hacer es dar click aquí mismo en la vista previa del escritorio. Y luego si estás en un Mac, simplemente
puedes hacer clic aquí, y empezará a grabar lo que hagas aquí mismo en tu prototipo. Pero si estás en las ventanas, tienes ventanas de uso de remolque. Keep lost G. Así que déjame usar eso como por ahora, y se abrirá de grabación de Xbox, y todo lo que tenemos que hacer es hacer click start recording. O puede usar ventanas de acceso directo más viejo más R, y comenzará a grabar. Y luego puedes experimentar con tu prototipo. Puedes hacer click a la izquierda y a la derecha en. Básicamente, cuando termines, puedes golpear detener la grabación, y cuando dejas de grabar, puedes previsualizar eso y básicamente lo va a guardar como un video separado. Entonces aquí está, aquí mismo. Si haces click derecho puedes abrirla con películas y TV, puedes ver cómo se ve eso, Así vas a poder ver que cuando haga clic aquí mismo, va a mostrar ese efecto Y luego puedes usar este video en tus presentaciones comienza, regate o en algún otro lugar. O puedes enviarlo a nuestros clientes, grupos de interés o miembros del equipo para que puedan ver, por ejemplo, cuándo están en marcha. Y no tienen la opción de usar huevos,
los online para que puedan hacer clic por ellos mismos y explorar un poco más en detalles sobre lo que hiciste con tus prototipos. Una unción sobre las ventanas que no tienes en el Mac es cuando abres esto como un video, puedes ver esta barra blanca justo aquí en la parte superior. No se puede ver esa barra blanca en Mac, pero sí en Windows. Y por ahora, no
hay solución. Desafortunadamente para los usuarios de Windows, los usuarios de
Mac van a seguir usándolo sin ningún problema. Pero para los usuarios de Windows, puedes usar algo así como photoshop ,
por ejemplo, after effects premiere o algo
así, para que puedas recortar en este video y básicamente puedes cortar esta porción stop y luego en realidad va a encajar perfectamente en su teléfono más tazas, por ejemplo. Si vas a usar más gorras a la hora de presentar este video En el siguiente video, vamos a hablar de compartir. Cuáles son tus opciones de compartir dentro de Adobe X'd y cómo puedes compartir estos diseños, que tus clientes para obtener retroalimentación y para conseguir que las revisiones vayan y para finalizar ese diseño con tu planta, así te veré ahí.
29. Comparte tu trabajo en Adobe Xd: cuando termines de diseñar y terminar de crear prototipos de tus diseños Ahora llega el momento compartir y los huevos es genial para eso porque ha diseñado prototipo y comparte todo dentro uno arriba. Todo lo que tienes que hacer es justo lo que apuñala. Ahora, sólo imagínense que hemos terminado este prototipado. Incluimos todos los diferentes efectos que deseas y queremos presentar esto diseñado a nuestro cliente. ¿ Cómo podemos hacer eso? Todo lo que tienen que hacer es simplemente dar click aquí mismo. Pero dice compartir y tienes pocas opciones aquí mismo. Entonces justo aquí en la parte superior. El enlace va a aparecer aquí cuando lo creas para que puedas cambiar el título de este proyecto . Entonces llamémoslo, por ejemplo, alimentar solo para que podamos mantenerlo consistente con el nombre fuera. Este nuestro puerto se puede ver configuración. Entonces, ¿dónde por qué quieres compartir esto con tu cliente? Si deseas obtener retroalimentación sobre tu diseño o prototipo, vas a usar este. Si quieres enviar este diseño a tus desarrolladores, entonces vas a usar este para el desarrollo el cual va a compartir la especificaciones de diseño y los desarrolladores van a poder ver diferentes colores, posiciones, márgenes, camas,
tamaños, tamaños, fondos
fuera, cómo se ven los diferentes iconos como imágenes y así sucesivamente. Contamos con presentaciones tan optimizadas para presentar tu diseño. Si quieres usar esto en un entorno,
por ejemplo, por ejemplo, en ambiente de oficina, si estás presentando esto a tus clientes en persona pruebas de usuario por lo que elimina todas las diferentes barreras. Por lo que los usuarios básicamente tienen que averiguar todo por sí mismos cómo pueden ser un uso este prototipo en tiempo real. Entonces, si estás recopilando datos de usuario y estás haciendo pruebas de usuario, eso es en lo que deberías estar centrándote aquí mismo. Y por último, tenemos la costumbre para que puedas personalizar lo que aparezca en la pantalla cuando alguien más esté viendo este prototipo. O cuando estás compartiendo este producto como parte de la presentación, por ejemplo, que puedas optimizar. ¿ Tienen los controles de navegación? ¿ Tienen la sección común si quieres recibir los comentarios o no, y cosas por el estilo solo para que puedas personalizarla tanto como sea posible y para que se ajuste a tus requerimientos? Entonces para nuestro caso, solo
usemos la revisión de diseño, y puedes requerir pasaporte. Si quieres que los clientes se abran del dedo del pie. Esto usando un posible se puede hacer clic requerir posible, y luego se puede escribir su contraseña aquí mismo. Por último, puedes hacer clic en crear link, y esto se va a cargar el dedo del pie al 100% y dependiendo de qué tan grande o pequeño sea el proyecto, cuántas diferentes nuestras embarcaciones tengas. Y por último, cuántas imágenes te aquí Porque las imágenes son gran contribuyente. Eso es lo que va a tardar. Entonces lo que puedes hacer aquí mismo es simplemente hacer clic aquí, copiar enlace, y simplemente voy a pegar este enlace usando mi navegador Google Chrome. Y así es como se ve eso así simplemente puedo hacer clic aquí, y me va a mostrar ese efecto. Puedo hacer clic aquí para volver atrás, y eso es básicamente si te imaginas lo que vas a enviar a tu cliente aquí, puedes volver a la pantalla de inicio y esta es nuestra pantalla de inicio. Esta es una segunda pantalla, así que incluso salta aquí mismo. Se puede ver que se remonta a la pantalla de inicio y si se imagina que tenemos, como 50 diferentes nuestros puertos aquí mismo. Mostrará el número 50 justo aquí, y los clientes pueden desplazarse entre cada uno nuestro tablero aquí mismo usando esos comandos. Por último, si alguien quiere dejarte retroalimentación, puede hacerlo. Entonces al crear una cuenta de adobe gratis y luego simplemente colocando este sido toe aquí, por ejemplo, y tal vez quiero decir, hacer esta imagen más grande, así, y simplemente puedo hacer clic en enviar. Puedes usar esto a personaje si quieres mencionar a un usuario, lo cual es una gran adición. Entonces, por ejemplo, si estás trabajando como parte del equipo, tal vez quieras mencionar algún diseñador que diseñó esta parte del diseño. Simplemente puedes mencionarlos aquí mismo. Recibirán una notificación. Les va a hacer ping, y luego pueden saltar hacia atrás y ver por sí mismos, que es la retroalimentación para ellos. Pero si cambio aquí mismo entre las pantallas, ya no se
puede ver la retroalimentación porque la retroalimentación está en otra pantalla y se puede ver que está en los pies. Uno. Esta es esta alimentar una pantalla, pero la pantalla de pies es la pantalla, que contiene esta retroalimentación. Entonces, por ejemplo, simplemente
puedes saltar hacia atrás. Haga clic aquí y se lo llevará de vuelta a esta pantalla, y simplemente puede hacer clic. Simplemente imagínate sus 50 comentarios diferentes en esta pantalla de tu cliente. Simplemente puedes hacer clic en Want number dos. Te llevará a su número uno número tres y así sucesivamente y así sucesivamente, y cada comentario va a ser marcado con este número. Cuando termines con los cambios, puedes resolver de forma sencilla y rápida, y se eliminará ese comentario. Y simplemente puedes seguir adelante con tu proceso de diseño y condonas simplemente compartir
otro con tu cliente cuando lo hayas terminado, y luego te pueden proporcionar una nueva retroalimentación. Y luego se puede más uno hasta que el barco llegue al acuerdo de que el proceso de diseño haya terminado. Entonces así de fácil es compartir usando Adobe X'd si quieres realizar algún
cambio adicional . Entonces vamos a saltar de pie nuestro diseño. Y si hago clic aquí mismo en mi imagen, y tal vez pueda bajar la ciudad apace apenas un poco, puedo saltar de nuevo a compartir y Aikens golpeó enlace de actualización porque hice ese cambio y
quiero actualizar mi enlace. Y una vez que termine justo aquí en 100% simplemente puedo pulsar Copiar Enlace o puedo dar clic en este enlace y lo abrirá en una nueva pestaña de mi navegador. Como se puede ver, se está cargando y una vez terminado, una vez que termina de cargar, se
puede ver que la ciudad Obey se baja en esta imagen. Por lo que cuando hago clic en él, se
puede ver que este cambio la pantalla no ha cambiado. Pero cuando salto atrás, la pantalla tiene y se actualiza como así te recomiendo que hagas esto solo así. Por ejemplo, tienes 20 pantallas diferentes, haces esos 20 cambios y luego pulsa enlace de actualización. De lo contrario, tendrás que ir pantalla por pantalla y actualizar, actualizar, actualizar cada vez. Tienes que hacer eso antes de enviárselo a tu cliente. En el siguiente video, vamos a explorar cómo puedes trabajar con diferentes tipos de archivos en Adobe X'd. ¿ Cuáles son los beneficios? ¿ Cuáles son los inconvenientes y cómo puedes mejorar tu trabajo a plena y velocidad mientras usas otros tipos de
archivos? Entonces te veré allí
30. Trabajar con archivos básicos de Adobe Xd: cuando estás trabajando con archivos en Adobe X'd, hay algunas cosas que debes saber. Puede trabajar con archivos internos, lo que significa archivos que creó usted mismo dentro de Adobe X'd. O bien puedes importar un archivo externo realizado ya sea con Adobe X'd o algún otro software. Con cada actualización, extinta se pone mejor y mejor con la apertura en tratar con archivos hija. Pero los archivos más comunes que puede abrir en Adobe X'd apart para Native Files son para Shop Illustrator Sketch y SPG files. Exit también puede manejar la importación de imágenes en J, Peg y PNG, además de abrir la mayoría de los PDF en esta sección del curso. Te explicaré cómo puedes usar archivos externos así como recurso está en Adobe X'd. Las diferencias más comunes entre estas extensiones de archivo y qué problemas y soluciones que podría esperar dentro de fuera será de 60. Entonces empecemos
31. Curso de Adobe Xd: cuando estás trabajando con ex defiles dentro de Adobe X'd solo hay una cosa que debes saber y es. Trata de mantener tu X'd actualizado tanto como puedas. Entonces, por ejemplo, si estás trabajando en X'd de vez en cuando y vuelves a ello, asegúrate de actualizar primero para obtener las últimas características. Entonces, por ejemplo, viste este video o algún otro video y viste un futuro que te podría gustar y saltas de vuelta a X t y ves que no tienes esa característica. Tan solo asegúrate de actualizarlo, sobre todo si estás descargando y usando Resource es de la web. Entonces o ustedes chicos blancos o algunos mis pactos o algo así, porque los huevos se actualizan con tanta frecuencia en este momento, y por el momento están lanzando en actualización cada mes. A veces esas actualizaciones no son tan enormes. A veces lo son. Así que solo asegúrate de que si estás usando, recurso es o estás trabajando con el cliente y el cliente te envió la X profanada que alguien más ha creado e intentas abrirlo. Ves que algo no está bien. Tan solo asegúrate de actualizarlo. La última versión, sobre todo con enormes actualizaciones como esta última fue y la agregada de componentes y
componentes anidados . Entonces solo imagina que estás abriendo los archivos. No sabes lo que está pasando, y a veces X'd evitará que abras el archivo en primer lugar porque detectó que fue creado en una versión más reciente y estás usando una versión más antigua fuera del software, así que eso es todo lo que necesitas saber. Básicamente, solo asegúrate de actualizar los huevos cada vez que vuelvas a él y solo asegúrate que estás en la última versión, sobre todo si estás haciendo, por ejemplo, colaboración. Porque si estás en la última versión y la persona con la que estás colaborando no lo es, entonces la colaboración no funcionará correctamente. Solo asegúrate de seguir esas pautas, y estarás bien con usar Eggs D y sus archivos nativos
32. Curso básico de Adobe Xd: cuando estás trabajando con cuatro archivos de tienda en Adobe X'd. Hay algunas cosas que debes saber porque para tienda está diseñado principalmente para ser una herramienta de
edición de fotos , y la salida fue diseñada a partir de que quieren ser Tú eres. Elojas sus algunas diferencias clave, y la principal es que para tienda es un mapa de bits. Será y la X de es una herramienta victor, lo que significa que al acercar en la tienda de fotos, puedes ver los píxeles mientras que al acercar en X D. No
puedes, porque no es un mapa de bits lo hará Otras diferencias incluyen filtros. Entonces, por ejemplo, si estás aplicando ah, filtros de texto
pesados, no
deben transparente bien a X'd mientras están trabajando en cuatro tienda, como deberían. También, alguna mezquita podría no funcionar en huevos D, ya que están en tienda. Porque el éxtasis está usando diferentes mezquitas. Es posible que los objetos inteligentes no se transfieran bien a los huevos D, como lo hacen en cuatro tienda. Entonces aquí está el primer ejemplo. Tengo esto de uno de mis chicos U Y y tengo este encabezados de llamada de página y es un archivo
Photoshopped, y se puede ver que este moke up se ha colocado dentro del objeto Smart, y se puede ver que está sobresaliendo aquí mismo. Entonces para solucionar este problema, podría querer saltar dentro de control de golpe en D. Pon esto justo encima de mi teléfono, y va a cubrir el teléfono. Voy a golpear el control y luego seleccionar estas herramientas. Por lo que BG y teléfono haga clic derecho y elija mezquita con forma. Y ahora se puede ver que se encuentra dentro de esa mezquita en abolladura separada de la multitud . Aquí he sido mezquita, y voy a arreglar este tema. Pero esto es lo que estaba diciendo. Algunas cosas podrían no transferir tan bien a X'd de cuatro tiros, porque, como decían, cuatro tienda es simplemente un software mucho más antiguo. Tiene unos 30 años, mientras que X'd acaba de empezar hace unos años, y naturalmente simplemente no tiene las mismas características que para la tienda tiene, porque no hace lo mismo que cuatro tienda. Algunas cosas fueron transferidas recientemente de cuatro Tienda dos x D. Así que estos modos de mezcla, si alguna vez usas para tienda, estás familiarizado con ellos, por lo que puedes usar estos modos de mezcla como lo haces en cuatro tienda justo aquí en X'd. Pero faltan algunas características, como filtros de soplador y parches para que puedas arreglar tus imágenes. Por lo que todas esas cosas siguen dentro de la tienda de cuatro, pero simplemente no se trasladarán tan bien. ¿ Por qué son Photoshopped archivo si los abres usando Adobe X'd, puedes abrir huevos los archivos en photoshop solo para que puedas arreglar algunas de esas imágenes, incluso golpear guardar. Y saltará de nuevo a Adobe X'd con esa edición guardada aplicada. Pero está horneado en. Ya no puedes cambiarlo. Tienes que abrir el archivo una vez más en cuatro tienda, por lo tanto editarlo una vez más y por lo tanto guardar y volver a Adobe XY
para poder utilizarlo de nuevo en X T para poder abrir para mostrar archivos. Pero son solo limitaciones tan importantes y hay que estar al tanto de eso. Y en el siguiente video, vamos a hablar de archivos ilustradores. Entonces te veré allí
33. Curso de Adobe Xd: mismo es con los cuatro archivos de tienda que puedes abrir ilustrar archivos en Adobe X'd. Pero sólo asegúrate de que entiendas que aquí también hay algunas limitaciones. Misma historia es con la fototeca Illustrator lleva más tiempo en el mercado, y en ese tiempo han ocurrido algunas actualizaciones importantes. Toe Illustrator, Ill servido sólo tiene que hacer mucho más y que ofrecer, y tiene tantas herramientas que ofrecen los dedos del pie a los creadores. Por lo tanto, Exit simplemente no puede mantenerse al día con algunos efectos importantes como, por ejemplo, algunas sombras avanzadas. Algunos desenfocan el fondo avanzado. A lo mejor algún control de línea no será tan bueno en los huevos D como lo es en Illustrator, sólo porque Adobe Illustrator se entiende como una herramienta de ilustración desde el primer día y
los huevos de Adobe está destinado para la U.
Y. Y. Y tú extol de el primer día. De lo contrario, todo debería funcionar como normal y puedes agregarle texto. Puedes editar imágenes aquí mismo. Tengo mis huesos IOS kit de marco de alambre producto, y si hago doble clic aquí mismo, puede ver que se abre todo. Puedes cambiar colores para que puedas cambiar de color aquí mismo. por ejemplo, puede hacer doble clic en el texto para cambiarse a sí mismo. Por ejemplo, escribiendo aquí. Tal vez intra Grecia como así. Y cuando salto, puedes ver que puedes cambiar la carpeta. Entonces, por ejemplo, puede ser una foto contribuyente. Se puede ver que cambia ese frente y se puede cambiar todo lo que se ve aquí mismo. Entonces, por ejemplo, podría querer cambiar el color de esta imagen. A lo mejor puedo cambiarlo a algo como este Rojo, Por ejemplo. En algo así, puedes crear diferentes componentes usando los componentes que ves aquí mismo Así que
realmente puedes jugar con este archivo ilustrador. Realmente puede ser extremadamente útil para ti, y puedes usarlo a diario en tus proyectos. Pero solo asegúrate de entender que si la persona de la que estás usando este archivo ha aplicado algunos filtros avanzados y algunas características avanzadas que X'd no soporta, entonces solo asegúrate de que ya sea soluciona esos problemas y creas ese mismo look de Adobe X'd o simplemente usa la versión más simplificada fuera de ese efecto para lograr lo
mismo dentro de Adobe X'd
34. Curso de los conceptos básicos de Adobe Xd: exit es genial porque puede abrir fácilmente los archivos de boceto y son totalmente utilizables y
puedes utilizarlos a diario. Y Adobe Steam está trabajando duro para traer características aún más avanzadas cuando usas
archivos de boceto dentro de Adobe X'd para que puedas ver aquí mismo que estoy usando este archivo de InVision llamado Atlas Dark y puedes Donald y usarlo si quieres. Ahí es gratis y justo aquí tenemos las versiones móviles, las versiones tablet. Tenemos versiones Web justo aquí. Y finalmente te tenemos a ti. Por qué colores y componentes maestros. Y esto es lo que realmente importa porque todos estos componentes fueron transferidos desde el archivo de boceto original. Y si alguna vez usaste sketch, tienes que crear básicamente las páginas separadas para tus componentes. Por lo que básicamente una página será para el diseño. Una página será para este móvil diseñado una para la Web, otra para las tabletas y así sucesivamente. Y la otra página será para los componentes, por ejemplo, mientras que en Adobe X'd las cosas son un poco diferentes, por lo que todos tus componentes están ubicados justo aquí para que puedas ver que tenemos estos switchers y pequeños botones y así sucesivamente, y saludo sobre X'd es que se puede ver que se encuentra en dos lugares. Por lo que tiene dos instancias y puedo hacer clic derecho editar componente maestro. Y va a crear ese componente maestro para mí, y luego puedo simplemente editarlo y luego hacer esos cambios. Entonces si acerco aquí mismo, se
puede ver que tenemos esta pantalla de bienvenida, por ejemplo, y estos Mobil y demás. Por lo que cuando hago clic aquí, puedo mantener presionada mi tecla de control y hacer clic a la derecha a la vista. Esto y ya ves que tenemos este Grady int puedo saltar por dentro aquí mismo y dar click en los colores, y va a salvar a ese radiante. Entonces si hago clic derecho aquí, haga clic en editar, y simplemente puedo hacer cambios a este Grady int y se va dedo del pie aplicar. Como se puede ver, donde sea que tengamos ese mismo radiante aquí mismo va de pie. Aplica esos mismos cambios, modo que como puedes ver, puedes usar pruebas de susto dentro de Adobe 60. Pero solo asegúrate de que estés consciente de las limitaciones que brotan porque adobe y sketch son empresas completamente diferentes, filosofías
completamente diferentes. Y lo más importante de todos son los bocetos Mac Onley. Si bien exit funciona tanto en PC como en Mac y una cosa final solo quiero mencionar no puedes exportar archivos de boceto desde Adobe X'd mientras puedes importarlos. No se pueden exportar porque Adobe quiere que sigas usando su producto. Entonces básicamente puedes abrir archivos de boceto y van a seguir trabajando duro en
una integración aún mejor. Y te van a permitir abrir esos archivos de captura en muchos más detalles. Y van a guardar,
por ejemplo, por ejemplo, estos componentes y estilos de caracteres y así sucesivamente. Pero lo principal e importante aquí es que no puedes exportarlos de vuelta a archivos de boceto. Entonces, por ejemplo, si alguien te envió archivos de boceto para trabajar con ellos dentro de Adobe X'd, puedes. Pero no se los puede enviar. Eso es archivo catch back. Todo lo que puedes hacer es básicamente exportar SPG, o bien guardarlo como un archivo nativo de X'd y luego enviarles que
35. Uso gratuito de fuentes básicas de Adobe Xd: cuando apenas estás empezando en tu carrera de diseño, es importante ahorrar tanto dinero como sea posible porque con el tiempo obtendrás dedo del pie tener ese apio y que las ganancias que te van a permitir comprar recurso Premium es así que ya sea imágenes premium, fuentes
premium, iconos
premium, más tazas y así sucesivamente. Pero cuando acabas de empezar, es importante que puedas encontrar gratis Resource es solo para que puedas practicar y que puedas aprender un poco mejor sobre cómo los pros están haciendo algunas cosas ciertas. Entonces en esta siguiente sección del curso, te
voy a mostrar algún recurso es donde vas a conseguir fondos gratis. Imágenes gratis, iconos
gratis, más tazas en alguien. Entonces en este video, vamos a hablar de fuentes gratuitas, que puedes usar tanto para proyectos personales como comerciales. Entonces el primer recurso son los fondos de Google, y es uno de descuento. El recurso más utilizado está en la Web porque estos son Web optimizados en fondos basados, lo que significa que puedes utilizarlos tanto para trabajos de impresión como de diseño Web, y funcionará correctamente porque sus probados y probados desde el goof en vapor. Entonces, cómo puedes usar estos fondos es que simplemente puedes escribir algo aquí mismo. Puedes buscar fondos si sabes cuál quieres descargar. Por lo que tengo en mente este frente llamado Playfair Display. Aquí está. Y simplemente puedes hacer clic aquí y disputas este frente y puedes escribir aquí algo para que puedas escribir en pantalla Playfair solo para que puedas ver lo diferente que se ve Puedes aumentar el tamaño del teléfono justo aquí solo para que puedas ver cómo se ve. Por ejemplo, en la pantalla más pequeña en la pantalla más grande, justo aquí y todo el camino hacia abajo. Entonces si tienes una frase en mente y quieres probarla al mar, por ejemplo cómo se verá en la pantalla más pequeña del dispositivo móvil, puedes verla por ti mismo aquí mismo. Debajo de eso, tenemos los emparejamientos para que puedas ver con qué otros teléfonos se libra este frente. Bueno, de las fuentes de Google apagadas, obviamente. Para que puedas instalar estos dos fondos y puedes usarlos para que puedas ver aquí mismo. Esta es la obra de teatro para exhibición. Se usa en el título y Roboto se usa aquí mismo para este párrafo para que puedas ver cómo se ve
eso y puedes cambiarlos aquí mismo. Por lo que ahora se puede ver que el Roboto es el del título y la obra para exhibición
es la utilizada para el párrafo y se compara algunos de estos aquí mismo también y se puede ver el uso. Entonces, ¿qué países están usando este teléfono a la mayoría? Puedes desplazarte por el camino hacia abajo para ver cuántas veces este Fontes años más información para que puedas leer más sobre la licencia si quieres sobre el fondo. Entonces, ¿quién diseñó el frente y demás? Aquí puedes ver algunos personajes especiales los cuales se incluyen dentro de los fondos y cómo se ve el
glitch. que puedas, por ejemplo, si estás diseñando para tus clientes que están en algún lugar fuera. Entonces, por ejemplo, Rusia o mi país Serbia, o algo así, puedes tener este frente serialmente y podrías ver cómo se ve si quieres usar eso para esos proyectos. Por último, cuando quieras descargar el frente cualquier frente de los fondos de Google, simplemente
puedes hacer clic en seleccionar este frente y lo agregará justo aquí y dijo una familia seleccionada Y von family. Bueno, porque tienes algunos grandes estilos y pesos fuera de este frente incluido dentro. lo que tienes, por ejemplo, noche
regular Alec negrita, semi audaz y así sucesivamente. Entonces, dependiendo del frente, tendrás más, todo menos de estas opciones cuando descargues un fondo en particular para que puedas ver aquí mismo. Si quieres usarlo para la Web recta donde puedes incrustarlo usando este código, por ejemplo, puedes especificarlo en Ver evaluar, que
puedas ver aquí mismo cómo deberían quedar los tribunales. Y puedes usar esta guía de inicio para ver ejemplos de cómo los teléfonos se pueden agregar las páginas web. Si estás diseñando para la Web y comienzas a cotizar y quieres usar este, por ejemplo, puedes utilizar esta guía para conocer más sobre cómo puedes implementar este fondo en particular en tu página web. Incluso puedes seguir adelante y personalizarlo aún más para que puedas ver cuántos fuera estos caminos están justo aquí. Para que puedas seleccionarlos todos. Por ejemplo, si quieres dedo del pie, descárgalos todos los puedes ver en idiomas. Entonces qué idiomas se soportan y se puede ver qué tipos fuera de texto, que es de lo que estaba hablando del cirílico se soportan aquí mismo para que pueda seleccionarlos todos o incluso simplemente desmarcarlos todos. Y, por ejemplo, solo quiero usar un regular, y simplemente puedes llorar aquí para descargar este frente. Incluso puedes usar iPhones sky, que es una especie de extensión, y puedes usar esa extensión para instalar y utilizar más fácilmente en tu máquina los fondos de la
Biblioteca de Fuentes de Google Fonts . Lo siguiente es que simplemente puedes instalar este frente como lo haces regularmente en tu máquina y estarás listo para salir. Aparecerá en Adobe X'd, tal como lo hace en todo el otro software. Y un recurso más que quiero mencionar es crear mercado por lo que venden Premium Resource es , y puedes dar click aquí mismo. Pero dice obtener mercancías gratis, y cada semana están enviando seis mercancías gratis, así que a veces están incluyendo algunos fondos interesantes aquí mismo. Simplemente puedes compartir estos y abajo si quieres desbloquearlos. Y todos estos son diferentes cada semana. Entonces, por ejemplo, no
tenemos ningún fondo incluido. Pero espera otra semana y tal vez puedas conseguir descargar el frente gratuito. Todo lo que tienes que hacer aquí mismo es crear una cuenta gratuita. Puedes usar tu Facebook, puedes usar tu correo electrónico, solo tienes que crear una cuenta gratuita y simplemente después puedes descargar y usar todos estos. Recurso está dentro de ella obedece al si eso es algo que quieres. Por último, tenemos fondos de adobe y puedes usar estos teléfonos aquí mismo y puedes navegar por todos ellos. Pero diferencia entre los teléfonos de Google y los teléfonos móviles es que las novias son todas gratis mientras con las fuentes de adobe, tienes algunas que son gratuitas, y tienes otras que son premium para que puedas explorar un poco más y tienes toe select cuál de estos teléfonos que desea utilizar. Se pueden ver estos packs, por ejemplo, y se puede ver aquí mismo cómo funciona. Tienes que navegar por los fondos que tienes remolque, activarlos para que simplemente puedas usar el toggle cuando quieras empezar a usar un frente o un grupo de fondos. Entonces si recuerdas de la instalación fuera de los huevos el video te dije que tienes que
crear una cuenta de adobe gratis para que descargues X'd e lo instales en tu máquina . Después puedes usar ese dedo de la cuenta gratuita, activar estos fondos y no pudiste simplemente usarlos en tu adobe X'd. Podrás ver algunos de ellos y cómo se ven, y puedes navegar por todos ellos aquí mismo, y simplemente puedes hacer clic en los fondos y te llevará a la lista de fuentes. Y puedes simplemente familia real y luego simplemente activar los que quieres usar en tu máquina. Pero solo un Si vas a empezar y no tienes el paquete premium adobe, puedes usar teléfonos gratuitos aquí mismo para que puedas dar click aquí con nombre y más nuevos. Puedes arreglarlo como para que puedas elegir una muestra. Entonces, ¿qué texto quieres? Cerveza de dedo aquí mismo para que puedas ver cómo se ve eso como si las pudieras resolver y así sucesivamente y así sucesivamente. Entonces Eso es básicamente todo por la diversión. Vea el siguiente video. Te vamos a hablar de imágenes gratuitas, por qué son importantes, y sobre todo dónde las puedes encontrar en la Web para que las puedas utilizar en tus proyectos, así que te veré ahí.
36. Uso de imágenes gratuitas Adobe Xd: Sea lo que sea que estés diseñando, necesitas imágenes para representar lo que estás tratando de retratar en tus diseños, y sobre todo si el estado presupuestario del cliente. Y si apenas estás empezando, quieres usar imágenes gratuitas tanto como sea posible, pero no quieres usar ninguna imagen gratis. Se desea utilizar imágenes de alta calidad, las cuales se crean con un propósito, y se verán bien en sus diseños. Y, más importante de todo, van a representar lo que intentas mostrar en tu diseño mejor que esas acciones
gratuitas que encuentras en Google. Y ni siquiera sabes si la licencia lo está cubriendo. Si no tienen la licencia es alguien te va a demandar más tarde y así sucesivamente. En este video, te
voy a mostrar algunos recursos diferentes es o imágenes libres que puedes usar en tus diseños. Todos son de muy alta calidad, y de verdad te recomiendo que los uses porque hará que tus diseños se vean más pulidos y más profesionales cuando uses estas imágenes gratuitas. Entonces para empezar, tal vez el recurso más conocido está en splash dot com. Ahora todas estas imágenes son gratuitas para que las utilices tanto en trabajos personales como comerciales. Puedes volver a licenciar al fotógrafo si quieres, pero eso es algo que es una opción para ti, no un requisito. Puedes leer más sobre sus licencias, pero básicamente puedes usarlas de forma gratuita sin ningún reconocimiento al
fotógrafo original , y puedes utilizarlas tanto en trabajos personales como comerciales. Entonces si te desplazas hacia abajo, puedes ver cómo se ven, por lo que son realmente de alta calidad. Puedes ordenarlos por categorías, e incluso puedes escribir aquí mismo. Entonces si tomé auto, por ejemplo, me
va a mostrar varios autos diferentes y estas etiquetas extendidas justo aquí. Por lo que para los cerebros off cars, si quieres descargar alguna de estas imágenes de un chapoteo, simplemente
puedes hacer clic aquí y puedes recogerlo y puedes agregarla a tu
colección,lo colección, cual es realmente importante, especialmente si estás enviando estas imágenes. Toe no lo hizo los desarrolladores, así que puedes crear tu cuenta gratuita aquí mismo en un chapoteo, y puedes recolectar estas imágenes, agregarlas a tus colecciones y luego simplemente cuando termines con ellas, puedes enviar el enlace a la colección a los desarrolladores, y pueden usarlos en alta resolución si eso es algo que quieren, o simplemente puedes navegar de nuevo a la colección Donald, todas estas imágenes en el mayor tamaño posible, y luego enviar ese archivo ZIP volver a los desarrolladores si eso es algo que requerían. Si quieres descargar estas imágenes, puedes hacerlo desde aquí. Entonces si estás usando Google desde como yo, simplemente
puedes hacer clic derecho copiar imagen y luego deshilacharla directamente en tu ex D. O simplemente puedes descargar gratis aquí mismo, y te mostrará este prompt en la parte inferior por lo que crear no es requerido, pero es apreciado y permite a los fotógrafos ganar exposición. Puedes copiar el texto que aparece a continuación o incrustar una insignia de crédito en tu página web. Entonces de nuevo, simplemente presiona copy aquí mismo, y se copiará este texto y podrás enviarlo de vuelta a tu cliente. Y si
quieren, pueden mostrarlo en su página web o si estás usando esto para tu bloque, por ejemplo, es bonito si quieres acreditarlo, pero como dije no es necesario, pero es solo una buena voluntad si eso es algo que quieres dio. Siguiente recurso es recoge un bebé, por lo que básicamente es lo mismo que en Splash. Pero en picos obedecen. Tienes que crear una cuenta para poder descargar imágenes. Puedes descargarlos desde aquí. Entonces, por ejemplo, si hago clic en esta imagen, simplemente
puedo copiar la imagen. Pero se descargará en tamaño realmente pequeño. Si quieres dedo del pie, consigue el tamaño más grande posible para esta imagen en particular , por ejemplo, , por ejemplo,
tienes que iniciar sesión y tienes que registrarte. Perdón por la cuenta gratuita, y luego podrás descargarla en el mayor tamaño posible. También puedes crear colecciones aquí mismo pueden gustarte las imágenes. Puedes seguir a la gente si te gustan sus imágenes, y cada vez que suban, obtendrás una notificación y tú condensando el salto hacia atrás y explorando sus imágenes. Incluso puedes dejar comentarios aquí mismo si quieres. Y todos estos sitios web están ganando dinero. Se puede ver que el correo Chimp está patrocinando la ONU Splish y Adobe stock está patrocinando picks obedecen o esto es simplemente un enlace de afiliado de su lado, y cuando haga clic aquí, obtendrán la comisión. Entonces así es como estos sitios web están ganando dinero. Pero las imágenes son gratuitas, y simplemente puedes subir tus propias imágenes si quieres compartirlas con el mundo. Y así es como nacen estas comunidades fotográficas en estos sitios web. A continuación tenemos píxeles, que es básicamente lo mismo habla Obey y Becks. El ALS es un poco diferente porque están recopilando imágenes de diferentes sitios web y de los
suyos propios . Entonces si me desplaza un poco hacia abajo, se
puede ver que estos son los usuarios que subieron estas imágenes por el primer desplazamiento aún más hacia abajo. Vamos a encontrar algunos,
como pueden ver, como pueden ver, cuales son subidos por estas otras marcas para que puedas ver imágenes desde un chapoteo justo aquí o desde picks obedecen, sobre todo videos, porque a veces ellos subir estos videos realmente bonitos, y puedes usarlos en tu trabajo, obviamente, de forma gratuita. Pero en esos videos se puede ver que son subidos por, por ejemplo, picks obedecen o un chapoteo, o algunos de estos otros sitios web, y lo están intentando. Al hacer eso, están intentando que el dedo del pie te atraigan como visitante, por ejemplo, vuelta a las fotos, abate o dedo del pie atrás en Splash. Por lo que todos estos diferentes sitios web están compartiendo el tráfico entre sí. Siguiente recurso se estalla que Shopify dot com y ese nombre realmente debería traer una campana porque Shopify es esta plataforma online donde puedes comprar un sitio web similar Toe War wordpress si tienes un negocio y puedes configurar ese negocio. Entonces, por ejemplo, si estás vendiendo algo en línea, puedes ir a Shopify y por el sitio web básicamente, y puedes crearlo y reorganizarlo para que se ajuste a tus necesidades, y puedes agregar tantos funcionalidades a la misma como quieras. Básicamente, les
estás pagando una vez al mes o una vez al año, y puedes vender y tener tu propio negocio de cablear tu propio sitio web usando Shopify. Pero tienen esta explosión de colección de imágenes de Shopify dot com, y están orientadas más hacia pequeñas empresas y emprendedores. Entonces, por ejemplo, si quieres usar algunas de estas imágenes en tu negocio, puedes ver Así que si estás dirigiendo negocios de cafeterías, por ejemplo, puedes hacer click en esta colección y puedes usar algunas de estas imágenes allí realmente de alta calidad, y se puede ver que hay mucha gente en estas imágenes porque eso traerá un sitio
humano a tu negocio en lugar de solo usar tazas y tazas y simplemente de pie café como esto. Puedes ver eso, Por ejemplo, si vendes joyas en línea, puedes hacer clic aquí mismo, y puedes ver cómo se ven todas estas imágenes, e incluso te están dando algunos consejos y trucos. Entonces esto no es solo un sitio web para compartir imágenes, sino que están tratando de ayudarte a mover tu negocio, y al hacerlo fuera de curso, quieren venderte Shopify. Pero son realmente útiles en esos pasos. Y realmente puedes aplicar algunos de esos pasos, sobre todo si estás tomando tus propias fotos para tu propio negocio. Para que puedas ver cómo se ven algunas de estas fotos en línea, y puedes ver algunos consejos y trucos más adelante. Y por último, quiero mostrarles este recurso, que es el punto de las acciones que soy, y este recurso es realmente enorme porque se puede ver justo aquí todo el, uh, prima así como recurso libre es a la izquierda, y cualquiera de estos Se pulsa. Te llevará a esa página web y acabamos de ver reventada por Shopify y cuando haga clic justo aquí, lo abrirá en una nueva pestaña. Entonces te está dando todos estos recursos diferentes es de los que hablamos sobre salpicado. Al hacer clic aquí mismo, te llevará a un chapoteo y podrás explorar algunos de estos directamente a través de este sitio web para que puedas ver este sitio web que puedas sin salir de las existencias. Pensaba que lo soy. Se puede descargar en estas imágenes y videos. Por último, se
puede ver aquí mismo que seleccionamos fotos. Puedes seleccionar colores y se cargará sobre tabla para que puedas seleccionar algunos colores diferentes . Se pueden ver algunos iconos, pero su ley cargando el stock del obturador. Entonces eso no es gratis. Tienes que pagarlo. Si haces clic en videos se va a cargar elementos de movimiento. Y si quieres usar estos mark ups, puedes ver que puedes usarlos también y su carga lobo intacto para que puedas ver algunos
emparejamientos divertidos . Y así es realmente un buen recurso. Si quieres utilizar las imágenes gratuitas y puedes encontrar colores gratis, teléfonos
gratuitos, iconos
gratuitos y así sucesivamente. Todos esperando este sitio web para que no tengas que navegar por todos ellos. Pero si quieres a nuestro si te gusta cierto estilo de uno de estos sitios web. Entonces, por ejemplo, te gusta este y splash estilo de imágenes que puedes usar solo en splash si quieres. En el siguiente video, vamos a hablar de iconos y dónde puedes obtener iconos gratis, así que te veré allí.
37. Uso de íconos básicos gratuitos: Considero realmente importante en tu trabajo de diseño, sobre todo si estás trabajando para la Web o, por el momento, ABS, porque qué iconos puedes representar más que solo con el texto básico. Y es por eso que los diseñadores los están usando cada vez más en los últimos años. Entonces para conseguir estos íconos gratis, puedes ir al material que debo, que es el propio Googles. Tan mismo, como los fondos ghoul en el video anterior. Tienen este material design dot io, que es Son básicamente material design style off design off sus APS y off su sistema operativo
android. Para que puedas descargar y utilizar estos iconos de forma gratuita. Y puedes utilizarlos tanto para uso personal como comercial porque son de código abierto, como puedes ver aquí mismo. Simplemente no intentes venderlos porque no quieres que Google lo haga, así que piensas que eso es realmente lo último que quieres hacer. Entonces, básicamente, ¿cómo puedes usarlos? Simplemente puedes hacer clic en cualquiera de estos iconos, y puedes descargarlo. Puedes ordenarlos por campo, delineados a su alrededor para tonificar
y agudos, y puedes usar cualquiera de ellos Así, por ejemplo, esta llena simplemente podría hacer clic, y me mostrará aquí mismo. Puedo ah, cargarla como SVG y puedo ampliar este dedo del pie, aprender más y puedo incluir ser blanco o Toby negro. Puedes cambiar esto como quieras. Puedes seleccionarlo para IOS o android o utilizar estas funciones DP y puedes ver esto como un fondo de
iconos cómo puedes usarlo en tu abrigo y puedes elegir si quieres donarlo como SVG o como PNG son más bajos, se recomienda. descargas y las usas como SVG es porque SPG es formato de archivo elector, mientras que PNG va a perder calidad cuando subiste a la Web o si lo usas en tu trabajo de diseño
móvil. Entonces básicamente se puede dolar que como SPG, no
va a perder calidad, y se puede escalar hacia arriba o hacia abajo tanto como se desee. Y hasta puedes ir adentro y debilitar un poco este ícono para que puedas ver estas flechas. Por ejemplo, si no quieres esas flechas por el motivo que sea, puedes eliminarlas y solo te quedarás con este texto de tres D. siguiente recurso son los iconos de caja, y se puede ver que básicamente es lo mismo. Se puede hacer clic en uno de estos iconos se puede muñeca adeudar como un PNG se puede utilizar en cita HTML , y se puede dollard SPG una vez más en la recomendada Úselos como un SPG, y se puede ver como un componente porque se crean los iconos de la caja para utilizar para la Web y se pueden
descargar estos iconos por separado. Podrás descargar esta versión y la tendrás como fondo de armas, y luego podrás usarla como arma con todos estos íconos incluidos dentro. Pero como siempre, no lo
recomendaré, sobre todo con estas grandes colecciones de iconos, porque ,
como puedes ver, ,
como puedes ver,te tomará un tiempo encontrar cuál puedo desear si no cargas. Pero aquí mismo puedes hacer clic en buscar y puedes escribir, por ejemplo, perfil. Podrás golpear, entrar o regresar, y te mostrará todos estos iconos para el perfil, y podrás usarlos desde aquí o muy éticamente llorado aquí. He sido perfil o persona y puedes ver justo aquí esos iconos. A continuación estamos de vuelta en mercado creativo y puedes hacer clic en esto obtener mercancías gratis. Igual que te mostré para los deseos. Y a veces puedes encontrar algunos iconos libres de frío aquí mismo, y puedes usarlos en tu trabajo. Y por último, hemos diseñado gratis por freebies de ti. Me comí dot net y puedes visitar este sitio web. Básicamente son lo mismo que el mercado creativo que están vendiendo El recurso Premium es para diseñadores, pero tienen esta sección de freebie que puedes ver en este momento tienen 344 freebies de diseño . Se pueden ver todos estos diferentes Ustedes me chicos, más policías y alguien. Pero porque en este video estamos hablando de iconos, puedes ver estos iconos colección aquí mismo. Por ejemplo. Puedes usar estos iconos de Halloween y puedes desplazarte hacia abajo y ver todos los diferentes iconos que tienen. El incluso tienen algunas ilustraciones y algo así sucesivamente y así sucesivamente. Por lo que puedes utilizar todos estos diferentes recursos está en tu trabajo. En el siguiente video, vamos a hablar de ilustraciones donde puedes encontrarlas y cómo puedes usarlas dentro de Adobe X'd. Entonces te veré allí
38. Trabajar con ilustraciones básicas Adobe Xd: a veces cuando quieres usar la ilustración en tu trabajo, es realmente difícil, porque si tú no eres ilustrador, es realmente difícil replicar el mismo estilo usando diferentes ilustraciones, porque las ilustraciones son muchas veces creados de manera diferente. Por lo que realmente se puede ver que el diseñador ha utilizado diferentes ilustraciones de diferentes estilos de diferentes personas, y realmente se puede traducir en diseño no profesional. Y por eso es realmente difícil crear ilustraciones cuando no eres ilustrador, el camino alrededor es pagar y profesional ilustrador que creará esas ilustraciones para ti si no sabes cómo ilustrarte. Pero si apenas estás empezando, es realmente difícil administrar el financiamiento para eso. Y cuando estás trabajando con clientes, muchas veces no tienen el presupuesto para la ilustración, lo que a menudo terminas usando imágenes o simplemente iconos. Por suerte para nosotros, Eggs D tiene este impresionante plug in. Entonces cuando haces click justo aquí al tapón en espinal, se llama andro, y cuando hago clic en él, puedes ver que es creado por esta persona. Katarina cojera. Sólo es ayuda. Eso lo pronuncié correctamente, y se puede ver que hay ilustración libre de atribución para clientes
proyectos de diseño personal en cualquier color que prefieras. Lo que eso significa es que puedes ingresar los colores de los clientes aquí mismo, y acelerará la ilustración usando esos colores, y también puedes cambiar las ilustraciones nocturnos por lo que básicamente reemplazará estos colores del blanco al básicamente casi oscuro. Entonces, ¿cómo pueden usar esas ilustraciones? Simplemente puedes hacer clic aquí, pero es una búsqueda. Y, por ejemplo, si escribo auto y centro de prensa, se
puede ver que todas las diferentes ilustraciones que tiene auto en él se mostrarán. Y, por ejemplo, si quiero usar algunas de estas ilustraciones, digamos ésta. Todo lo que tienes que hacer es simplemente hacer clic en él, y ya estará listo para pegarlo. Estas ilustraciones se crean en SPG, lo que significa que no perderán calidad cuando trabajes con ellas, y todo lo que tienes que hacer es simplemente hacer click hecho porque ya está copiado en el portapapeles y puedes basarlo en cualquier lugar aquí en tu diseño. Por lo que en un clic justo aquí y golpear control o comando V, se va del dedo del pie. Con base en esa ilustración. Dentro de mi puerto y mi click en mi puerto y saltar a las capas. Se puede ver que ya está aquí. Un inconveniente de estas frustraciones es que si las abrí, se
puede ver que todas estas son partes diferentes, y no se tiene ninguna de estas capas nombradas, lo
que hace realmente difícil trabajar con algunas veces. Pero hay que hacer lo que hay que hacer porque estas ilustraciones se crean usando el mismo estilo. Entonces te hacen trabajar. Luzca realmente profesional. Entonces lo que tienes que hacer si quieres sacar a este tipo del frente, por ejemplo, o solo quieres quitarlo todo y tener solo un auto enfocado, todo lo que tienes que hacer es que puedas en grupo. Es tan correcto. Haga clic aquí, golpee en grupo, y lo hará en grupo todas estas capas diferentes para usted, y simplemente puede saltar dentro. Haga clic en una de estas capas y podrá mantener pulsada la tecla shift y simplemente seleccionar varias capas. Y cuando seleccionaste cuantas capas quieras, simplemente
puedes hacer clic en eliminar en tu teclado
y, y, como puedes ver, va a ser tarde. Mayoría fuera de estas capas. Ahora tienes que hacer esto si quieres quitar partes de las ilustraciones. Y digamos que solo queremos quitar a este tipo de la ilustración y tienes que hacerlo un par de veces para que pueda presionar delete en tu teclado. Como pueden ver, estamos haciendo progresos realmente buenos. Pero debido a que se crean con tanta delicadeza e incluyen todas estas sombras diferentes, a
veces hay que pasar por un par de veces para poder borrar algunas de ellas. Ahora con estos elementos, que se ubican fuera de las ilustraciones. Entonces, por ejemplo, todas estas flores en la parte inferior, simplemente
puedes seleccionarlas así, usando tu izquierda, mayoría click y simplemente puedes golpearlas, eliminarlas y eliminarlas de la escena. Pero si viste demasiado como puedes ver en este caso, solo
quiero seleccionar la roca hasta aquí. Pero cuando me moví ligeramente hacia arriba, va a seleccionar también la carretera,
así que tienes que hacer estas dos técnicas, así que tienes que usar tu llave de turno para la mayoría de ellas. Y si se encuentran fuera de la agrupación simplemente puedes seleccionarlos usando el
ratón izquierdo Haz clic ahora, por ejemplo, Si digo OK, he terminado. A lo mejor sólo quiero quitar estas Hojas de fondo, y simplemente puedo seleccionarlo así. Y a lo mejor sólo quiero quitarlos a todos y tener esta sólo una línea y tal vez
quisiera quitar este fondo y aquí vamos. Nos queda ahora con la ilustración de auto de lo recomendado Puedes hacer click en esta capa, por ejemplo. puede ver que es esta carta aquí mismo. Doble clic en el nombre de la capa es simplemente escribir la carretera porque ese es nuestro camino. Y de esa manera podemos saber que todas estas otras capas son capas para el auto por lo que puedes golpear el control G para agruparlas a todas y simplemente llamar a este coche de grupo. Y ahora puedes saber que se trata de un auto. Ahora bien, si quieres cambiar alguno de los colores de estas ilustraciones y quieres hacerlos tuyos, puedes hacerlo porque, como dije, se
trata de un SVG. Si me acerco ah, mucho más cerca como así se puede ver que no pierde ninguna calidad. Entonces digamos que solo quiero cambiar el dedo del pie algunos de estos colores para las ruedas para que pueda sostener mi tecla de control y hacer clic directamente en el interior. Y si escondo mi capa, se
puede ver de qué se trata. Y tal vez sólo quiero cambiarlo de color oscuro. Entonces, por ejemplo, este y yo podemos hacer lo mismo por este otro testamento y yo simplemente puedo cubrir justo aquí y click o simplemente puedo ir todo el camino hacia abajo y se puede ver que cambió de color American salto adentro y cambiarlos a todos. Pero te das la idea de cómo se hace, y es realmente simple. Como puedes ver, todo lo que tienes que hacer es simplemente seleccionar todas estas capas Puedes nombrarlas, sobre todo si la ilustración es más ligera con algunos fuera de los elementos dentro. Entonces si saltamos dentro sin dibujar una vez más, puedes hacer clic aquí y escribir teléfono, por ejemplo, y puedes ver que tenemos algunas realmente bonitas simples para ilustraciones, y también tenemos algunas más avanzadas. Entonces solo imagínate, usamos éste y puedo hacer click en algún lugar fuera. Déjame mover mi auto a la izquierda y él controlaría. Nos lo llevamos a cabo en. Como pueden ver, todo lo que tenemos justo aquí es el teléfono y este fondo. Por lo que es mucho más fácil trabajar con. Pero en algunos casos, como en el caso fuera de este auto, tenemos muchas más capas con las que jugar y podemos agregarlas a voluntad. Ahora, por fin, ¿cómo puedes conseguir este tapón de Andhra? Simplemente puede hacer clic aquí y puede hacer clic en la búsqueda y teclear en dro y luego presionar enter. Y aquí está justo aquí, por tenerlo instalado, te mostrará abajo instalado, simplemente haz click en él y tendrás este enchufe y luego podrás buscar ilustración que quieras ahora porque no tienen tantas ilustraciones como se podría pensar . Y no cubrirán todos los negocios y nichos por ahí. A veces tienes que trabajar con ilustraciones que están cerca de tu nicho, pero se ven similares a lo que buscas. En el siguiente video. Te voy a mostrar cómo puedes trabajar con más policías directamente dentro de Adobe X'd. Entonces te veré allí
39. Trabajar con las maquetas: Cuando termines, tu trabajo de diseño y quieres presentarlo de pie ya sea a tu comunidad o a tus clientes. En ocasiones hay que usar más gorras porque más policías muestran cómo podría verse esa pantalla en algún escenario real. Ya sea una aplicación móvil o un diseño de sitio web en salida, EU puede usar más policías directamente y las mejores más copas. Encontré nuestro ángulo más tazas. Entonces si te muestro cómo se ven aquí están y puedes comprarlos por $50 en momento, creando fuera de este video. O simplemente puedes descargar ahora una cantidad de prueba de muestra gratuita. Por el momento, porque X'd es básicamente tan nuevo y la gente suele marcar sus cosas ya sea en
photoshop o boceto para huevos, el encontré que esta es la mejor solución Hay hasta ahora lo que básicamente tienen. A 600 dispositivos y más policías por existencia. Atrapa porque este es un pacto que funciona tanto para boceto como para huevos D. Ahora esto es un huevos en particular la espalda, y se puede ver que es 100% elector. Simplemente puedes colocar tu pantalla con un enchufe angular está diseñado para funcionar con Adobe X'd, y obtienes todos los fondos de pantalla escolares en dispositivos Android solución Vicari de 600 dispositivos en total. Puedes ver algunos de estos testimonios aquí mismo, y puedes como set por ellos si quieres,
o simplemente descargar una muestra gratis, puedes muñecas Oh, puedes muñecas Oh, la muestra gratuita Y todo lo que tienen que hacer es simplemente instalar este enchufe en llamado ángulo. Y una vez más, puedes hacer clic aquí y dar click en la búsqueda y simplemente escribir ángulo para un centro. Y se puede ver que es este 1er 1 justo aquí. Tan solo asegúrate de que esté actualizado. Entonces si tienen alguna actualización, lanzamiento simplemente actualizado a partir de ahí. Y lo que puedes hacer es simplemente tengo mi charla te gusta, que creé aquí mismo abrió. Y tal vez quiera usar este primero nuestro puerto para presentarlo en un dispositivo móvil. ¿ Cómo puedo hacer eso? Entonces cuando compras y el ángulo, así es como se ve cuando descargaste. Por lo que tienes todos estos diferentes dispositivos abiertos. Tienes ese enchufe angular en el que puedes instalar desde aquí también. Y tienes este ángulo más tazas, X desfilar cuchillo apenas saltando rápidamente a través de esto. A lo mejor puedo abrir este tenis iPhone y se puede ver en frente posición de arcilla para arcilla, blanco, negro y así sucesivamente. Así es como se ven básicamente, para todos fuera de estos diferentes dispositivos. Y si lo deseas, simplemente
puedes abrir el desfile X con todos los dispositivos dentro justo aquí, y puedes usar cualquiera de estos dedos del pie presente tu trabajo. Entonces tal vez quiera usar uno de estos. A lo mejor. A
lo mejor, no lo sé. Podemos usar uno de estos aquí mismo. A lo mejor puedo usar este para que simplemente haga clic en él. Deberían controlar ver para copiarlo. Y quiero pegarlo aquí mismo al espaciopuerto. Aquí está. Y solo quiero usar este 1er 1 que se llama Splash. Y lo que tienes que hacer es simplemente localizar la pantalla para capa. Entonces si salto de nuevo al panel de capas, puedes golpear el control y hacer clic directamente en el interior y puedes ver su mezquita, cristal y la pantalla. Puedes hacer clic en la capa de pantalla saltó tu panel de enchufes. Haga clic en el ángulo. Aplica maqueta, y lo que tienes que hacer aquí mismo es ubicar la primera pantalla, cual quieres incluir, y quiero incluir esta pantalla de bienvenida todo lo que tienes que hacer es simplemente dar clic en Aplicar, y funcionará su magia en el fondo para aplicar esa pantalla a tu simulacro arriba, y puedes ver si acerco un poco más. puede ver que es realmente de alta calidad. Hay algunos incumplimientos, por lo que, por ejemplo, la pantalla se está acabando justo aquí. Puedes arreglar esos problemas si quieres, pero cuando estás creando una presentación, realmente no puedes decir si está ahí o no, sobre todo si se ve desde este ángulo. Por ejemplo, cuando tienes múltiples fuera de estas pantallas justo aquí, como dije, puedes usar múltiples fuera de estas. Entonces, por ejemplo, puedes poner muchas de estas como quieras y puedes usar. Y estos son puertos aquí mismo, que ya crearon para estos simulacros. O puedes usar las tuyas propias como ya te mostré. Por lo que una vez más, ángulo más policías en mi opinión. Los mejores maquetas actualmente para Adobe X'd, y puedes descargar nuestro sencillo gratis, como dije, o simplemente puedes comprarlos si quieres. Y, como viste ahí, viniendo con mucho fuera diferente Marcus, que puedes usar en tus proyectos. Y aquí se puede ver cómo se ven en la página web, por ejemplo, y se pueden ver todos estos diferentes INTs Grady y fondos de pantalla en la parte posterior. Ahora te puedo mostrar eso, también, si salto dentro. Son patas angulares D más tazas, que te muestran y fondos de pantalla también. Entonces si un doble clic y salta por dentro, puedes ver todos estos papeles de tazón diferentes. Y si paso sobre uno de ellos, por ejemplo, se
puede ver que es 5120 con 2880 píxeles, así que es realmente enorme. Pero está optimizado y solo 117 kilobytes de tamaño, lo cual es fantástico porque están bastante optimizados. Esa imagen para ti. Y cualquiera que haya ahí hecho alguna vez de diseño de sitio Web sabe que tienen dedo del pie optimizar sus imágenes cuando las envían a desarrollar persecución puede ver que esta imagen de cinco K es de apenas 189 píxeles. Perdón. Kilobytes de tamaño. Y si abro uno de ellos para que simplemente puedas comprobarlo. Entonces así es como se ve. Y a lo mejor quiero cambiarlos y simplemente mostrarles algunos de ellos. Se puede ver que son realmente enormes. De todos modos, zoom adentro. Se puede ver son muchos detalles fuera de estas imágenes, y realmente se pueden crear algunas variaciones diferentes con ellas. Por lo que quizás puedas usar solo esta porción de la imagen y crear alguna atracción diferente a tu diseño. Entonces básicamente, esas son más copas en Adobe X'd. Y en el siguiente video, vamos a hablar de ti. I kids mas en profundidad y te voy a mostrar en la siguiente serie de videos cómo puedes crear diseño de app móvil usando algunos de esos niños blancos gratis que puedes encontrar en página web de
adobes. Entonces te veré allí
40. Diseño con UI Kits Adobe Xd: cuando apenas estás empezando en tu carrera de diseño, te gusta que sea un gran recurso que el dedo del pie tiene porque puedes explorar duramente
diseñadores más experimentados , estructuran sus archivos cómo se crean algunos diseños y realmente puedes explorar el técnicas. Diseñadores más experimentados solían crear diseños, y simplemente puedes copiar esas técnicas y luego simplemente más adelante, cuando trabajas y trabajas y tienes algo de experiencia en diseño, simplemente
puedes adaptar esas técnicas y crear las tuyas propias. Entonces para empezar, puedes ir a adobe dot com slash productos slash huevos d slash recurso es y conseguir los, um, niños que quieres. Se puede ver que sus hijos están seleccionados aquí mismo. Y como explicaron en Nueva York, es video puedes elegir entre el material de diseño de Apple diseñado para Google y Microsoft. Usted firma WPT. Pero también puedes bajar y explorar todos estos diferentes yo chicos que puedes usar donde proyectos personales y comerciales y en el video de hoy, vamos a usar este sollozo hace. Te gusta y simplemente puedes ir a esta página y golpear descarga, y si quieres atajar esta página simplemente puedes ir a casa en tu ex deep. Puedes hacer clic en adultos y luego hacer clic como es y te llevará a esa página. Entonces cuando no cargas ahora, te vas como Es todo esto. Tus hijos van a ser un poco diferentes porque fuera de su estructura, cuántas pantallas se incluyen dentro, así
como qué componentes y activos se incluyen en la descarga, y puedes utilizarlos en esta página en particular. O puedes ir con el dedo del pie aquí y luego simplemente haz clic. Por ejemplo. Esto es para iPhone. Puedes hacer click en el iPhone, y se abrirá que nuestro puerto en el nuevo documento, y simplemente puedes copiar y pegar los elementos a este particular nuestro puerto. Entonces, vamos a explorarlo rápidamente. Se puede ver en el panel de ácido aquí mismo porque como su panel está seleccionado que nos
faltan algunos fondos. Pero vamos de arriba. Tienes los colores para que puedas hacer click derecho sobre estos colores, editarlos y simplemente ajustarlos. De todas formas quieres que se vea así, y puedes verlos actualizándose en tiempo real. Esto también es útil si tienes un color dedicado al cliente. Entonces este es el color principal. Y por ejemplo, si elijo este bonito azul tres e c seis f f centro de prensa, se
puede ver que va a azul y todo cambia a azul. Ahora esto está en función impresionante para tener dentro de Adobe X'd, sobre todo si el cliente está cambiando de opinión. Quieren explorar,
por ejemplo, por ejemplo, oscuros o colores más claros o colores diferentes por completo. Y simplemente puedes saltar aquí mismo y cambiar todos estos colores a la vez. Se puede hacer eso por todos estos diferentes colores por debajo de que tenemos fondos, y faltan algunos de estos fondos. Pero eso realmente no es un tema. Puedes descargar e instalar estos fondos, pero también puedes usar tus propios fondos a continuación que tenemos los componentes, y todos estos diferentes componentes desde iconos, tarjetas, publicaciones y así sucesivamente son seleccionados por este diseñador y creado. Y puedes dar click aquí mismo para ampliar la vista. Y también puedes ampliar esto si quieres, quieras. Ah, y puedes obtener una imagen mayor y más clara aquí mismo a algunos de estos componentes para que realmente
puedas adaptarte a tus necesidades. Puedes hacerlo tan blanco o tan alto como quieras, y también puedes traerlo de vuelta así. Entonces vamos a explorar estos que te gustan. Es y decía que todas son un poco diferentes. Pero con esto nunca van. ¿ Te gusta? Tienes este tutorial básicamente aquí mismo, y puedes pulsar el botón play aquí mismo para previsualizar este prototipo. Y, por ejemplo, si un clic arriba en algún lugar aquí afuera, veamos qué Sí, puedes ver aquí mismo, y puedes escribir, por ejemplo, puedes volver atrás, y realmente podrías explorar este prototipo en más detalles. Pero empecemos. Se puede ver en el panel de activos aquí mismo. Puedes cambiar los teléfonos, colores,
todo, todo, como te expliqué, y confinaste este frente en los teléfonos tipo kit. Gibson, si quieres usar exactamente el mismo fondo que hizo este diseñador, y tenemos la guía aquí abajo, así que tenemos los elementos básicos. Tenemos insumos de Heather. Tenemos la tarjeta. Por lo que todos estos diferentes activos y componentes que se crean aquí mismo, también
tenemos justo aquí, para que puedas seleccionarlos, copiarlos desde aquí y luego deslucirlos a tu propio diseño. Y te voy a mostrar en tan solo un momento cómo puedes hacerlo fácilmente. A continuación tenemos main up para que puedas ver alguna exploración. Se pueden ver algunos mapas, tarjetas y demás. Tenemos la pantalla de bienvenida, que es la pantalla principal ya que el usuario abre la APP. Después tenemos la guía, que va a guiar a los usuarios a través de las pantallas de bienvenida y empezar pantallas y así sucesivamente . Y tenemos pocas variaciones al respecto. Tenemos pantallas de fichaje y de alta aquí mismo. A continuación, tenemos actividad y perfiles todos aquellos creados usando estos diferentes componentes. Y realmente puedes explorar estos y cambiarlos como lo harás al lado para tener estadísticas e información. Por lo que tenemos básicamente todas estas estadísticas de actividad, historia, música y algunas de abajo que tenemos menús y extras. Por lo que todos estos extras aire básicamente pop up pantallas y menús que puedes ver y puedes cambiarlos a voluntad. Ahora, cuando se trata de tus hijos, puedes trabajar en este documento para que yo simplemente haga clic aquí. porque sé que estas son pantallas de iPhone y simplemente puedo hacer clic, por ejemplo, en algunas de estas. Vamos a dar click en este, por ejemplo, y va a crear que son parte para mí aquí mismo. Y considero saltar dentro y he bean home screen, por ejemplo centro de prensa. Y esa va a ser mi pantalla de inicio para que simplemente pueda saltar dentro. Como dije, se pueden
utilizar estos elementos y componentes básicos o se pueden utilizar diferentes elementos de estas pantallas. Y también otra forma es, como dije, se
puede saltar aquí, luego dar click aquí en el iPhone, nuestros puertos, y se abrirá ese puerto en nuevo documento. Puedes hacer doble clic aquí mismo, cambiar su nombre y hacer básicamente lo mismo. Pero por el bien del tiempo, sólo
vamos a usar este mismo documento para que puedas saltar atrás. Y, por ejemplo, usemos estos elementos base. Se puede saltar al panel de capas justo aquí, y se puede ver carpeta base justo aquí para no saltar más profundo dentro de fuera. Algunas de estas puedes golpear control o comando, y puedes hacer clic dentro, y te llevará directamente dedo del pie que más tarde y podrás ver. Pero solo usemos este para que puedas escuchar el control, ver, y puedas saltar todo el camino hasta tu puerto. Por eso dije, Tal vez sea una mejor solución usar un documento separado y hagámoslo solo para que
puedas ver algunas características más. Entonces usemos esto y voy a simplemente nombrar en pantalla de inicio desde aquí, y voy a golpear el control V toe base, este elemento en su lugar. Puedo hacer click aquí para posicionarlo en la parte superior, y puedo agrandar esto. Toronto puedes golpear el control cero para chasquear en posición podría minimizar esto. Y ahora volvamos atrás y, por ejemplo, tal vez quiero usar esto para que veas que Heather están justo aquí. Y una vez más, puedes golpear el control. Haga clic en el interior. Encuentra a este Heather. Es este es Puedes ver este es el que está seleccionado. Podrías golpear el control C y luego saltar a otro ex. Los documentos impactaron al Control V y ahora porque ya no necesitamos esta barra de estado porque tenemos aquí mismo, solo la
voy a borrar porque lo tenemos convenientemente colocado dentro de este brezo para poder volver a cambiar. Lo que necesito ahora mismo son algunas tarjetas. A lo mejor puedo elegir esta tarjeta y puedo abrirla y ver cuál. Es esto. Es este 1er 1 se puede escuchar búsqueda de control. Y como puedes ver, se crea como un componente. Puedes saltar de nuevo a tu otro control de hit presentado V, y luego simplemente posicionarlo como quieras. Los alinearé y luego simplemente golpear turno y flecha inferior. 1234 o tal vez incluso para posicionarse en 20 pixeles frente. Y este Heather, también
puedo moverlo justo debajo, porque ha sido todo el encabezado y me condenso simplemente saltar atrás y tal vez pueda usar algunos otros elementos de aquí. A lo mejor puedo usar esta tarjeta. A mí me gusta. Golpe control C salta a su otro archivo golpea Control V y simplemente muévelo a la misma distancia que el de la parte superior para que puedas alinearlo así. Como puedes ver, muestra 20 píxeles y digamos que esta es nuestra pantalla y tal vez queremos usar algo para el fondo de nuestra pantalla. A lo mejor podemos encontrarlo. Entonces, por ejemplo, cualquiera de los botones o podemos crear una pestaña son para que podamos crear una pestaña son simplemente yendo al indicador de
inicio porque queremos que los usuarios puntera puedan salir de esto arriba. Puedes posicionarlo abajo en la parte inferior, y ahora solo necesito algunos iconos aquí mismo. Simplemente puedo volver a cambiar, localizaron sus iconos, y de verdad te animo a usar tus propios iconos. O tal vez podamos ver si crearon algún tap bar fuera de los suyos para esto, no lo
hicieron. Pero no importa. Simplemente vamos a crear los nuestros propios para que puedas saltar dentro de los iconos y simplemente puedes seleccionar los iconos que quieras. Entonces tal vez quiera usar este ciclo, que es para filtro search share. Y usemos este para configuraciones. Por ejemplo, golpeó el control C saltar a otro archivo hit Control V y luego simple control de golpe G y llamado Este paso se mueven todo el camino hacia abajo, y el indicador de inicio va a ir todo el camino hacia abajo Así que localiza la maldita barra y tú puede mantener el
cambio en la flecha inferior para empujar todo el camino hacia abajo. Y lo que voy a hacer es simplemente reposicionar algunos de ellos. Entonces, por ejemplo, voy a mover esta búsqueda hacia abajo va a ser una segunda app. Este va a ser nuestro primer paso. Y tal vez podamos cambiar de configuración y compartir para que puedas golpear turno y flechas para empujar todos estos iconos a la izquierda y a la derecha. Y lo que simplemente voy a hacer es reposicionarlos. Entonces mueva 1234 por ejemplo, y luego simplemente seleccionó estos dos manteniendo el turno y puedo posicionarlo aquí, por ejemplo, turno 1234 y luego finalmente hacer lo mismo para éste. 1234 Pero tal vez hasta seis. Después selecciona esta y selecciona esta y más con 20 pixeles de punta derecha a izquierda. Perdón. Y luego simplemente haga clic aquí para posicionarse en el centro. Y también puedes moverlos por ejemplo, 20 píxeles más arriba de este indicador de inicio. Entonces así es básicamente como usas estas que te gustan, Es Y ahora cambiemos rápidamente esta pantalla de inicio de Toby. Y ahora si quieres cambiar alguno de estos, simplemente
puedes hacer doble clic dentro. Se puede ver que falta el fondo. ¿ Qué? Se puede cambiar este teléfono a otra cosa. Entonces, por ejemplo, pequeño centro de fotos y se podía ver cómo se ve eso. Y si salto para escuchar el panel de activos del dedo del pie, se
puede ver que transfirió todos estos diferentes activos del archivo original. Pero si quieres hacerlos archivo local, puedes hacerlo y simplemente puedes seleccionarlos todos, clic
derecho, y puedes eliminar. Y va a eliminar todos esos activos diferentes. Y cuando saltas de nuevo a capa, deletreas y abres algún otro, puedes ver que ya no hay activos incluidos aquí mismo para no crear tus propios activos
personales. Simplemente puedes cambiar estos. Entonces, por ejemplo, solo
quiero que esto se llame Filtro. Yo solo quiero que esto se llame Buscar, y puedes seleccionar este texto y solo dejar la búsqueda en. Yo solo quiero hacer este ST Ng por la acción y finalmente lo mismo para la configuración, así que solo quiero crear la mía propia. Y como pueden ver, tendrán estos antecedentes. Entonces si las abro todas, se pueden
ver todas estas capas BG, que son para fondos. No los necesito para que puedas abrirlos todos,
mantener el control, mantener el control, click en el 1er 1 y luego simplemente hacer click en todos ellos, golpear a la elite y va a eliminar todas esas capas de fondo. Ahora, si quieres crear activos a partir de ellos, simplemente
puedes hacer click en el 1er 1 hit control o comando K y hacer lo mismo por todos ellos. Y ahora, si volvemos a mi s un especial, se
puede ver que ahora tenemos nuestros APS aquí. Ahora bien, si quieres seleccionar algunos de estos colores Así, por ejemplo, me gusta este color blanco. Simplemente puede hacer clic aquí. Y como puedes ver, muestra estos fondos faltantes y puedes arreglarlos instalando este fondo. O simplemente puedes cambiar el frente justo aquí. Ahora, por ejemplo, si quiero cambiar alguno de estos, tal vez quiero crear esta imagen para ser más grande. Puedo saltar de nuevo a mi panel de capas control de retención. Haga clic en el interior. Se puede ver imagen y se puede ver que tiene un radio de esquina bastante grande. Pero quizá quiero hacerla más pequeña. A lo mejor 5%. Er puedes ver cómo se ve eso, y si quieres ampliarlo, puedes hacer lo mismo. A lo mejor quiero posicionar estos iconos en la parte superior de la imagen así. Y a lo mejor quiero que esta imagen cubra todo hasta aquí, por ejemplo. Y todo lo que tengo que hacer es simplemente moverlo aquí mismo. Entonces todo lo que todos estos diferentes elementos vendrán en la cima. Y quizá si incluso quiero cambiar esta imagen, todo lo que tienes que hacer es tener tu carpeta con tus imágenes abiertas como yo. Y por ejemplo, simplemente
puedes seleccionar una imagen arrastrarla y soltarla dentro, y llenará esta capa de fondo con tu imagen, y también puedes jugar con aún más ajustes para ella y dejar crear rápidamente un imagen más oscura como el fondo. Al igual que así y lo que quiero hacer desde aquí, es simplemente seleccionarlos todos, y tal vez quiero hacerlos blancos. Entonces,
así y puedes localizar el contenido de esto es agua y solo asegúrate de que
entiendas que algunas de estas no están realmente todas tan bien posicionadas. Entonces como pueden ver, tenemos demasiadas carpetas diferentes para mi gusto, al
menos. Pero realmente puedes jugar con él, y puedes crear tu propia estructura. Entonces, por ejemplo, se
puede ver que todo en esta tarjeta se encuentra en esta carpeta de contenido. Si encuentras eso confuso, puedes hacer clic derecho en grupo y luego agrupar el tuyo propio en, simplemente dejarlo así afuera. Ahora cambiemos rápidamente estos para poder seleccionarlos todos usando turno. Y simplemente puedo hacer clic y elegir el color blanco para aquí. Y así es básicamente como editas estas que te gustan. Es como dije, podrías cambiar estos fondos. Entonces lo que usamos aquí es Roberta, tal vez
puedo seleccionar estos y puedo seleccionar estos dos textos y tal vez incluso todos ellos, así y luego simplemente elegir un bote de remos de aquí mismo. Presione enter y se va a aplicar esa selección dedo del pie todos estos diferentes fondos, y obviamente se puede hacer lo mismo por todos ellos. Ahora, solo imagina que queremos cambiar el color de esta tarjeta para acceder a ella más fácilmente, puede golpear el control, haga clic en insight y luego simplemente cambiar el color de este auto al color que quieras. A lo mejor quiero hacerlo mucho más oscuro, tal vez Así. A lo mejor quiero ir a esta dirección. Y tal vez quiero cambiar el color de este texto dedo del pie blanco por lo que típicamente se llora. Aquí, aplica eso, o si tienes el color seleccionado, simplemente
puedes hacer clic aquí mismo, y se aplicará ese color dedo del pie ese texto. Entonces así de fácil es crear utilizándote. Yo niños, Como pueden ver, todo lo que tienen que hacer es realmente copiar y pegar algunos de estos elementos, y luego pueden saltar por dentro y editarlos todos. Se pueden reposicionar estos. Se pueden incluir diferentes sombras de gota. Entonces si tocamos control y hacemos clic dentro de esta abeja, Gee, si la abro adentro fuera del panel de capas y desplácese hacia abajo, se
puede ver que tiene esta sombra de fondo así como el desenfoque de fondo. Si no te gusta cómo se parece eso a Dennis. Simplemente apágalo, o si desea usar ese mismo efecto en algunos de estos, simplemente
puede hacer clic en él, ¿
verdad? Haga clic en copiar y luego simplemente, por ejemplo, en este clic derecho y apariencia basada. Pero para que lo sepas, va a basar exactamente la misma apariencia de ésta a ésta. Entonces como puedes ver, cambió de ese color oscuro a este color blanco. Pero puedes saltar por dentro y simplemente seleccionarlo desde aquí una vez más. O simplemente puedes localizarte aquí en tu libra de culo si lo tienes, y entonces puedes aplicar ese color. Entonces aquí está. Y entonces simplemente puedes aplicar ese mismo color como puedes ver, porque todos estos bordes son rectos. Se movió todos esos bordes para estar rectos sobre éste también. Pero puedes volver a cambiarlo y te pones de pie, por ejemplo y ver cómo se ve eso. Por lo que realmente lo agregan cada vez más. Entonces así de fácil es usar a tus hijos. Realmente animar. Si apenas estás empezando a descargar, juega con ellos, no
tienes que usar uno. Te gusta para tu proyecto. Podrás usar varios diferentes yo chicos, pero solo asegúrate de que tengas algo de consistencia. Entonces, por ejemplo, si tus teléfonos aquí tienen 16 por ejemplo, no
hagas que éste tenga 30. Esto quiere tener 15 y así sucesivamente. No uses generalmente más de dos estilos telefónicos diferentes, tal vez incluso tres, pero simplemente no repases eso. Si estás usando colores, solo asegúrate de mantenerte consistente con tu paleta de colores. No usas muchos colores diferentes, por lo que no tienes. Por ejemplo, 50 colores diferentes solo tienen, como 567 colores, algo así. Y sólo trabaje a su manera en torno a eso. Vea lo que funciona mejor para su diseño y luego simplemente explorado. Juega con salida. Juega con estos que te gusten. Es porque una vez más, su libre y puedes usar cualquiera de ellos como quieras, y realmente puedes jugar con ellos. Y realmente te animo a pensar en tu propio proyecto y luego simplemente a trabajar tu camino alrededor de estos tus hijos para crear ese proyecto. Solo piensa en pantallas ricas ¿necesito y luego simplemente aplicaste estas técnicas para que te
guste y ese diseño final fuera tuyo que quieras crear
41. El curso de Adobe Xd: diseñar usando Adobe X'd es realmente divertido porque es gratis. Constantemente actualizado, tiene una gran comunidad en nuevas características se agregan Todo el tiempo puedes pasar de diseñado a prototipo para compartir y obtener comentarios todo dentro de una sola aplicación. Y debido a que son archivos basados en rector son realmente pequeños, por lo que no necesitas una máquina cara para ejecutarla. Te animo a que tomes acción, practicas usando dos consejos de este curso y apenas empieces. No te preocupes por que tus diseños no se vean muy bien al principio. Se verán increíbles con el tiempo, pero solo necesitas empezar, trabajar en tus habilidades y seguir desarrollándote con el tiempo. Si te gusta este curso, echa un
vistazo a mis otros cursos sobre Adobe X'd, donde entra en muchos más detalles sobre proyectos, marcos de
alambre, prototipos, animación y más. Y si estás viendo esto y YouTube, considera suscribirte para más videos sobre diseño. Gracias por ver y tener un día creativo. Cuídate
42. Actuación del curso y canal de YouTube: que diseñador Alex aquí. Y yo sólo quería darte un rápido agradecimiento por tomar este curso. De verdad espero que hayas sacado algo de valor y que entiendas ¿Cómo puedes usar Adobe X'd en tus proyectos y cómo puede beneficiar tu flujo de trabajo en tu uso diario? Muchos de ustedes me preguntaron sobre actualizar el discurso y agregar más como pasos o técnicas, pero no voy a hacer eso porque se trata de un curso básico de Toby X'd y de una idea completa. Este curso es para hacerlo libre y disponible dedo del pie cualquiera en el mundo solo para aprender Adobe X'd y qué puede hacer y qué escapar. Y luego tengo mis cursos premium si quieres pagar más en técnicas de profundidad. Pero también he creado un canal de YouTube sólo porque este propósito y se puede ir a visitar canal de YouTube, creo el link abajo en los medios y se puede acceder a él. Simplemente haz clic en él, y te llevará a tu general donde llevo esto en videos de profundidad y te voy a mostrar cómo puedes hacer alambrada como puedes hacer diseños de apple como puedes hacer diseños de web como puedes hacer
Diseños web también estaban hablando de freelancing y lo que puedes lograr como freelancer. También estamos hablando de técnicas de ingresos pasivos. Entonces si todas estas cosas te interesan y quieres obtener el mayor valor libre, es posible que de cabeza al general de YouTube y una promesa vas a obtener mayor valor posible de forma gratuita. Por supuesto, mis cursos premium siguen aquí. Y si quieres acceder a eso, puedes. Sea lo que sea que estés viendo este curso y siempre puedes ir a mi página web, que es Alex en design dot c
o.Y puedes consultar cursos antiguos. Son gratis y premium también. Entonces aquí, no hay trabajo al canal de YouTube. Y te prometo que vas a conseguir la mayor cantidad de gratis mientras puedas y te vas de
dedo a aprender adobe superar aún mejor que solo por tomar este curso gratuito. Entonces gracias una vez más por tomar este curso, y realmente espero que vayan a revisar mi canal de YouTube. Se preocupan
43. Acompañar tu grupo de Facebook gratuito: Oye, diseñadora, realmente
espero que hayas disfrutado del curso, y que sacaras tanto valor como sea posible de él. Si quieres recibir aún más valor de mi parte y de la comunidad del diseño, empecé un grupo de Facebook. Donde puedes unirte es solo un grupo de Facebook para mis alumnos solo para que puedas unirte haciendo clic en el enlace abajo orden. Nate fuera de curso es una cuenta de Facebook, y es un grupo gratuito al que unirse. El grupo se forma con el fin de brindarte retroalimentación adicional para que puedas adjuntar tus diseños siguiendo este curso y usando ejemplos de este curso o de cualquier otro fuera de mis cursos. O si tienes tus propios ejemplos. Off diseño funciona desde el pasado desde el presente. Puedes subir esos trabajos a Facebook Group y luego recibir comentarios ya sea para mí o de otros miembros del diseño. También te animo si tienes puestos de trabajo disponibles para compartirlos en ese grupo para que
todos puedan beneficiarse de ese grupo. Una vez más, el grupo es libre. Es fácil unirse. Simplemente haga clic en el enlace en el pdf, y realmente espero ver a tantos de ustedes como sea posible en ese grupo solo para compartir nuestras experiencias como diseñadores, e intentaré publicar algún video adicional, algunos consejos adicionales y técnicas en ese grupo de Facebook. Pero por ahora, apenas
estamos empezando. Simplemente vamos a formar su, y realmente los animo a que se unan y compartan allí su mejor trabajo. Para inspirar a otros diseñadores o dedo del pie pedir retroalimentación adicional. Tan solo asegúrate de que por favor, cuando estés pidiendo retroalimentación, pide cosas específicas. No sólo preguntes. ¿ Qué opinas de este diseño? Porque nadie va a responder a eso. O si lo hacen, están en lo de Lee. Te van a decir ¿Se ve bien o no se ve bien. Asegúrate de pedir comentarios específicos sobre tus diseños. Por ejemplo, haz como esta combinación de colores. ¿ Crees que debería usar un frente diferente? ¿ Crees que estas imágenes corresponden bien con el color de fondo, por ejemplo, cosas así,
Así que asegúrate de pedir retroalimentación específica cuando tus diseños, porque va a ser mucho más fácil para mí y para otros diseñadores de ese grupo para darte son retroalimentación específica que puedes mejorar mucho más rápido, entonces solo preguntando qué? Todo fuera de este diseño. Entonces gracias una vez más por tomar mi curso, y de verdad espero verte a la vista fuera de mi grupo de Facebook Digger.