Figma para marketing digital y técnicas de crecimiento acelerado [2022]

1. 1.1 introducción de curso: Yo soy una huella. Bienvenido a alimentar más para marketing digital y crecimiento hacking Cross. Hoy estamos iniciando un viaje al mundo de la producción efectiva y las pruebas de creativos y otros gráficos de marketing. Camino en mercado sin llenar por más de 12 años después, durante mucho tiempo, estaba soñando con herramienta que puede automatizar creación de modelos sin dejar de dar buena flexibilidad. Y no había tal herramienta. Editores gráficos clásicos conscientes demasiado torpes. Y las herramientas como Canva fueron un refrigerio y así sucesivamente no dieron el tipo necesario de libertad. Todos ellos por dónde empezar con sus plantillas. Y un día me topé con Figma, y la primera vez que no me di cuenta de todo su poder, sólo lo pensé como un nuevo, rápido y bueno editor gráfico basado en la web. Y yo estaba contento con eso. Pero algún tiempo después aprendí a usar sus funciones más complejas como restricciones de diseño automático y componentes. Y en ese punto, me di cuenta de que se trata de C. Esta es la herramienta que esperaba obtener durante años. He creado más de 3000 bono para ion y un BTS por mí mismo y 2020. Y hasta conozco el diseño. Por lo que también puedes hacer esto. Iniciaremos este curso con fundamentos de Figma y destacaremos las herramientas más importantes para nosotros. Después aprenderemos herramientas de automatización como componentes de los diseños y restricciones en ejemplos de algunos cuerpos aleatorios. Después crearemos banners genéricos enteros y nos trasladaremos a anuncios de Google, anuncios de Facebook en formatos de redes sociales. Aprenderemos algunos consejos, trucos y plug-ins, plantillas que acelerarán y automatizarán tu trabajo. Por último, vamos a aprender a utilizar el mundo de hacking de crecimiento y poner a prueba su hipótesis y realizado con pruebas y demás. lo que este curso te dará unas sólidas habilidades en diseño para marketing digital. Como bono a discutir, les doy dos plantillas listas para usar para anuncios de Google y anuncios de Facebook. El curso se divide en capítulos, secciones. Cada sección tiene su propio tema y contiene de dos a cerca de una docena de lecciones. Las lecciones en las primeras secciones son bastante básicas y bastante cortas. Avanzando las lecciones se convierten en solitarios o la información se complica más y necesita más tiempo para describirla en un buen nivel. Algunas secciones tienen cuestionarios y asignaciones para que puedas ponerte a prueba y revisar lecciones sobre práctica. Para la mayoría de las secciones, utilizo el único archivo Figma que está diseñado de la forma en que puedes repetir después de mí. Y siempre tienes algunos ejemplos en prime de u, libre de usarlo, cambiarlo, jugar con cualquiera de su parte porque no es corto, pero te sugiero que llegues al final de la misma. Y mi fuerte consejo es hacer toda la práctica. En este caso, obtendrás el mayor valor de tu aprendizaje. Una cosa más, un indicio más del teorema de la educación y de cómo camina el cerebro humano. Si aprendes nueva información y la aplicas en un plazo de una semana, probablemente recuerdes esta información, conviértala en tu habilidad. Si no haces esto, probablemente olvidarás la mayoría de estos en un par de semanas, meses. Entonces la mejor manera de conseguir el máximo del curso es si durante la lección vas a crear tus propios ejemplos, tus propias imágenes para tu trabajo, para negocios o para tu afición. Y ahora empecemos nuestros autos y pasemos a las primeras lecciones. Buena suerte y espero verte al final del curso. 2. 2.1 Figma: Veamos cómo crear cuenta de Figma. En realidad, es bastante fácil. Sólo tienes que ir a figma.com y como ves hay un gran botón de registro por aquí. Doy clic en él y veo algunas opciones. Puedo usar la cuenta de Google o puedo usar mi correo electrónico. Por lo que es obviamente que si eliges enviar con una cuenta de Google, tu cuenta de Figma estará conectada a tu cuenta de Google con tu correo electrónico que utilices en tu cuenta de Google. La otra forma es usar el correo electrónico, ¿de acuerdo? Utilizaré este servicio de correo temporal y crearé cuenta de Figma con estos e-mail. Está bien, creo, pego a este correo electrónico y dije alguna contraseña aleatoria. Está bien. Césped de siete personajes. Está bien. Está bien. Mi nombre. ¿ Qué tipo de trabajo hago? Yo hago revista. No quiero disfrutar de la lista de correo de Figma. Pero si eres nuevo en Figma, probablemente puedas suscribirte a él. Está bien. Por lo que tengo que verificar mi cuenta. Puedo ir aquí y ver el correo de Figma que dice verificar en masculino. De acuerdo, haz clic en él y donde aquí. Tengo que calificar a mi primer equipo, por ejemplo. Está bien, y ahora Figma, está bien, y ahora Figma me muestra esta invitación a, invitar a otros colaboradores. Esto está hecho para que crees un equipo desde cero. Y en realidad si invitas a muchas personas, tendrás que crear una cuenta pagada. Por lo que en realidad estoy actualmente nos saltaremos este paso. Y voy a empezar con una cuenta gratuita. Dije empezar a dar cuenta. Y mi Figma pregunta si quiero usar algunas plantillas o iniciar un archivo en blanco, vale, usaré alguna plantilla. Como se ve ahí. Algunos de ellos. Tengo algunos presets en blanco. De cualquier manera voy a crear un archivo ahora, así que sólo elegiré este. Y como ven, mi expediente está abierto. Entonces en realidad, ahora mismo tengo cuenta de Figma, puedo usarla. Tengo algunos archivos por aquí, así que esto es bastante sencillo. Espero que lo creéis sin ningún problema. 3. 2.2 Web y aplicación: Hay dos formas de usar Figma. Puedes agregar la interfaz web de Estados Unidos o puedes usar Figma up. Prefiero a Figma arriba. Y vamos a ver cómo funciona esto en este momento, están usando Figma en mi navegador. Esto funciona bien, pero si tengo muchas pestañas diferentes por aquí, esto será abrumador. Y a veces incluso puede caminar despacio porque diferentes pestañas pueden cargar mucho tu computadora. Entonces en este caso, prefiero usar Figma arriba. En realidad prefiero usar la app Figma para siempre. Así es como se ve. Es bastante similar a lo que tenemos aquí. Todo está en el lugar. Pero la principal ventaja es que se trata de una aplicación separada en su escritorio. Y siempre puedes abrir, solo comer, y te enfocarás en Figma. Entonces veamos dónde encontrar la aplicación. Puedes escribir figma.com descargas slash. Y hay varios expedientes por aquí. Existen aplicaciones de escritorio para Mac y para Windows. Existen dos apps para tus teléfonos móviles para iOS y Android. Y estos no son editores gráficos, se trata de aplicaciones de vista previa. Por lo que si trabajas con aplicaciones móviles o pantallas móviles, esta app creará una gran vista previa de tu diseño correcto, en tu smartphone. Por lo que no necesitamos estas aplicaciones para crear conciencia y para nuestros propósitos pop de la revista, a menos que crees pantallas móviles e instaladores de fuentes, hay muchos fondos dentro de Figma, y si quieres gestionarlos, puedes descarga estos instaladores para tus fuentes. Pero si usas aplicación de escritorio , no requiere esto. Entonces todas tus fuentes del figma, estaremos ahí mismo. Pero si agregas algunas fuentes adicionales a tu sistema, esto caminará como con cualquier otro programa en tu computadora y solo tendrás que instalar otras fuentes que Figma no tenga dentro. Tienes que instalarlos en un sistema de forma manual. Tan como con cualquier otra app para en tu escritorio. De acuerdo, Entonces después de hacer clic en Descargar arriba, obtendrás un archivo zip y lo instalarás. De acuerdo, entonces te sugiero que hagas esto. Es más útil usar Figma con aplicación de escritorio. 4. 3.1 Figma: Soy amigo desde que grabé este video feed, mi cambió su interfaz ilegal. Entonces veamos qué cambió. Hay dos cambios en estos menús. Anteriormente, la búsqueda estaba por aquí y se trasladó aquí. Para que pueda buscar algunos delgados y comunitarios mudarse aquí abajo. Y ahora lo puedo camarillar para llegar a la comunidad y buscar cosas diferentes, para buscar archivos y plug-ins. En realidad, todo el resto es igual. Apenas ahora es más se ve más pequeño, engorroso de lo que era antes. Para que puedas volver a tu cuenta largo. Entonces esto es comunidad. Y si quieres volver atrás, puedes usar esta flecha o puedes usar este desplegable e ir a tu cuenta. Y eso es comer. El resto del video es correcto por ahora. Entonces vamos a ver la lección. Después de registrar cuenta de Figma para tener acceso a, para caminar en los errores. El primero es en realidad tu editor gráfico donde creas tus gráficos. Y el segundo es File Manager y ajustes. Veamos cómo navegar entre ellos y lo que hay dentro. Entonces empecemos con editor gráfico. Ahora mismo estamos en el navegador, y yo iré a abrir uno de mis archivos IR, por ejemplo, este. Y ahora mientras se abre, cambio al Figma arriba en mi escritorio y voy al archivo con el que trabajaremos. Entonces este es un editor gráfico. Hay muchos menús, los aprenderemos todos. Y así es como se ve en el navegador. Entonces esto es bastante similar porque en realidad Figma up es el propio navegador. Por lo que esto es muy similar y menor. Veamos cómo navegar entre estas dos secciones. Estos, hay una diferencia en un up o y en el navegador. Entonces cuando estás trabajando con Figma up, tienes acceso directo a tus archivos y configuraciones a través de estos top. Siempre está ahí. Y cuando hago clic en él, voy a la Configuración y voy a mis archivos puede ser unidad y todas estas cosas. Y si abro algunos archivos, simplemente abren en nuevas pestañas. Entonces esto es bastante fácil y me gusta usar el up más porque es un poco más útil. Y cuando voy al navegador, ahora estoy dentro del archivo. Y ahora quiero salir de ella. Y para llegar a milla de archivos o a mi configuración. Para estos, tengo que hacer clic en este menú y volver a hacer clic a los archivos. Entonces ahora estoy ahí, estoy de vuelta a mis archivos y configuraciones y todo. Por lo que existe la diferencia entre su arriba y y en el navegador. Creo que entiendo por qué esto se hace de esta manera es porque cuando entras en tu Figma arriba, caminas solo con Figma de ancho cuando estás en un navegador. Podría haber muchas otras cosas. Entonces prefiero usar hasta porque es, puedo concentrarme en Figma ahí. Y te sugiero que hagas lo mismo. Por lo que a partir de ahora iré a Figma arriba y caminaré allí. De acuerdo, Tendremos muchas clases diferentes en estos editor gráfico. Por lo que en esta lección vamos a cubrir nuestro Administrador de Archivos y la sentencia. Entonces vamos desde el principio. Esta es la pestaña Perfil, y hay tres pestañas dentro de TI. Ajustes, tengo algunos ajustes. Puedo cambiar cualquier cosa. Puedes configurar mi foto de perfil. Entonces adelante. Tengo plugins, estos plugins instalados en mi cuenta. Y si quiero desarrollar algunos plug-ins, estarían aquí para que cualquiera pueda desarrollar plug-ins para Figma. Y si mi plug-in está listo, no iría a publicado después de publicarlo. De acuerdo, y equipos, Figma como herramienta colaborativa. Por lo que aquí vemos algunos archivos que son accesibles para otros equipos. Nuevo lo necesitará si caminas con los equipos en realidad, bien, Cabello y notificaciones. Si alguien de tus equipos hace algo, verás las notificaciones aquí. Y luego hay una búsqueda. Puedes buscar dentro de Figma. ¿ De acuerdo? Por lo que tengo archivos de sonido con fema para contenido de marketing y puedo buscar dentro de archivos. Los proyectos son personas. Esto es útil si tienes una cuenta grande y una gran cantidad de colaboradores recientes. Veo los archivos que utilicé recientemente aquí. Por lo que este fue el último y el enlace cronológico de la ONG. Está bien. Puedo cambiar estos y puedo importar un archivo con este botón. En ocasiones la gente aplaude los archivos de Figma, no con enlaces a recursos de Figma, sino con el punto de archivo Figma. Y si tienes este archivo, puedes importarlo aquí mismo. Y si quieres crear uno nuevo, debes hacer clic en este botón más. Se pueden ver algunos archivos borrados por aquí. Si quieres crear un nuevo equipo, debes camarilla estos. Crea nuevo botón de equipo en el slim. Y vamos a ver qué hay dentro de la pestaña de la comunidad. Puedes buscar diferentes archivos listos para usar que fueron hechos por otras personas y que están disponibles para que los uses. Entonces aquí hay dos tipos de contenido. Los archivos y los plugins. plugins son algunas herramientas que te permiten hacer algo extra, algo que no se está construyendo con pigmento por sí mismo, pero estas extensiones pueden ayudarte a hacer otra cosa. Tendremos una lección separada con plugins, por ejemplo, esta bandera y quita el fondo de tu mayor para que no tengas que hacerlo manualmente y funciona bien con muchos objetos, con muchas mayores. Y hay muchos plugins diferentes por aquí. Ellos son entonces tipo cuatro es pilas. Entonces en realidad hay diferentes archivos por aquí. Y puedes navegar a estos botones. Por ejemplo, quiero enlazar algunos iconos y veo muchos archivos diferentes con puedo, así que no tengo que crear temprano a nuestros parientes. Puedo usar estos caminos, encontrar algo que me guste. Por supuesto, si lo deseas, puedes crear tus propios iconos. Pero si no tienes un proyecto muy serio donde tienes que crear todo desde cero. Probablemente puedas usar estos y puedes cambiar cualquier cosa que quieras dentro de estos archivos. Y los diferentes tipos de archivos y sistemas de diseño son archivos muy complejos, wireframes, archivos muy complejos también. Es para construir algunas interfaces. Hay ilustraciones en diferentes tipos de ilustraciones, personas, personajes, por motivos, y así sucesivamente. Por lo que Figma es un muy poderoso por su comunidad, por todos estos archivos que están disponibles para ti. Y esto es muy fácil de usar en tus proyectos. Entonces en realidad este es todo el gestor de archivos y la interfaz de frase. Creo que esto no es tan difícil. Y vamos a movernos a ver qué hay dentro del editor gráfico. Y empezaremos a crear y Varnas pronto. 5. 3.3 lienzo: El lienzo se encuentra en medio de tu pantalla. Está rectángulo gris de distancia. Puedes poner todos tus objetos. Puedes poner tus textos formas o lo que quieras. Entonces como ves estos en rectángulo gris, realidad puedes cambiar su color por aquí. Se puede establecer así este asunto y obviamente es una buena solución. Para que podamos fijar cualquier Karla como quieras. Creo que nos quedaremos con el gris y el Lienzo es ilimitado. Puedes acercar, alejar y te seguirá. Si pones muchos objetos por aquí, se escalará. Por lo que actualmente no tenemos muchos de ellos, por lo que nos moveremos más tarde y verás que puedes poner aquí lo que quieras. 6. 3.4 menú: El menú contiene todas las herramientas y comentarios sobre las mismas. Entonces veamos lo que hay dentro. En ocasiones es mejor usar la búsqueda para encontrar alguna herramienta porque no todas las herramientas y bienes comunes asignados en las categorías, pero algunas de ellas lo son. Entonces, ¿qué tenemos aquí? Nosotros hemos dicho, por ejemplo, queremos, no lo sé. Tengo algo. Uno vemos contar atajos? El Trucha es algo. ¿ Ves? ¿ Es? Funciona. Hay muchos comentarios de Towson sobre ellos. Entonces vemos un menú de archivos, podemos crear algo, decir algo agregado. Algunas de las herramientas solo están disponibles si seleccionas algo que se agrega. Por supuesto, tienes que firmar algo y luego puedes usar estas herramientas. Ver objeto, vector. Puedes arreglar algo nuevo, puedes usar algunos plugins. Cubriremos plug-ins más adelante. Ya verás que hay muchos de ellos están aquí, pero cuando empieces, tu plug-in estará vacío porque fiordo, querrás tener alguno de ellos, pero aprenderemos cuáles de ellos son útiles para nuestras tareas. Aviso fui a una preferencias convenidas encoge y algunas otras. Entonces, en realidad si no sabes dónde encontrar alguna herramienta o común, pero si estás seguro de que no debería estar ahí en Figma, puedes usar este menú de búsqueda. Y veamos un ajuste que en realidad es muy útil para nosotros porque es muy útil cuando creas equilibrio. Se encuentra en un vacío. Y dice Pixel Preview. Nosotros lo habilitamos. En realidad lo puedes encontrar aquí mismo como ves Pixel Preview 1 x o deshabilitado o a x, usaremos una x ¿Qué significa? Figma es un editor de vectores y cuando lo indeseables y lo ensamblas, ves que todas las formas y formas son muy bonitas. Pero si estableces la vista previa de píxeles, será así. ¿ Por qué es importante para nosotros? Porque cuando guardas tus pancartas y algunas de ellas son bastante pequeñas. Por ejemplo, banner móvil de Google, 300 por 50 píxeles. Si pones mucho texto por ahí, será como estos. Entonces, copiémoslo, estos textos y hagámoslo. Entonces ves que no es legible, pero si los picos indeseables previsualizan, es perfecto. Entonces, como ven, estos son muy útiles para nosotros. Y recuerda que todos estos ajustes se aplican solo al archivo que tu camina ahora mismo. Entonces tengo dos expedientes por aquí y dijeron, y vamos a aplicar al final a este expediente. 7. Herramientas de 3.5 5 5: Hay algunas herramientas de uso común en el panel de herramientas a panel se encuentra por aquí y veamos, uh, ¿qué herramientas tenemos? Estos conmutadores entre dos herramientas son dos morfos y mover y escalar. Cubriremos una herramienta de báscula más adelante porque la usaremos mucho. En breve. Herramienta de escala le permite escalar ese texto. Retraso. Estos y mover herramienta no te permite esto y lo ves como otra cosa. Entonces tenemos marcos. Puedes crear algunos marcos por aquí. Los cubriremos más tarde también. Y marco es el principal bloque de construcción en Figma. Y los usaremos mucho. Se puede hacer algo con él. Y marco contiene algunos otros objetos que puedes poner marco en otro marco en el otro veremos más adelante herramienta Slice. Si quieres hacer una imagen de algún error aleatorio, puedes usar estos y exportar, verás en la opción aquí para exportarlo como imagen. Por lo general, la gente no usa tanto la herramienta Slice. Entonces vemos diferentes formas. Puedes poner diferentes formas por aquí, no puedes cambiarlas. Los colorearemos. Si quieres colocar una imagen con esta opción, o simplemente puedes arrastrar y soltar imágenes en Figma como normalmente lo haces. Después hay algunas herramientas para dibujar. Ahí hay un bolígrafo y un lápiz. Y dibuja algunas curvas. Cambia algo como quieras. Y si quieres, puedes dibujar algo a mano. Es solo lápiz ordinario. Dibujemos algo. Sí, Wow, Hermoso. Ahora hay un texto y lo cubriremos más adelante también porque hay muchas opciones y las usaremos todas. En su mayoría todos porque queremos construir bellos pancartas. Y se puede cambiar algo. llamaremos llevó a término laico. Y aquí hay una herramienta de mano y una herramienta común. Los cubriremos más tarde también. 8. 3.6 opciones: Área de opciones cambia su contenido dependiendo de no qué objetos se seleccionen en este momento. Por ejemplo, en este momento, no hay ningún objeto que haya seleccionado. Entonces veo estos menús. Puedo hacer algo con todo el archivo duplicado y puede renombrarse, borrado, o para hacer lo que sea. Yo quiero. Estos muestra proyecto donde se encuentra mi archivo. Pero cuando seleccione algo, cambiará. Por ejemplo, selecciono textos. Ya ves que hay algunas herramientas disponibles por aquí. Y si selecciono esta imagen, ves que cambió una etiqueta. Si selecciono esta forma, Es otra. Si selecciono este marco , también cambia. Por lo que puedes usar este menú o este panel de opciones para acceder rápidamente a algunas herramientas. Por ejemplo, para crear componente. 9. 3.7 capas: Este panel se encuentra a la izquierda. Cuando creas un componente o un grupo, combina objetos dentro de sí mismo a x formas, imágenes, lo que sea que pongas ahí. Y como se pueden ver las capas por aquí. Esto es muy útil porque Figma te permite crear tantas capas anidadas como quieras y puedes organizar todos tus objetos como quieras. Entonces veamos un poco cómo funciona aquí. Hay diferentes capas y como ves, hay diferentes iconos de ellas. Puedo mostrar lo que hay dentro. Este es un icono de marco. ¿ Y dónde está nuestro marco? Está por aquí. Esto es ungroup. Este icono de un rectángulo discontinua significa grupo que hay algunos objetos que están agrupados y se pueden mover como grupo. Se puede hacer algo con ellos como grupo. Y aquí vemos ungroup se encuentra dentro de un marco. Aquí podemos ver sólo una imagen. Es fema más largo y tiene icono de una imagen. Tenemos algunos textos por aquí, es equipo. ¿ Y qué vemos? Tenemos un rectángulo, y si seleccionamos alguna forma, tiene un icono de la forma. Y hay algunos, en realidad hay algunos otros iconos. Déjame mostrarte. Por ejemplo, en, en esta página, podemos ver este icono. Significa que se trata de un duplicado o una copia de un componente. Y este icono significa que es un componente. Si vemos estos ICANN, sabemos que hay auto-layout. Lo cubriremos más adelante y podremos encontrar rectángulos horizontales como este. Esto significa que es un auto-layout horizontal y este es un vector, diseño automático muy vertical. Entonces como ves, Figma te muestra exactamente lo que hay dentro de la capa. Por lo que es muy fácil encontrar si quieres encontrar algún pecado. Y hay un hackeo. Como ves, hay un archivo grande, muchos objetos por aquí, y esto es bastante confuso buscar y encontrar algo aquí. Y hay un atajo muy bonito que uso todo el tiempo. Es Opción L o Alt L en ventanas y colapsará todas las capas. Seleccionado. Este. Déjame mostrarte otra vez. Por ejemplo, estoy aquí y uso la Opción L, la colapsa. Y si no selecciono nada y lo presiono, se derrumba todo. Por lo que es muy útil cuando tienes muchos objetos por aquí. Y si reordenas aquí algunos objetos, también se arreglarán aquí. Por ejemplo, pongamos este grupo. De acuerdo, vamos a crear algunos objetos nuevos. Y éste, éste. Hagámoslo, hagámoslo de otro color también. Entonces, como ven, están por aquí. Y si lo pongo así, la estrella está por encima de la elipse. Pero si los reorganizo aquí, aquí se arreglarán. Por lo que puedes usarlo cuando tengas algunos artículos de cruce. 10. Panel de diseño 3.8: Este es el lugar donde ves establecer y cambiar todas las propiedades de tus objetos. Este menú se encuentra a la derecha. Algunas de las opciones aparecen casi todas las veces. Coordenadas de alineación de objetos, efectos acariciados, y algunos otros. Y algunos de ellos dependen de tu selección. Si seleccionas diferentes tipos de objetos, textos, formas de marco, verás diferentes opciones por aquí. Por ejemplo, seleccioné texto y como ves hay algunas opciones de textos, font-family, alineación, columna, y algunas otras. Todas estas opciones son bastante simples, pero algunas de ellas son depredadoras. Kim, suelen estar en los marcos, el autodiseño, y eso es más para él. Sí. Está bien. Y las restricciones. Esto lo cubriremos más adelante, pero estas dos opciones nos permitirán crear muchos modales y hacerlo fácilmente. Y como ven, aquí hay dos paneles más. Vemos el panel de diseño y nuestro prototipo e inspeccionamos paneles. En realidad no los necesitamos, así que no los cubriremos en absoluto porque se necesitan ambos paneles. Si quieres crear un sitio web y una aplicación móvil, y quieres convertir tu diseño en código. Pero dos, vamos a crear bono o no necesitamos esto, así que solo usaremos el panel de diseño. 11. 3.9 comentarios y notificaciones: Mientras Figma sea una herramienta colaborativa, puedes dejar comandos, comida, tomate para ti mismo. Y en lugar de tu lienzo o de tu tablero de arte. Y cuál es otro nombre de Carl Woese tapas. Es así. Si ves esta palabra, esto significa tu lienzo. Entonces, ¿cómo hacer un comentario? Puedes usar estas herramientas y hacer un comando para alguien en solo un comentario. Simplemente se fue. Y todos los que tengan acceso a este archivo, veremos este comando. Y si quiero mencionar a alguien particularmente, usaré en como usted utiliza en todas las herramientas modernas. Y puedes dejar comentarios para tus compañeros de equipo o para ti mismo. Pero asumiendo eso, si vives común por ti mismo, todos en el expediente lo verán también. Por ejemplo, voy a dejar un comentario para mí, Niki, Dave se li, li's hacer algunos chistes para que estos caballos no sean tan aburridos. 12. 3.10 páginas: Puedes usar páginas para organizar un paseo. El sitio es una mesas de trabajo separadas en su archivo. Se pueden utilizar para separar algunos objetos o comprar alguna propiedad. Un tema, por ejemplo, se puede crear una página para banners de Google y otra página para Facebook inalámbrico. Si creas tantos balanceados que Figma se convierte en caminar despacio. Puedes dividir tu mesa de trabajo en páginas separadas y será más rápido. Y como se puede ver en este expediente, en nuestro expediente de trabajo, hay muchas páginas. Utilizamos la Página cuatro, capítulo separado de nuestro curso. Entonces aquí están. Si hace clic aquí, verá que están cambiando. Y si quieres crear una nueva página, debes hacer clic en este Plus y llegará nueva página. Quieres eliminarlo, solo tienes que hacer clic con el botón derecho, duplicarlo y eliminarlo. Si desea renombrar. Puedes hacer esto aquí o simplemente haciendo doble clic en su nombre. Entonces como puedes ver, esto es muy útil y muy útil para organizar tu entrada en páginas porque por ejemplo, quieres mantener algunos de tus archivos en páginas separadas, por ejemplo, como biblioteca aquí. Solo hay algunos archivos que utilizo en este curso y quiero que estén en algún lugar. Por lo que acabo de crear una Biblioteca paciente y aquí estamos. Espero que disfrutes usando páginas en tus proyectos. 13. 4.1 Figma: Hola amigos míos. En esta sección veremos cómo utilizar herramientas básicas y Figma, estas lecciones serán más largas que las anteriores, pero siguen siendo bastante básicas. Y si ya sabes usar Figma, probablemente puedas saltarlas. Pero si quieres, puedes vigilarlos. A lo mejor aprenderás algo nuevo. Entonces lo que veremos aquí, veremos cómo usar capas de textos, qué opciones están disponibles. Veremos cómo usar Carlos sombras fuertes, opacidad, todo esto para tu texto, para imágenes, para tus marcos. Ya veremos qué es un marco en Figma, este es un componente muy importante. Este es un bloque de construcción para todo. Ya veremos cómo dar forma en Figma ¿cuáles de ellos están disponibles aquí? Cómo combinarlos, cómo nueve ellos, cómo excluir unos de otros y así sucesivamente. Practicaremos un poco aquí y veremos cómo funcionan las restricciones. Y Figma, hay te permite crear alineación automatica de tus textos a tu saldo. Por lo que vamos a seguir adelante y ver todo en cada lección separada más adelante. Vamos a aprender a usar todas estas cosas básicas en Figma. 14. 4.2 capa de texto: A partir de este punto usaremos nuestro archivo de caminata donde tienes ejemplos y puedes repetirme y aprender a hacer las cosas. Entonces vayámonos allá y la lección de primera hora será sobre el texto. Aquí está nuestra página fema básicos, y por aquí está nuestro paseo en la zona. Caminaremos en estos errores rayados donde podrás encontrar algunos ejemplos. Y caminaremos aquí en zonas más oscuras. En este caso, todos los ejemplos estaremos orgullosos de nosotros. Y ahora juguemos con este texto y veamos ¿qué podemos tener nuestra copia? Algunos de ellos aquí deberían estar bien. Voy a copiar uno del texto y ver qué puedo hacer con él. Como ven, tiene tamaño 36, por lo que haré un comando de copia C, Comando V o Control C, Control V en Windows. Y veamos qué ajustes tengo? Seleccioné el texto y veo que es fuente, Roboto, negrita. Tiene algo de esto dice sedimentos, los cubriremos y hay muchas otras configuraciones por aquí. Entonces cambiemos el tamaño para estar siendo. Ahora. Copiarlo y cambiar su peso. Hagámoslo ligero o incluso delgado. ¿ De acuerdo? De acuerdo, copiaré estos tanques y lo haré tromboemboli, ligero o regular. Y pondré el espaciado a, digamos 15 aquí probablemente sea algo así como aquí. Está bien, Puede hacer este texto. Los años. Como ves, esto se ve más elegante. Algunos proyectos para algunas etiquetas, líneas rojas. Puedo cambiar la fuente. No tengas idea de cuál es la fuente por aquí. Probablemente. Dice y-bar. Vamos a encontrarlo. Como ves, hay muchas fuentes. Ahora estamos aquí y lo hay. Un momento con las fuentes. Si caminas en línea con tu navegador, no tienes que instalar fuentes en tu portátil o en tu escritorio. Pero si utilizas la aplicación Figma , tendrá algunos bonos en su interior. Pero si usas algunas fuentes que faltan, tienes que instalarlas en el sistema. Y después de estos Figma los recogerá y podrás usarlos. Donde puede suceder. Por ejemplo, usted la carga algún archivo de proyecto. Y Figma dice que te faltan fuentes y Pigma intentará reemplazarla por alguna otra fuente. Y puedes elegir a qué fuente cambiarla, para reemplazarla. Pero si quieres tener la fuente original, solo tienes que descargarla. Entonces en realidad es lo mismo en todos los demás programas que se utilizan fuentes. Tienes que instalar las fuentes en tu laptop para utilizarlas. Al principio, puedes usar la versión del navegador, pero te sugiero que lo utilices. Es más práctico y será menos ingenioso para tu computadora. Porque cuando abres un navegador, por lo general hay muchas pestañas por ahí. Y cuando uses solo un programa separado para Figma, y procesará solo tus archivos Figma. Entonces encontremos nuestro camino. Bono. Muy bien. Sí, Así que estamos aquí. Ahora. Veamos algunos de los ajustes. Fuera de las malas hierbas, fuera a altura y tamaño fijo. Fijo. Sí. Si quieres hacer textos como este, hay varias formas de hacerlo. Por ejemplo, puedes presionar enter server y varias veces, y aquí estamos. Eso es copiarlo y pegarlo. Podemos cambiar, cambiar a este fin ni siquiera me permite saber algo. A ver, teníamos nuestro texto original y utilizamos estos ancho fijo y queremos cambiarlo. Por lo que se ve el texto que sigue. Esto es bastante útil. Y si utilizas un tamaño fijo, es en este caso, si quieres escribir algún texto extra. Ahora ya ves lo escribí, pero va por debajo. Y estos rectángulo azul muestra real o el borde de la capa de texto. Y ahora puedes pensar que no es importante que las etiquetas vayan por debajo. Pero si utilizas algunas otras herramientas, si combinas estos textos con otros objetos, si los alinea , esto hará un lío. Entonces por eso suelo usar ancho fijo o altura fija dependiendo de qué comportamiento quiero que este texto se realice. Sigamos adelante y veamos algunos de ellos. Sedimentos. De acuerdo, ¿a ver qué tenemos aquí? Tenemos esta sentencia. Dice altura de línea a 100 y tener este ajuste que se llama párrafos espacio. ¿ Y cuál es la diferencia? La diferencia es que la altura del cliente es en realidad una altura de la línea de su texto con el espacio. Y el espaciado entre líneas es así de delgado. Establezcamos la altura de la línea 200, Uno, 100. Y digamos espacio entre líneas para enviar estos vectores 0. Y ellos, inicialmente era distinto de cero hacia exteriores. Y como ven, es ser un porque agregamos más espacio por aquí. Y esto es sólo un ejemplo de nuestros textos sin la sentencia. Y aquí hay otros tres textos. Como ves, tienen tamaño fijo y alineación diferente. Y abajo, medio, y arriba. En realidad, hay muchos más ajustes por aquí. Puedes hacer tus textos tachados en la línea o algo así. Se puede jugar con todas las cosas. No los cubriremos ahora mismo porque hay muchos de ellos y no los usamos tanto. Y eso es todo con la configuración de texto más sencilla. 15. 4.3 Relleno, color, pincha, sombría, opacidad: Ahora veamos opciones como el color, la sensación, la sombra, y otras. En este punto, los aplicaremos al texto, pero más adelante veremos cómo usarlos con diferentes objetos. Entonces aquí estamos. Tenemos nuestro texto y veamos ¿qué podemos hacer con esto? Seguramente, tal vez hagámoslo tendido estos sería útil para que usáramos estos. Y como ustedes entienden, cambiamos esto de la Karla anterior a estas de aquí. Ahora podemos establecer cualquier columna para quererlo. Por supuesto, sigamos con este. De acuerdo, Entonces, ¿cuánta opción de tiza? Hace que estos fronterizos. Y podemos hacer que sea así. Y ella son algunos escenarios, por ejemplo, o por una ciudad se vuelve transparente. Y el set, y vamos a hacer doble clic aquí. Esto hace que tu frontera fuera. Estos por dentro en realidad se volvió todo a molec. Hagámoslo cinco. Y diferencia afuera. Entonces aquí está la fuente en sí y la negra es un innato. Pero si lo colocamos dentro, todo el ancho del término de plomo se convierte con el agua dentro de él. Entonces si dice siete, argot estos set así. De acuerdo, oigamos. Y centro es en realidad sus centros. Entonces si dijimos cuatro píxeles, cuatro píxeles modernos trazos dos de ellos van adentro y todos van afuera. Obviamente, ¿qué tenemos aquí también? Haz las esquinas alrededor con los ajustes. Podemos hacer desaliñado. Camina así. Pongamos 20 y 20. Entonces es esta base en y guiones reales. Ver en longitud estos, puedes jugar con estos ajustes. Y en realidad estas son la frase principal. Casi dibuja con eso podríamos querer usar. Por supuesto, para que podamos cambiar el color del trazo. Obviamente. Entonces hagamos una sombra. Ahí. Algunos efectos por aquí. Y si haces clic en el botón Plus, aparecerá el primer y el efecto principal, Es Sombra de gota, nuestros hijos, hay cuatro de diferentes efectos por aquí. Sombra interior. Echemos un vistazo a un y lo hagamos más visible. Bueno probablemente está haciendo poder escuchar aquí estamos. Ahora es más notable. Si queremos hacerlo más borroso, podemos hacerlo. Al igual que estos. Podemos usar varios efectos y al mismo tiempo, y al mismo tiempo podemos soltar sombra. Estos vieron que la sombra no podía ser diferente. Nuestra sombra interior es agregar algo de volumen a tus colaboradores. Y cuando dijiste que dejara sombra y entendiera que es inscripciones por encima de algo. Entonces es la sentencia de sombra. Haber visto que podemos hacerlo muy. Y ves que hay varias sombras de forma por aquí. Y repitamos cómo hacer esta sombra y hacerla. Paul. No lo sé. Y y y no más. 16. Y Algo conociendo estos aquí así. Algunos de estos bordes, nuestros textos se ponen en lo alto. Algunas otras formas, por supuesto, solo puedes escribir la fuente y su texto principal como este. Por defecto. Todo el sentimiento es sólido así. Pero si eres dueño, puedes crear un gradiente parejo. Vemos, por ejemplo, radial un intervalo sería de aquí para allá. Y como ves, va de negro a transparente. Y queremos que esta cosa sea azul y no transparente. Y el primer indicador será rojo. Delgada. Similar a éste. Por lo que se ve en este texto de gradiente. Y si queremos, podemos llenarlo con una imagen. Aquí. Deberíamos dar click aquí y seleccionar imagen. Por defecto, paga estas sillas hechas y podemos subir las nuestras propias. Hagamos estas imágenes. De acuerdo, y aquí hay alguna frase de esto. Ahora, llena la imagen con la opción de escala no está disponible, es un 100 por ciento. Podemos usar estos azulejo. Aquí se ve la vista previa. Es como mosaico. Puedo cambiar la escala, por ejemplo, a éstas. Y en este caso, que las cubiertas serán así. O podemos hacerlo. Estos son la cubierta tan parecida al espejo. Y la pantalla. Vamos a traerlo de vuelta. Podemos utilizar el método de recorte para ajustar los colores exactamente como queramos. Pies. Ya ves, aquí no se ve bien. Casi no uso esta opción. De acuerdo, entonces finalmente tenemos algo parecido al ejemplo. Y ustedes ven los dos, podemos aplicar diferentes efectos al texto. Y en realidad se puede hacer esto con diferentes objetos también. Por ejemplo, como ves hay alguna forma por aquí contrarrestaría a golpe para comer. De nuevo, deja caer sombra, y así sucesivamente. 16. 4.4 cuadros: Se puede pensar en un marco como un contenedor. Puede causar diferentes otros objetos en su interior y tiene sus propias propiedades y apariencia. Entonces mudémonos aquí y veamos qué podemos hacer. Y con los marcos. Para crear marco, podemos usar este marco de herramienta en solo presionar el botón F. Y si hacemos click en algún lugar del marco, aparece, si queremos llenarlo. Para que no sea transparente y solo agregue este botón más. Y por defecto, se llena de cuello blanco. Y por defecto el tamaño del marco es de 100 por 100. Para que podamos llenarlo con algunos otros colores. Aquí los puedo encontrar. Todos venimos a recoger algunos colores que antes se usaban. Escogeré este amarillo. O si quieres ver el color que se usaba antes, puedes encontrarlo aquí y solo para aplicarlo, intenta aplicarlo aquí. Podemos poner algo dentro del marco. Por ejemplo, seleccioné este marco y ahora elegiré Herramienta Texto. Yo equipo de prensa. Y luego hago clic dentro del marco. Y voy a tipo T, tn, tn. Puedo colocarlo aquí mismo. Si quiero, cambiaré el tamaño, lo haré más grande así. Y como ves y la última quemadura, toda esa capa de texto está dentro del marco. Por ejemplo, si quieres mover solo la letra T, tienes que seleccionarla por aquí. O otra forma es hacer doble clic en él y pasará por el marco. Selección irá aquí. Verás que está seleccionado el texto. Y si quiero moverlo, puedo moverlo con el teclado. Ya verás lo que está pasando. Lo he perdido. Es porque nuestro marco tiene este contenido de clip de casilla de verificación. Si desmarco esto, veo lo que hay fuera del marco. Si reviso esto, veo sólo lo que hay dentro. Por lo general, utilizamos este conjunto y se enciende. Voy a pegar colocarlo de nuevo. Está bien. Sonidos Y yo mecanografié antes marco de frotis. ¿ De acuerdo? Esto puedo hacer bonder usa trazo a cinco. Y si quiero, puedo hacerlo transparente. Puedo ocultar este sentimiento o simplemente quitarlo. Fue mejor esconderse porque si quieres mostrarlo más tarde, puedes hacerlo sin las mismas operaciones de nuevo. Probablemente te hayas dado cuenta de que seleccioné, por ejemplo, este marco. Después presioné el comando C para copiarlo, y luego presione Comando V para pegarlo. Y como ves, aquí ha aparecido la nueva capa. Y en el lienzo, lo veo exactamente esos y ese lugar de donde lo copié. Entonces cuando caminas en Figma, tienes que entender cómo funciona esto porque a veces quieres encontrar el objeto que lo pegas y no puedes hacerlo. Y por ejemplo, copiaré este y luego me mudo a algún otro lugar como aquí y lo pego. Y en este caso, como ven, lo pegó aquí en medio. Porque Figma entiende eso. Sí, me mudé de esa parte y la pegué en algún lugar donde pueda verla. Está bien. ¿ Qué tenemos aquí? Tenemos algún marco con algunos textos. De acuerdo, vamos a crear otro marco. Hagamos que sean mil o no sé, 600 a 600. Y lo vamos a sentir. Ahora vamos a añadir algo de texto en el interior. Existen varias formas de hacerlo. Puedo hacer clic aquí y pegar un poco de texto y hacer y ser. Está bien. Y otra forma es pegarlo aquí y simplemente arrastrarlo al marco. Y como se ve a la izquierda, el panel de capas, hay algunos cambios. Lo arrastro por aquí y sale fuera del marco 55. Si lo arrastro aquí, va dentro del marco 55. Si lo arrastro aquí, va dentro del marco seis a uno. De acuerdo, entonces ahora tenemos dos textos dentro del marco, y los puedo ver aquí. Se puede poner un marco en el marco. Vamos a duplicar este. Y vamos a ejemplo, coloque este marco dentro de él. Como se ve en el panel de capas, hay un marco dentro de un marco dentro de un marco porque nuestro todo este gran objeto es un marco en sí. Está bien. Se puede jugar alrededor yo sólo y este objetos para que usted entienda cómo puede arrastrarlo. Pero creo que ya lo estás, probablemente ya lo entiendes. Para que podamos seleccionar esta imagen y simplemente arrastrarla al marco. Entonces en realidad estos son los conceptos básicos de los horneados del marco. Los usaremos mucho más en el futuro. Usaremos diferentes configuraciones con ellos. Y como dije, marco es uno de los más importantes, los bloques de construcción cruciales en Figma. Usando marcos, podemos construir cualquier cosa que queramos y definitivamente los usaremos mucho para crear biomasa de grado. 17. 4.5 formas: Hay varias formas disponibles en fema y las cubriremos todas. Entonces vamos a ver cuál de ellos sí tiene pelo. Como ves, el primero es el rectángulo. Por lo que voy a escalar o mentir estos y tratar de citar haz. Ahí está delgado o incluso los voy a crear desde cero. De acuerdo, es un rectángulo, o si creo, se convierte en un 100 por 100. Pero quiero hacerlo más grande. Digamos que si dije estos, 250 en roles como estos, pero si presiono este botón, esto significa bloquear ratio de los lados si pongo aquí, así que ven en esos promocionales Ok. Lo apagaré y lo pondré para liberar estos amarillos. Similares. Puedo usar el relleno. ¿ Qué pueden hacer para usar el mismo color? Puedo vender estos rectángulo y copiar el color. O puedo usar estos para elevar el color de, para ser el color de otro lugar. Entonces si quieres, en realidad, si te darás cuenta hay tal como zoom por aquí cuando usas un selector de color. Por lo que permite estar en la columna. Bueno, es muy precisamente para usar. Por lo que te muestra todo el documento pixel por pixel. ¿ De acuerdo? Y la otra forma de usar estos colores que usé antes, vale, los mandaré aquí. Y ahora me gustaría crear un rectángulo. Yo copio este. A mí me gusta crear como carrera y cambiar su tamaño. ¿ Qué dice tengo? Yo puedo hacerlo alrededor. Está bien. Si quiero, puedo crear algunos de los rincones alrededor. Y para ello, tengo que dar click aquí y te ves ahí para los pixeles en cada uno de ellos. Pero si quiero, por ejemplo, quiero poner este rectángulo a este lado y quiero dejar esquinas para ser un cuadrado y ser, y para escribirme esquinas alrededor. Entonces de esta manera tengo que encontrar cuál de estos ajustes pertenece a cada esquina. Aquí hay una pista. Esta es la primera esquina, su parte superior izquierda, y va con las 24 horas. Entonces si quiero cambiar estos a 0, y si quiero cambiar tu esquina inferior izquierda, tengo que poner estos. Está bien. Entonces como dije, Ok, voy a adjuntarlo a un costado o algo así, vale, alertas las enviaron de vuelta a 0. Y todas las demás opciones son bastante similares a las que tocamos antes. El siguiente lente. Diferentes líneas. Y puedo seleccionar la herramienta Línea y dibujar la línea. Lo que tenemos de nuestro set es que puedo establecer inclinación de la línea. Lo pondré en 0 para que sea horizontal. Voy a establecer en 90 punto será una línea vertical. Tráelos de vuelta. Con, ya ves no tenemos la altura porque es una línea. No tiene VIH. Tiene un derrame cerebral. Si quiero hacerlo más corto, pondré 500. Y si quiero hacerlo más grueso, tengo que usar el ajuste. Plomo dijo que lo declaró y hasta hasta el 30 para ver todo. Y vamos a ver, tenemos una línea 530. ¿ Qué más tenemos? Si quiero, puedo hacer algunos de los rincones de la línea, puede estar alrededor en realidad no extranjeros, sino lados de la línea. Para ello, tengo que hacer doble clic en la línea para entrar en el modo editor de puntos. Puedo editar cada Dada. Cada punto, por ejemplo, ESTA vendiendo estos. Y entonces tengo que ir aquí y hacerlo por ahí. Entonces como ves ahí alrededor a diferentes lados de la línea, para que uno envíe uno de ellos. No escojo ningún lado, ningún punto y solo dijo cuadrados a la redonda. Seguro que puedo poner flechas que las mirarán un poco más tarde. Y eso es todo. Hay algunos Suficiente dicho Adolescentes por aquí, guiones, Digamos Dan y 10. También va a salvar P-V-T. Aquí Tim. En realidad, si dijimos que es cierto a un píxel, la longitud de cada guión será igual a la longitud de cada espacio. Pero por el derrame cerebral, vemos tal. Espacios pequeños y ser guiones. Entonces vamos a ponerlo en un píxel. Y como ves, ahora, son iguales. Pero cuando corrí esto más grueso, va así porque como ves realmente el final de la línea, el final de la línea dijo en 0s aquí en este punto. Pero cuando agrego este medicamento, va más allá. Y lo mismo con cada espacio. Vamos camino como Bayes se convierten en espacios cada vez más pequeños y los platillos y se vuelven un más anchos a lo largo de eso. Entonces si tengo tal línea de 30 píxeles y si quiero hacerlos iguales, tengo que establecer algo como esto. En realidad, se puede calcular exactamente qué parámetros sentarse aquí, pero visualmente el, casi lo mismo. Está bien. ¿ Qué tiene con pequeñas líneas? Vamos a copiar pegarlo. Quitemos los platos. Está bien. Podemos establecer su color. Otra vez. No dice d es indicho aquí en la opción de campo. Verás que el latín pasa porque la línea y no tiene la opción de sentimiento. Tiene un trazo y puedo cambiar su color por aquí o hacerlo naranja. De acuerdo, entonces creo que cubrimos toda la frase que quiero b a cada uno de ellos. Es obvio que si quiero que suene demasiado delgado, similar a estos 1, 2 lo dijo mal en la herramienta de bucle. Entonces llenando estos dos set y hazme bien. Sí. Por aquí y hazlo más grueso. Principal plomo a no sé si has leído un similar. Ahora, flechas. Como has visto, las flechas son, pan es similar a las tierras en realidad, hace el mismo objeto en la materia Figma. Para mayor comodidad, cavarán en el punto separado. Entonces la herramienta separada. Si queremos crear una flecha, podemos usar ésta o podemos. Gire cada uno o cualquier alineamiento en aero. Hagámoslo desde el menú, Vamos a bajar el zoom. Envía estos a 0. Ahora manda estos a verlo. Está bien. Para tener miedo de usar, si selecciono algún punto y uso esta herramienta, cambio esto dentro del juego. Sí, Platón obvio. Uno, hay un inconveniente con flechas en Figma, cuanto a mí, centrado de nuevo flecha de dos líneas. Y si quiero que estas flechas gane, los lados sean más grandes. Tengo que mandar este chiste más grueso. Este caso en la mayoría estar sobre si quiero dejar este trabajo igual. Y para que estos sean no puedo hacer esto en la figura. En este caso. Tengo que dibujarlo manualmente. Selecciona línea y para dibujarla. De acuerdo, cualquier rango estos por ejemplo. Pero estos pueden ser así de fáciles. Y no me gusta este método porque es metal y es sólo en el Reino Unido. Herramienta tan precisa. Estos se llaman cerveza fría, estas líneas y para hacerla así. Sí. Entonces, como ven, puedo hacer esto. En realidad, cambié el ángulo de la flecha. Es rodillo 45 grados. Yo lo puse a 30. Y ahora puedo combinar todas estas líneas en un solo objeto, puedo usar estas unión de operación booleana. Por lo que uní la selección y ahora puedo conseguir mi flecha. ¿ De acuerdo? Muy bien, hagámoslos naranjas. Si desea establecer el color de los diferentes objetos, puede seleccionarlos todos como lo hice en este momento. Y hay una selección de menús colores. Y voy a mostrar sobre, sí, he dicho sensación de algunos de estos objetos para leer. Por qué sembro y no veo eso el lienzo. Pero si quiero convertir todos los chistes de homenaje negro en naranja, claro. Obviamente hay que vender estos colores y cambiarlo a nuestro naranja. Sí. Y ahora son iguales. Creo que terminamos con flechas. Y movamos esos círculos. Tenemos círculos y óvalos, o un aquí y un fin y hacerlo desde esta gran venta esta herramienta y mandar estos dos, digamos 300. La otra forma de hacerlo es utilizar una herramienta de escala. Usar herramienta de escala. Yo lo redimensiono proporcionalmente. Si uso mi herramienta de movimiento, va a ir Lang estos. Pero creo que estoy contento con el tamaño. ¿ De acuerdo? Entonces un rol S2, acurrucarse y opciones de premio hacen, o ¿qué opciones tengo aquí? Vamos a copiarlo y pegar. Y como ves, estos vientos por aquí, y puedo diferir en buena Tire de él. Y eso está pasando. Vea las opciones después de estos puntos e hizo de esta herramienta de segmento nuevos puntos un poco por aquí. Este es para una fecha de goteo. Y este es el mismo que antes no lo hacíamos. Y este te permite hacer así. Por lo que tenemos tres objetos diferentes hechos a partir de un círculo. Y hagamos lo mismo con el OLS. Por lo que voy a copiar pegar estos. Está bien. Lo haré o rodar. Está bien. Y para estos, tengo que Ya ves, he metido esto en el centro M nada cambió. Pero si lo jalo contra reloj, rural arriba. Y si quiero Sí. Y cómo hacer este círculo que está en esta extremidad, haz esto. ¿ Quién? ¿ Este punto de aquí? Sí. Y tenemos este círculo con un agujero dentro de él. Pasemos a polígonos. Esta es otra herramienta que tenemos aquí. Y otra forma. Cuando creamos un polígono, hace un triángulo. Y hay varias opciones. Vamos a ponerlo en naranja. Mi defecto, hace forma de igual con lados iguales. También hay varias opciones de éstas. Establece la cantidad de ángulos, y vamos a establecerlo en m, Estos 1 y hace que las esquinas alrededor de estos. Y como ven, puedo hacer estos con estos puntos. Yo roto esto y, y, y obtengo más y pérdida k Distingugamos este. Y si los conozco, puedo conseguir algunos, otra forma, K. Y si quieres conseguir alguna forma aleatoria de estos, puedes hacer doble clic en él y tirar de estos brazos. Momento. ¿De acuerdo? Sí. Puedes hacer como estos o puedes agregar algunos orígenes están aquí estamos. En realidad se puede hacer incluso colocando el es para crear este tipo de formas. Puedo decir que uso la herramienta Polígono que coincide. ¿ Y si quieres crear algunos objetos complejos? Objetos probablemente usarás estos dos. Y la última forma que tenemos es como alquitrán. De acuerdo, vamos a crear algunas Doris y podemos matarlo y hacerlas más pequeñas. Y esta es la cantidad de ángulos. Hagámoslo así. Estos, estos hombres sólo 20 por ciento es 80 por ciento. Para que puedas crear cualquier forma que quieras. De acuerdo, y claro que puedes hacer esto aquí. Estas cambiarán de una a dos de tus vigas, y éstas lo harán redondo. Entonces cuando estas herramienta puedes crear fácilmente, por ejemplo, una estrella ocho y para tu equilibrio. Entonces para estos puntaje de plomo vía Hagámoslo la ley. Sí, más afilado. Y sólo duplicar estos dimes acoplados. De cinco estrellas. Y si quieres hacerlas, mantente en la fila, puedes seleccionar todas estas formas. Como ven, no hay dos de ellos, pero hay cinco estrellas por aquí. Y puedes usar estas herramientas, arreglar y molestar, arraigar y distribuir el espacio horizontal. En este caso, ellos conocerán estos y yo puedo enviar esta base, cambiarla. Después de aplicar esta herramienta. Espacio horizontal en Horizontal Distribuir, espacio distribucional. Y siempre se puede cambiar por esto o incluso es, y vamos a hacerlos amarillos. Entonces ahora es calificación de cinco estrellas. De acuerdo, eso es todo. Lee este torogo. Y ahora veamos cómo combinar diferentes formas usando operaciones booleanas en grupos booleanos para crear diferentes formas de estructura complicada. Entonces para estos, Vamos a crear un rectángulo y círculo. ¿De acuerdo? Y trata de hacer algo con ellos. Entonces como te ves ahí alrededor de diferentes formas. Aquí estaba la diferencia. El primero es sólo dos formas, una y otra. Vamos a copiarlo y pegarlo. Y otra forma de organizarlos es agruparlos. Puedo hacer click derecho en él. Y un grupo de la selección, como han visto, hay en grupo por aquí. Y estos objetos están organizados en grupo. El otro modo es enmarcar esta selección, hacer un marco de dos estos objetos. Puedo hacer clic derecho en él y selección de marcos. Este caso, tu cerebro. La diferencia entre grew y frames es que frame tiene más ajustes y se pueden utilizar diferentes opciones como auto-layout o algunas otras con los fotogramas. Y grupo es justo Unión, ni siquiera un sindicato es sólo un grupo de objetos de perro. Y pasemos al sindicato. Estos. Y vamos, ya sabes, a esta cosa es real sobre D hizo antes cuando creamos esa flecha. Ahora, hagámoslo otra vez. Yo uní este círculo y un rectángulo y como ves, hay un icono que representa su nueva forma. Y a partir de este punto de estos hay un solo objeto. Todas estas cosas contienen dos objetos separados y puedo seleccionar el círculo y hacer que se vea. Yo puedo hacer esto con todos estos tres y estamos respondiendo, pero después de que los ilumine, puedo hacer con estos. White In no camina y simplemente se queda sin el TO unirte en que si mentiste a algunos objetos, usa el fallo para cambiar el color de los mismos. ¿ De acuerdo? Y deja que C alcance los métodos. Métodos. ¿ Tenemos que unirnos para cortar el uno del otro? Tenemos que pagar intención en cuál de estas formas está arriba y cuál está en el trabajo de muelle, que está en la parte inferior. Cuando usamos todas estas permitidas las herramientas, por ejemplo, si resto de esta selección, ve que la elipse está en la parte superior. Al hacer clic en él, el elemento superior se resta del inferior. Y consigo este tema. Es copiar pegarlo otra vez. Y en este caso, cambiaré su orden y lo volveré a hacer. Y yo tengo estos. Está bien. Ahora, usemos estos océanos. Y si quiero excluir uno de otro, contrario, los vendo y uso esta herramienta. Y tengo un hoyo por aquí. Como ves, hay muchas operaciones booleanas que puedes usar con tus formas y combinando todas estas herramientas y siempre formas que puedes crear, dar forma, lo que quieras. 18. 4.6 cuadros vs. formas: Cuando tienes que crear un rectángulo, siempre tienes la opción entre crear una forma o un marco Creighton. En cuanto a mí, veo sólo dos opciones a elegir. Una forma, no un marco. El primero es cuando sabes que usarás operaciones booleanas con tu rectángulo, extraerás algo del trigo y así sucesivamente. El segundo es cuando estás seguro de que este rectángulo seguirá siendo solo un rectángulo sin ningún contenido dentro de él. Entonces si querías crear, por ejemplo, una botella, pero n suele ser algún rectángulo con algún texto dentro. Entonces en este caso, te sugiero que uses un marco porque tendrás muchas más opciones. Usando marco que no están disponibles para las formas. Hay algunos de ellos, pero lo más importante probablemente sea el autodiseño. Y esta opciones nos permite crear todos esos bonos y minutos complicados. Y este es uno de su principal punto de construcción de todo el proceso de Figma que utilizamos para crear banda de equilibrio tan rápido. Lo cubriremos más tarde, claro. Pero por ahora, te sugiero que uses marcos en lugar de formas si quieres crear rectángulos que tengan Sam contenido dentro de él. Y veamos cómo funciona esto en la práctica. Entonces vamos a crear algo, algo, algunos rectángulos y algunas formas. Primera herramienta y el rectángulo. Y lo haré así. Y el segundo será marco. Aproximadamente lo mismo. Y ahora quiero crear un botón, por ejemplo, o lo que es bastón es un rectángulo con un texto sobre él. Por ejemplo, agregando esto para ponerlo en el medio, y lo pegaré aquí. ¿ Cuál es la diferencia? La diferencia es que puedo usar varias opciones para el marco. Y uno de los más importantes es el diseño automático. Lo cubriremos más tarde, pero veamos cómo funciona ahora mismo. Entonces hagamos un grupo de estos dos objetos para usarlos más. Handy, m y k Y esto será de forma, y este será un término de Ferrari. Y vamos a enviarles del mismo color. Por ejemplo. Llénalo de naranja o amarillo, y haz lo mismo con estos. De acuerdo, entonces tenemos dos botones similares. ¿ Cuál es la diferencia? Aparece la diferencia cuando queremos cambiar algo. Por ejemplo, queremos cambiar este texto. Haga clic aquí ahora. Ya ves, vale, pongamos esto para expiar con fuga aquí ahora. ¿De acuerdo? Y si queremos que este Martin se vea bien, tenemos que ajustar hombre sólo para hacer algo así. Y luego saber algo así. Y luego tendremos que encontrar el centro. Y se ve así. Pero cuando usamos el marco y usamos el diseño automático, podemos simplemente escribirlo. Y como ves en filas ahí, se ajusta a nuestro texto. Y no tenemos que hacer todas estas manipulaciones. Manoa, usaremos mucho esta herramienta, pero justo por ahora, te dejaré con esta información. 19. 4.7 limitaciones: Rstrictions es un conjunto en Piamonte que permite controlar cómo se interrelacionan los objetos que están dentro del marco y el movimiento y alinean con los bordes del marco. Echemos un vistazo en la práctica y vayamos a las restricciones de página. Y aquí los vemos. Las restricciones caminan solo para los objetos que están dentro del marco. Por ejemplo, aquí hay un marco. Y Harris algunos objetos en, objeto adentro y cuando selecciono este marco que no se encuentra y algunos otros, y algún otro marco, no veo la configuración por aquí, pero cuando selecciono algo dentro de él, veo Restrinciones menú. Entonces veamos cómo funciona. Por ejemplo, tenemos esta imagen dentro del marco y tenemos restricciones arriba a la izquierda. ¿Qué significa? Significa que esta imagen se pegará a los lados izquierdo y superior del marco. Si cambias el tamaño del marco en sí, veamos cómo funciona. Y hacer Lang estos y la imagen está en el mismo lugar. Pero si cambio de tamaño a este lado, imagen sigue las fronteras porque este es el lado superior y el lado izquierdo. Aquí está lo contrario. De abajo a la derecha? Si cambio este lado aquí, sigue. Si un aquí, no sigue. Y veamos el centro. Es dice centro, centro. Esto significa que el objeto, la imagen estará en el centro, sin mirar dónde está el centro. Por lo que está justo en el centro del marco. Y podemos combinar la sentencia. Por ejemplo, esta imagen tiene un derecho y los científicos ajustes. Esto significa, y se pueden ver estas línea azul discontinua que muestra diversas restricciones establecidas. Entonces si muevo este mortero, no sigue. Si muevo esto, sigue. Si hacemos algo con el tamaño vertical, está en el centro porque tenemos restricción centrada vertical. Entonces si me gustan estos, siempre está en el centro verticalmente, pero no sigue estos lados horizontalmente. Pero si me jalan estos rincones, veo que esta imagen me sigue. ¿De acuerdo? Y tenemos otra opción. Dice izquierda y derecha, arriba e abajo. Si hace clic aquí, seleccionará a la izquierda o a la derecha. Si quieres establecer izquierda y derecha, tienes que presionar Comando o Mayús y hacer clic en este icono y obtienes tus restricciones izquierda y derecha. ¿ Qué significa? Significa que si cambiamos el tamaño del marco, el objeto 2 permanecerá la misma distancia entre su borde y el borde de los marcos. Obviamente esto significa que el objeto en sí será redimensionado, criticado si redimensionas su marco. Entonces como puedes ver, tenemos el mismo patrón alrededor de esta imagen. Pero se está redimensionando la imagen misma. Por lo que estas restricciones se establecen y las usaremos mucho con auto-layout. Cuando creamos algunos textos complicados, burbujas o simplemente colocamos algunos objetos en nuestras pancartas. Vamos a ver esta suma y ahora ya se acabó. Para nuestra configuración de restricciones. 20. 4.8 formas de exportar archivos: Veamos cómo descargar el archivo que creamos en Figma. Figma nombra que exporta y vamos a ir a nuestra página de banners de Google y la usaremos como ejemplo. Entonces cuando quieras exportar algo para descargar tus archivos, tienes que seleccionarlo y presionar este botón Exportar. Si selecciona un objeto, se exportará. Sólo come. Si vendes como dos de ellos, exportará dos capas. Entonces, ¿qué opciones tenemos? Puedes elegir un formato, podemos añadir un sufijo. Por ejemplo, creé una versión separada de estos banners, y esta es mi versión número 4. Entonces en este caso, puedo agregar este sufijo, por ejemplo, V4. Y cuando exporte los archivos, cada uno de ellos tendrá un sufijo v4. Vamos a salvarlos. Entonces vamos a buscar y ver estos archivos con sufijo V4. Y podemos cambiar una escala. Qué vamos a descargar. Y podemos usar este tamaño fijo, pero generalmente solo uso una x y eso es todo. Por lo que estas son las principales opciones de exportación en Figma. Y las alternativas están usando plugins. Los cubriremos más tarde. Existen dos plugins que te permiten comprimir tus imágenes. Estos son minúscula compresión de imagen. Lo ejecutaremos y comprimirá nuestras imágenes a algo más pequeño. Y hay un plugin add compresor que está diseñado específicamente para banners de Google. Vamos a encontrarlo. Está en compresor. Y mostrará cuál de estos pancartas mayores a 150 kilobytes. Y tratará de comprimirlos para que se ajusten a estos límites. De acuerdo, cargará algún tiempo. Y como ya he dicho, tendremos una lección separada sobre plugins donde podremos ver cómo usarlo. Y también hay opción para establecer perfects de salida tienen algunas imágenes que están siendo mayores a 150 kilobytes y podemos comprimirlas. Este es un contador, y esto muestra cuántas de mayores podemos comprimir al mes de forma gratuita. Por lo que acabo de comprimir a archivos. Y si presiono el botón Comprimir, este contador subirá. De acuerdo, quiero usarla. Comprimirá las imágenes que son mayores a 150 kilobytes. Entonces como ves, no toca estos formatos. Tocó sólo les dijo de esa manera más grande. Podemos descargar nuestras imágenes. Crea un archivo y puedo descargarlo. Se llama anuncios de Google por defecto. Y ver en esta curva. Y aquí vemos todas nuestras imágenes, y todas son menores de 150 kilobytes. Por lo que si no excedes el límite de 500 bono al mes, puedes usarlo de forma gratuita. Y hay una cosa que hay que saber. No comprimirá todos los archivos si son demasiado grandes. Entonces si el archivo fuente es más que, no sé, un megabyte, dos megabytes. No lo comprimirá a este nivel. Por lo general, no lo enfrento dentro de los banners de Google, pero hay algunos sistemas publicitarios. Estoy en plataformas publicitarias donde también tenemos límites de tamaño de archivo. Y permiten aplaudir, igualar imágenes grandes que estas. Para este plugin no puede hacer su trabajo por las imágenes más grandes de esa manera, 1020 veces más de 150 kilobytes. Pero para vamos a equilibrar, por lo general funciona muy bien. Hemos visto tres formas diferentes de exportar nuestros archivos a plugins. Y en realidad hay muchos más plug-ins de este tipo por ahí. Y hay una forma estándar de descargar nuestras mayores justo desde fema. 21. 5.1 Autolayout en Figma: Esta es una de las principales herramientas que usaremos en Figma, construyendo nuestro equilibrio. Es por ello que el pigmento es muy bueno para la comercialización, para crear mucho equilibrio muerto que alimentará a diferentes tamaños, como se puede imaginar por su nombre, esta función automatiza la composición de elementos u objetos automáticamente. Esto establece el diseño automático, el diseño automático, en otras palabras, hasta que permite mantiene el espacio entre diferentes objetos dentro del marco. En un caso, cuando los propios objetos cambian su tamaño o posición, o el marco cambia su tamaño y posición. Esto se usa comúnmente cuando tienes muchos tamaños de banner diferentes y quieres establecer, por ejemplo, texto en un solo lugar y ser reemplazado en todas partes sin un rompimiento. El pancartas, ambos brote en capas de textos. Y si quieres que todo se vea bien ahí. Y este es el caso cuando es mejor ver. Entonces pasemos a la página Figma auto layout. Aquí está. Y tenemos algunas cosas por aquí. Tenemos algunos componentes. Nuestros componentes básicos que queremos usar para estos, digamos banners. Tenemos algún logger, tenemos alguna imagen, y nos enfrentaremos a textos. Bueno vive por libro de 900 dólares. Ahora, RK. Por ejemplo, queremos crear un banner de algún tamaño. Este es 600 por 600. Entonces, ¿qué hacemos? Creamos algún marco. Nosotros lo dijimos 600 a 600 será blanco. Como puedes ver, no es exactamente blanco por estas rayas. Esta es la cuadrícula de diseño que utilizamos para alinear nuestros ejemplos y caminar en áreas. Y esto significa que cuando veas un poco de gris oscuro, todos los objetos también estarán más oscuros. Por eso este marco no es completamente blanco. Pero si lo mueves, por ejemplo, aquí en las encías blancas. Entonces creo que lo entiendes. De acuerdo, Entonces cómo hacer que Amarna podamos. Seleccione nuestros objetos, empresa les paga y muévalos aquí. Copiaré, pegaré el texto y lo pegaré aquí. Y si quiero que este botón se vea, pero tengo que organizar todo por mis manos. Por ejemplo, alinear estos y lenguaje estos. De acuerdo, puedo hacer esto, pero si quiero cambiar el tamaño de algo o un delgado va a querer mucho después de esto. ¿ De acuerdo? Y la otra forma de hacerlo es usar el diseño automático. ¿ De acuerdo? Voy a copiar el pegado de este marco aquí mismo, y solo necesito hacer clic en este icono para agregar el diseño automático. Mi contención cambió su tamaño se llaman LEA a un espacio que todos estos objetos duelen. Y como ves, este marco cambia su tamaño en consecuencia al espacio que toman todos estos objetos. ¿ Qué, qué es, cómo usarlo? Por ejemplo, no sabemos el tamaño exacto de banner que queríamos crear. Nosotros solo, estoy creando algunas cosas al azar. Entonces veamos el conjunto de auto-layout. Podemos alinear objetos dentro de la disposición automática manera diferente y podemos establecer diferentes opciones de relleno. Por ejemplo, uso 1909, Como ves, todos los lados tienen el mismo patrón. Yo quiero a Luke. Son 100 y dijimos 90, digamos 100 y probablemente tendrá algo parecido a esto. Ahora, puede alinear esto a la izquierda. Y como veo, en realidad como veo, estos objetos tienen un pequeño patrón de arriba e abajo y un espacio más grande entre ellos. Por lo que voy a hacer relleno superior e inferior estos. Y aquí hay un ajuste que controla el espacio entre objetos. Yo lo pondré a, digamos cuatro ahí. Sí, Ahora se ve casi igual, pero en realidad tengo este dedo de imagen y por eso es un poco diferente. Ahora veamos qué puedo hacer. Tenemos con auto-layout, en realidad, hay dos iconos de este marco. Y para el diseño automático vertical y horizontal, si establecemos el diseño automático vertical, el icono es así. Un rectángulo en la parte superior de otro. Y si usamos el diseño automático horizontal lo miraremos más adelante así. Tenemos 22 cuadrados, dos rectángulos, uno cerca uno del otro. Y aquí tenemos el auto-layout horizontal y su icono es así. Por lo que los objetos se distribuyen horizontalmente. ¿ De acuerdo? Y aquí hay algunos ejemplos que te muestran esto. Ahora, digamos que queremos que este cuadro sea más grande. Como ven aquí, un cuadro simplemente se hace más grande y nada cambia. Va más allá de la bandera. Pero si usamos auto-layout y entonces decidimos cambiar el tamaño de esta imagen. Como ves estos movimientos con nosotros. ¿ De acuerdo? Ahora, digamos que queremos arreglarnos con estos Varna. Hagámoslo así. Entonces dupliqué y, y veremos algunas otras opciones. Está bien, ahora tiene 631 píxeles de ancho y quiero que sean 600. Sí. Entonces en este caso, tengo que mirar estas opciones del marco, estos 100 contenidos o fijos, y estas alineaciones, usaré ancho fijo. Y como ves, estas opciones cambiaron. Era gris así porque la altura sigue siendo automáticamente, sigue configurada automáticamente y este es Meno. Entonces ahora puedo cambiarlo. Yo lo puse a 600. Y ahora veo que mis objetos están más cerca de la derecha y quiero que estén en el centro. Por lo que lo configuraré . En realidad, no puedo cambiar su posición por el perdón. Y si dije aquí, si dije esta parte en tal vez 80 integral, estar más cerca del centro. Entonces cuando redimensioné el tamaño o el ancho de este marco, dejó menos espacio para el relleno. Y por eso hice que todos estos objetos se movieran, se acercaron más al lado derecho. En este caso, hay que calcular qué relleno se puede hacer. Todo lo que hay otra opción, puedes ajustarla a 0, a 0. Y siempre y cuando tengas ancho fijo del marco. Ahora puedes hacer así y todos los objetos se centraron. Pero como ves, sigue siendo diferente a esta imagen donde el icono y todos los demás objetos están alineados a la izquierda. Por lo que quiero volver a hacerlo. Y en realidad tengo que poner algún relleno para que estén en el centro, probablemente algo así. Pero si cambio el tamaño, ves que mi marco no va conmigo porque puse un ancho fijo de este marco. Está bien. Hagamos que la altura se fije también. Porque por lo general tenemos algunos tamaños de pancarta estándar. Por ejemplo, queremos crear un cuadrado, 1600 por 600. Este caso, utilizo estos ajustes fijos y lo configuro a 600 también. Entonces es, funcionó pero no se ve bien. A mí. Quiero hacer espacio entre objetos, más pequeño. Líneas, hazlo. Acabo de poner este en 20. Está bien, ahora se ve mejor. Yo quiero hacer todas estas operaciones manualmente. Simplemente entiendes que no es muy útil. Centré todo manualmente aquí. Y como usted entiende, ya hicimos esto. Si quiero centrarme en mis objetos usando auto-layout, solo necesito presionar esto y centrar todos los objetos y y y ellos en el centro, Es por estos relleno. Si lo ponemos a 0, todo se pone bien. ¿ De acuerdo? Veamos cómo funciona esto con texto. Entonces tuvimos estos hermosos pancarta y decidimos agregarle algún texto. Y agregamos un qué hoy. Como usted entiende, si hacemos estos usando nuestro auto-layout, todo estará bien. Voy a copiar este cuando fijemos ancho. Copiaremos este donde nos hemos establecido en contenidos HARQ. Entonces entenderemos mejor cómo funciona esto. De acuerdo, tengo que añadir en el texto. Digamos que sólo quiero estar en una línea. Según entiendes todo escala con mi texto, vale, aquí tenemos ancho fijo, ya hemos visto esto. Y aquí está el ejemplo de auto-layout horizontal uno para hacer un banner horizontal también. Y en este caso podemos usar el diseño horizontal. Vamos a copiar pegar aquí este marco e instalarlo en lugar de este auto-layout vertical, aplicaremos horizontal. Y aquí vemos o va con nuestra pancarta. Este texto tiene opción de ancho exterior, por lo que podemos usar Enter para crear nuevas líneas y que nuestro entorno se vuelva más hermoso. Y como vemos, esta imagen tiene que ser igual. Bueno, yo lo hago más pequeño. Y en este caso, nos centraremos en los objetos verticalmente en el autodiseño. En comparación con éste, probablemente tengamos que perdonarlo hacia algo así. Y como usted entiende, puedo manipular con todas estas cosas. Puedo hacer altura fija, ancho fijo. Para que puedas jugar con estos ajustes. Todo va con ello. Sí, funciona. Entonces, en general, ¿cómo usamos estos auto-layout? Entiendes que se están redimensionando todos estos marcos. Después de hacer algo con tus objetos, cambias el tamaño de tu imagen, agregas algo de texto, y así sucesivamente. Y cómo usarlo mientras tenemos tamaños fijos de banners. En realidad, utilizamos estos ajustes, no para el propio banner, porque por supuesto tenemos nuestro tamaño fijo para nuestros quemadores. Pero cuando creamos un plátano, ahí hay algún texto, como aquí. Y queremos, quizá queramos cambiarlo. Y en este caso, si usamos auto-layout dentro de este texto y usamos algún color de fondo, algunos rellenan. Vamos a escalar todos los textos hermosos y lo veremos un poco más tarde. 22. 5.2 Autolayouts Nested: Y ahora veamos los diseños exteriores anidados. Lo usamos para un fotograma, pero en realidad podemos combinar y usar diseños de auto entre o entre diferentes marcos. Por lo que podemos crear estructuras más complicadas. Por ejemplo, queremos crear un paquete como este, donde tengamos estos, digamos logo. Tenemos alguna foto y tenemos el texto. Por lo que tenemos disposición exterior, dentro de auto-layout. Entonces esto es auto layout del texto y este ícono, entonces este marco, en realidad esto es auto-layout. Podemos llevar esto más tiempo a Luke, así. Entonces se ve mejor ahora. Y todos estos tres objetos, el registrador, esta imagen y estos textos, ellos usé como partes de un marco grande y tiene su propio auto-layout. De acuerdo, hagámoslo por nuestras manos. Tenemos nuestro icono, tenemos el texto. Vamos a copiar pegarlos, eliminaremos este signo más y haremos un logotipo a partir de estos objetos. Y cuando presioné, presiona Z Común, como ves, seleccioné dos objetos y no están en el mismo fotograma. Pero aún así es puede. Haga clic en este botón. Y apareció el nuevo marco que contiene dos estos objetos. Y puedo crear, puedo establecer algunas opciones. Por ejemplo, quiero ser así. Y eso es bueno para mí y quiero que sea naranja o quizá amarillo. Deseo seleccionar el color de esta columna. ¿ De acuerdo? Por lo que aquí tenemos este logo. Y entonces tenemos, por ejemplo, vamos a copiar este marco y reemplazar un más largo encendido. Y sólo muévete aquí. Y ella Y va dentro del binario. Y ahora la opción, otra cosa que tienes que saber sobre el auto layout. Se pueden mover los temas, los objetos dentro del marco. Y lo estarán, cambiarán de posición. Por ejemplo, selecciono este texto y presiono flecha arriba. Ya ves que cambiaron su posición por el diseño exterior implementado a este marco. Esto funciona así. Y si elimino bitácora, todo se vuelve como queríamos. Y en realidad teníamos algo más de texto por aquí. Simplemente copiaré este texto y lo pegaré. En lugar de esa. Simplemente selecciono el marco y pego el texto para que veas lo que pasa, lo que está pasando. Y elimino éste. Y ahora se parece más a este quemador. Por lo que puede usar el diseño automático anidado, diseño externo dentro, el diseño externo dentro de la disposición automática. De acuerdo, creamos violencia de algunos, de otro color. Entonces vamos a crear algo similar a todos estos paquetes que tenemos aquí. Voy a copiar pegar este y voy a hacer que su sentimiento esté en línea estos. De acuerdo, voy a añadir un poco de frontera. Esto es derrame cerebral. Y cuando creas bonificaciones, importante entender que el trazo puede ser un poco ir más allá de la bandera. Y en este caso, asegúrate de usar opción inside. En este caso, si dijiste alguna frontera, no cambiará el tamaño de toda tu pancarta al exportar. Fue demasiado. Probablemente fueron tres o cuatro horas. Está bien. Creo que tenemos Mucho siendo gabapentina por aquí para que podamos armar , se ve más parecido. Ahora pongamos otro espacio entre los objetos. Ahora queremos que nuestro login se vea así. Entonces, como ven, el texto está más centrado por aquí. ¿ Cómo hacerlo? Por ejemplo, podemos. Establecer el espaciado entre el icono y el texto lo hará más pequeño a 30 años. Y podemos y escribir pagado en 13 así. Y como veo, estos, Varna está centrado, así que lo ponemos casi así. En realidad, hay diferencia en tamaños. Es porque la imagen es de un tamaño diferente. Yo lo puedo poner aquí. Y estos dos, estos pancartas son casi las mismas diferencias de colores. Y agreguemos algo a nuestro texto de logotipo. Por ejemplo. Escriba hoy. Y como ves, todo va con ello. Y ahora queremos que estos hoy estén bajo el texto, bajo el registrador. Entonces, ¿cómo hacer esto? Tomaremos el texto del registrador sobre esto por 900. ¿ De acuerdo? Y vamos a tomar hoy texto es sólo fuente más pequeña. ¿ De acuerdo? Y queremos combinarlos por lo que me alinearé hoy a la derecha. Entonces selecciono ambas capas y hago clic en diseño exterior. Por lo que ves hoy va a la izquierda. Es estándar, pero quiero que esté a la derecha. Por ejemplo, lo puse así. De acuerdo, y ahora quiero crear un logo a partir de él. Y a partir de ahí puedo tener este ícono. Selecciono ambos objetos y hago clic en Diseño automático. Otra vez. Después de esto, tenemos un nuevo marco y podemos llenarlo. Usemos los mismos colores que a un ejemplo. Y como vemos, aún no es tan hermoso. Y el principiante, cambiamos el. Posición de nuestro arcano más largo va aquí. Y probablemente queremos espacio a su vez vía NADH. Entonces al ponerlo en 30 o mandarte estos a ti. Y como ves, este icono es demasiado pequeño para llenar toda la altura, y simplemente lo escalaremos. Por ejemplo, al principio, queremos alinearlo centralmente verticalmente. Pero para entender que este logotipo es demasiado pequeño para nosotros por lo que sólo podemos ajustarlo y hacer que sea un cuando hacemos en Winger todos los logotipos así. Y creo que podemos usar menos espacio entre los devs y hoy para que podamos configurarlo. Estos son hasta a esto, ¿de acuerdo? Ahora es mejor. Y ahora agreguemos estos logger a nuestro Varna, copiar-pegar. Barna. Y voy a sustituir y más señalada aquí, estos. Y aquí estamos. Ahora podemos cambiar fácilmente algún texto. Por ejemplo, queremos sustituir esto hoy texto ofrecido Limited. Y funciona bien. No tenemos que hacer muchos sólo nada después de esto. Y hagámoslo más largo. No más interesante. Para ello, hagamos una esquina de este marco alrededor, hará esquina superior derecha. Entonces será aquí, digamos 40. De acuerdo, entonces tenemos nuestro más largo por aquí. Y para que entendáis más cómo caminaremos con todos estos diseños exteriores. Estos son algunos ejemplos de Google Barnes. Y como se ve como un conjunto, diseño automático se utiliza no para todo el plátano en sí mismo así, sino que se utiliza, por ejemplo, para este texto Biblia. Y si cambio algo de texto aquí, sólo sigue nuevos tamaños. Y como usted entiende, puedo cambiar este texto y toda la banda todavía se ve hermosa. Por lo que en general, el diseño automático te permite hacer que tu marco sea ajustable y moverte con tus objetos dentro de este marco. Y esto es muy útil para crear este tipo de textos burbujas como esta. Esto es muy útil para crear algunos botones que siguen el texto y así sucesivamente. Por lo que cubrimos el uso básico de este auto-layout y luego los usaremos una y otra vez para crear nuestro hermoso equilibrio. Espero que lo disfrutes. 23. Introducción a los componentes 6.1: Los componentes son muy importantes en Figma. Y de hecho, esta es una de las principales razones por las que caminamos en Figma y por las que lo elegimos para nuestros propósitos de marketing porque los componentes nos permiten crear muchos y hombres en violencia y duplicarlos, hacer cambios rápidamente, para hacer cambios en muchos formatos o banners. Veremos cómo crear más de 24 meses de banners en Google en un par de minutos, ¿cómo crear diferentes banners para Facebook? Cómo multiplicarlos y crear desequilibrio principal para las pruebas AB. Digamos que creaste muchos bonos. Por ejemplo, 20 o 30 o 60 de ellos. Y luego tus aliados al ¿aplaudiste alrededor logo que deberías subir otro? En este caso, tienes que pasar mucho tiempo si usas Photoshop o algo así. Pero lo harás en segundos si usas Figma y solo necesitas subir tu logo en un solo componente. Y se aplicará a todos tus archivos si lo deseas, si los construyes correctamente. Y ahora veremos cómo funcionan los componentes, y luego veremos cómo usarlos para hacer todas esas plantillas, para hacer todos esos archivos que te ahorrarán tanto tiempo. Vayamos a ver cómo hacerlo. 24. 6.2 componente único: En primer lugar, lo que es un componente competente en Figma es algún marco que tiene propiedades, color, tamaño, algunos ajustes. Y si haces un corpus de este marco, las puertas Doppler tienen el mismo color, tamaño y las demás. Es evidente la diferencia entre componente con sus duplicados y solo un marco regular de objetos irregulares con este policía es, es que si cambias alguna propiedad de la empresa y por ejemplo, su color, su sensación, su tamaño, sus copias aplicarán también todos estos cambios. ¿ Y cómo lo usamos? Por ejemplo, hiciste un error tipográfico y quieres cambiar el texto en todos tus banners. Y por ejemplo, se crean banners de Google, hay 36 páginas. Y si no usas componentes, tienes que corregir este tipo en cada banner, así que 36 veces. Y luego quieres cambiar algo para usar un sinónimo solo para cambiar el texto por lo que tienes que hacerlo de nuevo. Y si utilizas componentes, puedes configurarlo una vez y luego reutilizarlo varias veces en todas tus banners. Y después de eso, si haces un cambio en un componente, se aplicará a todas las copias. Y por ejemplo, se quiere crear un nuevo conjunto de equilibrio. Por ejemplo, queremos hacer pruebas AB, y tú quieres probar AB, digamos el texto de tu saldo. Por lo que se crea un nuevo archivo, por ejemplo. Y solo cambias los textos y todo lo demás está listo. ¿ O quieres cambiar de fondo o imagen, o equilibras el texto de tu botón? Copias, lo cambias de una vez y todos tus banners activos. Entonces en realidad se crea un conjunto de plátanos para la prueba AB y tal vez en cinco segundos a veces. Por lo que solo tienes que cambiar el texto o lo que quieras cambiar y descargar todos tus banners. Eso es todo. Y ahora iremos a ver cómo funciona esto en la práctica desde componentes más simples hasta más complejos. Vamos a la página que se llama componentes de Figma por aquí. Y aquí tenemos algunos componentes o K. ¿Qué tenemos? En realidad tenemos dos elipses. Y vamos a núcleo PM. ¿ De acuerdo? Y hagamos un componente a partir de uno de ocho. De acuerdo, hay algunos textos que explican cómo funciona esto. Voy a crear un componente por aquí. Y para ello, puedes hacer clic en este icono Crear componente. Puede hacer clic con el botón derecho del ratón en el objeto y buscar dónde está Crear componente, o utilizar un acceso directo. Entonces lo que cambió es que ves esto es una elipse, tiene estos ícono. Y cuando creé un componente y los labios entraron dentro del marco, por lo que componente siempre es un marco. Y este marco tiene este ícono específico y color morado. Todo su corpus tiene un color morado también. Entonces ahora si hacemos algunos duplicados, copio pego esto y esta cancha tiene este ícono. Todos los duplicados tendrán el mismo icono. Entonces obviamente si tengo que sólo dos elipses por aquí, dos círculos, si cambio de columna, esta, no afectará nada. Pero si cambio un color en estos, todo su corpus aplicará este color también. De acuerdo, entonces podemos cambiar cosas diferentes. Por ejemplo, podemos dejar éste tal como está. De acuerdo, hagamos otro componente aquí. Entonces tenemos una copia. Ahora tenemos esta copia y la pegaremos un par de veces más. Selecciono estos. A veces donde cuando tienes muchos componentes, se vuelve un poco más lento pero aún funciona. De acuerdo, Dejemos estos, el primero, tal como es y cambiemos algo en estos. Yo lo haré más grande. Haré estos de color naranja. Voy a hacer esto mismo. Se ejecuta padre. Y dibujaré una sombra de éste. Hagámoslo más visible. De acuerdo, algo así. Y ahora voy a cambiar el componente inicial y ver cómo cambia esto. Yo solicité. Aquí. Nuestro primero de todo, voy a cambiar el color de mis labios. Y todo su corpus. Cambia los colores excepto éste, el naranja. Porque si cambio alguna propiedad en la copia del componente de la empresa, le digo a Figma, Hey, quiero que esto sea una copia de una empresa, pero quiero cambiar algo. Y si cambio esto en el componente inicial en la empresa original, que no se aplicará aquí, pero no todas. Por ejemplo, si cambio el tamaño, ves que el grande también está cambiando. Pero aún es más grande que todas las demás copias. Si lo hago casi transparente, se aplica a todos excepto al juego final naranja. Por ejemplo, voy a aplicar algunos efectos por aquí. Digamos que será sombra. Otra vez. Yo lo haré rojo. 2020. Como ven, se aplicó a todo el corpus excepto éste porque ya tiene su propia sombra. Entonces, como usted entiende, hay mucho espacio para crear cosas diferentes con todos estos componentes. E incluso puedes cambiar algunas propiedades, sus colores y forma o lo que sea. Hagamos algún componente de texto. Simplemente copiaré pegar este texto y lo haré componente. Entonces hago algunos duplicados. Ahora, lo haré aquí y haré lo mismo que te mostré antes. Arreglaré de estas copias y ahora uso verticalmente en espaciado. Está bien. Dije que son 250. Como ves, esto también es marco. Entonces si quiero cambiar el color del texto, tengo que ir dentro del marco y seleccionar su capa de texto. Este caso, puedo cambiar el color a lo que quiera. Pero si cambio la opción de relleno del marco en sí. Obviamente, el marco se vuelve blanco. De acuerdo, lo haré invisible. Y ahora puedo cambiar algunas cosas por aquí. Por ejemplo, cambiaré ese tamaño de fuente. Voy a cambiar la fuente misma. Y pongámoslo en otra cosa. ¿ De acuerdo? No me gustan estos. Y este es el prejuicio similar, digamos en tono B. Y éste incluso bombea Times New Roman. Por lo que se verá diferente. De acuerdo, cambiaré el color y demás y entenderé si un cambio o todas estas propiedades por aquí, algunas de ellas se cambiarán y su corpus. Y de nuevo, les recuerdo que pueden utilizar esta opción de color de selección para cambiar el color, no yendo dentro del marco. Por lo que selecciono se llama marco. Y entiendo que el col pertenece al texto y puedo cambiarlo, no ir más profundo. Está bien. Para que pueda cambiar nuestra ley. Puedo escalar el marco es que entiendes que todo es bueno y empecé a aceptar estos fotograma que cambié toda la radio, donde cambié el tamaño del radio. Por lo que el texto funciona casi igual que cualquier otra cosa, excepto que hemos hecho para usar la opción de relleno aquí. Entonces así los textos funcionan como todo lo demás. Y hay otra opción de la que debemos estar conscientes cuando hablamos de componentes de textos. Al crear el texto, el componente de texto, debe mirar qué opciones. Establezca aquí fuera de ancho, altura exterior, o lo que sea. Porque cuando cambies el texto, si, por ejemplo, vamos a crear alguna copia. Y vamos a escribir otro texto. Como ves. Por la altura fija, todo va así. Si uso esto, aquí están mis datos. Y hay una cosa más importante cuando caminas con los componentes de texto. Es una buena práctica usar el diseño automático. Porque cuando cambies algún texto, crearé un nuevo componente. Y usaré el diseño automático por aquí. Por ejemplo, quiero crear algunos más largos y usar el diseño automático allí. Ok, y vamos a combinar estos en más tiempo usando auto-layout. Y vamos a combinar estos en más tiempo usando auto-layout. Y ahora ¿qué pasa y qué pasa si quiero cambiar este texto? ¿ Y lo ves? ¿ Y qué pasa si quiero cambiar este texto? ¿ De acuerdo? Entonces creo que ves la diferencia porque estos componentes usan el diseño automático. Por lo que el propio componente cambia su tamaño después del texto. Y aquí en este caso, el cambio del texto está cambiando. Como ves, el texto tiene estos siendo con Van, el componente tiene el mismo ancho que antes, porque no tiene auto-layout, no sigue el texto. Entonces por eso el auto-layout es tan importante en Figma. Vamos a aplicarlo aquí. Y como vemos, todo se vuelve mucho mejor. Por lo que estos son lo más básico se trata de los componentes. Y vamos a seguir adelante y ver cómo usarlos de formas más complicadas. 25. 6.3 Componentes y Autolayout: Veamos el diseño automático y los componentes. Una vez más, porque este es un tema muy importante. De acuerdo, Así que hagamos un competente para usar un diseño automático. Tenemos algún texto de muestra es un componente. Está bien. Haré un nuevo componente de la misma. Enseñaré cómo hacer todo el tejido, cómo hacerlo un poco más tarde. Ahora hago su duplicado. Voy a copiar este texto es sólo algún texto. Y tengo una imagen. ¿De acuerdo? Eso es todo. Tenemos tres objetos y queremos combinarlos. Yo los copiaré, los pegaré y pegaré aquí. Ahora, enmarcaré esta selección. Este es un nuevo marco ahora y agregarle el diseño automático. Y hagámoslo competente para que se vea más parecido a los menores. Está bien. Está bien. Enmarquemos esta selección también. Matt, sin usar el diseño automático, solo quería hacer un color de fondo aquí, así, ¿de acuerdo? Y ahora quiero cambiar este texto, alguna muestra de texto, y quiero quiero Marx. Y eso es todo. Como ves, aunque use esta opción. Pero quiero alguna otra línea del texto. Ahora, como usted entiende, siempre y cuando no utilicemos el diseño automático por aquí en este marco o un delgado es un desastre en este momento. Y aquí estamos, todo funciona bien. Y como dije, usaremos registros de búsqueda, tales componentes en otros Varnas. Entonces vamos a sumar, por ejemplo, hallazgo. Hagamos la película y semitransparente y los bordes esquinas. 250. Y podríamos, podríamos pegar esos objetos en nuestros alumnos. Hará un desastre ahora mismo, pero podría verse así. Por ejemplo. Si cambio el texto. Entonces imagina que tienes mucha violencia como esta. Hagámoslo un poco más brillante. Mira este. Este. Y hacer esto más o menos transparente. Y esperanzas, lo pondré aquí. Y solo quiero reemplazar este cuadro un poco mejor. Entonces yo lo llamo éste. En realidad no son más vidas, claro, sino en algo que tenemos aquí en estos archivos. Por lo que colocaré aquí una imagen. ¿ De acuerdo? Está bien. Y usemos las restricciones. Lo haré en este centro verticalmente y ver qué pasa si voy a cambiar el tamaño de la imagen. Como ven, sigue siendo vertical por aquí. Es así como usamos las restricciones y por eso usamos las restricciones. Entonces como ves, cuando combinamos componentes con diseños automáticos, podemos crear tales bumbles que usamos dentro de nuestros quemadores. Y todo funciona, bien, si cambiamos texto, se ajusta. Y así creamos muchos pancartas en Figma en un par de minutos. 26. 6.4 Componentes Nested: Ahora veamos los componentes anidados. ¿ Cómo se usan los comentarios dentro de los componentes? Entonces vamos aquí. Aquí tenemos estos componentes anidados y ¿qué vemos aquí? Tenemos algún icono y queremos hacer dos versiones de madereros con este ícono y luego usar estos logotipos en algún lugar sobre diferente desequilibrio. En este caso, si cambiamos el icono, se cambiará en los madereros y se cambiará en todos los lugares donde se basen duplicados de estos logotipos. Entonces copiaré, pegaré estos ícono. Entonces lo convertiré en un componente y crearé un duplicado de un componente. Ahora, voy a crear otro duplicado y quiero hacer estos logotipos. Digamos que esto es log como más vidas para siempre. ¿ De acuerdo? Por lo que necesito algunos para AIM. Lo sentiré y pegaré algún texto dentro. Diremos que vive más, está bien, está dentro del marco seis a siete. Y le aplicaré auto-layout. ¿ De acuerdo? Ahora quiero agregar algo de relleno, digamos que sea naranja. Tal vez 20, o incluso tal vez menos. Yo quiero que este sea del mismo tamaño. De acuerdo, parece que es lo mismo. Y voy a añadir un ciclomotor por los lados. Digamos que lo pondré en 14. ¿De acuerdo? Y quiero hacer una esquina a la vuelta. Doy clic en este ícono y este segundo estará alrededor o. ¿De acuerdo? No. Deseo enviar el color de mi logo. Para ello. Doy click aquí y utilizas un vaso de precipitados de kernel up. Y genial. Por lo que sólo voy a crear un componente a partir de todo este logotipo. Hagámoslo componente. Y ahora quiero crear otro no eran un cuadrado más largo o vertical. Usaré estos ícono. Entonces yo y algunos somos marco desconocido. Y usa nuestro sentimiento total. cambio establece algo de problema de bursitis lateralmente todo transparente. Y ahora sólo voy a copiar pegar este texto. Y esto parece un marco porque tiene diseño automático. De acuerdo, copiaré pegar este texto por aquí y cambiaré el diseño hacia vertical. Entonces R usará alineación central. Ahora quiero agregar más espacio entre estos dos objetos y probablemente y menos espacio en por aquí comida principal, es un 230. Y hagamos que estos rincones alrededor de Maine estén colocando estos. De acuerdo, así se ve igual. Y ahora hago estos componente más largo y ganancia. Si quiero, puedo convertirlo en un cuadrado. Por ejemplo, necesito un rectángulo y necesito un cuadrado. En este caso, utilizaremos altura y ancho fijos. Será, vale. 422. Ok, y vamos a hacer este texto más pequeño. Y en este caso podemos hacer que el espacio entre estos objetos sea más grande. Mira, derecho a saber. Ah, está bien, Bueno así que ahora tenemos dos componentes de madereros y podemos pegarlos en cualquier lugar y el bono. Y en caso de que queramos cambiar este ítem. ¿De acuerdo? Y pegaremos al corpus de este duplicado más largo . De acuerdo, y ahora quiero cambiar un color de nuestra palma a naranja. Entonces como usted entiende en asqueroso en todas partes. Entonces el tema principal de esta lección es que podemos usar componentes anidados. Por lo que podemos utilizar componentes y subcomponentes dentro de las empresas. Esto es muy útil si quieres hacer algunos temas complicados. Si quieres usar algunos objetos pequeños dentro de algunos objetos más grandes, para que lo veas con nuestros componentes anidados. Pasemos a otra lección. 27. 6.5 Despejar, restaurar y encontrar componentes: Ahora tenemos una lección muy corta. En ocasiones necesitas romper la conexión entre copias de tu empresa y el componente inicial. Por ejemplo, Newgrange en una empresa y luego lo usas un par de veces y en algún lugar, solo quieres que estos objetos se coloquen o lo que quieras. Y no quieres que esté relacionado con la empresa inicial que solo quieres arreglarla y que se vea exactamente como está en este momento. Por lo que hay que romper la conexión entre ellos. Esto se puede hacer con un comentario. Se llama instancia separadora. Por lo que tenemos un componente y tenemos copia de come. Asegurémonos que sí, es copia de este componente. Y si lo cambio, por supuesto, va a cambiar por aquí. Y quiero que esta copia se desconecte de estos componentes. Por lo que solo hago clic con el botón derecho y hago clic en Desconectar instancia. Como ves, No es más una copia de un componente. Por lo que puedo hacer quiero con estos y mi copia ya no se ve afectada. Por lo que puedes usar estos si quieres hacer algunos cambios o quieres crear un nuevo componente, por ejemplo, tienes éste y quieres crear otro componente basado en estos, pero tienes que desconectarlo primero. Desapego esto. Por ejemplo, hago esto y quiero hacerlo más rectángulo. De acuerdo, como estos, y quiero esquinas redondeadas. Y ahora y hago clic en crear componentes. Por lo que tengo dos componentes separados. Y pude hacerlo sólo después de desprenderme estas copias de su componente inicial. Y ahora veamos qué pasa si tengo una copia de un componente, pero eliminé el componente inicial. Entonces hagamos un nuevo componente. Por aquí. Que sea una empresa, luego hago un duplicado. De acuerdo, y ahora elimino éste. Ahora quiero que se restaure el componente inicial. En realidad, hay una opción para esto. Si vendo en esta empresa y hay un componente de restauración de botones, como ves, hay crear una alfombra. Y no veo este botón y estos copian porque este componente no se elimina. Pero esta empresa y no tiene es este duplicado, no tiene sus componentes. Entonces por eso puedo restaurarlo. En realidad ha sido restaurado. Y otros delgados, por ejemplo, tengo este PIM core y hagamos uno más. Y lo pego en alguna parte. Y tengo un gran proyecto y no recuerdo realmente ¿dónde está mi componente inicial? En este caso, puedo encontrar el componente inicial haciendo clic en este icono. Es un icono sobre los componentes. Por lo que voy a dar clic e ir a los principales componentes son, estoy aquí. Esto es bastante útil. ¿ Cuándo haces frente a componentes más grandes de una página a otra? Esto aún funciona. Pero después de eso estás buscando el competente inicial, puedes encontrarlo. Solo tienes que hacer clic en él e ir a su componente principal. Y por ejemplo, si elimino un componente principal aquí, entonces van a otra página. Y quiero restaurar componente. Se ha restaurado y mi enfoque va justo aquí donde está el componente inicial. Entonces es bastante útil. 28. Biblioteca de componentes 6.6: Uno, mi pista sobre los componentes. Cuando se usan muchos de ellos, es difícil encontrar dónde se coloca un componente u otro. Entonces para este caso, mejor usar una biblioteca de componentes o Panel de Control o como lo llames, es en algún lugar de la forma de crear todos tus componentes y si necesitas nuevos componentes, los pones por completo. Y en este caso, si necesitas cambiar algo, siempre sabes a dónde ir. Siempre sabes que todas tus empresas iniciales, agrego el lugar. Y si utilizas componentes anidados, es una buena práctica que almacene todos tus componentes juntos también. Por ejemplo, tienes tus componentes más pequeños organizados por completo y tienes algún acompañante grande que usa esos pequeños. Y usas estos componentes más grandes en algún lugar del lugar también. Entonces aunque cambies unos pequeños son iones más grandes, tendrás todo junto y en este caso, no sufrirás buscando componentes de forma que tienes que cambiar algo y sabes exactamente dónde están. Entonces veamos algunos ejemplos. Iremos a las lecciones que aún no ley. Pero echemos un vistazo a esto. Por ejemplo, este es un panel para quemadores de Google y este es un panel de control donde tenemos nuestros componentes. Y como ves todas estas cosas, estos son componentes que usan estas. Entonces como dije antes, estos pequeños componentes y estos son grandes empresas que usan esos. Por ejemplo. Voy a cambiar algo aquí. Y todos los cambios que aquí se ven. Y tenía todo el aguinaldo. Y esta es una buena manera de organizar tus archivos, tus componentes, y para que tus objetos sobrelleven, también lo usarás. 29. Corrección de componentes 6.7: Hay un error en Figma que aparece cuando se usan muchos componentes con auto-layout a.Así que vamos a verlo. Iré a otro archivo, banners inteligentes para anuncios de Google, y llamaremos a este archivo más adelante. Pero ahora mismo, solo quiero mostrarles este bicho. Mira estas pancartas. Hay burbujas de textos en ellos, y como ves, no se ven bien. Y si voy aquí y veo estos modales, lo son, vale, pero en realidad, estos pancartas de la derecha son duplicados de estos pancartas de la izquierda. Entonces esto es un bicho. Y como ven aquí, ya lo arreglé, así que se ve bien y hay una solución muy sencilla de este bug. Si por alguna razón Figma rompe tus componentes con auto-layout y es inversamente que hay algún error por aquí. Algo está roto. Tienes que cambiar estos diseños exteriores para cambiar algo ahí para redimensionarlos. Por lo que Figma volverá a calcular todo y luego llegaremos a condición normal. La forma más sencilla de hacer esto es cambiar algún componente que se coloca dentro de estas burbujas para que todo se cambie. Por lo que voy a la configuración donde tenemos los textos que van a estas burbujas y voy a añadir un espacio para luego retirarlo. Y así Figma recalcula todas esas burbujas de tanques. Y si vamos y los miramos, deberían estar bien ahora después de estos cambios, así que vuelvo a las pancartas y veo que las burbujas de texto están bien ahora. Por lo que tengo dos versión con normal. Gracias bumbles. Y éste todavía está roto. Por lo que vuelvo a la configuración y cambio un texto para estas variante. Y, y quitar espacio una vez más y volver a ver qué pasó. Entonces todo está bien ahora, así que si tienes tal bug cuando tienes muchos componentes con auto-layout, su visual ininterrumpido. En este caso, usa este consejo para corregir este error y disfruta de tus archivos. 30. 7.1 Banners introducción: En esta sección, aprenderemos a crear plátanos reales, aprenderemos a usar botones, cómo crear por motivos, cómo agregar personas de texto, cómo agregar algunos objetos, elementos en paquetes, cómo combinarlos, y cómo utilizar componentes, diseños exteriores, todo en su bono. Entonces vamos a ver cómo hacer tu trabajo más rápido. 31. Botón 7.2: Botones. Empezaremos a aprender del primer elemento. Está empantanado en él es tu llamada a la acción elemento en tu ilimitada es el elemento donde la gente suele camarilla incluso es una sola imagen. Veremos cómo crear banners de dos maneras, textos sin forma y un marco más texto ya cubierto en estos. Pero hagámoslo una vez más. De lo que se trata Anna bastón suele ser algún rectángulo con un texto en él. Por lo que podemos crear un rectángulo a partir de la forma o de un marco. Vamos a crear el primero a partir de la forma. Simplemente copiaré pegar este rectángulo. Y copiar pegar estos botones de texto dirá registrarse hoy mismo. Está bien. Ahora lo haré solo siendo él. ¿De acuerdo? Algo así. Para que sea un elemento único, crearemos un grupo a partir de él. Y hagámoslo esquinas alrededor para que sea más hermoso. Y ahora parece un botón. ¿ De acuerdo? Ahora la segunda vía es usar marcos de textos. De acuerdo, vamos a copiar pegar el texto. Y ahora enmarcaré esta selección. Por lo que creo un marco alrededor de estos textos. ¿ De acuerdo? Ahora voy a añadir auto-layout, porque como ya he dicho, siempre es mejor tener auto-layout alrededor del texto, sobre todo cuando se crean botones. Por lo que vamos a añadir un poco de relleno, lo haremos amarillo, y vamos a añadir eso en. De acuerdo, Vamos a cambiar con el problema. Llego tarde a aprender. Si 2050 o algo así. Y volvamos a hacer esquinas alrededor en nosotros. Probablemente 20. Sí, parece casi lo mismo. Está bien. Ahora agreguemos un trazo. Estoy haciendo todos los pasos con este solo elemento. Pero tendrás todas estas. A modo de ejemplo. Añadiré trazo y lo pondré a, digamos cinco, tal vez. De acuerdo, esto es una montaña. Y si quiero, puedo hacerlo componente. Por lo que voy a reutilizar este botón varias veces. De acuerdo, aquí estamos. Cállate. No me gusta esto, están en color gris del texto. No es muy consciente, así que lo haré más oscuro. O si quieres, puedes hacerlo Algunos de algún color. Por ejemplo, como estos. Depende de tu estilo, estilo del proyecto. Donde creas tus Montañas, por ejemplo, no estaría aplicando estas. Entonces ahora tenemos un botón que Quicken. Podemos reutilizar varias veces. Y como recuerdas la diferencia entre estos botones y estos botones que un mutilado usando forma? Está bien. Hagámoslo más parecido a la nuestra. Está bien. ¿ Viste lo que pasó? Tengo un grupo, no un marco. Por eso cuando aplicé un trazo, se ha aplicado no sólo a la forma sino también al texto. Por eso tengo que seleccionar mi rectángulo y trazo para comer. Porque no quiero un trazo en mi fuente. Y tengo que cambiar columna de mi texto. Voy a usar estos. Carlos selecciona dos. Está bien. Se ve casi igual. Lactosa tres? Sí. ¿ Cuál es la diferencia? Y hagámoslo componente también. La diferencia es que si necesito cambiar este texto hoy para lo siento, tengo que cambiar esto a ancho automático, pero ¿ves qué pasa? Por lo que tengo que seleccionar Ir para hacerlo más amplio. Y por ejemplo, entonces decidí que es malo tener este texto en dos líneas. Tengo que decir como este rectángulo unos y ganar. Y tengo que hacer algo así. Esto no es así. Y si tengo biotina, el marco, puedo hacer lo que quiera y me va a seguir. Entonces esta es la diferencia de crear botones con formas y con marcos. Te sugiero que siempre uses marcos para esto. 32. 7.3 Relleno / fondo: Volver a tierra. Y esta es pieza muy importante de tus pancartas porque estos cachés atención a Urbana, estos conjuntos de su color conjunto de tu banner. Y vamos a ver cómo crearlo, para usarlo en múltiples banners. De acuerdo, por ejemplo, tendremos dos menos 600 por seiscientos seiscientos cuarenta por 408 aquí. Y queremos ponerles un terreno para ellos. Para entender qué tamaño de componente para fondo necesitamos? Tenemos que mirar el botón más grande y eso va a tener en realidad aquí mismo, estos son incluso demasiado grandes. Podríamos crear fondo de forma componente más pequeño porque nuestros banners a lo largo de esa semana. Pero usualmente lo creo más grande porque no sé de qué talla usaré este en el futuro o si tengo algún conjunto preestablecido de banners. En este caso, ya sé que ni siquiera estos son tan grandes. Si, por ejemplo, uso Facebook menos donde tenemos dimensión de historia menos como 1000, A2 por 1000. Camino. Al igual que esto. Entonces obviamente, si tengo un banner como éste y quiero usar un fondo, tengo que crear. Soy componente de vuelta a tierra, al menos 100,920 porque de otra manera, estos terrenos serán demasiado pequeños. De acuerdo, Entonces así es como elegir un tamaño para el componente de fondo. Y ahora vayamos al principio y creemos nuestro bono. Se trata de seiscientos seiscientos. Vamos a llenarlo de algo y otro estará alineando estos. ¿ De acuerdo? Y ahora queremos agregar algún fondo para comer usando un componente. ¿ De acuerdo? Voy a crear un componente con él siendo adivinado. Serán 640. Por lo que estos serán 600. El sesgo corporal y la pobreza están bien. Y voy a hacer que el nombre de la empresa de TI no va por ahí. Y después de eso, puedo copiar alguna imagen por aquí. Llamaré a estos imagen desde. Mi prim tiene componente y utilízalo aquí. De acuerdo, y puedo escalarlo para que se ajuste a mi talla así. Puedes mover tu imagen dentro de fondo como quieras. Lo dejaré así. ¿ De acuerdo? Y ahora si pego estos componentes en tierra en mis pancartas, estoy siendo tierra para voluntad su corporativo también. Sente para hacer color k Ahora cambiemos el fondo aquí. Entonces mira si cambia por aquí en el aguinaldo. Por lo que iré a la página de la biblioteca y copiaré otra imagen y la pegaré en mi componente de fondo. Entonces, como ves, todo funciona. ¿ Y qué más tenemos? Cuando agrego algún texto o algunas imágenes a mi menos, como aquí, probablemente quiero que este fondo se borre, por ejemplo. Para que pueda agregar otro cuadro a mi componente, Vt. Y esto es y lo pego en la parte superior. Y ahora puedo fallarlo y hacerlo semitransparente. Anki y yo tenemos algunos efectos como aquí por ejemplo, y Ben ley de base. Y como ves esta imagen, porque un poco borrosa. Entonces puedo ponerlo a 30 o tal vez sea demasiado tal vez a esto. Y si quieres, este fondo se vuelve borroso. Puedes aplicar diferentes efectos a la superficie para hacer algo aquí. Pero creo que estos son los efectos principalmente utilizados cuando se crean fondos. Para que puedas usarlos. Y revisemos una vez más. Por lo general tienes algún conjunto de tamaños de unos que quieres crear. Por lo que quieres crear modales para Google o quieres crear un Facebook. Y ya conoces los tamaños de todos tus pancartas. Cuando lo sabes, escoges la dimensión más grande, la más grande y haces componente de fondo como un cuadrado con lado igual a la dimensión más grande de tu equilibrio. En este caso, puedes usar estos antecedentes en todos tus banners y sin perder calidad. De acuerdo, eso es todo con antecedentes. Y tendremos una lección separada sobre dónde encontrar hermosos terrenos de hamburguesas, bellas imágenes, patrones, y otras cosas para tus fondos. Lo cubriremos más tarde. 33. 7.4 Item, persona: Artículo o persona. En ocasiones quieres agregar algún artículo o persona o ambos a tus dolientes. Y veamos cómo hacerlo. Cómo crear estos componentes. Tenemos dos ejemplos. Por el futuro. Crearemos un bono para alguna tienda de instrumentos al azar usando carbón. De acuerdo, así que por lo general estos artículos no son tan grandes, el bono, así que por eso soy usualmente suficiente para crear un componente 600 por 600, en realidad aquí mismo tendría bono muy pequeño, no muy pequeño, pero no tan grande. Por eso creamos pequeño componente para el artículo. Pero en mi ejemplo, crearé seiscientos seiscientos y otra vez. Entonces si tienes un objeto grande o un objeto, puedes usarlo incluso en tus banners de historias de Facebook. De acuerdo, así que creé un marco y lo haré componente. De acuerdo, ahora, lo voy a nombrar. Normalmente no uso barras en los nombres de los archivos porque estos se usan para hacer carpetas separadas cuando exportas muchos archivos en Figma. Queremos cubierto esto, pero simplemente no uso barras como separador. Yo uso algo más como esto. Es decir, si sabes lo que estás haciendo, si exportas muchos archivos y quieres que se coloquen en carpetas separadas. En este caso, usa las barras inclinadas para descargar tus archivos y para nombrar tus capas. Pero lo dejaré como esta persona. Y tengo dos imágenes que quiero desperdiciar en mis marineros, esta chica y esta cabeza cae. Como ves, ambas imágenes tienen un fondo transparente. Esto es muy importante porque usaremos estas imágenes y el banner. Por lo que tenemos que tener un fondo transparente. Tendremos una lección separada sobre plugins y otros servicios. Y algunas de ellas te permiten crear imágenes con fondos transparentes. Entonces si sabes dónde encontrar estas imágenes, no te preocupes, vamos a cubrir esto, vamos a cubrir cómo crearlas. Y por supuesto, puedes descargar este tipo de medidas desde la búsqueda de imágenes en Google o algunas imágenes de stock como quieras. Entonces por ahora, solo tengo estas imágenes y voy a copiar pegarlo y ponerlo en éstas. Está bien. De acuerdo, lo haré más pequeño. Y aquí no vamos a ser así ahora, lo haré transparente. Y ahora lo haré, cocinaré para pegar esos. Y pegaré copias de éstas en mi Wireless K. Ok. Tan solo asegúrate de que toquen el fondo de tu violencia. Si sabes que probablemente pegarás a la gente en un menos, si pegas algún homenaje no lo es, eso no lo corten y el fondo. Por lo que en este caso puedes colocar tus componentes en el centro, lo que quieras. Pero como ves, esto no se ve bien con la gente. Si estas personas no están colocadas aquí en su altura completa o k Así que tenemos estos, no me gusta mucho esto porque no es muy contraste y estas van, no se ve bien este fondo. Entonces iré aquí y buscaré mi, vamos a nombrar esta capa o capa y hacerla menos transparente. Ya lo pondré a 30 años. Es mejor. A mí me gusta más. Se volvió más contraste. Y ahora, digamos que creamos un conjunto de graneros y fueron subidos a Google o Facebook. Y ahora quieres crear otros pancartas y decidiste poner esta cabeza fuentes en lugar de la chica. Y en este caso, copio pegar esta imagen aquí, y tengo mi elemento componente persona. Sólo necesito hacer invisible la capa de chica. Y el dispositivo se debe. De esta manera, haciendo invisibles algunas fotos sólo si esperas que nosotros, que las usarás más tarde, estos pancartas. Pero si entiendes que usas esta imagen de chica una vez y quieres repetir, en este caso, una mejor eliminar esta capa porque cuando tienes muchas copias de estas capas, gig las opera todas y apenas se vuelve caminando despacio. Por ejemplo, si tienes estos banners y Ucrania ellos una y otra vez, en algunos, en algún momento, puedes encontrar que tu componente de artículo puede cesarse y 20 imágenes diferentes. Y aunque sean VIH positivos, son invisibles. Figma está caminando con todos ellos cuando haces algo, cuando escalas, escala hacia abajo, y esto ralentizará significativamente todo el proceso. Entonces si ya no necesitas estos y estos menos apuestas y borras este laboratorio. Y normalmente cuando hago esto, creo un nuevo archivo. Entonces dupliqué el archivo y hago todos los cambios y la copia. En este caso, tendré todos mis pancartas en mi biblioteca y tendré todas las versiones. Y si quiero volver a los pancartas con el objetivo, en este caso, sólo necesito abrir ese archivo y ya está. Entonces ahora sabemos cómo hacerlo. Y para esta imagen, volveré a poner mi fondo porque estos auriculares son blanco y podría usar u otras rampas de color. O estos, estos, por ejemplo, estos troncos mejor. O simplemente lo hago más transparente. nuevo, en realidad, me gusta que deberías ponerlo probablemente por aquí por estos pancartas. Pero si no quieres cambiar nada en tu plantilla, solo usa estos. Y estos son bonitos contenidos. ¿ De acuerdo? Por lo que cubrimos cómo insertar diferentes artículos de las mayores, la gente a la conciencia de cómo hacerlo usando componentes. Y pasemos a la siguiente lección. 34. Logotipo 7.5: Logotipo. Por lo general quieres poner algún login a tus plátanos para hacerlos Brenda, pronto como vaca baja, es mejor hacerlo en Figma. Por ejemplo, ya tendremos alguna variante en más largo, generalmente la suma de carrera. Si no lo es, tienes que crearlo. Se trata de un correo electrónico con fondo transparente. Es mejor usar una diadema lateral para abogados. Y sabemos que en el posterior usaremos una herramienta wir uns de más largos. Por lo general, es útil. Leñadores horizontales y verticales. Seguramente éste es de bordes inferiores horizontales. Entonces vamos a crear un registro cuadrado. Ahora mismo. Para ello, vamos a crear un marco. Ahorremos quinientos quinientos. Y vamos a sentirlo por ahora y copiar pegar estos registros en estos marcos. Hagámoslo bonito y largo. Y pondremos esta imagen en este marco. Eso son ocho pies. Y k integral. Y más allá de aprender estos, ves que hay algo por aquí. Y puedes hacer dos cosas. El más sencillo es solo cortar esta imagen, la seleccionas. Y hay una herramienta de correo electrónico de cultivo como esta y presiona Entrar, Eso es todo. Tienes tu nombre por aquí. Y queremos usar esta imagen, este ícono también. Y este caso, así que lo hacemos de ser estos en realidad pueden recortar el tiempo. Está bien. Y eso es todo. No, es más. Es más fácil de operar. Esto. Está bien. Por ejemplo, creamos un logotipo de este tipo. Y después de eso, podemos hacer transparente para quitar el relleno. De acuerdo, entonces tenemos cuadrado o más largo. Y digamos que queremos crear un logotipo horizontal de una relación exacta. Por ejemplo, cuatro a uno. Y vamos a crear un marco para 100 por 100 K todos, vamos a duplicarlo. 800 y adiós 200. Ok, y vamos a copiar pegarlos en más tiempo. Está por aquí. Y ajustemos una imagen para que quepa cuando talla. Haremos empresa de TI y lo nombraremos todos estos y lo llenaremos por ahora. Pero alinea nuestra imagen, está bien. Ahora podemos quitar el relleno y así tenemos nuestros dos logotipos y en realidad puedes usarlos en su futuro. Si quieres. Puedes convertir estas palabras en líneas en una escuela a través de un inicio de sesión. Obviamente hay que recortar estos. Una vez más, Amén dos veces para tener un perfecto qué y qué suena separado y pegarlos uno y encima del otro, uno en la parte superior de otro. Y como ven, cuando usamos madereros en la unicidad generalmente nivelan quieren tener estos dos pies y en fondos. Entonces en este caso, por ejemplo, queremos crear demasiado tiempo AS 200 por 200 y 400 por ciento, doscientos doscientos doscientos cuatrocientos bio 100. De acuerdo, así que de esta manera sólo madereros. Y podemos usar estos logotipos dentro de nuestros componentes. Y estas empresas también son troncos, pero este tamaño exacto. Está bien. Probablemente me mudé este ícono fuera del logo. Sí. Entonces tengo que moverme y vec k. y ahora si copio pegar este logo, lo haré. El es lo voy a nombrar más tiempo a ella y a él por 200 K. Y voy a mover estos más largos a mi 200 por 200, OK. Y ahora lo haré alinear con estos. Y ahora volveremos a hacerlo competente. Entonces como ven, utilizamos componentes anidados y lo haré semitransparente. Por ejemplo, el 50 por ciento realmente conoce estos. Haré lo fetal y semitransparente, así que no quiero que mi logo sea transparente, solo quiero que su fondo sea transparente. Y sumaré esquina a la vuelta de las esquinas. De acuerdo, así puedo usar estos logotipos, mis socios. Y haré lo mismo con una barrena horizontal. Voy a pegar mi más largo aquí y los pies, del tamaño. Después de eso, voy a nombrar a éste. Y haré semitransparente la sensación y haré esquinas. A lo mejor es demasiado. Esto está en k, k como estos. Y voy a renombrar estos más a su tamaño real, 800 y por 200 ahora está bien y voy a hacer el componente del logotipo horizontal. Entonces como ven ahora mismo, tengo dos componentes. Todos los logotipos que puedo usar en mi saldo, y hice semitransparente por tierra para ellos. Entonces si quiero colocarlos en algún fondo que sea ruidoso, donde colorido o muy contraste, estos semitransparentes pero tierra guarda mi logo de B y no tratable. Y puedo ponerlos a cualquier menor que les sean leídos madereros. Y hagamos una variante de esta horizontal más larga siendo pierna estos con una esquina redonda. Por lo que este logotipo se ajustará a la esquina superior izquierda de los pancartas porque generalmente está vacío de algunos iconos técnicos que agregaron Google o alguna otra plataforma publicitaria. Por lo que este es el lugar perfecto para poner tu logo. De acuerdo, voy a copiar pegar estos logger. Sí lo toqué porque quiero crear mi nuevo componente. Por lo que ahora consigo mis esquinas de vuelta a 0 alrededor. Y voy a hacer estos Corona a la lluvia. Y después de eso, renombraré el cuadro, por ejemplo, de arriba a la izquierda. Y después de eso, hago componente de TI y ganancia. Por lo que ahora tengo tres madereros para diferentes situaciones. Si quiero crear otro, por ejemplo, para esquina inferior izquierda, ya sabes hacerlo. ¿ De acuerdo? Es así como lidiamos con los madereros. Si no tienes registro del fondo transparente, solo tienes que usar lo que tienes. Pero a veces es mejor crear, dibujar un nuevo más largo. Puedes hacerlo en Figma combinando imagen y una fuente, o puedes hacerlo en Photoshop o donde quieras que utilices. Entonces si tienes madereros con fondo transparente, Siempre es mejor que si no lo haces. Eso es todo con logotipos. Pasemos a la siguiente lección. 35. 7.6 texto: Texto. Este es un texto muy importante. Aquí es donde punto importante porque el de Alibaba tendrá texto probablemente. Entonces veamos cómo es mejor crear textos en tus banners. Por supuesto, usaremos componentes también y usaremos auto-layout. Entonces ahora mi sugerencia es usar este tipo de textos burbujas porque nosotros, cuando los usamos, se vuelven universales y podemos usar diferentes fondos, diferentes imágenes ahí, y el texto será legible en todos ellos. Si no las usas, se vuelve bastante difícil establecer el texto, establecer el color correcto, decir la transparencia correcta y la posición correcta del texto. Porque cuando tienes un fondo complicado, tienes que ajustar un texto en cada banner. Evita esto. Vamos a crear estas unas etiquetas burbujas que se ven así y todo va a estar bien. Entonces empecemos. Utilizaremos un texto de dos caminos, un titular y la descripción. Algunos de los proyectos requieren más textos, algunos de ellos requieren menos etiquetas. Pero apegémonos a estos dos componentes porque normalmente basta con colocar así toda tu información y para evitar poner demasiado texto a un menos. Por lo que al principio crearemos algunos textos. Gracias por ser bueno. Y vamos a escribir sobre el uso del perimysio. Usuario. Significaba más. Vamos a centrar este texto, que sea morado. Sí. Haremos que sea audaz. O incluso Beleg. Sí, ya que negrita y su tamaño era tan 26. Está bien, vamos atrás y nos quedemos con 36. De acuerdo, Ahora enmarcaremos esta selección y para maquetar y agregar ponding de varilla la llenará con 50 por ciento de transparencia y hacer que mis pronombres sean 20. De acuerdo, probablemente éste tenga diferentes opciones de patrón. Miremos, son 20 y 30. Entonces hagamos lo mismo para estar vacíos. De acuerdo, ahora se ven similares. Todo K y hagámoslo un componente. ¿ Hice clic en él? Está bien, y lo nombraré titular. Ahora, voy a hacer y descripción usando el componente anterior. Desligaré esta instancia, y sustituiré el texto. Voy a copiar pegarlo para hacerlo más rápido. Está bien. Eso es, así. Parece igual, pero lo único que tenemos para alinear el texto a la izquierda. Otra vez ahora se ve similar. Y lo haremos componente también y lo cambiaremos el nombre para que haga es corrupción. De acuerdo, y podemos usar esto en nuestros entornos. De acuerdo, veamos cómo va. Copio a estos alumnos, selecciono a dos de ellos y me muevo. Sí, tengo dos copias. De acuerdo, y ahora pongo duplicados de mis componentes de texto en ellos socios. Pego en este titular y pegaré la descripción probablemente. Tengo que ponerlo a, digamos 70 por ciento de piedra, pero hasta 75. De acuerdo, Ahora en el bate y vamos a combinar estos objetos. Enviaré el titular nuestro centro, luego hay corrupción. ¿ De acuerdo? Me pondré por aquí y lo haré más pequeño. Y ves que la chica está detrás del texto y yo quiero estar frente al texto. Entonces es por eso que acabo de tirar de esto a la parte superior para estar por encima de la descripción. Y está bien, está frente a ella en mi lienzo. Y ahora voy a copiar pasta. Tanto estos componentes otros quemadores y estos banners. Yo lo haré, vale, haré lo mismo que en mi ejemplo. Enviaré el titular y pondré en la descripción a la izquierda. Y esto, y es como seguramente lo es, Ok, lo moveré acoplado pixeles a la izquierda y voy a llevar chica delante del texto, yo k luce igual. Y cuando creas un bono y estos textos burbujas y te incrustan para usar restricciones porque si cambias algunos textos, Veamos cómo funciona. Tengo estos titulares centrados, por lo que está ubicado en el centro, en el centro de esta pancarta. Y lo haré, y son restricciones. Mira sus limitaciones. Están a la izquierda y a la parte superior. De acuerdo, Así que ahora lo haré, y algunos textos aquí y ver qué pasa. La Biblia está más a la derecha ahora porque se pega a la esquina izquierda para evitar estos comportamientos es decir, actual. Por lo que estos texto y yo cambiaremos las restricciones de éstas. Gracias bumble al centro. Y ahora voy a añadir más texto aquí, o k. Y como ven la diferencia entre dos estos titulares, éste se queda en el centro. Éste va a la derecha. Entonces por eso tenemos que revisar. Y tendremos que establecer nuestras restricciones cuando utilicemos estos textos, la Biblia en nuestros quemadores. Pero como ves, estos, gracias burbuja todavía no se ven bien. Si añado algún texto, pondré esto aquí a la siguiente línea. Y ahora ves que esto no se ve bien. Ellos es superposiciones estas y no se ve profesional. De acuerdo, dos o más, estas son la mejor práctica es usar una sola burbuja de texto que contenga todo este texto. Para ello. Tienen que crear nuevos componentes en. Usaré estos dos componentes. Muéstrate cómo hacer esto. Ahora con estos dos componentes, ¿de acuerdo? Yo los desprenderé. ¿ De acuerdo? Ahora tenemos sólo dos marcos, se van a quitar el relleno. Voy a mover el perdón para ambos. Y ahora voy a crear un solo marco que contendrá dos es y textos, titular y descripción. En realidad, puedo crear un componente en este momento y el marco se creará automáticamente. Por lo que solo creo un componente a partir de ellos y lo nombraré. Texto, bumble, nuestro k Ahora sólo tengo que editar la frase. Añadiré auto-layout. Y ahora reduzcamos esta distancia para saber para los que están entre ellos. Lo voy a sentir. Voy a añadir perdón? Centro estos elementos certificados en todos digamos 30. Enviaré por las esquinas al 30. Y para nuestro modelo se ve bien. Entonces cuando creamos Cij Biblias, se ven mucho mejor porque son los elementos individuales. Y si cambiamos algún texto, estos tanques burbuja se ve bien. Pase lo que pase, efectivamente cambiamos. De acuerdo, Pasemos al centro de esto más tiempo desde aquí. Está bien. Que sea en la esquina. Ah, está bien. Y pondremos su fondo en semitransparente, establecido en 75. Y nos pondremos constreñidos a este término, top y center. ¿ De acuerdo? Y copio pegar dagas bumble hasta aquí. ¿ De acuerdo? Haré que esté aquí. Y usaré restricción izquierda y centro verticalmente. Nuestro k Ahora quiero que la chica esté frente. Y la burbuja de texto. Ahora pertenece y es bueno. Y como probablemente entiendas, si añado algunos textos línea y mi titular, entiendo que no va desde aquí porque había tocado el componente y debería fijar y enviar texto por aquí. Entonces como ves el texto se tambalea, mira, está bien, solo tengo que moverme e irme. Y estos quemador para estar en la parte superior del tambores tanque. Por lo que en realidad puedes crear componentes como este. Pero sugiero hacer lago aquí en ejemplo, para tener componentes separados para las burbujas porque cuando creemos violencia de diferentes formas, ahora, usaremos el mismo titular y la misma descripción, pero vamos a utilizar varios textos burbujas que los usaremos. Podemos verlo aquí mismo. Para que puedas ver diferentes textos burbujas como estas y así y así. Y ellos, estoy hecho de componentes de texto único. Entonces es mejor hacer como lo hice aquí y el ejemplo o en otros pupilos. Y repito, copiaré este texto. Nombrar su longitud. Estos. Muévete aquí. Ahora voy a hacer este componente de texto. Ahora copio pegar este texto. Yo lo moveré aquí. Y lo diré y lo haré componente. Ahora, hago un duplicado del componente y lo pego en mi burbuja. Y elimino este texto. Ahora, duplico mi titular. Me muevo y copio este bumble y el anterior. ¿ De acuerdo? Entonces ahora tengo dos componentes separados que usé en mi burbuja de texto. Solo tengo que aplicar el diseño exterior. No estoy seguro de por qué se había roto por alguna razón. Está bien. Entender. Tengo que aplicar auto-layout por aquí. Entonces como recuerdas, te dije, uh, cuando creas un texto que se usará en otro lugar, siempre es una buena solución aplicar el auto-layout a este texto. Entonces como ven aquí mismo, cuando estaba haciendo de ida y vuelta, me he olvidado de arar a disposición de esta capa. Por lo que ahora mismo tengo el texto de esta talla y mi marco de estos lados. Es por eso que cuando agrego otra línea a este texto, no afecta a mi burbuja de texto porque la burbuja de texto usa el diseño automático al marco, no al texto dentro del mismo. Entonces la solución muy simple es solo agregar el diseño automático a mi marco. Por lo que este marco se hará más grande. E dos será del mismo tamaño que el texto y todo saldrá bien en mi burbuja de texto. De acuerdo, así que aquí estamos. Y nuestra aplicará auto-layout a mis descripciones. Bueno, en realidad se aplica. Entonces cuando estaba cambiando, por alguna razón, rompí el autodiseño en mi titular. Por lo que ahora puedo llamar de nuevo a esta línea roja y ya puedo describirme. Por lo que lo hicimos con un largo camino, pero ahora entendemos la diferencia de varios enfoques de crear y este texto burbuja se pueden utilizar objetos previamente creados, barras previamente creadas. Se pueden desprender y hacer copias o se puede hacer todo desde cero como lo hice aquí en el ejemplo. Y de todos modos, crearás tus burbujas de texto y no olvides usar el auto-layout. Y en este caso, estarás bien. Entonces eso es todo con el uso de texto en nuestro bono. Y pasemos a la siguiente lección. 36. 7.7 Banner completo: Por fin creemos todos nuestros banners usando todas estas empresas que creamos antes. Entonces vamos aquí y vamos a crear cinco banners diferentes para diferentes sistemas publicitarios. El primero es seiscientos seiscientos. Vamos a llenarlo. Está bien. El segundo es 798 por nueve veces GA. Otro es 970 por 251 más, 160 por seiscientos doscientos, cuarenta por 400. De acuerdo, entonces tenemos 51 nosotros. Vamos a llenarlos de algo. Crearemos un fondo. Como ven, la dimensión más grande de estos pancartas es 970. Entonces vamos a crear un fondo de digamos, 1000 por 1000. Por lo que 1000 por 1000. Lo llenaremos. Y agreguemos una imagen. Voy a copiar pegar una imagen de estos marcos. Ya lo tengo, y lo pegaré aquí. Entonces como comprendas mejor tener lo grande, una fuente importante de tus antecedentes, para tener la buena calidad. Rk. Y voy a crear un componente a partir de este marco. ¿ De acuerdo? Y haga clic en Aceptar, y démosle el nombre de la tinta. Ahora, copio pegado y coloco su copia en mi menos a. Hice aquí. En realidad, tengo que renombrar todos esos pancartas porque no sé a cuál de ellos se llega. Y voy a hacer esto. Y esto es probablemente 600 por 600. Ah, está bien. Ahora enviaré, moveré este fondo a esta capa. Voy a mover este fondo a estas capas. Y ahora puedo escalarlo. Por ejemplo. Estos k copian pegarlo y pegarlo en el siguiente corredor. Y lo escalaré también. Está bien. De acuerdo, entonces ahora tengo todos los quemadores llenos de fondo. Ahora creo burbujas de texto. Crearé dos textos y haré que las cosas burbujeen de ellos. Este, yo lo hice, éste. Ahora lo convertiré en un componente y lo convertiré en componente. Ahora creo un componente a partir de Io, copiarlos pegarlos porque quiero que estos componentes sean como oración. Y me pregunto que estos sean un componente de la burbuja de texto. Se verá así. Ad out the layout. Añadiré algún relleno. Añadiré alguna parte en, algunas esquinas y algo de encuadernación. Está bien. Y me centraré. nuevo los elementos de R enviarán esto al 75. Y como veo, coloqué botones por aquí porque quiero que aparezcan en mi Barnabas como si fueran estos choques. Entonces por eso voy a crear barbel botón derecho ahora mismo. Y luego lo pegaré en mis choques. Entonces lo haré, vale, crearé botón. Aquí. Lo es. Como se puede entender, se trata de texto. Está bien. Lo crearé desde cero para mostrarte. De acuerdo, la cuerda SHE ahora creó un texto y haciéndolo blanco. Ahora puedo crear componente a partir de él en este momento. Por lo que estas calificaciones enmarcan alrededor de mis textos. No fue y educado. Está bien. Se aplica. Ahora agrego auto-layout y algo malo en. He puesto un poco de color verde. Añado trazo. Pongámoslo a tal vez cinco. Y pongamos el trazo en blanco. De acuerdo, Ahora hagamos unas esquinas redondas, probablemente algo así. Tengo k y tenemos que sumar más a la ciencia. Principalmente fueron 40. Se ve número similar creo que va más ancho de trazo. Probablemente fueron seis píxeles. De acuerdo, entonces ahora tengo mi botón Shop Now. Yo puedo quitar éste. Entonces tengo dos textos. Tengo botón y voy a pegar botón en estos tanques, la Biblia. De acuerdo, In sigue ahí porque tengo auto-layout. A lo mejor usaré menos espacio para que no sea tan grande. Y creo que ahora está bien. Pero quiero crear varios y choques. Entonces dupliqué este. De acuerdo, y yo sí maté hoja. Ahora lo hago vertical y creo un componente y ganancia. Por lo que lo nombraré vertical. Y a esto le llamo azulejo de mármol. Ahora, lo haremos, basado en esto chocar en mis pancartas. Incorporo éste y lo pego aquí. Hazlo más pequeño, así. Y duplicar. Y lo pondré aquí. Este Barna. Y que no se olvide de establecer restricciones. Por aquí. Y por aquí, le dije al centro. Y probablemente pueda pegar estos bumble en estos Boehner. Yo lo haré más pequeño. Y usaré el Bumble. Esta tumba pancartas. Usaré una versión horizontal. Mm-hm. Está bien. Pongo esta burbuja de texto. Debería, no debería estar arriba. Es en el pongo esta burbuja de texto en la banda, en esta pancartas verticales. Entonces por eso no lo veo aquí mismo. Lo puse en el lugar equivocado, así que lo tiraré y pondré justo aquí. De acuerdo, entonces ahora es visible. Y la otra cosa que podemos usar aquí es y entonces sé que voy a poner a una chica y en realidad no tengo espacio para ella aquí mismo. Por lo que en este caso, puedo hacer visible el botón y enviar el texto aquí. Y puedo copiar y pegar el botón justo en mi banner otra vez para estar fuera de la burbuja de texto. O hazlo más pequeño y déjalo aquí, por ejemplo. Y ahora vamos a previsualizar estos banners en pixel. Vista previa. Dije una x y fijé la escala en 100. Entonces así se verán estas pancartas. Después los descargamos. Yo estoy, estoy bien con todas estas pancartas excepto esta. Creo que esto es de dos píxeles. El texto no es legible. Y por eso quiero crear una burbuja de texto separada para este banner. Y lo usaré en un pancartas muy verticales. Copiar pegar estos. Yo lo desconecto. Y voy a cambiar el texto. Por lo que haré vertical el texto. Y haré cada palabra desde la siguiente línea aquí. Y probablemente algo así aquí. Algún pecado, esto y voy a hacer este botón un poco más pequeño, k. Y ahora hago este componente de bumble, y lo llamaré muy vertical. De acuerdo, ahora lo copio y voy a mi Varner. Tomé pegarlo aquí. Entonces, como ves, esto se ve mucho mejor. El texto es miembro legible no perfecto, pero lo suficientemente legible para nuestros propósitos. Por lo que acabo de borrar esta cosa está burbujeada de la pancarta. Aviso muy importante es que desde que cambiamos, cambiamos el texto en el titular y la descripción desde este punto, si cambio el texto aquí en mis componentes, aquí no se verá afectado. Entonces I Estos textos, y como ven, se agregó a estas dos canicas y no se agregó aquí mismo porque cambié este texto antes. Entonces si quiero agregar estas palabras a este texto, tengo que hacerlo manualmente aquí mismo. Ahora, lo traigo de vuelta. De acuerdo, ¿Qué más necesitamos? Tenemos que pegar chica o un artículo. Por lo que voy a copiar pegar a esto. Seguramente voy a copiar pegar no estos componentes e invitar, tengo una corriente inverter que creamos aquí. Lo es. Está por aquí, sí. No, lo es. Sí, por aquí, ¿verdad? Y persona aquí. Yo lo desconecto. Y creo un nuevo componente a partir de esta matriz. De acuerdo, Ahora yo, voy a pegar y chica imagen en ella. Lo copio y lo pego aquí y lo hago visible. Temporal y el relleno. Ahora, voy a seguir adelante. Chica les dijo. Está bien. Creo que esto está bien. Y la hago más grande. Ahora elimino el sentimiento y lo hago formas invisibles. Entonces este es nuestro componente que podemos usar, nuestros banners. Siendo un más pequeño, bien duplicado y pegado donde queramos. Y K, lo pondré ahí dentro. Pero como ves, esta no es una cualidad muy buena. Ella es entrar en estos quemador. Y dije limitaciones a estas mayores también. Pondré esto aquí. Aquí. Pondremos centro y justo aquí. Y aquí mismo con Martin y centro. De acuerdo, y lo hemos hecho último y lo pegamos al fondo. Este también es el fondo. De acuerdo, así que ahora tenemos mayores todo fuera. Tamaños. Tenemos que pegar registrador en nuestro bono también. Por lo que voy a copiar pegar estos también, ya lo creé y la lección anterior. Por lo que sólo usaré ocho. Desconecto esta instancia crear componente de ella de nuevo. Y como recuerdan, esto es que estamos hasta que se creó el logotipo, a una vuelta de esquina. Por lo que agrego este registrador a mi bajo. Por lo general pegamos el registrador en tamaño pequeño, pero para hacerlo correctamente, es mejor usar 100 Zoom y Pixel Preview. En este caso, cuando sí tiende si el registrador es legible, porque a veces creamos dos pequeños madereros y no son legibles a tamaños pequeños. Por eso seguimos viviendo Pixel Preview activado. Y K lo hará más pequeño y voy a mover este. Aquí. Yo muevo a la chica. Creo que está bien. Bueno, eso está basado en todos estos quemadores. Estamos led smoothies paseando un poco. Estos poco espacio. lado izquierdo era de un píxel. Entonces pegué logger en absoluto. Mi mamá. En realidad tenemos podemos subir a nuestros sistemas publicitarios. Si quieres. Simplemente puedes seleccionarlos todos. Y debe ser por dentro, porque si lo haces centrando o afuera, cambiará el tamaño de los pancartas. Y cuando los subas a Google, Facebook y otras plataformas publicitarias, obtendrás un error. Entonces vamos a ponerlo en cuatro píxeles, y vamos a establecer un color, por ejemplo, a nuestro color púrpura. Por lo que ahora tenemos a nuestra banda en la radio. Y sólo para tener que comprobar el nombre más largo sea para moverlos. 12 píxeles. Porque ahora soy mayor. Y no lo contábamos cuando pegábamos nuestros logotipos. Entonces ahora creo que tenemos listos para descargar quemadores zona como al 100%. Y creo que lo son. Está bien. Y como usted entiende y acaricia a esto, por alguna razón, Vamos a moverlo. Añadí este trazo a estos fotogramas porque no está en estos quemadores, así que tengo que moverlo aquí. Ahora está adentro, ¿de acuerdo? Porque si dejamos algún marco fuera del Varna y luego tratamos de exportar todos estos archivos. En este caso, el marco de la banda y el marco de la niña serían explotados por varios archivos separados. Y no queremos esto y quiero moverlo más tiempo y un poco también. Está bien. No he seleccionado un registrador, seleccionar y solo una imagen. Está bien. Ahora creo que estamos bien. Y ahora puedo seleccionar todos estos banners que creé y exportarlos a experto. Tengo que hacer click en esto. Y puedo exportar esto con este botón ahora mismo. Y si quiero, puedo agregar algún sufijo, y eso se añadirá al final de los nombres de archivo. Por lo general pongo una versión de mis graneros. Porque cuando creas muchos pancartas, tendrás muchos de ellos y con, con el tiempo, será difícil orientarse entre ellos. Y en este caso, termino esta versión uno, versión dos, y se sumará a todos los pancartas. Puedo elegir entre diferentes formatos. Realmente usa ser GIF o JPEG. Y puedes exportar tus archivos. De acuerdo, así que en realidad creamos nuestros primeros banners, y ahora vamos a seguir adelante y ver qué más podemos hacer para que nuestro trabajo sea mejor, rápido y más eficiente. 37. 7.8 Panel de control: Hagamos que nuestros archivos se vean más bellos porque agregamos muchos componentes y no se ven bien. A veces. Por ejemplo, los agregamos por aquí y ahora es un desastre. Y podemos crear algunos hermosos y los paneles de control lógicos como este. Y cuando lo miras, entiendes que se trata de un cabecero, esto es descripción y demás. Por lo que para ello, usaremos componentes y diseños externos también. En realidad el solo duplicaremos todos nuestros componentes y los pondremos dentro de dichos marcos con los títulos de cada punto. Entonces vamos a crear el primero. Voy a crear el primero y ver cómo se ve. Voy a crear y ser marco y k para ser algo así, lo sentiré. Y ahora copio pegar mi componente de tierra k, y voy a aplicar auto-layout a este marco. Mandaré esto al perdón, al 30. Voy a mandar esto. Y voy a añadir algo de texto. Retrocede el suelo. Y voy a terminar Este texto en, bien, en este marco. Entonces, como ven, esto no va por el camino que queremos, por lo que cambiaremos la dirección del auto-layout. Ahora, voy a añadir estos separadores. Es sólo una línea. Creo una línea, pongo en 0, pongo en. Y ahora tono, tal vez 10, tal vez ocho píxeles deberían ser probablemente algo como estos. Le voy a añadir un poco de color. Bueno, usaré este de aquí. Está bien. Yo soy bueno con ello. Y lo pego en este marco también. Ahora, dije la distancia entre los objetos a nombrar antes, principalmente 15. Sí, estoy vendiendo esto. Y una cosa más con esta línea, quiero que ocho estén con alrededor y K así. Y ahora sólo voy a cambiar el color de relleno. Hazlo amarillo, tal vez 20 por ciento, algo así. Está bien. Y voy a añadir algunas esquinas redondeadas. Entonces y voy a cambiar su color son los mismos que hacia la línea. Y sólo cambia este color. Aquí estamos ahora, voy a crear este tipo de componentes para todos nuestros forams de todos nuestros componentes k duplicados. Ahora eliminaré fondo y basaré mi firma titular ahí. Yo lo haré componente. Entonces lo desconecto primero y luego hago componente de TI. Utilizo teclas rápidas para hacer esto rápido. Está bien. Pondré todos los antecedentes a estos Carolina. 15 por ciento. Está bien. Al igual que esto. Pulmones mejor que eso. Columna amarilla, conjunto y fondo. Y voy a escribir y alinear. Está bien. Ahora muero tramposo y hago unas armas competentes. Y voy a escribir, Entrar y muertes. Corrupción. A continuación, haga ajuste para un artículo. Y como ves hay este rectángulo discontinua alrededor de la imagen. Y eso creará tal también, digamos uno también. Puedo usar estos. Copiar pegarlo. De acuerdo, y estos, copiaré este texto. De acuerdo, ahora quiero agregar sobretensiones de trama discontinua para entender dónde, dónde están los bordes de mi elemento o componente de persona a componente. Nuevamente, ¿cómo hago esto? Sé que el tamaño de este componente es de 600 por 600. Por lo que sólo voy a añadir otro marco y ponerlo por encima de esto y hacer las fronteras. Por lo que tengo que crear un marco, seiscientos seiscientos. De acuerdo, y ahora voy a añadir un trazo. Diga turno. Voy a cambiar el color. Uno. Y voy a guiones. largo plazo. Sí, algo así. Y usaré este ajuste afuera. Entonces esto significa que tengo mi rectángulo, 600 por 600 dentro de estos bordes, lo que no cubrirá ninguna parte de la imagen original. Pero si pego este rectángulo en este marco, lo hará, No estará en la parte superior de la imagen porque en realidad podría, pero en este caso, debería ser, estaría dentro del propio marco de imagen. Entonces lo hacemos, aparecería y aparecería el saldo, el saldo. En otro caso, tenemos esto. Entonces ahora no queremos ninguna de estas conductas. En realidad, podemos ponerlo en el marco con el elemento número uno haciendo estos, y luego moverlo aquí para encontrar el centro. Al igual que esto. Pero como ustedes entienden, si uso este componente de clip, no veo el borde. Ahora mismo. Se pinta el contenido. Si lo desmarco, es el cuerpo es visible. Y pero si pego este marco en algún lugar en Varna , aparece con un borde. Entonces por eso tengo que crear otro marco que contendrá tanto borde como el elemento. Entonces. Yo creo otro marco, 600 por 600 K. Y voy a poner este marco con vagar sobre ellos y moverlo así. Desmarco esta opción. Ahora, muevo persona por aquí. Hazlo. Estos son así, sí. Y ahora tenemos este marco y podemos moverlo y arrastrarlo a nuestro menú así. De acuerdo, así que aquí estamos. Entonces ahora mismo tenemos nuestro artículo ya que no nos formamos como lo teníamos antes, y tendremos una frontera discontinua y nada está roto. Por lo que una vez más, creé un componente para un artículo o persona. Y luego creé un marco separado con un borde alrededor de estos 600 por 600 cuadrados. Y puse ambas capas en otro marco. Y puse este marco en estos controles. Por lo que en este caso veo estos hermosos menús y esto es muy demostrar IV. Por lo que voy a añadir algunos controles más, uno por más tiempo. Y ahora por botón. De acuerdo, vamos a poner un logo por aquí. Hagámoslo una vez más. Por lo que tengo un logotipo horizontal. Yo lo puse aquí. Entonces lo sé. Y cada uno 400 por 100, agrego otro marco por 100. 100. Está bien. Añadiré un trazo. Un día estaba antes, no me acuerdo. A lo mejor estoy mintiendo estos uso esta opción afuera y cambio el color a este. Sí. Añado un poco de blanco como mis cursos. Añadiré algunas esquinas redondeadas por aquí también. Ahora voy a mover este marco, ese. ¿ De acuerdo? Ahora los pies, ahora coinciden. Y ahora los selecciono a ambos. Y nuestra selección de objetivos, puedo duelo esto. Por lo que ahora tengo estos marcos que contiene nuestro registrador. Yo lo haré componente y el marco con un borde. Para que pueda mover esto a mi control. Entonces como ves, esta línea no está en el lugar. Puedo seleccionarlo y presionar flecha arriba en mi Camboya y en va así. Esto se puede utilizar en los marcos y donde se, donde se utiliza el diseño automático. Por lo que es bastante útil. De acuerdo, y tenemos botón, voy a copiar botón de pegar, crear uno nuevo, hacer que sea un componente y pegarlos por aquí. Y voy a presionar y bajar la flecha. De acuerdo, tenemos un botón. Entonces en realidad tenemos nuestros, todos, nuestros controles. Y ahora seleccionaré todos estos componentes y enmarcaré esta selección. Haré visible nuestra voluntad y disposición exterior. Ahora esto es un organizado entre correctamente. Voy a mandar esto, digamos a una T. Y voy a añadir algo de relleno a tal vez 100. Hagámoslo menos, tal vez a 60. Está bien. Creo que se ve bien. Y si queremos volver a poner terreno de bug para todo este bloque a alguna imagen, en este caso, tendremos que vender estas opción de imagen. Y entonces tendré que elegir una imagen, por ejemplo, usaremos ésta. Y aquí hay algunas opciones. Podemos azulejar este 100 o incluso a un 100 por ciento. Por lo que se verá así. Está bien. Hay una cosa que no me gusta por aquí en este momento es que todas estas formas, esta atención tabuladora de estos elementos y el texto no es tan bien legible. Entonces, ¿qué podemos hacer? Yo lo hice aquí y el ejemplo, podemos agregar desenfoque a estos elementos. Por lo que tengo que seleccionar todos los marcos dentro de él, su marco 96. Selecciono todos estos controles. Y ahora agrego un efecto en la planta baja. Y lo puse a, digamos 25 y acaba de añadir una pérdida. Entonces ahora parece un vaso y todos los textos son legibles. Prader? Bueno, una cosa más. Cuando creamos nuestros componentes para textos, sabemos que los usaremos para burbujas de texto en el futuro. Entonces por eso vamos a crear las etiquetas burbujas. Yo quiero crearlos ahora mismo ya lo hicimos varias veces, tres de ellos. Bueno, los ancianos en este texto, no es que quisiéramos y nos vayamos. Y ahora imaginemos que acabamos de crear estas burbujas a partir de nuestros componentes. Entonces en este caso, enmarcaré esta selección y haré otro panel de control para ellos usando totalmente fuera usando y en usando relleno-in. Digamos que usaremos algún gradiente. Cubriremos estos plug-ins más adelante. Ahora, dejémoslo así. Por lo que este es un panel de control separado donde tenemos algunas empresas que usan y otros componentes como componentes anidados. Porque cuando vamos a crear Varnas tarde, Es mejor tener todos estos textos Biblia en un solo lugar. Es fácil de navegar. Y por ejemplo, si entendemos que no tenemos marco, un componente, una burbuja de texto para algunos, para algunos de nuestros banners, podemos crearlo aquí mismo. Y sabemos que va a ir aquí, por ejemplo, queremos, no sé, combinar estos elementos con alguna manera diferente. Por ejemplo, queremos combinar botón y descripción y hacerlos separados. Tengo que desprender esta burbuja de texto al principio. Ahora quiero seleccionar sobre y descripción. Enmarqué esta selección y creo disposición exterior para ellos y la hago horizontal. Por ejemplo, quiero estos textos barbel, voy a nombrar no es bumble. Horizontal a no lo sé. Y hacer empresa de TI. Entonces en este caso tengo otro tanque Biblia y sé dónde está y sé de dónde copiarlo y todo está bien. Por supuesto, si uso este mármol de un bilayer, cambiado, es malo en voy a añadir más relleno a los lados. Incluso ahora se ve no tan bien. Pero por ejemplo, quiero que un texto aquí sea así. Y ahora como ves, se ve bien y puedes usar tal burbuja en tu bono. Entonces revisemos toda la sección. Si queremos crear banners, tenemos que saber qué componentes usaremos para ello. Por ellos. Usaremos botones Quién usará textos, burbujas, e imágenes de fondo. Imágenes con personas, con objetos, con nuestros bienes o algo así. Y combinamos todos estos objetos en componentes, entonces es una buena práctica colocar todos estos componentes en controles, en algún panel de control. Y como hicimos en estos menos que y después de esto, usaremos los componentes crear y nuestro sesgo en este caso. Y al final, tenemos todos estos componentes en un solo lugar. Podemos cambiar algo por aquí y podemos crear mucho, un montón de pancartas por allá y todo está claro. Entonces esta es una buena práctica para ti. Espero que lo disfrutes y lo utilices. 38. 8.1 Introducción de Google Banners: Y finalmente se movió al sesgo de Google. Y en esta sección vamos a aprender cómo crearlos, cómo crear anuncios de display de Google, cómo crear anuncios de display responsive de google quiere hacer Firenze, cómo dos de ellos. Aprenderemos a evitar el 20 por ciento del texto en su limitación de banners. Cómo crear unos verticales, plátanos murmurados. Cómo realizar pruebas A B en su diferente inalámbrica. Entonces vamos a ver cómo crear banners de Google sobre la práctica. 39. 8.2 Google Display Ads: Balance de Google, también conocido como anuncios de display de Google. Veamos cómo crear mucho equilibrio usando nuestros conocimientos. Por lo que al principio, crearemos un panel de control para utilizar todos estos componentes en nuestros banners. Will ya lo hizo antes. Entonces queremos una repetición, solo usaremos este panel de control que creé antes. Y vamos a utilizar todos estos componentes en estos bonos. Entonces empecemos a crear una vaca A-menos y baja en ONG. Tenemos 23 formatos diferentes aquí y los crearemos todos. Entonces, estos harán muchos rectángulos de todo el tamaño necesario. Podemos crear la Magnolia o una tras otra usando la Herramienta Marco. Comienza y termina con 200 por 200. Y más que de uno a otro. Pero para hacerlo más sencillo, creé marcos preestablecidos y la página de la biblioteca, y los copiaré y pegaré en nuestra área de trabajo por aquí. Entonces yo k Ahora tenemos todos estos 23 formatos entonces nombrados en consecuencia a sus tamaños. Para que podamos crear nuestro menos. De acuerdo, y primero vamos a añadir el fondo. Conferirá un componente y copiará este componente en nuestro lenguaje. En ahora tenemos todos los banners campo con nuestros antecedentes. Y agreguemos algo más. Empezaremos con. Empecemos con más tiempo. Esto es más largo para responsive como cuando estos más largos o nuestros anuncios de display regulares para nuestros socios. Y eso es pegarlo. Entonces ahora terminamos con el más largo y vamos a crear real vista previa mundial estos logotipos para ver si se ven bien en nuestro 100% para escalar con el Pixel Preview. Entonces digamos 100%. Y encendí rosa algún adelanto. Y veamos aquí todos nuestros formatos de este trabajo. Empecemos con los más pequeños. En realidad hay logger no fluye bien, pero tal vez está bajo el significado legal. Por lo que probablemente este es el tamaño más pequeño que podemos usar sin perder calidad, será de 24 píxeles de altura. Entonces probablemente tengamos que quitar estos logotipos de estos dos corredores porque si pego estas variantes, toma demasiado espacio. No tenemos ningún lugar para nuestras etiquetas Word, Baumol o imagen. Entonces elimino este más largo de estos banners y echemos un vistazo a otros formatos. Este es demasiado pequeño también, pero tendré suficiente espacio y estos estandartes. Y probablemente tengamos suficiente espacio y estos menores. Por lo que sólo voy a hacer estos lingo longus. Y pensaré cuando sea bueno con todas estas llamas, tal vez estas dos pequeñas también, así que las sustituyo por estar solos nosotros. Está bien, borra. De acuerdo, ahora tenemos todos los logotipos y sus lugares y podemos agregar nuestras burbujas de texto. Terminé madereros primero porque quiero saber dónde está mi logo antes de pegar burbuja de texto por ahí. Será más rápido. Ah, esto sí, se ve bien al 100%, el texto es poco. No es tan humor tal vez en píxeles de Slido. Entonces tratemos de hacer que la fuente o menos audaz set a wrangler y veamos qué sucede al 100%. Todavía no es lo suficientemente ágil, así que agreguemos algo de confianza de calidad. Mi ambulancia lo hacen negro. Está bien. Es mejor conocido pero aun así Aún no es lo suficientemente confiable. De acuerdo, en este caso podemos reducirlo un poco. Por lo que dejaremos de esta manera con en etiquetas LI, bumble sin imagen. Y porque la mamá más pequeña no es legible. De acuerdo, aquí está. Y usaré diferentes símbolos para otro Banos. Mármol vertical. Para los dueños de un bar vertical, hay tres de ellos. Este, éste . Este. Agregaremos nuestros murmullos horizontales a nuestra horizontal. Formatos. Voy a cavar estos primero y lo usamos en tres formatos. En realidad es a las cuatro de ellos. Ah, está bien. Y ahora lo haremos y lo verbal más horizontal dijo el resto de los formatos ayuda. Voy a copiar estos, gracias, murmurar uno horizontal y pegarlo en las fórmulas. Y como ves, estos bumbles son demasiado grandes para este formato móvil. Por lo que dejaré sólo texto sin Martin o K. viviré de titular y un botón, y haré invisible la descripción. En este caso. Tengo espacio para estas Biblia. En otro caso, el dueño de casa una variable y en realidad decidió quitar este registrador también porque será mejor sin ella. Y podemos centrar nuestra burbuja de agradecimiento y se ve bien. Entonces abajo con las etiquetas, Biblias, y pasemos a nuestra joven. Y luego tendremos que encontrar el componente nombre del elemento ocho persona y pegarlo en todos los formatos, excepto algunos de ellos que decidimos vivir sin esta persona. Correcto. Y ahora terminamos con base 10 persona a nuestra locura. Y en realidad estamos listos y podemos descargar todos estos banners y subirlos a los anuncios de Google. Y repasemos todo. Una vez más. Dije 100% escala y mira, si todo se ve bien. De acuerdo, los madereros pequeña zona azul, incluso ahora, pero es que creo que está bien. Y podemos colocar estos banners en los anuncios de Google. Y probablemente la gente, entenderemos qué es lo que queremos. A lo mejor voy a hacer estos biomarcadores y estar alrededor porque el texto es demasiado pequeño. Por lo general traté de dejar más espacio entre fronteras y mármol, pero el texto es realmente pequeño, por lo que vamos a ocupar todo el espacio que tenemos. Pero no vamos a conseguir menos legibles, ¿de acuerdo? Entonces parece que todo es legible. Y ahora una cosa más es establecer restricciones para el futuro. Y debido a que creamos una plantilla y no queremos pasar tanto tiempo cada vez que queremos crear estos banners y vamos a crear esta plantilla, entonces cambiamos algo y obtenemos una nueva versión de estos banners. Entonces para que funcione, tendremos que establecer restricciones a todas nuestras etiquetas, burbujas, y a toda nuestra imagen. Y nuestros componentes. En realidad los componentes de imagen no son tan importantes. Y porque si basas todo correctamente aquí en el componente, y si tus mayores no superan nada, todo estará bien pero etiquetas, Biblias y definitivamente cambiarán su posición si no usamos nuestras restricciones. Entonces lente y ve aquí y establece nuestras limitaciones. Será más tiempo Centro. Esto no será de primer centro. Esto conducirá también a top center. Esto es tops y viaja por ahí. Y entonces lo haremos, seremos tan K, Estos serán ups. Y estos serán pum, pum, pum, centro izquierdo. Estos serán también el centro izquierdo. Estos también quedarán a la izquierda en el centro. En realidad, podemos hacerlo 25 y ser como es. Estos serán de primer centro. ¿ Está en el centro? Sí. Centro de droga. Top center, top center. Por lo que todos los formatos verticales tienen alineación top center porque queremos que este bumbles envidie verticalmente a este centro. Si agregamos Sansón y estos pancartas, y usualmente usamos centro izquierdo o centavo derecho. Entonces aquí está a la izquierda, centro, aquí está de un centro izquierdo masculino, centro derecho. Estos serán a la izquierda en el centro. Entonces solo estoy mirando un qué elementos no quiero superponer con mi texto Baumol. Por ejemplo, a estas imágenes, no quiero que la niña se superponga con la burbuja de texto. Por eso dije, restricción correcta. Esto significa que si cambio algún texto, este espacio entre el borde del marco y el borde de la Biblia seguirá siendo el mismo. Y en este caso, si agrego algún texto, MyText bumble irá a la izquierda y quiere superponer a la chica. Entonces por eso uso estas restricciones y este caso y hay nota tan grande diferencia, pero diremos que viene directamente de izquierda y porque está más cerca de la lager que de las chicas, así que no queremos que se meta con lager. K de estos no se vaga. Izquierda enviada. Esto se queda enviado. Estos se harán, digamos la gran diferencia, pongamos, está bien, centro. Y va probablemente que chica. Si estamos superponiendo chica, no se verá tan bien. Pero si superponemos con un logotipo, el logotipo será completamente ilegible. Entonces cambié de opinión y lo puse al centro izquierdo. Está bien. Yo envío estos a la izquierda, mismo terror también. Y estos dos izquierda centro también. De acuerdo, y mis pequeños formatos, también tendrán un lado izquierdo. Está bien. Estos dicho tipo de extraño dejar Santa y estos tendrán porque Jains centro, centro. Ah, está bien. Por lo que ahora ponemos todas las restricciones para nuestros textos chocar y estos mineros, Luke perenne K, para subirlos. Hay una cosa más que podemos hacer. Podemos añadir un poco de agua a estos pancartas. Y en realidad hay algunos vagando por aquí, pero podemos ajustarlo a 20 píxeles y hacerlo. Está bien. Yo lo haré morado. ¿ Lo es? Sí, esto es lo mismo. Por lo que creamos un Warner's. Hagámoslo un poco transparente. De acuerdo, y ponlo en tres a cuatro píxeles. Por lo que el cuerpo es claramente visible en todos los formatos. Y podemos usar a estos marineros. ¿ Se ve bien aquí? No tan mal. Creo que lo es. Está bien. Y vamos a exportar todos estos marcos y pulsar el botón X. Y digamos que los reproduce a esta carpeta y pulsa Guardar. Pero Figma me dice que tengo Varnas con tales nombres ya en esa carpeta. Entonces finjamos que esta es mi segunda versión de nuestros archivos. Todo hagámoslo realmente la segunda versión, Vamos a cambiar algo. Aquí. Por ejemplo, quiero cambiar mi titular. Quiero escribir instrumento musical BI Premium. Bueno, esa es su visión de los quemadores. Como dije, cuando creé estas cubiertas, burbuja a cambió un texto para ser vertical. Y por eso el texto no cambió en estas canicas. Entonces tengo que cambiarlo manualmente. Voy a mis tags y bumbles y busco éste. Y voy a cambiar el texto maléolo, así que vamos a escribir BI, Instrumentos musicales Premium de k Ahora vamos a revisarlos bono una vez más. De acuerdo, entonces creo que estamos bien. Lo único es que como veo, nuestra frontera se superpone al maderero. Por lo que quiero que un registrador tenga un poco más de espaciado a la izquierda. Por lo que lo crearé e iré al componente de mi logo. Y haré que la imagen sea un poco más pequeña. Y lo pondré más a la derecha. De acuerdo, creo que todo esto va a estar bien. Y ahora vamos a conseguir el vector R1 por otros. Y ahora veo que mis fronteras no superponen logo. Entonces soy bueno con estas pancartas. Y vamos a exportarlos. Y esta es la segunda versión de mis menores. Por lo que voy a añadir este sufijo ops V2 y exportar. Exporto este saldo a la misma carpeta que antes para este ejemplo. Pero generalmente creo carpetas separadas, una carpeta para la versión 1, 1 carpeta para la versión 2, y así sucesivamente. Pero este ejemplo ES guardar todos estos archivos, escribirlos. Y como dije antes, si creo diferentes versiones de mis banners, creo archivos Figma separados. En este caso, tendré diferentes archivos de mis pancartas en mi biblioteca. Y siempre puedo volver atrás y ver lo que creé antes. Y puedo reutilizarla, cambiando o duplicar. Y así en este momento creo un duplicado de mi pila. Es bastante grande. Por eso toma algún tiempo duplicarlo y hay que esperar un rato. Está bien. Entonces dice una Copia y si fuera un archivo con mi aguinaldo, lo llamaría v2. Diría corredores para Google para algún proyecto, versión dos. Por lo que depende de ti cómo nombrar tus archivos. Entonces eso es comer con nuestro bono de Google. Nosotros los creamos todos. Y en la siguiente lección veremos cómo usar algunos consejos en algunos de los formatos. Y luego veremos la respuesta de los anuncios de display para Google. 40. Consejos verticales 8.3: Profundos para bono vertical. Ya hicimos unos textos especiales burbujas para ellos con cada palabra de una nueva línea. Por lo que estas burbujas despacio, mira vertical cuatro meses porque podemos hacerlas más grandes. Ahí hay algunas otras profundidades. Por ejemplo, si tienes demasiado espacio libre en tus barras verticales, puedes duplicar elemento o persona y hacerlo más grande y semitransparente. En este caso, se verá como una especie de reflejo de tu artículo y a veces se ve bien. Déjame mostrarte esto En realidad, esto se hace en este ejemplo. Entonces se ve así, como una especie de reflexión. Y para hacerlo solo tienes que duplicar tu capa de elemento de persona, tomar la que está detrás, hacer que sea así o incluso veta. Y hay una persona. ¿ De acuerdo? Lo colocaremos así y lo haremos, digamos 25 o 35, algo así. Por lo que estos agregan algo de dinamismo a este pancartas y no parecen que ahora haya demasiado espacio libre y no sabíamos cómo llenarlo. Y veamos cómo funciona con otro. Por ejemplo, el teléfono principal. Para un auricular, probablemente queremos que sea menos transparente así. De acuerdo, Así que funciona también, pero con los auriculares y hay demasiado espacio en el centro, estoy probablemente queremos moverlos un poco, algo así. En realidad, puedo hacer lo mismo con algunos formatos horizontales o horizontales, pero generalmente están más ocupados con el contenido. Y esos periodos los espacios aparecen en equilibrio vertical. De acuerdo, volvamos a poner a nuestra chica de nuevo a los quemadores. Está bien. Ahí hay una nonce y vamos, Vamos a ver. Esta es otra imagen. Y como ya he dicho antes, Usted apuesta, borra estas imágenes no utilizadas de sus componentes. Si solo tienes un archivo para un solo conjunto de banners para una sola versión y siempre los reemplaza. Porque cuando añades imágenes invisibles, hazlas invisibles. Todavía son procesados por Figma. Se ralentiza tu expediente. Y en nuestro caso, solo les dejo caer para mostrarles cómo funciona esto. De acuerdo entonces, y hay una propina más para bono radical. En ocasiones los botones en ellos se ven demasiado pequeños, como en estos ganó el caso. Simplemente puedes mover botón desde el ejemplo de burbuja de texto, ponerlo por separado. Y lo centraré. Y voy a hacer como estos un poco más pequeño así. Y hago visible botón en esto. Entonces se ve bien, pero el botón está siendo cuando tu reloj estuviste en una escala del 100 por ciento. Por lo que puedes hacer lo mismo con algunos de estos bonos. Por lo que estos son algunos consejos para banners verticales para anuncios de Google. 41. Consejos para banners móviles 8.4: Profundos desde arriba. Y aquí hay algunos consejos que se forman sobre el equilibrio también. Llamo a plátanos móviles tres formatos, 320 por 100, 320 por 50, y 300 por 500. El último se coloca en aplicaciones móviles por lo general. Entonces aquí están estos cuatro meses. ¿ Y qué podemos hacer con ellos? Una opción es crear menos texto en ellos ya lo hizo. Por lo que movimos la descripción de las burbujas de textos. Y ahora estos pancartas son lo suficientemente legibles. Pero hay otra pista de que aún no me presenté. Y Google permite aplaudir imágenes de doble tamaño durante estos 34 meses porque se verán mejor en pantallas de alta resolución de smartphones modernos. Por lo que en realidad puedes crear Banos de doble tamaño. Es, serán desde familia 40 por 200. Otro será 440 por 100, o 600 por 100. De acuerdo, entonces puedes usar estos tres formatos, pero hay una nota importante. No se puede aplaudir a las mayores de Denny. Tres, estas imágenes a través de Google Ads Editor. Probablemente sepas que vamos a agregar editor es un software que instalas en tu escritorio a un desfile, vamos a sumar algunos más eficientemente. Por lo que cuentas, subes estos de doble tamaño las mayores a través de esta herramienta, necesitas ir a tu interfaz web y abrir tus anuncios, la app, y subir tus imágenes ahí mismo. Por lo que en este caso, encontrarán y tendrás tus imágenes de una resolución mucho mejor para smartphones modernos. Por lo que estos son profundos para tu bono móvil. 42. 8.5 8.5 A/B: El grandioso de usar componentes en Figma es que puedes combinarlos de todos modos que quieras para que puedas crear tantos banners como quieras. Hay dos variantes principales para trenza bono para pruebas AB. El primero es llamar a P tu archivo inicial, cambiar algo y crear nuevo equilibrio virtual o crear todo y, y obtener una muy nueva variante bonos. El otro modo es crear una plantilla donde puedes probar algunos elementos de tus plátanos. Justo desde el principio. Cubriremos ambos métodos y veámoslos. El primero es muy sencillo. Entonces, cuando creas tus plátanos, solo llamas a PEA o duplicas tu archivo. Abre uno nuevo, nombra con la nueva versión y cambia tu bono a lo que quieras. En caso de que lo tengas. Usted presentó. Esperanzas. Y voy a crear, por ejemplo, de V3. Pongo versión al principio del archivo por lo que es mejor visible aquí. De acuerdo, así que creé este archivo y ahora entiendo que los cambios que voy a hacer el archivo de lista, siempre los puedo encontrar en él. Esto es muy útil porque si reutilizas un solo archivo, será difícil restaurar algunas versiones que hiciste hace algún tiempo. Entonces mi sugerencia es cuando creas un conjunto diferente de wireless, siempre creas un nuevo archivo para ellos. Y solo tendrás muchos archivos en tu cuenta de Figma. Pero está bien. El beneficio de este método es que siempre puedes encontrar tu archivo y verte cuál fue su cambio algo si necesitas. Y si cambias una sola multa una y otra vez, quieres poder hacer eso. ¿ De acuerdo? Y la otra forma de realizar la prueba A B es crear como conjunto de bonus con diferentes elementos en este momento en una plantilla. Entonces veamos cómo hacer esto. Abriré la plantilla para anuncios de Google y tú también tienes una copia. Y como se puede aquí, hay algún panel potencial y hay tres versiones de textos. Por lo que esta plantilla es responsable de una, B, C, pruebas de diferentes textos como en su bio. Entonces sólo tienes que ir aquí el panel de control y dice entrar al cabecero a y tipo de LNB, entrar a los titulares, ver. Y puedes escribir aquí tus titulares y las descripciones de puestos aquí. Pero la cuota pico será la misma para todos los volúmenes. Entonces si quieres cambiar algo, sustituyo a niña nacida. Xing va a todos los botones y luego tengo todos estos formatos. No los quiero y hago pruebas AB con ellos. El beneficio de este método es que ya está preestablecido para un mal gusto. Y algunos graneros de ternera continental, algunos delgados o como un texto. Porque es una buena manera de probar algo en las botellas abandonadas pero no todas las diferentes. Especialmente si ejecutas tus campañas durante mucho tiempo. Mi sugerencia es genial y banners muy diferentes al principio, pueden ser completamente diferentes para entender cuál de ellos funcionará mejor para tu público. Pero cuando los encuentras, después de eso, es mejor crear algunos elementos de tu bono para obtener mejores resultados. Porque si cambias todo lo que quieres, podrás saber qué te trajo exactamente los resultados. De acuerdo, Entonces estas son dos variantes, dos formas de realizar tus pruebas AB. Puedes combinarlas si quieres. Puedes crear tu propia plantilla, por ejemplo, con diferentes mayores de fondo, para diferentes variantes y así sucesivamente. Para que puedas jugar con esto de todos modos. Tiene acceso a nuestro expediente sobre Figma de academia. Tienes acceso a este archivo y cuenta y ve cómo funciona. En realidad, lo veremos más de cerca a este separado menos que K, crearemos un gran bono y pasaremos a la siguiente lección. 43. 8.6 Bocetos responsivos: Anuncios de display responsive. Llegamos a uno de los principales formatos de la publicidad online en este momento es anuncios de display responsive por Google como lo contrario a nuestro enlace original de anuncios de display. Y Google creó un formato que se puede utilizar de forma más automática. Y combinan diferentes tamaños de imágenes y textos para alimentar a los mejores lugares de su inventario. Y Google combina diferentes variantes de imágenes, textos para alimentar las ranuras en el inventario. Y puede verse mejor que solo estos paquetes porque puede adaptarse a los contenidos laterales, al contenido de la colocación donde colocaremos, coloca tus Varnas. Por lo que para estos fines, crearon anuncios de display responsive. ¿ Y qué tienes que crear? Se pueden subir imágenes con estas ratios y dos logotipos con estas ratios. Y escribes tus titulares y descripciones. Y Google lo combinará todo para obtener los mejores resultados. Existe una regla de que no se puede poner más del 20 por ciento de los textos en estas imágenes. Por lo que los textos, los textos deben cubrir menos del 20% de estas imágenes, incluido el logotipo en estas mayores. Quiero decir que puedes tener tanto texto como quieras en estos logotipos. Se trata de archivos, un logotipo independiente archivos que subirás a Google Ads como archivos separados. Pero cuando vas a estas imágenes y pones tu logo en estos residuos, estos logotipos cuentan en total límite de 20 por ciento para toda la imagen. Entonces tendremos estos dos formatos. Empiezo, por ejemplo, con seiscientos seiscientos nueve, un poco 55 por 500. O puede duplicarlo y crear, por ejemplo, cien, diez veinte vías en 1020 y 1, 0, 0, 0, 0, 0, 0, 90, diez por 100. Y esto serán archivos más grandes, pero crearé estas versiones más pequeñas y caminarán seis por 600. Y usaré todos los componentes que utilizamos antes en nuestros anuncios de display. Así son la mayoría de los antecedentes en eso y pegarlo en mi pareja. Bueno, ¿cuida qué dos pies? Está bien. Herramienta de escala. Y copiaré todos los elementos como lo hice antes. Entonces solo copiaré pegar esos componentes desde aquí porque ya los escalé y no tenemos que pasar tiempo mirando cómo escalo todos estos elementos. Entonces solo copio pegarlos. Estos ion el mismo elemento que tenía antes. Ahora, hay una cosa más que debes saber y barcazas se burla si los anuncios de display es que Google no te permite usar botones en estos bonus, a veces pasan la moderación y el mal, pero generalmente no lo hacen. Entonces por eso hice los botones invisibles. Y estas etiquetas, Biblias. Por lo que estos botones deben rompecabezas la moderación fácilmente. Y si dejo botones aquí, probablemente Google rechace esas imágenes. Entonces en realidad, aquí tenemos nuestros archivos y podemos usarlos en nuestros anuncios de Google. Hay dos cosas más importantes. Una es cómo otorgar 20% de herramienta de texto y otra es cómo evitar recortar tu imagen. Y Google dice que no puede cosechar hasta el 5% de tu bono por cada lado. Entonces para hacer el, para controlar esto, creé tales rectángulos que donde 50 por ciento de cada lado. Y lo entiendes, si pones alguna información importante en estas áreas y podrían cortarse. Y para crearlos, puedes crear rectángulos. Entonces si tengo estos bonos, 955 por 500, y tienes que crear un rectángulo, rectángulo vertical que es 50 por ciento de estos ancho. En realidad, no sé qué tan ancho es, así que usaré estos campos para calcularlo. Por lo que acabo de basar 955 dividido por 20, así que será 5%. Y Figma calcula esto para mí. Y pongo 500 aquí porque sé que la altura de mi Varna es de 500. Ahora cambio el relleno de sólido a imagen. Y estoy contento con estas sillas. Simplemente lo cambio a azulejo. A lo mejor pongamos en 75 por ciento y lo hagamos 35 por ciento de capacidad. Ahora bien, copio lugar también él y lo pongo por encima del bono en éste y éste. Ahora todo puede conseguir estos rectángulos y unirlos. Por lo que tengo estos Union y tengo este marco donde puedo comprobar si mis pies de Banos 5% los recortan. Entonces, en realidad cuando creé este archivo, entendí que mi gráfica inferior estaba recortada. Entonces estos ícono estaba en algún lugar aquí y yo sólo lo moví a la derecha. Entonces ahora es de nuevo y el maderero es recortado por estos 50 por ciento. Simplemente copiaré estos sindicato del cuadrado uno y lo pegaré o lo diré. Está bien, se pegó desde aquí. Bueno, bien. Bueno, ponlo arriba. Entonces ahora veo qué área sería manoseada por Google. 44. 8.7 el 20% de la regla de texto: Google tiene una regla que hiciste solo para tu pantalla receptiva. Los anuncios deben contener no más del 20 por ciento del texto. Por lo que esto significa que si tienes una imagen para tus anuncios de display responsive, tienes que asegurarte de que no más del 20 por ciento de cada área se coloreará con el texto. Por lo que si tienes una imagen para anuncios de display responsive, tienes que asegurarte de que el texto no cubra más del 20 por ciento de su área de un cuadrado. Y veamos cómo comprobar esto en Figma. Y tengo otra tarea. Yo quiero chequear. Si sigo 20% del texto. De acuerdo, voy a pegar los Boehner's y usaré la siguiente manera. Cubriré cada uno con avaricia. Por lo que voy a caliar de acuerdo con esto. Y esto será de cinco por cinco celdas. Entonces tengo que calcular cuántas celdas cubrieron el texto. Y si quiero estar por debajo del 20 por ciento, los textos no deben ser más de cinco celdas. Por lo que cinco celdas son alrededor del 20 por ciento de ese cuadrado de cuello de botella. Por lo que crearé la cuadrícula al principio. Crearé dos formas rectangulosas. Y mientras esto sea 5, 600 por 600, sé que debería tener rectángulos todos los 120 por 121 quinta de estas dimensiones. A la que uní estas formas. Por lo que ahora tengo tal imagen. Ahora lo exportaré como imagen. De acuerdo, se lo pondré a estos mayores, en realidad el que es mejor nombrar tu expediente antes experto en. Será sólo g, seiscientos, seiscientos por 600%. Ajedrez o jaula. Y el exponente estos archivos, así lo hará, tiene algún nombre comprensible y ahora voy a crear otro marco, 600 por 600. De acuerdo, voy a llenarlo o un momento, y pongo todo esto bona en este marco en K. Me siento ahora en realidad antes de rellenar, tengo que crear otro marco como lo hicimos en algunas lecciones anteriores. Yo estoy bien, y un cuadro más, seiscientos seiscientos y lo llenaré de mi transformación. Utilizamos el correo electrónico y el envío. Y sé que estos deberían ser la quinta parte de la violencia. Por lo que voy a conseguir con conducto para escala porque ya lo creé como un 5 por ciento de mi Barnett inicial. Y los pongo en el marco y lo hago semitransparente. Esto. De acuerdo, entonces ahora puedo contar cuántas celdas contienen textos, 123456789. Entonces esto es demasiado. Entiendo que estas imágenes contienen más del 20 por ciento del texto. Entonces por eso tengo que escalar estos. Voy a escalar blogger. Y para hacer niño solo entero, más pequeño. Bueno, en realidad no puedo hacerlo en este punto es así que tengo que hacerlo en mis incógnitas. ¿ De acuerdo? Y tengo que escalar también estos textos, probablemente al de ciencia que es ahora, es 12345. Es, creo que aún es más de lo que necesito, pero no tanto. A lo mejor voy a hacer este un poco más pequeño y más pequeño también, porque tendré un nombre de la tienda como campo separado en respuesta. Display ads y Google hay este campo especial para establecer un nombre de empresa allí. Entonces creo que estoy bien con estos extremos etiquetados. Si cuento las celdas, probablemente sea una, tal vez dos o tres. Probablemente estará por encima de cinco celdas llenas del texto. De acuerdo, y podemos hacer lo mismo con esta imagen. Entonces primero, crearé mis células. Serán 55 divididos por cinco. Y sé que son 120. No, no, no es un 120. Es que debe ser uno infundado porque las alturas de, porque es de 10, es de 500 píxeles. Entonces haré lo mismo que antes. Voy a crear una codicia por estas bandas horizontales también. No, no te importa esta imagen. Vamos a renombrarlo a su Tn por 500. Escogeremos. Sí, gracias. Está bien. Y ahora creo una novela el marco y solo enmarque su herramienta de selección será rápida. Y creo un guiño que sé que lo haré una vez más y selección. Por lo que esto será en la página principal de este mismo tamaño. Te pondrás por encima de la mía. Y yo, elite. ¿ Por qué? Acaba de hacer correo electrónico de ellos crian estos azulejo, se envió y para que sea un por ciento visible. Entonces contemos las células. 1, 2, 3, 4, 5, 6, probablemente más de cinco en general, si es difícil contar estas celdas, puede hacer v es a 50 por ciento y ahora hay diez por 10100, lo que el texto no debe ser más de 20 celdas. Así que sois un poco colegas. Es 1, 4 o 7 laboratorio para adolescentes, 17, 20, 21, 22, 23, 24, probablemente alrededor de 24. Entonces sigue siendo más de lo que queremos. Por lo que ahora voy a reducir el tamaño del balón de granero LD en juego con estos no estará en que queden el brazo de ideas que son más largas y Leto también. Por lo que probablemente alimentaré nuestra regla del 20% si cuento las células. De acuerdo, Entonces esta lección, aprendimos cómo crear unas mayores para los anuncios responsive de google y cómo comprobar si se recortará algo importante o podría ser recortado por Google. Y este 50 por ciento a cada lado. Y aprendimos a hacer leer, a entender si nuestro texto sigue la regla del 20 por ciento de texto, todas las llamadas. Para que ese asiento y pasemos a otra lección. 45. Revisión de archivos de plantilla 8.8 Google Ads: Como bono de este curso, y te dan acceso a dos archivos, a dos plantillas que te ayudan a crear banners de Google y bono de Facebook en una escala. Por lo que vendo estas plantillas por 79, 99 cada una. Decidí agregarlas a este curso porque de todos modos, te enseño a crear tan delgadas, así que solo te las doy como ejemplos y son bastante buenas y puedes usarlas ahora mismo. que puedas crear una gran cantidad de banners para tus anuncios de Google Ads, para tus anuncios de Facebook, incluso sin todo el discurso porque estas plantillas ya lo hacen. Pero claro, estamos aquí para aprender y tuvimos que entender cómo funciona esto. Y puedes hacer algunos cambios ahí y puedes usar y reutilizar estos archivos. Entonces vamos a ver qué hay dentro. Espero que también disfrutes de estos archivos y probablemente lo modifiques para tus necesidades. Vayamos al archivo con banners de Google y veamos qué pasa ahí. Entonces tengo este archivo abre Madonna de anuncios de Google, y hay tres páginas por aquí. Hay una página con instrucciones de cómo usarlo. Y veámoslo. Ahí hay algunas cámaras. Aviso porque vendemos estos archivos y así algunos consejos de cómo usar todos estos, cómo usar Figma. Hay varias instrucciones, lo haré, varios tipos de recuperados, la mayoría de ellos en más profundo. Y hay algunos consejos sobre cómo usar este archivo para crear el bono. Por lo que hay algunos consejos y algunas explicaciones. Want está cerrado por diferentes áreas de los archivos. Entonces vayamos a páginas reales con nuestro menos, quedan dos páginas, lloriqueos y anuncios responsive. Entonces vamos a la página de pancartas. Tenemos varios errores. Tengo ajustes, tenemos burbujas, burbujas texto para tres versiones de textos. Y tenemos un marco con todos nuestros quemadores donde podemos mirarlos, comprobar si todo está bien y descargar si estamos de acuerdo con estos pancartas. Entonces veamos más de cerca. Por lo que tenemos tres titulares diferentes y tres descripciones diferentes. Y tendremos un artículo o persona tendrá botón. Tenemos pruebas sociales por aquí, log y bind ground. Por lo que en general, podemos crear tres conjuntos de balanceados con diferentes textos. Tenemos estas líneas que miden 500 píxeles. Se ubicaron aquí para mostrar qué ancho de textos se verá bien en bono. Siempre y cuando estos textos tengan opción de ancho exterior. Sin estas regla, no sabemos qué ancho será bueno y si será demasiado grande, por ejemplo, hagámoslo así. Por lo que supera mucho los 500 píxeles. Por lo que estos murmullos para la primera versión se vuelven demasiado grandes. Y como vemos estos no va variando bien no se ve bien. Por lo que vamos a marina y de vuelta. Esto también lo puedes usar en tus archivos. Simplemente hay que medir y entender qué cuando se puede utilizar en su libro de texto canicas para que estos textos burbujeen y muy grandes. Para que no excedan las pancartas ni algo así. Puedes hacerlo en. Simplemente puedes hacer varios ejemplos y, y entender qué hacer con ellos. Por ejemplo, aquí mismo, si notan estos textos es poco más grande que éste. Entonces creé estos textos, luego creé algunas burbujas de textos, luego los escalé un poco hacia abajo y lo pegué en los pancartas. Entonces entendí que este es el máximo. Con eso, puedo usar un yo entendí eso. No quiero usar texto más ancho que este. Y dije por cientos, gran fuente para como gobernante como ejemplo. De acuerdo, Así que puedo usar tres textos diferentes, puedo usar tres descripciones diferentes. Y eso es todo. Aquí hay dos pruebas sociales. No las hicimos en nuestras lecciones anteriores, pero puedes hacer algo parecido a esto para los banners se vean mejor, para convertir mejor. Por lo que esto se ve de la siguiente manera. Estas etiquetas y van a los Banos y agregan, solo agregarles alguna prueba social a ellos. Para que puedas hacer cualquier componente que te guste. Puedes agregar prueba social, puedes agregar algunos comentarios, algunas reseñas, o lo que quieras. Por lo que puedes usar dicho archivo para crear. Por ejemplo, prueba AB y pancartas con tres versiones de textos. O puedes crear algo similar de manera. Enviarás diferentes artículos o personas son la forma en que dijiste diferentes fondos. Entonces obviamente este archivo usa el mismo fondo para todos nuestros padres, pero eres capaz de crear lo que quieras. De acuerdo, ahora terminamos con nuestros anuncios de display, con nuestros modelos. Echemos un vistazo a los anuncios de display responsive. ¿ Qué tenemos aquí? Entonces en realidad tenemos estos. Ya les hablé de estos antes. Probamos no sólo tres etiquetas, sino que probamos tres fondos diferentes. Cuando utilizas unas mayores para anuncios de display responsive, es muy importante qué mayores utilizas porque estas no son solo banners, sino que son diferentes combinaciones de banners y textos. Y hay menos texto y el, en estos pancartas, porque hay una limitación del 20% de los textos en ellos. Entonces es por eso que las imágenes son más importantes para los plátanos receptivos que en pancartas ordinarias. De acuerdo, entonces, ¿qué más tenemos aquí? Tenemos tres textos, tres titulares y descripciones. Un artículo o persona tienen un logotipo para marcar agua nuestras imágenes. Tener era con etiquetas, burbujas. Después tendremos un área especial para logotipos. Puede agregar un registro cuadrado, Todo aquí mismo, y un logotipo horizontal justo aquí. Y después de eso, obtienes cuatro versiones diferentes de longus en diferentes colores. Por supuesto, puedes cambiar estos colores si lo necesitas. Por lo que al final, tienes esta cantidad de diferentes imágenes y logotipos y estos son logotipos transparentes. Prefiero usarlos porque se ajustan cualquier plantilla que Google use dentro de sus anuncios responsive. Tenemos esta revisión que muestra cómo Google puede recortar hasta un 50 por ciento de cada lado de sus banners. Y entendemos que todo se ve bien aquí y nuestros logotipos no se cortan y nuestras burbujas de texto no son atrapadas por este 5% rectángulos. Por lo que se parece a estos textos. Una mirada, ¿de acuerdo? Por lo que puedes usar estas plantillas para tus banners. Y puedes crear tus propias plantillas donde puedes probar todo lo que quieras. Puedes poner lo que quieras. Por ejemplo, puede agregar algunos componentes para comprobar si sus campos de texto rigen el 20 por ciento. En realidad, cuando creé este archivo o esta versión de archivo, al principio, no había regla del 20 por ciento de texto en google. Esta regla sólo fue en Facebook. Entonces por eso esta versión no contiene cheques para 20 por ciento de textos. Pero lo agregué a las siguientes versiones. Pero puedes entrenarte y hacerlo por ti mismo, por ti mismo. Por lo que lo hicimos en nuestras lecciones anteriores. De acuerdo, así que eso es todo. Como ves cuando entiendes que quiere seguir aquí, no parece tan complicado, pero cuando miras estos por primera vez, parece un desastre. Parece muy complicado. Pero en realidad cuando lo haces tú mismo o cuando simplemente entiendes cómo funciona esto, esto no es tan difícil y te mostraré cómo organicé las mayores por aquí. Entonces este es el componente de imagen inicial y tienes que poner tu fondo en este marco. Entonces este marco corta esta imagen al tamaño de 1280 por 720. Y luego crea estas dos variantes de estos antecedentes. Y en realidad puedes cambiar alguna posición si necesitas, por ejemplo, movamos este signo de dólar al centro. Y como ven, todos estos pancartas se ven afectados y estos cambios de fondo. Después de hacer algunos cambios aquí mismo, si quiero, puedo añadir algún insecto molido azul por aquí o lo que sea. Quiero que estos pancartas se vean mejor para que me quepan mis metas y todos los textos e ir de estos textos burbujas para que veas que todo funciona. ¿ De acuerdo? Hice estos banner con una chica a propósito para mostrarte que incluso puedes usar varios personajes en tus paquetes, sobre todo para estos, creé dos versiones de cada uno de estos pancartas con una persona o artículo y sin ellos. Por lo que puedes usar cualquier versión de estos archivos que quieras. Entonces creo que terminamos con nuestro archivo de plantilla. Eres libre de usarlo. Puedes ajustarlo a tus necesidades. Entonces ve y pruébalo. 46. 9.1 Introducción a Facebook y de Instagram: Y ahora vamos a aprender a crear equilibrio para Instagram y Facebook. Como sabes, puedes colocar anuncios para Facebook e Instagram desde uno y el gerente y sus tamaños comunes y prácticas comunes para Instagram y Facebook. Por lo que en esta sección, aprenderemos a crear todos estos banners. Aprenderemos a calificar menos cuatro historias. Tendremos algunos consejos para historias. Veremos cómo lidiar con la regla de 20 por ciento de texto que sigue entrando y Facebook, a pesar de eso, dice que esta regla se ha ido en 2021. Todavía tenemos que pensar en esta regla. Y por último, revisaremos cómo usar un archivo bolo con una placa de equipo balanceada de Facebook. Entonces vamos a ver cómo crear bono reutilizable en la práctica. 47. 9.2 Facebook y de Instagram: Veamos cómo crear biomasa para Facebook e Instagram. Donde la pagina facebook bono. Como sabemos, creamos mi lista para Facebook e Instagram con los mismos formatos, por lo que los nombraremos solo banners de Facebook, y entendemos que puedes usarlos e Instagram también. Entonces, ¿qué tenemos aquí? Tenemos un panel de control, casi lo mismo que hicimos para Google, nos compró con algunos cambios, algunas burbujas, y en realidad varios formatos. Quiero crear un nuevo panel de control para Facebook o para esta lección, porque ya lo creé y lo hicimos varias veces. Por lo que sólo usaré componentes de estos panel de control. Como ves, hay antecedentes con efecto abajo. Está fijado en 20. De acuerdo, creo que soy bueno con 2do. Y tenemos titular. Tenemos descripción, tenemos una persona en un logo, tenemos historias, flechas. Este es un elemento, cuatro historias. Este elemento motiva a las personas a deslizar la historia para que obtengan más resultados de su publicidad. Tendremos una lección separada de cómo crear diferentes tipos de estas flechas. Y agregamos algunas pruebas sociales a este virus. Entonces estas imágenes, y tenemos dos tanques, las burbujas, como ves, no hay ningún botón arriba porque Facebook no permite que tus imágenes tengan botones en ellas. Si creas imágenes con botones en y aplaude en Facebook, puede desaprobar tus anuncios o incluso restringir tu cuenta. Entonces mejor no hacer eso. Porque Facebook tiene sus propios botones alrededor de tus imágenes cuando Facebook te muestra anuncios y tenemos alguna prueba social y tenemos varios formatos por aquí. Como ven, hay muchos de ellos, pero hay dos opciones principales a mis invariantes para pancartas de Facebook. Se trata de un formato de tienda como este y un feed de noticias. Puedes usar diferentes mayores en tu feed de noticias, pero la más común es ésta, la de SQL. Pero si quieres, puedes usar este tipo de imágenes. Por ejemplo. Más horizontal o vertical, pero no tan simétrica como las historias. Y nos enfocaremos en el formato principal, en el cuadrado. Si utilizas formatos psi, definitivamente entenderás cómo crearlos después de estas lecciones. Entonces, ¿qué tenemos aquí? En realidad, tenemos que cuadrar cuatro meses. Por qué es así es porque Facebook Coloca tus anuncios en diferentes colocaciones. Algunos de ellos feed de noticias, algunos de ellos son historias. Y la columna derecha en Facebook en versión de escritorio del sitio web de Facebook cuando la gente lo usa desde los navegadores de escritorio. Entonces vamos a ver cuál es la diferencia irá a Facebook y página web de negocios. Y así es como una imagen mira a la fuente de noticias de Facebook y se mostró para móvil. Pero como ves, la imagen es bastante grande y será claramente visible aunque pongas ahí algunos pequeños elementos. Pero elijamos la columna derecha de Facebook. Y aquí está. Por lo que esto es una imagen mucho más pequeña. Entonces si pones aquí pequeños elementos de textos o algo así, no serán legibles tan bien. Entonces, ¿qué haremos? Creamos otra imagen con un texto más grande. Entonces como ves, esta imagen no tiene descripción en el titular y no tiene logotipo. Entonces vamos a crear estos menos a partir de nuestros componentes. Creo un marco de 180 píxeles. Cuadrado uno. Llénalo por ahora. De acuerdo, voy a copiar pegar mi fondo pegado aquí. ¿ De acuerdo? Vamos a añadir alguna ventana más larga aquí. Copia nuestro logo horizontal a esta esquina, asegúrate de que esté pegado, vale, porque añadiré más a esta imagen más adelante. Y no lo hizo aquí, pero lo haré en nuestra lección. Está bien. Añadiré burbuja de texto. Este. Hazlo más pequeño. Probablemente voy más largo, más pequeño también. Lo haré más tarde. Está bien. Yo lo haré. Y agrego alguna prueba social, prueba social componente horizontal. Lo pego. Y creo que estoy de acuerdo con esto. Antes de crear un componente a partir de estos banner, le renombraré. Así que tono sea Facebook. Diez ciento ochenta, dos mil dieciocho. A lo mejor es eso. Y yo dupliqué este. Y antes de hacerlo competente porque usaré lo mismo para la columna correcta. Ahora, me refiero a este componente. Ahora me refiero a estos componente y el plegado, me rehice, renombrarlo a la columna derecha K, hacer componente IT. Como dije, estos textos querían las columnas visibles y las correctas. Por lo que me limitaré a ocultar descripción y hacer que estos titulares sean más grandes. De acuerdo, entonces creo que soy bueno con ello. Y vamos a crear una historia y crear un marco. Tamaño. Siéntelo. Ir de mi propio trasfondo. Puedo ponerlo así o puedo centrarme. Se, utilizará esta burbuja de texto. Y el otro. Todavía no estoy seguro del tamaño, así que solo lo haré así por ahora. La mejor persona aquí. Centremos estos y hagámoslos más grandes. De acuerdo, tal vez incluso como estos. Está bien. Y quería añadir estrella 18. Prueba social horizontal y colocarlo aquí. A lo mejor los hice incluso del mismo ancho. Hay una cosa que no me gusta en la calificación estelar es, ves esto es más negro y esto es más gris, un color de fuente. Por lo que haré más ligera la fuente de estos dos componentes. Primero, voy a estar bien, puedo hacer así, aterrorizando este texto y usar seleccionador de color para bien. Podemos comprobar si es del mismo color. Apenas siete Cuarenta y siete. Cuarenta y siete. Revisemos sus cuarenta y seis cuarenta y seis, cuarenta y seis, casi. Por lo que podemos hacer este texto de este calibre, pero en realidad haría que este estilo estrella bordean el mismo color también, así puedo usar color de selección. Apliqué estilo aquí porque copié esto tolerar desde otro archivo, pero estoy asumiendo esto Todo aquí. Y voy a desprenderme en este estilo y clasificar el color. Fue de cuarenta y siete. Cuarenta y siete, cuarenta y siete. Por lo que ahora se ven igual. Cuando copia algunos elementos de otros archivos. Los diseñadores profesionales suelen usar los Estilos, por lo que no tienes solo colores aquí, tienes estilos. Por lo que estos fue algún estilo y se aplicó a estos elementos. Pero ya no quiero que los estilos estén aquí, así que no los toqué y solo uso lo que quiero. Yo quiero detención este estilo también. Por lo que hice estas pruebas sociales para lucir este mismo estilo y los mismos colores que usé en mi texto es bueno. Y una vez más, no creé estos almacenamiento y desde cero, lo usé desde otro archivo que fue creado por algún diseño. En este diseño aplicé estilos a estas estrellas hasta todos sus objetos. Y por eso I. He visto no solo colores, he visto estilos por aquí, pero ahora se ven igual. Pero creo que algo de esto no está centrado. Este o éste. ¿ De acuerdo? Y ahora los estoy haciendo igual. De acuerdo, Ahora, estoy contento con estos rating de estrellas a mi manera de historia. ¿ Qué queda? Y usaré estas estrellas que motivan a la gente a deslizar nuestra historia y simplemente copiarla desde aquí. Puedes hacer diferentes indicadores si quieres, no solo estas flechas, puedes crear lo que quieras. Entonces repasemos una vez más, ¿ qué hicimos aquí? Por lo que creamos tres variantes de pancartas, 14 historias, una para el feed de noticias y 14 columna derecha en el sitio web de Facebook. No copiamos estos formatos. Puedes hacerlo tú mismo si quieres. En algunos casos, estos formatos se ven mejor si tienes algunas imágenes especiales que mejor se alimentan a los lados. Pero por lo general uso estos formato cuadrado. Es más universal. Y como probablemente sabrás desde el último año, Facebook te permite elegir qué imagen poner en cada formato, en cada colocación o Facebook. Por lo que puedes subir este a todos los formatos. Después puedes aplicar estas imágenes dos historias y luego tu aplicó esta imagen para tu columna derecha. Por lo que en este caso tendrás un solo add, un único ejemplar de anuncio que cubre todas las colocaciones y todas ellas se verán bien. Y si un lugar tus anuncios, por ejemplo, hace dos años, sabes que solo había un tamaño de imágenes en el anuncio, en un ejemplar de anuncio, tenías que crear diferentes anuncios para diferentes colocaciones y te tenía que crear conjuntos de anuncios separados, por ejemplo, un conjunto de anuncios para, o incluso una campaña para la historia, otra campaña para la fuente de noticias. que los tiempos se tuvo que poner las imágenes correspondientes a diferentes conjuntos de anuncios de campañas, entonces se tuvo que deshabilitar algunas colocaciones. Por lo que no querías que apareciera una imagen para la fuente de noticias de la columna correcta en las historias porque no se verá bien. Pero ahora tienes el control de todos estos elementos y puedes crear un solo anuncio y aplaudir todas estas tres imágenes en estos anuncios. Entonces creo que esto es mucho más útil de lo que era antes. En realidad, eso es todo con la creación de nuestras imágenes básicas a partir de banners de Facebook. En la siguiente lección, cubriremos algunos temas más al respecto. 48. 9.3 historias: Veamos cómo crear para al menos la vista previa de Dick para historias. Entonces aquí estamos. Y este es un marco que usaremos aquí. En realidad queremos cubierto cómo crearlo en detalles. Si ves hay muchos elementos diferentes y escuchamos sus nombres como etiquetas. Hay algunos elementos de flechas, de algún círculo de puntos sobre todo. Y hay algunos componentes que utilicé aquí que puedes cambiar. Entonces si quieres, puedes poner tu logo por aquí y tu nombre de usuario de Instagram. Por lo que este es un adelanto para Instagram. Pero se ve casi igual en Facebook con las pequeñas diferencias. Entonces, como ven, hay componente por aquí. Entonces como ves hay un componente por aquí y puedes cambiar su nombre a lo que quieras, y irá a la vista previa. En cambio. Nombre, ¿vale? Y si quieres, puedes cambiar un logo por aquí. Solo tienes que unir componente más largo y reemplazar esta imagen por otra cosa. Por ejemplo, agregué otra imagen y la hago visible. Entonces a partir de este punto, estos son los Kader, mi avance más rápido. Entonces creo que esto es bastante sencillo. Ahora, veamos cómo usarlo. Solo tienes que crear una copia de tu tienda de coser banner ve aquí y nos hemos olvidado de nombrarlo y hacerlo componente IN name in, a partir de ahí. Y lo nombra en B. De acuerdo, así. Y lo hago componente. Lo duplicaré y lo trasladaré aquí. Por lo que tengo que poner estas interfaz de usuario de Instagram por encima de este banner para entender cómo se verá en la vida real. Entonces para esto, crearé un marco que contendrá tanto estos Bonnie como duplicado y estos Instagram usando esto. Por lo que acabo de enmarcar esta selección. Entonces ahora tengo un marco y puedo duplicar esta cosa y pegarla en este marco. Entonces ahora ya ves tengo dos capas por aquí. Yo sólo tengo que hacerlos de tamaño de calor, ¿de acuerdo? Al igual que esto. Entonces. Ahora ves que estos sonidos perfectos más largos no se ven bien aquí. Y no creo que haya un buen lugar para estos Logan, esta pancarta. Probablemente si creamos una versión cuadrada, podemos ponerla en algún lugar aquí o podemos ponerla en segundo plano, por ejemplo, algo así, pero no aquí. En realidad. Pongámoslo y el pájaro tierra y veamos cómo se verá. Yo estoy bien. Voy al quemador Mis Historias y los elimino más largos de aquí. Ahora hagamos una copia de esto más larga. Necesitan estas imagen. Yo quiero. Duplicar el componente del más largo que usaré. Por aquí. Muévelo afuera y deje sólo el símbolo. Por lo que voy a dar clic en esta imagen como estas y hacer que sea gestión puedo ponerla en mi K colocando estos? Hago que no se quedara. Entonces este es mi más largo y probablemente quiero vivir visible. De acuerdo, me voy a mover, esta imagen, muestra una escritura, algo así. Añadiré murmble por aquí. Y pongámoslo en 30. De acuerdo, estoy bien con esto. Por lo que como ven, hemos agregado estos componente de un más largo. Y esto se ve en el mismo estilo con un más largo pero no tenemos que ponerlo bien en el Maryland porque no creo que se mueva aquí. Y veamos en la vista previa, creo que esto está bien. Entonces ahora entiendes cómo usar estas revisiones de historias y sabrás cómo se verá el desequilibrio ante ella. Pamela's ellos a la interfaz de Facebook Ads. 49. 9.4 20% de la regla de texto (2021): Ahí hay una regla y Facebook, hay te permite poner sólo el 20 por ciento de los textos en tu imagen. Esto significa que sólo el 20 por ciento del área de imagen de su cuadrado debe contener texto. En realidad en 2020, facebook dijo que esta regla no es aplicable. La gente en el mercado dice que esta regla no se ha ido del todo. Hubo algunos experimentos que muestran que aún si usas mucho texto en un libro de favores creativos disminuirá su alcance. Entonces creo que es mejor seguir esta regla, sobre todo en tus historias y en los formatos de unidades Feet. ocasiones es difícil evitar esta regla en tus imágenes de columna derecha cuando quieres poner algunos textos ahí y quieres que siga siendo visible porque las imágenes en la columna derecha son bastante pequeñas. Pero para historias y noticias, les sugiero que sigan esta regla como era antes. Y tenemos algunos consejos y técnicas de cómo calcular qué cantidad de textos. Y ¿tenemos una de ellas que has visto en la lección de banners de Google y otra está aquí mismo. Entonces veamos cómo calcular esto. Vayamos a ver si nuestras mayores siguen que el 20 por ciento de los textos gobierna en Facebook. De acuerdo, Entonces tenemos varias herramientas para esto. Empecemos desde el principio. Tenemos algunas pancartas y queremos calcular si están bien con el 20% de textos Joule. Entonces el primer método es crear estas codicia y contar cuántas celdas contienen el texto. Entonces si tengo un logo cuadrado y tengo cuadrículas cinco por cinco, así son 25 cuadrados en total. Por lo que el 20 por ciento es una quinta parte de ellos. Entonces si tengo etiquetas en cinco o menos carreras, estoy de acuerdo con la regla. Y tienes el texto es más que en cinco celdas. Entonces en este caso, así tenemos que disminuir la cantidad del texto. Esto no es exactamente como lo opera Facebook. Utilizan el aprendizaje automático para estos, pero varios años y go facebook tenía la misma herramienta para entender si imaginas alimenta, esta regla y el principio, Vamos a duplicar nuestro banner. Y ahora terminemos con esta grilla. ¿ Cómo hacerlo? Tengo cuadrado inferior, una de estas dimensiones. Por lo que quiero crear un pequeño cuadrado que sea 1 quinto de estos de longitud. Entonces si esto es 1000080 millas cuadradas debería ser nuestro crear un rectángulo. No lo sé, pero lo puedo calcular aquí mismo. Yo solo, acabo de poner 1080 divididos por cinco y me dice, son 216. ¿ De acuerdo? Entonces lo puse así. Ahora, dupliqué esta imagen. Seguramente esto no es inglés todavía, pero vamos a crear uno. Los selecciono a ambos y los uní. Ahora se trata de un solo objeto. Ahora exporto esto como una imagen. Puedo usar formato andrew, pero en realidad no es tan importante porque de todos modos, lo usaremos como imagen semitransparente. Pero por ahora, voy a exportar estos. Y en realidad es mejor nombrarlo de alguna manera comprensible. Por ejemplo, lo usé aquí, será ajedrez 1081000080, y exporto esta imagen antes de usarla. Como probablemente entiendas, tenemos que crear un marco por encima de nuestro componente e incluso un marco más. Entonces ahora tenemos este marco dentro de un marco dentro de un marco, pero necesitamos otro comportamiento. Lo pondremos así. Por lo que ahora estos marcos están en el mismo lugar. Sobre puso estos por encima de nuestro componente de banner. Entonces estas serán nuestras sillas. Acordado. Basta de leer. Ahora hago el relleno y visible y lo lleno con mi imagen que acabo de subir. De acuerdo, entonces ahora tengo que establecer otra opción. Será azulejo y será un 100 por ciento. Entonces ahora ves que tengo grilla cinco por cinco. Ahora lo hago semitransparente y cuento, puedo contar cuántas celdas y haciendo la mitad debajo del texto. Entonces si cuento aquí, es probable que podamos contarlo juntos una celda a 2.534. Entonces creo que ha habido un sigue la regla. Y hasta puedo hacer que los tanques sean a. Así que puedo ir aquí y escalar estas cosas, la Biblia para hacerla más grande. Y creo que somos buenos con la fila. Veamos de otra manera, o cuadrado menos creo un duplicado de estos bucles. De acuerdo, y si tengo un botón cuadrado, tengo una solución más fácil. Sólo tengo que añadir. Esos marcos, selección aleatoria. Selección aleatoria de nuevo, 30 cuadros. Ahora lo lleno. Y ahora uso la imagen por defecto o relleno. En realidad, esta es la imagen del ajedrez, así que esto es bueno para mí, pero como ves, no se ajusta a mi talla. Por lo que tengo que elegir opción Tile. Y ahora necesito entender qué escala, escala establecer. Te dejaré esta fórmula. Si tu sitio es, por ejemplo, 1, 0 , 0, 0, 0, 0, 0 y 80, tienes que multiplicarlo por 1.25 y será tu escala. Entonces yo sólo en esto y como ven, tengo dimensión cinco por cinco. Yo lo haré semitransparente. Y tenemos a menos que. Y ahora puedo contar cuántas celdas hay debajo del texto también. Entonces te dejaré esta fórmula. Pero estas caminatas sobre las imágenes de Foursquare, porque si tienes esta imagen de rectángulo, tendrás que crear este tipo de celda. Entonces hagámoslo. Voy a duplicar en estos selección de marco de archivo . Selección de marcos. Ahora soy todos estos y estos encima. ¿ Y qué tenemos? En realidad, tenemos que crear esta misma cosa que hicimos aquí en el primer ejemplo. Y ahora vamos a crear un rectángulo con lados con es 1000 y dividirlo por cinco. Y la altura es de 1920 dividida por cinco. Entonces aquí está. Ahora los voy a hacer a ambos un solo objeto y x pub ellos. Por lo que ahora lo usamos en el campo en todos estos nombres. Y use opción con 100 por ciento. Ahora lo haremos semitransparente. Podemos nombrarlo avaricia. Entonces ahora podemos contar cuántas celdas contienen el texto. 123, tal vez cuatro, tal vez cinco, lo siento, creo que esto está bien. Esta manera está bien. Y tenemos otra variante de crear algún objeto que nos ayude a entender si nuestro bono. Sigue la regla. Esto es para crear un solo rectángulo y para ver si el texto se coloca en este rectángulo. Entonces veamos el ejemplo. Tenemos un banner en 1080 por 100 mil 350 pixeles. Es como estos. Y tendrás que calcular qué lados de estos marcos necesitamos para rastrear esta regla? Entonces tengo que hacer algunas matemáticas por aquí. Sabemos que la relación del bono es de 1080 por 1, 0, 0, 0, 3, 100, 51.25. Si nombramos un sitio de préstamo. Por lo que B es el más corto. Por lo que a igual b multiplicado por 1.25. Y de la otra parte, sabemos que el cuadrado de estos rectángulo, un multiplicado por B no debe ser 1 quinta parte del cuadrado de nuestro plátano total. Entonces son estos. Y tenemos un sistema de ecuaciones. Cuando lo resolvemos, obtenemos que a es igual a 600 4 y b igual a 400, 83 aproximadamente. Y cuando conseguimos un rectángulo, y si revisamos su cuadrado, es casi lo mismo con 1 quinta parte de todo el plátano. Entonces podemos crear estos marcos y podemos, vamos a crearlo. Crear un nuevo marco. Es por cientos, 38 menos 604. Ahora hago como golpe, digamos 20 y 21, vale, 20 está bien. Y lo haré en el centro de mi marco. ¿ De acuerdo? Ahora quiero, en realidad puedo dejar estos negros, pero quiero que sea colorido así. Hazlo colorido. Usaré Relleno angular, y usaré otros colores. Por lo que tengo que sumar más puntos. Y estos gradiente. Algunas líneas delgadas. Y este espectro. Entonces n se vuelve colorido, algo así. De acuerdo, así que ahora tengo un marco para al menos ver probablemente este texto. Y este enlace está bien porque casi todo este texto se alimenta en la pancarta y queda un alelo, pero aquí hay mucho espacio. Entonces probablemente esta banda esté bien. ¿ Y qué más tenemos? Y tenemos diferentes formatos y no sabemos qué formatos y qué tamaños de texto tenemos de antemano? Sabemos que habríamos encendido después de crear el bono porque las burbujas de libros de texto pueden tener forma diferente. Entonces veamos este ejemplo. Por ejemplo, tenemos este tipo muy horizontal de etiquetas burbuja. Y entendemos que estos marcos no nos ayudan a calcularlo mucho. Por lo que en este caso, tendremos que crear otro marco que será más horizontal, pero aún así tomará 1 quinta parte de su cuadrado. Al crear estos marcos. Para varios bonus, entiendes que tienes que calcular el tamaño del marco para cada tamaño de banner. Y no es tan fácil como ves, tenemos que resolver este sistema de ecuaciones. Y no creo que quieras hacerlo todo el tiempo. Entonces para estos, creé una hoja de cálculo de Google que los calcula para ti. Veamos cómo funciona. Ahora tienes este archivo y cuando quieras usarlo, tienes que hacer una copia porque tendrás v en el eje. Por lo que hago una copia de este expediente. Lo puse justo a mi disco duro. Y se crea la copia. Ahora lo puedo usar. Entonces, ¿qué veo aquí? Veo algunas columnas y algunas filas, las columnas, algunos ajustes para su comprador rectángulos de software y las filas son para cada tamaño de violencia. Creé varios formatos para banners de Facebook y Google. Y ya puedes atar lados calculados de rectángulos. Y puedes obtener tu ancho rectángulo, y la altura aquí. Entonces si tienes un banner de este tamaño, tendrás un rectángulo de estos lados para obtener un rectángulo que cubra el 20% de estos cuadrados. Vayamos al archivo y veamos cómo funciona. Por ejemplo, usaremos una historia. Es 483 por 859. Por lo que llamaré bandera de historia PMI aquí. Y voy a añadir un marco, marco, esta selección. Entonces copio este marco a aquí. Y quería encajar en mi talla. Es mi 859. Está bien. Entonces este es el marco. De qué se ve la forma de este marco no sigue el texto y realmente no es tan fácil de entender si este texto es la regla. Especialmente para esto, creé algunas columnas más manera de que puedas establecer una relación de tu extremo rectángulo, obtener nuevas proporciones. Por ejemplo. Yo quiero que esta relación sea menos vertical, así que la pondré en 1. Aquí, 1.3. Se lo muestra sin bien. Esto está bien. Entonces tengo 730 encendido por 565. Ok. Esperanzas. De acuerdo, y estos alimenta mucho mejor mi texto. Y ahora entiendo que todo este texto va dentro del marco. Y entiendo que sigue la regla del 20% de los textos sobre el bono. Por lo que puedes usar fácilmente este archivo. Puedes establecer cualquier relación de lados de tu rectángulo justo aquí y obtendrás que tus lados son rectángulos. Estos formato Vanna. Creo que esto es bastante fácil. Te dejé muchas más filas por aquí para que puedas jugar con él y usar este archivo. ¿De acuerdo? Entonces en general, sabemos que Facebook tiene una regla del 20% de los textos. En realidad, facebook dice que lo cancela. Pero En cuanto a ahora, incluso muchos de los documentos de Facebook dicen que esta regla todavía se aplica. Y como dicen las personas del mercado esta es la regla no salió del todo. Entonces por eso quiero comprobar si nuestras mayores siguen esta regla. Y es mejor hacerlo antes de subir estas imágenes a Facebook. Entonces este consume tanto tiempo y tenemos dos opciones por aquí para hacerlo. En. El primero es hacer estos y avaricia y entender cuántas celdas contienen el texto, tenemos dos maneras de hacerlo, pero prefiero éste porque es universal. Y cuando creemos rectángulos pequeños para usarlo con la forma de nuestro cuadrado BATNA menos tendremos otro para usar la opción de relleno estándar. Y para usar estos coeficiente para entender nos escalamos para establecer para el título de esta imagen. Y tenemos otra opción para crear un solo marco y entender visualmente si nuestro texto sigue la regla. Entonces creo que serás bueno con cada una de estas variantes. Y debes entender que no tienes que crear todos estos marcos cada vez. Porque por ejemplo, si tienes estos formatos para historias o feed de noticias o columna derecha en Facebook, generalmente usarás estas formas, estos tamaños de pancartas una y otra vez. Y eso significa que puedes crear un componente que usará estas imágenes, que usaremos estas cuadrículas y no tienes que crearlo una y otra vez. Solo tienes que crearlo una vez y luego reutilizarlo en tus archivos cuando lo necesites. Y si creas este tipo de marco, probablemente solo tengas que ajustar la relación del marco y tienes estas hojas de cálculo de Google para hacerlo. Entonces creo que estamos bien con esta regla y pasemos a otro menos que sobre los anuncios de Facebook. 50. 9.5 historias: Ahora veamos cómo crear marcadores de historias que te permitan motivar a la gente a deslizar tus anuncios de historias. Entonces vayamos aquí a ver nuestros tres ejemplos. Tenemos estos que usábamos antes en nuestro equilibrio. Entonces vamos a ver cómo crear tan delgada. En realidad esto es bastante sencillo. Solo hay tres leones Unidos o de diferente tamaño o acabo de crear uno de estos. De acuerdo, Vamos a kit principal en línea. Y todos estos. De acuerdo, y vamos a hacer esto por ahí también. Selecciono este punto y uso la opción de unión. Entonces estos se ven similares, tal vez estamos siendo nosotros, así que hagámoslo más grueso que un solo copiar pegarlo. Hacerlo más pequeño. Copiar y pegar. Y hazlo más pequeño. Tal vez incluso como estos. Entonces esta es una forma un poco diferente. Ahora, lo haré blanco. Añadiré algo de transparencia. Añadiré algo de sombra. Y ahora se ven muy parecidas. Y algo de sombra interior. Y pondré en una pizca de dos blancos. De acuerdo, Ahora esto se parece a lo que teníamos antes. Si quiero, puedo unir estas formas y tengo estas flechas. ¿ De acuerdo? Ahora movámonos y veamos cómo crear otros motivadores, por ejemplo, tales estaciones terrestres. De acuerdo, y veamos cómo se ven a Barnum. Echemos un vistazo a cómo crearlo. Como ves, estos son pedazos de círculos. Por lo que necesito crear una elipse. Yo lo diré total, digamos 100. Probable, no es suficiente. Simplemente lo escalaré globalmente a estos. Ahora tenemos que crear esos arcos a partir de estos círculos. Entonces tengo que encontrar estos. Sí, aquí se lo ponemos a estos y los mandaré delgados. Ok. Ahora copio pegado y lo escalo hacia abajo. Voy a hacer que sea un poco más grueso. De acuerdo, ahora lo copio y lo hago más pequeño y lo hago más grueso. Algunos de estos casos probablemente quiero hacer esto más pequeño a, para estar más cerca del interior, luego a otro probablemente para hacerlo más pequeño de nuevo. Y haciendo estas delgadas, hacen estas cositas o dos. Es demasiado grueso y ahora es mejor. Entonces otra vez, puedo hacerlo blanco, semitransparente. Puedo unir estos trazos. Yo quiero moverlo, hacerlo blanco, y hacerlo semitransparente. Y voy a añadir algo de sombra y simplemente dejarlo por defecto. Entonces ahora estas cosas se ven similares, incluso estas estoy siendo y puedo crear un componente con este simple deslizar texto hacia arriba. Para estos, solo usaré texto porque estoy tirando de esto. Yo uso una fuente o sal de roca como ves. También lo puedes usar. Y voy a crear estas flecha. Puedo ir aquí y elegir una flecha y hacerla más gruesa. ¿De acuerdo? Ahora entro en modo de edición y lo configuro en curvas. Estos. Todo el mundo legó esto y su más simple. De acuerdo, solo tengo que crear marco. Todas estas cosas. En nuestra selección. Voy a cambiar su color a morado. Añadiré algo de sombra. Y cambiaré columna esta sombra demasiado amplia y pondré su transparencia a 25 para la obesidad a 75. ¿ De acuerdo? Entonces ahora se ve así. Si lo desea, puede cambiar una forma de estas flecha por alguna otra que desee muestra para que se vea así. ¿ De acuerdo? Y como comprendes, puedes crear componente a partir de este marco y usarlo en tus historias. Entonces, como comprendes, puedes crear tantos de estos motivadores como quieras. Y por lo general se ven bien en tus historias y motivan a la gente a deslizar, deslizar tus pancartas. Así que úsalos, crea los tuyos propios y logró grandes sitares. 51. Anuncios de Carousel: Veamos cómo crear anuncios de carrusel de Facebook. En realidad, esto es bastante fácil. Sólo tenemos que crear varios banners diferentes. Cambia sus elementos justo en cada copia. Por ejemplo, tengo estos y estos, estos son sólo tres componentes separados. No pertenecen al juicio ellos. Y tengo algunos productos son solo insertar una imagen del producto. Añado algo de texto aquí y puedo conseguir mi allanada por eso. Cuando lo creo al principio, solo hago longitud de estos. Selecciono estos Barner que creé. Copio aquí pegado Ejemplo 2, y desconecto estos componente. Y lo hago un componente y ganancia. Entonces, vamos a la cosa que este es nuestro cuarto expediente. Y ahora solo tengo que cambiar todos los textos e imágenes que quiero. Entonces, como usted entiende, la plantilla general se mantiene igual, pero se ve muy similar a ésta. Pero si necesitas cambiar algún texto por otro producto, por otra oferta, solo puedes hacerlo y este banner. Entonces en general, si necesitas crear anuncios de carrusel, te sugiero que no crees plantillas muy complicadas que te permitan crear todos los archivos juntos. Angela te recomienda crear componentes para cosas como fondo, logo por ejemplo, estos fondo burbuja. Y si necesitas cambiar textos e imágenes, solo lo haces en cada copia. Por lo tanto, cree tantas copias como desee, pero no cree algún componente único que se aplicará a otros. Creo que esto es demasiado complicado para los anuncios de carrusel porque cuando los creas, por lo general tienes diferentes productos. Hay diferentes textos de Sansón y a partir de este punto, no quieres crear componentes para todo. Por lo que solo necesitas crear componentes para tu fondo, para tu logotipo, para estos antecedentes, y eso es todo. Y todo lo que se cambia de un filo a otro. Acabas de decir muchos de ellos. Pero esto no quiere decir que no te ahorre tiempo. Te ahorra mucho tiempo comparando para crear y anuncios de Carrusel en Photoshop o en Canva o lo que sea. Porque de todos modos, si quieres cambiar de fondo, un logotipo, algo que puedes usar componentes. Y aunque quieras cambiar texto o imágenes de tu producto, esto es mucho más fácil de hacer en Figma luego Photoshop o lienzo. Y por último, tienes todas estas pancartas por completo y las ves todas y te imaginas cómo mirarán los anuncios del carrusel. Vamos a verlo con los anuncios del carrusel, ve a crearlos. 52. Revisión de archivos de pastos de Facebook 9.7: Vamos a la plantilla de archivo para nuestros anuncios de Facebook. Lo abriré en mi biblioteca. Entonces aquí está la biomasa inteligente para los anuncios de Facebook. Y este archivo es similar al Padre al que solíamos buscar plátanos de Google. Esta es alguna tapadera. Estas son algunas cosas cómo usar banner, cómo usar exactamente este tamaño para banners. Algo es lo mismo que para Google, algo es diferente. Entonces vamos a nuestra página con un bono. Entonces, ¿qué tenemos aquí? Tenemos un panel de control sobre que utiliza unos titulares, alguna descripción, algunas flechas de elemento personal para las historias. Estos longus e Instagram nombre de usuario para la vista previa de historias. Y tenemos burbujas de texto. Entonces establecemos nuestros antecedentes. Esto se ve similar a la configuración que teníamos para respuesta de anuncios de display de Google. Establecemos imagen de fondo aquí. Entonces dijimos desenfoque, si lo necesitamos, entonces ajustamos esta imagen, dos tamaños diferentes de nuestros Banos. Y luego usamos estas imágenes para fondos, para nuestros pancartas. Tenemos vista previa de la historia por aquí, y tenemos algunas cosas para evitar el 20 por ciento de las limitaciones de los textos. Hay algunos rectángulos que son rejillas. Y pongo estas avaricia de ajedrez, espectáculos semitransparentes rejilla para mostrar las áreas donde los socios podrían no ser visibles o podrían estar superpuestos o algo así, porque esto es sólo un adelanto para las historias de Instagram, pero Facebook y Instagram y cambio de dos fases o más bien a menudo, y es mejor entender que estos lados, esta parte de los pancartas, no son seguros para poner allí información importante. Y podemos descargar Varnas desde aquí. Y tenemos otra página donde tenemos pruebas a, B, C y tenemos diferentes imágenes, diferentes textos. Por lo que la anterior, nos metemos en cuatro banners diferentes. Entonces aquí tenemos cuatro por tres, Son 36 pancartas diferentes. Y podemos usarlos todos si queremos, o simplemente podemos elegir qué tamaños queremos obtener para nuestra publicidad y usarla. De acuerdo, Así que probablemente esto sea todo con el archivo y puedes usarlo. puedes cambiar cualquier cosa. Puedes usar sus componentes para crear tus propias plantillas para tu propia publicidad. Entonces ve y pruébalo. Seguro que tendrás una gran publicidad. 53. 10.1 Introducción a las redes sociales: Siempre y cuando seas de mercado ya que probablemente trates no solo con publicidad sino con algunas redes sociales. Por lo que en esta sección veremos cómo crear tus fotos de perfil, cómo puntuar tus mayores de portada para diferentes redes sociales, para diferentes plataformas, cómo usarlo rápido. Y veremos cómo diseñar tus publicaciones para Instagram, para Pinterest o lo que sea en Figma. Y cómo ahorrar tiempo cuando lo haces una y otra vez. Entonces vamos a ver cómo caminar con creativos de redes sociales, cómo trabajar con gráficos de redes sociales aquí en Figma. 54. Portadas, fotos de perfil: Ahora veamos cómo crear páginas de cower, páginas de perfil para tus perfiles sociales, vale, para esto, crearemos varios componentes. Esta es una imagen principal y ésta es cuadrada, un logotipo para tus fotos de perfil. En primer lugar, ¿cómo crear esta lager? Esto es muy sencillo. Tenemos este logo, tenía este logo antes y simplemente recrear, comer. Pero si ves, creé todas estas vistas previas y muchos de logotipos están alrededor y se recortan como alrededor de logotipos. Entonces cuando acabo de sacar este logotipo de Google o Facebook, no me acuerdo. Sí, desde este paso, como pareces, este sonido perfecto está muy cerca de las fronteras de este maderero. Y si quiero recortarlo al círculo, no fue mucho tiempo. Bien. Entonces estas las hice más largas, más pequeñas. Déjame mostrarte estos de nuevo. Puedo ir a Google Banos y esto me queda más tiempo. Copiarlo y pegarlo aquí. Ahora veamos cómo se ve en mis fotos de perfil como ves está recortado para que no me guste. Amor tan especial por estos. Hice el más largo, más pequeño. Entonces me esconderé. Son dos más largos y yo hice éste, pego éste justo ahora mismo, así que lo vuelvo a hacer invisible. Y tengo que hacer el logo más pequeño para que quepa nuestras llamadas así en fotos de perfil. De acuerdo, y tengo esta imagen de portada. Y como usted entiende y utiliza estas imágenes de carbono en absoluto, mis portadas para diferentes redes sociales y para algunas publicaciones para redes sociales. Y acabo de insertar estos dos, todos los cuatro meses que tenemos. Podrás encontrar algunas descripciones, algunas imágenes que te muestran cómo se ve en la red social. Para que puedas entender cómo funciona esto. Esto es para Facebook, para Instagram, Twitter, LinkedIn, y Pinterest. No publiqué historias escuchadas, algo así porque tenemos una lección separada para ellos en realidad, cuando creas historias, generalmente quieres crearlas únicas. Y esta página es más para actualizar tus páginas de redes sociales. Tienes un nuevo logo, solo tienes un nuevo de algo que quieres poner tu imagen de portada y puedes hacerlo aquí mismo. Entonces si has visto estas imágenes en LinkedIn son muy amplias. Entonces en este caso, no veo las letras, no veo el título. Y probablemente si usas LinkedIn, tienes que crear una imagen separada para ello por mucho tiempo. Hagámoslo. Por lo que voy a crear una portada separada, una imágenes muy amplias le gustaron, como para LinkedIn. En realidad, no tengo que hacer toda la imagen por qué solo tienen que poner las cosas dentro en una composición diferente. Por lo que desconecto esta instancia. Estoy haciendo estas herramientas más largas, más pequeñas, más pequeñas, más pequeñas. Y lo pegaré a mi LinkedIn y haré lo mismo con las imágenes todas blancas. Entonces así es como podemos crear muchas fotos de perfil e imágenes de portada diferentes para todas las redes sociales. Y si cambias solo estos dos o tres componentes, puedes descargar todas las mayores para tus redes sociales, para tus cuentas desde este archivo. Para que sea aún más práctico, ajuste. Yo haría estas cosas componentes y haría un lugar especial para sus copias donde pueda descargarlas todas. Por lo que hago cada una de sus redes sociales cubre un componente. Entonces creo un duplicado y simplemente lo pongo en algún lugar aquí. Y cuando los necesito, solo los selecciono todos y puedo exportarlos fácilmente si lo hago desde aquí. Como usted entiende, selecciono diferente siendo un fotogramas, pero quiero seleccionar sólo marcos de imagen. Por eso hago cada uno de ellos componente y lo pongo, Es duplicado en un lugar separado como este. Por lo que después de que termines en esta caminata, tendrás listas todas tus imágenes para tus redes sociales y podrás cambiarlas fácilmente si lo necesitas en cuestión de minutos. 55. 10.3 publicaciones de redes sociales: Veamos cómo crear publicaciones para redes sociales. Entonces aquí tenemos un archivo y vamos a tener algunas cosas por aquí. Contamos con una biblioteca con las imágenes que utilizaremos para ejemplos de puestos de avanzada. Y tenemos varios madereros para diferentes rincones de los postes en las imágenes. Y en realidad tenemos hora. lo que crearemos posts para Instagram y Pinterest por ejemplo, enfoque de M&E de hacer publicaciones para redes sociales en Figma es crear alguna plantilla básica y luego reutilizarla una y otra vez. Agrega alguna nueva información única. Por ejemplo, algunas mayores, algunos títulos. Al igual que aquí tenemos la misma plantilla para el producto que queremos mostrar. Y cuando necesitamos promocionar algún producto nuevo, solo agregamos su imagen, agregamos algunos textos, y nuestro post está listo. Entonces como ves, hay varios posts diferentes que lucen igual, pero utilizo diferentes técnicas cuando las creé. Entonces veamos dentro. Como ves, esta pancarta consiste en la emisión de fondo, estas blob amarilla de algunos textos, imagen y lager. Entonces cuando creo un nuevo post y solo copio pega el anterior y cambie el producto, cambie el título y este texto. Si necesito. ¿ Cuál es la diferencia entre todos estos posts? Como ves, el amarillo es el fondo más lejano de todo. Y esta pancarta, el primer fondo es el azul, por lo que el amarillo está en la parte superior de la misma. Y lo mismo aquí. El amarillo está detrás, un aquí el azul está detrás. ¿ Y qué otra diferencia? La diferencia es que cuando usé, cuando creé estos archivos, usé enmascaramiento de fondo. Por lo que uso máscara para el fondo. Y si muevo este fondo aquí, déjame encontrarlo en va así. Entonces y cuando uso estos, uso este blob para estar en la parte superior del fondo. Y como usted símbolo, el suelo está en su tamaño completo. ¿ Por qué lo hicieron? ¿ Y cuál es la diferencia? Esa diferencia viene si quieres poner algunos objetos como este producto detrás o frente a tu blob amarilla. Por lo que mientras esta imagen, mi blob amarilla es solo máscara. Entonces en realidad no hay ninguna blob por aquí. Simplemente tengo un fondo amarillo de toda la pancarta y uso alguna imagen del mismo. Esto significa que no puedo traer mi imagen de los auriculares detrás del fondo amarillo porque el amarillo es el más hermoso del suelo aquí. Y cuando ángulo aquí, veo que lo lejos como fondo es uno azul. Por lo que la blob vectorial amarilla está frente a la azul. Y esto significa que puedo, puedo poner mis audífonos atrás. Si quiero. Yo lo puedo mover aquí. Y como lo ves juego frente a nuestra blob. Entonces veamos cómo crear este equilibrio. Empecemos con el más sencillo. De éste, lo copio pego. Asegúrate de que lo lograré desde cero. Por lo que creo un nuevo marco. Voy a copiar mi blob de aquí. Entonces tengo esta blob amarilla. Ponlo aquí. Y ves que hay un efecto de sombra interior. Cuando lo hago bien, Parece que está frente al fondo y esa luz cae en él. Si lo hago negro y gris, y el efecto será lo contrario como aquí. De acuerdo, entonces lo dejaré blanco. De acuerdo, lo puse aquí. Voy a copiar aquí mi imagen de fondo del mismo, así. Yo copio mi más tiempo, ¿de acuerdo? Y quiero copiar estos titulares aquí. Mi blog vectorial no está dentro. Entonces lo puse dentro de mi marco. Ahora Es hoe-bound y voy a copiar el texto. Y ahora nuestra guitarra de mina de cobre. Entonces así es como creo este post, y esto es bastante simple. Si necesito cambiarlo, solo copio, pego todo el plátano y reemplaza el producto, se sustituyen los textos si necesito. Ahora veamos cómo crear. Estos no eran cuando usaban una máscara. Entonces tengo un marco. Ahora necesito crear una máscara para este fondo. Para esto, necesito tener algún objeto que sea de estas formas. Para hacer esto, crearé un rectángulo de forma. Y lo combinaré con el sobre. De aquí. Necesito moverlo de la herramienta de marco. Está bien, aquí. Entonces ahora tengo dos formas y quiero hacer una forma que quiero hacer esto. Yo los honraré como le gustó a la mayoría de ellos. Y ahora necesito cortar esta área de nuestro rectángulo. Por lo que voy a restar selección. Y ahora tengo estas formas para poder copiar mis antecedentes. Entonces ahora tengo una imagen que quiero enmascarar y tengo una forma que usaré para enmascarar mi imagen. Entonces los juntaré y ahora tengo que leerlo. Pondré mi forma detrás de la imagen. Y cuando seleccione ambos objetos, usaré esta opción de máscara. Por lo que ahora mi imagen está cortada con esta máscara. Ahora lo puedo agregar a mi banner hasta aplicé efecto máscara. Este grupo de máscaras ha aparecido y lo usaré así. Yo quiero. Por lo que ahora puedo ajustar el color de fondo de todo el marco a amarillo. Y ahora esto se ve casi igual. Después de todo, nuestra voluntad añadirá efecto de sombra y lo pondré en blanco a lo largo de la misma y sumaré más capacidad. Por lo que se ve bien y el amarillo probablemente tenga que hacer que sea una semana principal 2020. Algo así. Y ahora solo tengo que sumar mis objetos por aquí. Voy a añadir estos auriculares. Y el miembro 0. En este caso, no puedo poner mi objeto. Puedo poner mi imagen detrás de la blob amarilla porque LL golpe es en realidad un fondo. Por lo que solo puedo poner mis auriculares detrás la ronda Bloomberg porque en realidad no está bajo tierra, es un objeto encima de mi fondo amarillo. Entonces así es como funciona. Y después de esto, voy a añadir estas etiquetas. Añadiré registrador y tengo esta plantilla. Entonces, como ves, hay varias formas de hacer las mismas cosas en Figma. Y si sabes lo que quieres conseguir, puedes usar cualquiera de ellos. Y echemos un vistazo a estos posts. Diferente tipo. Hice dos posts similares con diferentes productos. Pero si miras de cerca, entenderás el día en un poco diferente. Entonces, empecemos con este. Contiene un logotipo. Contiene varios rectángulos con diferentes trazos. Entonces esto es en realidad un rectángulo. Entonces déjame crear aquí el mismo post. Añadiré el marco, y añadiré algunos rectángulos. Es. nueve a cinco por 774, vale, y hago dos de ocho esquinas a su alrededor así. Entonces agrego un trazo ancho o ejemplo como este. Y así es como hago mi pancarta. Haré amarillo pajizo. De acuerdo, y ahora hice invisible el sentimiento. Por lo que esto mira a un similar. Añadiré el suelo, llenaré toda la imagen y haré destruir para estar fuera de la pancarta. Ahora duplico estos y lo haré más amplio. Yo lo haré blanco, y lo muevo detrás de la anterior. Entonces ahora veamos similares, tal vez trazos donde perduran. Entonces usaré la sentencia y me moveré. Ponlo así. Y en realidad es casi, eso es casi. Los haré un poco más pequeños. Voy a añadir algo de texto, copiar pegarlo. Puedo usar un poco de logo. Puedo copiar pegarlo desde aquí, o puedo hacerlo desde aquí. Donde tengo mis componentes por más tiempo. Y lo pegaremos en mi imagen. Y sólo tengo que añadir este texto. Y tengo una imagen. Aquí hay diferentes dimensiones como lo ves a tiempo va por encima los trazos y mi sintetizador va detrás de ellos. Entonces, ¿cómo lo hicieron? Tenía dos imágenes. Tomémoslos. Entonces cuando le pongo la guitarra a mi pancarta, obviamente solo audito así. Entonces esto es bastante fácil. Pero cuando un sintetizado que están bajando así, y yo quería que me cortaran estas drogas. Para que pueda ponerlo así detrás de los trazos. Y ahora se ve al interior de la frontera. Probablemente tenga que hacer este logotipo más pequeño. Esto está bien. Por lo que ahora tenemos dos placas diferentes para nuestros puestos y podemos cambiar productos por aquí. Podemos cambiar textos, sus nombres, y tener publicaciones nuevas y nuevas si quieres pausar diferentes productos en nuestra cuenta de Instagram. Y tenemos publicaciones de Pinterest por aquí. Entonces como ves, esta es una plantilla muy similar a mi Instagram. En realidad, creé estas plantillas a partir de las publicaciones de Instagram. Acabo de usar todo así. Estamos en otra forma. Y yo tenía un ser un antecedente aquí. Y echemos un vistazo a estas publicaciones para redes sociales. Y finjamos que queremos publicar diferentes imágenes con citas de algunos músicos. Entonces, ¿qué tenemos? Voy a crear un nuevo marco de pinterest. Usaré el mismo blob que usé antes. Copio pegado. ¿ Debo copiar pegar en todo el saber? ¿Blob? Añadiré algo de color temporalmente. Y quiero poner unas mayores como fondo. Por lo que sólo tengo que copiar mi imagen dentro del marco, escalando hacia abajo. Está bien, es, se ajusta a la talla. Entonces no tengo que cortar nada más. Ahora, solo pongo mi sobre en la parte superior, lo hago blanco de nuevo, y agrego algunos textos y añado algunos más. Entonces, como ves, esto es bastante sencillo. Todo lo que necesitas es crear esta blob. Y déjame mostrarte cómo crear este blob tendrá lección separada para plugins, pero te mostraré este plug-in en este momento. Procreate y blobs de blog así. Está bien. Entonces en realidad he hecho un post y si quiero cambiar, algo, podría cambiar el texto y la imagen. Tengo que copiar, pegar todo y reemplazar las cosas que necesito. Y como prometí, veamos el plugin del blog. Quiero crear estos blobs con forma aleatoria, y tengo un plug-in para ellos. Hago clic derecho en algún espacio libre, haga clic en plugins, y estoy buscando blobs plugin. Entonces tengo dos ajustes por aquí. Hagamos en culpa. Habré blogueado así. En realidad, esto es bastante similar a lo que necesito. Puedo redimensionarlo así, y probablemente estará bien. Entonces mira cómo crear diferentes formas. Si agrego, dijo este diez a diez para ser así. Si lo pongo de nueve a diez , estará mintiendo esto. Para que puedas jugar con estos ajustes y crear diferentes lóbulos. Estableces 100 integral, di que los valores deben ser de uno a diez. De acuerdo, Entonces así es como crear estos blobs con forma aleatoria usando el plug-in Blob. Déjame mostrarte cómo crear dicho post con estos efectos. Voy a crear un nuevo marco. Vigilado. Por 1500. Voy a copiar pegar algo de aquí. Añadiré la imagen de fondo. Añadiré estos marco. Entonces esto es sólo un rectángulo y dos textos sobre k. Y el rectángulo está lleno de negro y 50 por ciento de opacidad K. Voy a copiar pegar más tiempo. Y ahora quiero agregar estos filtros. Como ves, hay algo de color y toda la imagen es de este color y blanco y negro. Entonces en realidad tengo que hacer mi imagen en blanco y negro primero y después para terminar estos filtro. Entonces, ¿cómo hacer esto? Haré un nuevo marco. Por lo que la selección de marcos. Y va mi lluvia afuera y luego no, así. Por lo que tengo un nuevo marco justo encima de mi imagen de fondo y lo copiaré pegaré. En un primer momento. Quiero hacer mi fondo en blanco y negro. Para ello, sentiré mi imagen con negro, y haré clic en este icono de gota. Esto le permite seleccionar un modo de mezcla. Aquí hay diferentes modos. No los cubriremos todos. Podrás jugar con ellos para hacer imagen en blanco y negro. Utilizar la saturación. Como ves, pongo cualquier propio color negro, blanco en todo ser igual. Lo hará blanco y negro. Y ahora quiero, lo llamaré blanco y negro. Vamos a término. Y ahora quiero agregar algo de color. Por lo que voy a añadir un poco de amarillo. Voy así a ir. Y luego ve al Modo Blend y prepáralo en superposición. Y ahora se ve bastante similar a lo que tenía antes. A lo mejor algo como esto. Y ahora si quieres crear otra pausa para simplemente copiarla pegarla, reemplazas tu imagen de fondo por algo que quieras. Tomaré estos basados en k, y lo pondré detrás de los filtros. basados en k, Filtrar y puedo cambiar de color si quiero. De acuerdo, entonces que sea así. Entonces, como ves, todo el fondo cambió su columna, pero nuestro más largo todavía morado porque se encuentra por encima de la capa de filtro. Entonces en realidad así es como crearíamos posts para redes sociales en Figma. Como ves, no usé muchas plantillas por aquí porque normalmente no tienes que multiplicar todo en todas tus redes sociales. Y aunque lo hagas, esto es muy difícil automatizar esta caminata en esa escala Que acabas de poner una imagen y tener un montón de publicaciones diferentes. En realidad, puedo hacer esto como lo hicimos con los banners de Google comprados de mi experiencia. Por lo general, esto no me gusta. Tengo algunas plantillas para todas las redes sociales y cambio todo por una red social. Es así como tratamos las publicaciones para redes sociales en Figma. Por supuesto, si quieres, puedes crear alguna plantilla como lo hicimos para el balance de Google, donde cambias un lugar y en va a todos tus formatos. Pero prefiero crear publicaciones para redes sociales de forma independiente porque generalmente quiero crear algo un poco diferente para diferentes redes sociales. Pero aún así, estas plantillas para cada red social me ayudaron mucho. Creo que te das una idea de cómo lidiar con las publicaciones para redes sociales en Figma. Y como ves, hay infinita cantidad de diferentes variantes que puedes usar para tus publicaciones. Para que puedas ir a intentarlo. Y de nuevo, creo que esto te ahorra mucho tiempo comparando con Photoshop o con algunos otros editores como Canva crédito o algo así. Porque lo tienes todo en un solo lugar. Podrás ver todas tus publicaciones anteriores de todas tus imágenes anteriores y puedes cambiarlas fácilmente. Por lo que Figma te ahorra mucho tiempo cuando creas post para tus redes sociales. 56. Plugins 11.1: Veamos cómo usar plugins en Figma. plugins te pueden ahorrar mucho tiempo aquí porque pueden hacer algún trabajo de forma automática y ahorrarte mucho tiempo. Por lo que tengo varios plug-ins que uso muy a menudo y te mostraré cómo usarlos. Al principio, Veamos dónde encontrar plugins. Y tendremos nuestra página de comunidad. Y hay plugins por aquí. Y si quiero encontrar algún flagging, puedo navegar por estos listados o puedo buscar algo aquí, por ejemplo, quiero encontrar suministrando sus cuatro iconos como ves, hay muchos de ellos. Cuando tienes estas etiquetas negras, esto significa que ya tienes instalado este plug-in. Perdón, creo que esto es bastante obvio. Volvamos aquí y veamos estos plug-ins que tenemos. El primero, quitarme el suelo. Elimina fondos de diferentes imágenes, de personas, de objetos y así sucesivamente. Entonces como ves, te mostré algunos ejemplos de cómo funciona. Y no funciona perfectamente cada vez, pero en muchos casos funciona bien. Entonces, mira esta imagen y ¿qué tenemos aquí? Como sabes, si tratas de hacer esto en Photoshop, será una semana de trabajo para hacer todo esto, porque si miras esto aquí, ves que esto es transparente. Entonces déjame poner algo de color aquí. Entonces entiendes, sí, Como ves, este es muy buen trabajo. Y cómo usarlo. Voy a copiar pegar esta imagen. Tengo que hacer clic derecho en él y plugins y encontraré mi removido y tierra. ¿ O es un terreno de movimiento? Y tengo que ejecutarlo. Hice clic en Ejecutar, funciona por un tiempo y ahora tengo una malla sin fondo. Si te diste cuenta, hay ajustes configurados API k Esto significa que tienes que ir a su sitio web y registrarte allí y obtener tu clave API. Veamos cómo funciona. Entonces vayamos a donde su sitio web eliminó dot Vg y creamos nuestra cuenta. Prensa en nuestro continuo, Google Noticias por ejemplo. Estos cuenta enojado con los términos y registro. De acuerdo, y tengo que ir a herramientas y API. Y la integración API. Hay un botón Obtener clave API. Y ahora lo tengo. Entonces cuando vuelva a Figma y yo, déjame volver a instalar este plugin. Ve a Plugins, open ground, y lo instalé. De acuerdo, ahora vuelvo aquí y ya no puedo usar este plug-in porque aquí no hay control remoto y tierra. Entonces voy a volver allá e instalarlo. Y ganancia K ahora muestra que está instalado. Ahora hago clic derecho en mis ligandos de imagen y hay un terreno de movimiento. Yo quiero ejecutarlo. Pero no me permite sin clave API, así que tengo que adelantarlo. Vino aquí un MPI, tal vez funciona, lo guardo y corro. Ahora como ves está funcionando y probablemente obtendré mis resultados. Está bien, bien. Entonces como ves, tienes que crear una cuenta, tienes que reducir eso, Eliminar BG. Y después de eso puedes obtener una clave API. Y después de insertarlo aquí, su plug-in funciona. Existe una limitación ¿cuántas imágenes puedes procesar al mes? No recuerdo exactamente. Probablemente sean 15 o sí, son 50. Puedes usar 50. Ellos lo llaman previsualizaciones. Por lo que podemos quitar el suelo de 50 imágenes diferentes aquí. Y veamos el resultado. Se ve bien. Y aquí hemos comunicado el mensaje con este fondo de color similar y su cabello. Y en este caso, no funciona perfecto. Pero es muy difícil hacerlo desde esta imagen. ¿ Y qué tenemos aquí? En realidad funciona, bien, pero como ves, estos dos errores siguen siendo con el campo abierto. Aquí. funcionó casi bien, pero como ves, quitó esta parte de estos estantes. Y todas las imágenes se ven bien, y aquí tenemos este artefacto también. Entonces como ves en la mayoría de los casos, esta bandera y camina muy bien y te ahorra mucho tiempo. Puedes hacer la mayoría de estos Walkman solo en un día o en dos días. De acuerdo, Pasemos a otro plug-in que uso. Es un pequeño compresor de imagen. Como comprendes, comprimirá tus imágenes. Incompleto lo basó. Y quiero exportar esta imagen. Y veamos su tamaño. Dice que son casi dos megabytes, así que es más o menos, Vamos a usar cegador en minúscula comparación de imágenes por un tiempo. Y quiero comprimir mi imagen. Se puede establecer la calidad y vamos a presionar comprimir. Caminará un rato. Y ahora tengo mi expediente. Y como ves, ahorró 70% del tamaño del archivo. Entonces caminar extendiéndose lo haría. Hay un plug-in similar en compresor. Funciona poco diferente y diseñado especialmente para los anuncios de Google. Y eso es todo por este virus. Y exportarlos. Cuando exporto, veo que dos de estas barras son más de 150 kilobytes. Y como recuerdas, Google te permite subir imágenes solo hasta 150 kilobytes con bono regular. Entonces, ¿qué tengo que hacer? Voy a vender estas imágenes, haga clic con el botón derecho en plugins y encuentre mi en compresor plugin. Entonces como ves, comprime archivos a 150 kilobytes. En realidad puede cambiar estos ajustes, pero normalmente lo dejo así. En ocasiones este plugin no camina muy bien. Si tienes archivos muy grandes, puede comprimir no hasta 150 kilobytes. En este caso, hay que hacerlo manualmente en algunas otras herramientas, pero vamos a comprimirlo aquí y ver qué tenemos. Entonces como ves, guardo mucho tamaño de archivo. Y ahora todos estos cuatro pancartas están bien para Google. Ahora los puedo descargar para hacer un archivo y puedo descargar todos estos saldo de formularios. De acuerdo, pasemos a donde baile McGrath. Lo uso bastante a menudo porque crea hermosos ingredientes para mis marcos. Y este marco. Y en lugar de usar estas opciones de campo e intentar crear un gradiente de diferentes colores, solo puedo usar este plug-in. Puedo hacer clic derecho en él plug-ins cuando gradientes y satélites y más enojado de lo que quiero. Algunas de ellas son bastante bonitas. Entonces como ves, lo que puedo conseguir. Muy sencillo pero muy efectivo. De acuerdo, ya creamos blobs con nuestro plugin en las lecciones anteriores, así que queremos cobertura. Aquí. Ahí hay otro generador cálido, Ruden ingobernable. En realidad, ejecutemos este plug-in. Hay muchos ajustes en él. Para que puedas jugar alrededor de dos cuadros. Esta vergüenza, y el escenario principal es este arco iris cubo de la euforia. Esto significa que tendrás diferentes tipos de formas. Entonces cubo es para este tipo de formas. El arco iris es para este tipo de formas. Y la euforia es para este tipo de formas. Vamos a usarla. Puedes establecer algunos colores y te generará algunas formas. Entonces como ves está colocando esto, puedes cambiar este ajuste. Considente. Para que podamos jugar con todos los ajustes y crear muchos fondos diferentes y así sucesivamente. Entonces como ves, aquí hay muchas de estas pistas. Y este es muy interesante plug-in si necesitas crear algunos banners para algunas regiones y puedes crear mapas web por aquí. Y basta con hacer clic derecho en esta área y hacer clic en mapas vectoriales. Digamos que quiero agregar Brasil contornos seleccionados y quiero obtener esta capa. Creará una capa de una forma en Brasil colocando esto tomará algún tiempo. De acuerdo, no lo esperaremos y entenderemos que va a crear un Brasil de mármol por aquí. ¿ Cómo instalar alguno de estos plugins? ¿ Tienes? Encuéntralo por su nombre, o simplemente puedes copiar, pegar este enlace, pegarlo en tu navegador. Llegarás a la cuenta de Figma y podrás instalar este plugin, como ves ya está instalado. Simplemente puedes ir a la comunidad y buscar plugins. Por aquí. Hay mucho, muchos plugins y Figma, por lo que puedes revisarlos. Te mostré algunas de ellas que uso casi todos los días. Son bastante interesantes. Y como ves, también tengo muchos plug-ins aquí. Algunos de ellos son para crear animación, para crear videos. Algunos de ellos para crear algunos objetos 3D. Algunos de ellos solo descargarán algunos iconos aquí en solo banderas. Por ejemplo, uso banderas, tendencias y lo injusto, y selecciono la bandera que quieren. Puedo usar un rectángulo o cuadrado. Un ejemplo que quiero agregar. La creación se ha agregado en alguna parte. No lo veo. No estoy seguro. Sí, está por aquí. Entonces esto es bandera. Y como ves, está hecho en forma vectorial. Esto significa que puedo escalarlo. Gire siendo tamaño y la calidad sigue siendo gran día. Entonces esto es todo lo que quería decir de los plugins. Puedes buscar diferentes plugins en tu propia comunidad más amplia. Encuentra algunos artículos, usa diferentes plug-ins. Ellos automatizarán y te ahorrarán mucho tiempo. 57. Directorio de crecimiento 12.1: He aprendido a crear muchos pancartas en Figma, y hemos aprendido a crear mucho equilibrio para cada escritorio y en Figma. Ahora, veamos cómo manejar todos estos porque puedes tener una pregunta. ¿ Qué tengo que ver con todo este hombre en la década? Porque es muy difícil de manejar que cuando tienes cientos de variantes diferentes de tu saldo. Entonces tenemos una herramienta para esto, esto y chicas y compradas. En realidad, lo hago en Trello y tú también tienes esta plantilla. Si tengo un enlace a este tablero, puedes copiarlo a tus juntas en juicio si no lo usas. Esto es muy sencillo. Simplemente crea una cuenta y puedes usar TI. Envía tus creativos. ¿ Qué hay aquí? Este es el tablero Kanban o Scrum, donde tenemos diferentes columnas y tenemos diferentes tarjetas. Y cuando iniciamos nuestras pruebas, cuando iniciamos alguna hipótesis, agregamos a una de estas columnas. Y luego mientras gana algunos datos mientras se lanza y demás, en un va al derecho al éxito o al fracaso. Por lo que este es un modo para probar hipótesis. ¿ Cuál es la hipótesis? La hipótesis es, por ejemplo, declaración. Si agregamos una hermosa chica a nuestros pancartas y montamos que tenemos descuentos en nuestros productos. Ganaremos un mejor sitar en nuestras campañas publicitarias. Por lo que creas tu saldo con esta chica con algún descuento y lo pruebas. Y mientras eres Testamento, mueves este carro de izquierda a derecha en estas columnas. Entonces veamos y estas columnas más cerca. Épica. Esta es columna para algo que no quieres probar ahora mismo por algunas cosas que quieres hacer en el futuro y no sabes cuándo. Por ejemplo, puedes agregar alguna tarjeta que querías probar, pero algo cambió y no eres capaz de probarla en este momento. Por lo que solo puedes poner este corte en ideas épicas de columnas. Esta es columna para ideas, todos los miembros de tu equipo, o te compras brillantes algunas ideas aquí de una manera muy abstracta. Por ejemplo, por honesto con texto, los instrumentos musicales premium se convierten mejor, algo así. O pancartas con la chica rock ganarán un CTR alto. Entonces es así. Esto no es una hipótesis todavía. Esto es sólo una India. Entonces tú de hipótesis de esta idea. Entonces si tuviera un bono de idea con el texto premium instrumentos musicales convertir mejor, se convertirá en estos creativos con el texto. Premium, instrumentos musicales incrementarán la tasa de conversión cr de 5.5% a 7% porque recortarán a quienes buscan barato. Entonces finjamos que tenemos una tienda de instrumental musical de primera calidad de los más caros. Y pensamos que si escribimos prima a nuestro saldo. Las personas que quieran comprar instrumentos musicales baratos no van camarilla y no vamos a venir a nuestra página web y vamos a tener una mejor conversión. Y tengo algunos campos por aquí, descripción o mi ortesis que la métrica, su tasa de conversión, valor métrico histórico es de 5.5%. Eso significa que en mis campañas anteriores la tasa de conversión fue de 5.5. Y ahora estoy esperando mi prueba AB para que mi experimento se ejecute. Y entonces escribiré, ¿qué metieron en estos campos? Y después de estos se entenderán si esto funciona o no. Por lo que al principio solo formo una hipótesis. Todos los integrantes del equipo movieron la hipótesis de que yo creía que era mejor a esta columna de prioridad. Esto es para el caso cuando tienes muchas ideas, muchas hipótesis, y lo entiendes, no tienes tiempo para probarlas en este sprint en esta semana. Por lo general camino en sprints semanales a semanales. Esto significa que pruebo hipótesis una semana o dos semanas. Si estas son hipótesis de marketing, por lo general es suficiente de débil para probarlas, invertir esta hipótesis son más complicadas y necesitan más datos. Puedes ejecutarlas en dos semanas, pero prefiero que empieces con una semana. Entonces esto significa que al principio de la semana y vemos en columna de hipótesis, y vemos, por ejemplo, Bowtie de ellos. Y entendemos que es demasiado y queremos probar tal vez Tim, y estos pueden ser 15. Por lo tanto, ponga en prioridad la mejor hipótesis. Cada persona, cada miembro del equipo decide cuáles de sus hipótesis son mejores para probar en el sprint y los suman a prioridad. Entonces tienes una reunión, probablemente esté en línea y votas. ¿ Cuáles de estas tarjetas son mejores para probar esta semana? En este sprint, los clasifica. Por lo que cuanto mayor sea la multitud, más prioridad se pone. Algunos gatos más pueden ir al siguiente sprint. Y probablemente cuando discutas tu Hipótesis durante tu reunión, agregarás alguna hipótesis de estas columnas a tu sprint actual. Solid dicen que elegiste 10 hipótesis, pero luego entiendes que no tienes suficientes recursos para probarlos todos, generalmente justo alrededor de ellos por aquí. Y las personas que crearán violencia, que configurarán tus campañas publicitarias, las recogerán de esta columna y se sumarán a la producción. Entonces cuando una tarjeta está en esta columna de producción, esto significa que alguien está haciendo cosas para que suceda ejecutar estas pruebas, para probar esta hipótesis. Después de que todo se hace y se lanza la campaña, tarjeta va a la columna de recolección de datos y se pone aquí hasta que se recojan los datos. El dato no se recoge por alguna razón. Por ejemplo, detienes la campaña para siempre. Solo tienes que mover esta carta probablemente a épica para fallar o simplemente para eliminarla, si entiendes que nunca la volverás a usar. Pero por lo general los pongo en épicas y los pruebo en el futuro. Y por último, cuando obtienes tus datos recolectados y pones tu gato ya sea al éxito o a la columna fallida. Entonces a nuestro ejemplo tenemos Hipótesis 1 es creativos con el texto los instrumentos musicales premium aumentarán la tasa de conversión de 5.05 a 7% porque recortarán a quienes buscan resultados baratos. Como ves, aquí hay algunos campos adicionales y ves que hay para Google, para Reino Unido, y para productos de guitarra. ¿ De acuerdo? Y este carrito es para Facebook. Y estas son tasas de conversión ligeramente diferentes porque como ves en este ejemplo, Facebook se convierte mejor y su tasa de conversión inicial fue de 6.3, por lo que queremos que sea de 8%. Por último, obtuvimos resultados después de que cada carrito se moviera de una columna a otra, donde veamos que tenemos tasa de conversión 8.4% en Google. Entonces vemos que es más grande que 7% lo que queríamos. Y esto significa que tenemos una hipótesis exitosa. Y el otro obtuvo tasa de conversión 6.5. Esto es más de 6.3 que teníamos antes, pero no es 8%. Esto significa que marcamos esta hipótesis como una fallida. A pesar de que obtenemos el 7.9%, todavía lo ponemos en la columna de fallas y. Por lo que hay que entender que el éxito y el fracaso depende de qué metas te fijaste. Entonces si tuviste una tasa de conversión 5.5% y estableces una meta al 50 por ciento, probablemente toda tu hipótesis fallará porque no es escenario realista. Y si pones 7%, probablemente esté bien. Entonces entiendes que es razonable y probablemente puedas obtener estos resultados. Pero si pones tu meta en 8% y no lo hiciste, de nuevo, no significa que esta hipótesis lo sea, pero esto no quiere decir que tus banners, tus creativos, y lo malo, probablemente puedas usarlos, pero probablemente quieras cambiarlos y letal para obtener resultados aún mejores. Y puedes caminar con ellos, puedes dejarlos en campañas, o incluso puedes escalarlos. Pero esto sólo significa que cuando predijiste tu tasa de conversión, no lo hiciste tan bien. O lo hiciste bien, pero los humanos simplemente no son lo suficientemente buenos. Y cuando consigues tus sprints una y otra vez, tienes hipótesis nueva y nueva. Predecidirás mejor. Y correrás hipótesis que en realidad significan algo. Entonces si dices que quiero ganar conversión y 50 por ciento después de que lo harás, después de que llegues en 5.5. Esto no tiene sentido. Entonces estos, Por eso pondrás tal tarjeta en fracaso. Y luego la próxima primavera entiendes que no podrás conseguir que cij sea tasa de conversión y probablemente tu objetivo, tu objetivo será menor, más razonable. Entonces así es como caminan los delgados. Y después de que pruebes tu hipótesis una y otra vez, obtendrás todos los resultados aquí. Cuando tengas demasiados de ellos, puedes crear alguna talla de tus tarjetas y moverlas a otras columnas. Y tenemos la última columna, es columna de revisión y retrospectiva. Voy a renombrarlo para revisar cientos con respecto a qué significa y cómo usarlo. Si tenemos un sprint semanal, esto significa que al final de cada sprint, ahora tenemos una reunión y anotamos ¿qué resultado tenemos? ¿ Qué planeamos y qué logramos? Entonces nuestro plan era poner a prueba cinco hipótesis, y de hecho, probamos sólo dos de ellas. Uno de ellos es exitoso, uno de ellos exitoso. Por lo que nuestra tasa de éxito es del 50 por ciento y tenemos que anotar insights de nuestro sprint. ¿ Qué aprendimos, qué usamos en el futuro? Bien entendido que el uso de instrumentos premium en el menos entrega diferentes resultados dependiendo de la plataforma publicitaria necesita más pruebas. Por lo que funciona bien para Google, pero no tan bien para Facebook. Y esto significa que probablemente tengamos que crear algunas hipótesis más para caminar esto alrededor y para entender realmente instrumentos musicales premium. ¿ Hace un cambio real en la publicidad o no? Entonces después de esto, obtendrás cada vez más hipótesis. Obtendrás cada vez más resultados, y podrás entender qué funciona y qué no funciona. Y por ejemplo, tienes un nuevo miembro del equipo y solo puedes mostrarle este MALO. Muéstrale toda la hipótesis exitosa y fallida. Y entiendes mucho tu marketing y tu situación, mucho mejor que si lo harías. Dígale esto por watts. Por lo que esta es una gran herramienta para probar hipótesis, para probar un montón de Varnas diferentes, deterministas, muchos creadores diferentes, y así sucesivamente. Esta es una tabla de crecimiento y está diseñada no sólo para probar. Creativos. Estos son pasos del embudo de conversión, que pasan tus leads, que son clientes cuando interactúan con tu empresa. Cuando hablamos de creativos, de plátanos, estamos en el primero o tal vez en el segundo escalón. Entonces el primero es para la conciencia y las métricas para estos pasos son alcance, ¿a cuántas personas llegas con tu publicidad? Estas son métricas para aplicaciones, servicios, etc. Entonces si vendes algo en línea, si tienes, por ejemplo, tienda online, tienes estas métricas para tu embudo. Y métricas de adquisición o el paso nuestra tasa de conversión, costo por lead, costo por acción, costo por venta tasa de rebote. Por lo general, cuando pruebas tus creatividades, no afectan tanto a tu tasa de conversión. Pero afectan a CTR. En una gran escala. Esto significa que la mayoría de las hipótesis de sus pancartas tendrán declaraciones. Estos creativos aumentarán CTR de 16 por ciento a 17 por ciento y así sucesivamente. En ocasiones, cuando diseñas nuevas páginas en tus creatividades, filtra parte de tu audiencia o alguna de la audiencia innecesaria. En este caso, estos creativos influyen tasa de conversión y puedes marcar los pasos con paso de adquisición, pero la mayoría de ustedes nos están comprando afectará solo CTR. Y esto significa que este es paso de conciencia. Hay otros pasos, pero no se trata de creativos. Se trata de buscador de uso del sitio sobre la calidad del producto, sobre cuántas personas regresan a sus servidores si esto es un servicio, cuántos dinero ganan de cada persona y cómo sus usuarios, cómo sus clientes recomiendan sus servicios a otras personas. Por lo que queremos cubrir todos estos cuatro pasos. Nos centraremos en estos dos. Y como dije, cuando pruebas tus creativos, usualmente un sitar de prueba. Por lo que se compara uno con otro modales en el mismo sistema de publicidad con la misma audiencia, con la misma página de aterrizaje. Si tú, por ejemplo, pruebas en diferentes páginas de aterrizaje, agregaste diferentes textos, tenías unas imágenes diferentes en tus páginas de destino y quieres probar cuál de ellas se convierte mejor. En este caso, se puede apuntar y la India después para formar la hipótesis, prestamos página con un texto a aumentará la tasa de conversión de 5% a 6% porque mostrará nuestras ventajas de una mejor manera de lo que era antes. Y prueba esta hipótesis con alguna herramienta de pruebas AB como Google Optimizely o algo así. Esta es una descripción muy breve y breve de la tabla de crecimiento y de los procesos que se esconden detrás de ella. Pero es suficiente para que pruebes tu bono, para poner a prueba tus creativos. Y una cosa más sobre prueba y banners para Google. Como saben, hay muchos formatos por ahí, sobre todo si tocas anuncios de display regulares. Y, e idealmente se puede ejecutar una hipótesis independiente para cada uno de los tamaños. Porque como sabes, a veces sucede y sucede muy a menudo que los banners de una talla se convierten mejor con un texto y banners de otro tamaño se convierten peor. Por lo que en este caso, probablemente quieras crear una hipótesis independiente para la edad Tamaño Bono, pero esto tardará mucho tiempo y esto no será tan fácil de manejar cuando tengas mucha creatividad. Entonces lo que sugiero es hacerlo tal vez una, dos veces para entender qué ideas entran si formatos y qué evitar. Por ejemplo, entenderás que en murmuros bonus con formatos pequeños, no tienes que poner muchos textos porque no está realmente bien en realidad esto es obvio, pero tal vez tengamos conclusión después de esto. Si quieres medir todo tu bono de forma independiente para los anuncios de Google, probablemente tengas que crear un archivo de hoja de cálculo de Google o Excel. Por lo que sería algún tipo de mesa porque será muy difícil manejarla en este tráiler. Quieres. Entonces como comprendes, si tienes 20 saldo, tendrás 22 hipótesis separadas. Y si tienes ideas diferentes, por ejemplo, tres o cuatro, será un 100 de cartas por aquí. Va a llevar mucho tiempo. Pero después de recolectar todos tus datos con todos tus formatos, comprenderás la información general, la hipótesis sobre instrumento musical premium, exitoso o no. Y pusiste estos resultados en estos comprados. Por lo que espero que utilicen estas palabras para impulsar sus resultados de marketing. Y así sigamos adelante. 58. Tarjeta de hipótesis 12.2: Echemos un vistazo dentro de su Dios. Si bien hipótesis más de cerca como hemos visto antes, tenemos estos titulares. En realidad dice qué hacer con la prueba. Y esta es la declaración de nuestra hipótesis y cómo utilizar la sección. Hemos realizado mucho cómo escribir una buena hipótesis, y la cubriremos en una lección separada. Ahora estamos aquí. Entonces descripción. Puedes escribir algo aquí si piensas que tus compañeros entenderán mejor lo que vas a probar. Si es obvio del título, puede omitir esta descripción. Métrica básica, su tasa de conversión o CTR. Por lo general, métrica adicional puede ser sitar. Por ejemplo, se ejecuta, por ejemplo, se ejecutan diferentes variantes de sus anuncios. Y usted entiende que usted quiere cortar su audiencia también, cortar audiencia innecesaria bio creativos como aquí. Por lo que escribimos unos instrumentos musicales y entendemos que las personas que quieren comprar instrumentos baratos quieren ir a nuestra página web. Pero esto significa que probablemente perderemos nuestra cetera. No es crucial porque si ganamos tasa de conversión, si dejamos de perder dinero en personas que no quieren comprar en nuestra tienda. Esto significa que estamos de acuerdo con perder CTR. Pero si lo perdemos de manera muy dramática, probablemente tengamos que encontrar algún compromiso. Esto sólo significa que tenemos que estar atentos a la CTR también. Pero nuestra principal métrica para estos experimentos, para esta hipótesis sigue siendo la tasa de conversión como valor mágico de Oracle. Esto es lo que teníamos antes. Ejemplo de captura de pantalla de datos históricos. Esta muestra qué hacen las estadísticas, ¿teníamos antes? Por qué es importante porque vamos a calcular significación estadística y debemos entender que este valor es preciso. Y cuando tenemos este tipo de capturas de pantalla, es, hace que todo sea más visual. Entonces después de recibir nuestros datos, ponemos los valores aquí y haremos otra captura de pantalla y la pondremos por aquí. Después de todo, calculamos significación estadística porque a veces obtenemos resultado muy cercano y no entendemos si valen algo o no. Entonces en este caso, usaremos una calculadora de significación estadística y veremos si nuestros resultados son significativos. Bueno cubre la significación estadística en una lección separada. Y después de la hipótesis, Es autor debe escribir conclusión, qué conseguimos y o no, y qué hacer a continuación. Entonces por ejemplo. Al igual que aquí, estos creativos aumentan ligeramente la conversión, pero no de la forma en que esperábamos qué hacer a continuación. Los dejaré caminando y buscaré otros creativos para impulsar la tasa de conversión, por ejemplo. Con esta idea, esto significa probar diferentes creativos con instrumento musical premium para ver si esta afirmación funciona en no. Y hay una cosa más, los campos personalizados. Cuando te registras y cuando usas trail y no hay campos personalizados en tu carrito. Por lo que este es un poder rezagado arriba en tráiler. Se encuentra aquí campos personalizados. Por lo que tengo campos personalizados como este. Y añadiré un nuevo campo, por ejemplo, lo pondré a desplegable y lo será, digamos marca. Y tenemos alguna varianza. Por ejemplo, genérico significa que ninguna marca será Gibson, ser a, rey, j será yamaka y así sucesivamente. Entonces después de estos pueden usar marca, un ejemplo, esto es genérico y publicitario. No tengo ninguna marca. Y si pongo esta casilla de verificación, esto significa que este campo uno aparecerá y el carrito aquí, por lo que será en marca genérica. Si yo La venta esto, desaparece. Entonces así es como camina estos power-up. Si quieres activarlo, solo tienes que ir a Agregar Power Apps. Puedes agregar un power up gratis con cada cuenta de prueba y tienes que encontrar campos personalizados. Y si lo quisieras, solo puedes agregarlo a tu cuenta. Rela te permite agregar algunos comentarios a cada modo para que seas libre de añadir cualquier comentario. Aquí puedes mencionar a tus compañeros de equipo y demás. Y si quieres agregar una imagen a tu tarjeta, tienes que adjuntarla. Por lo que tienes apego. Computar. Añadamos algo más. Por ejemplo, me gustaría terminar con esta imagen. Ahora tenemos dos imágenes por aquí y como ves, se convirtió en una portada de tu tarjeta. Pero quiero hacer la portada de la imagen anterior. Por lo que voy aquí y hago clic en Hacer portada. Por lo que ahora tengo dos imágenes diferentes en mi tarjeta, pero puedo ensillar la portada. Hemos aprendido a utilizar una tarjeta de hipótesis en nuestro crecimiento, tanto en trailer. Por lo que sugiero ir y probarlo tú mismo. 59. Formules de hipótesis 12.3: Echemos un vistazo más de cerca a nuestra declaración de hipótesis. Aquí en la columna de hipótesis, hay alguna plantilla. Lo que tienes que escribir en tu hipótesis, cómo debes formarlos. Por lo que aquí hay dos ejemplos. Cambiar algo en algo aumentará meta de conversión de 1 a otro porque y terminé esta parte donde puedes poner tu resultado y en este caso verás el resultado justo desde aquí. No tienes que hacer click y entrar. Se ve que el resultado es de 8.4 para estos corte. Entonces volvamos allá y veamos. Entonces, ¿qué significa? Esto significa que hay que apuntar qué va a cambiar y cómo va a cambiar, ¿cómo afectará a su métrica? ¿ Y tienes que seleccionar una métrica para probar esta hipótesis? Y una parte muy importante es porque esto significa que no se acaba de ejecutar hipótesis para ejecutar hipótesis. Estás en ello. Para entender algo, para aprender algo, y tienes algunos sentimientos, tienes algunos pensamientos de cómo estos cambios influirán en tus resultados. Si no pones esto porque parte, solo probarás botones verdes contra botones rojos y así sucesivamente. Pero cuando usas, porque puedes explicar, ¿por qué formaste esta hipótesis? ¿ Por qué lo escribiste? Y todos entenderán el pensamiento principal que pone dentro de esta hipótesis. Entonces esto es muy importante. Veamos nuestros ejemplos, creativos con el texto instrumentos musicales premium. Entonces, ¿qué vamos a cambiar? El texto? Aumentará la tasa de conversión. Se trata de una métrica principal para nuestro experimento de 5.5 a 7%. No escribas cosas como. Entonces. Vamos a reformularlo y ver el buen y el mal ejemplo. Por ejemplo, los creativos con los instrumentos musicales premium de texto ganarán tasa de conversión 7%. En realidad esta fórmula está bien, este texto está bien, pero ¿no entiendes qué tenías antes de tus experimentos? Entonces tienes razón, ganará 7% y no entendiste, es partido o no? ¿ Qué nivel de tasa de conversión tenía antes? Por lo que es mejor anotar tus resultados previos en este caso, lo entiendes. Por lo que ese 7% es en realidad un buen objetivo. Y si estos pancartas lograron este objetivo, es bueno. Pero si, por ejemplo, tu conversión anterior fue 1.5, probablemente tu hipótesis sea demasiado optimista y probablemente tengas que establecer alguna baja matriculación. Entonces esto es muy importante y sin porque parte, Vamos a ver, se verá igual. Pero Ahora no hay explicación. ¿ Por qué probamos esta hipótesis? De acuerdo, y volvamos a nuestra corriente y veamos otra fórmula. Creativos con algo estarán de acuerdo aumentar meta de conversión de realidad. Nuestros ejemplos se hacen con estas fórmulas, por lo que no escribimos cambio de una a otra va a aumentar. Acabamos de escribir que los creativos con Samsung aumentarán nuestra tasa de conversión. Hagamos alguna hipótesis con esta fórmula. Por ejemplo, cambiar persona, foro y chico o chica en los creativos con el instrumento musical de textos aumentará la tasa de conversión de 6.5 a 7% porque nuestro principal DNS es masculino y chica. Entonces esta es buena. Entonces esta es una buena forma. Entonces esta es una buena formulación de hipótesis. Volvamos a ver qué células sí tienen aquí. Sí, tenemos algunas métricas, métricas imprimación para nuestros modales. Ctr y CR viene tasa de clics y tasa de conversión. Y llena que tendremos que poner, ya los vimos en nuestra tarjeta y revisión lección. Entonces veámoslo una vez más. Cuando formas tu hipótesis, cuando las montas, tienes que pensar por qué esta hipótesis debe ser cierta. ¿ Hay alguna idea detrás de ella? Si no hay, esto solo está destinado a pruebas y probablemente tengas algunos resultados. Probablemente no. Por lo general tus resultados no son tan buenos para tal hipótesis porque es solo alloc, y por lo general no hacen tanta diferencia. Pero cuando los formas de alguna manera, cuando explicas por qué debería funcionar esta hipótesis. Y cuando se establecen metas realistas. En este caso, su hipótesis puede ser cierta. En realidad, también pueden ser falsos, pero al menos pruebas algo razonable, pruebas algo que tiene sentido. Entonces cuando escribas tu propia hipótesis, vuelve a esta lección, mira estas dos fórmulas y úsalas porque si formas tu hipótesis de esta manera, te permitirán obtener resultados. Se quiere probar hipótesis sólo porque se quiere probar algo, se pondrá a prueba hipótesis para obtener resultados. Entonces esto es todo con esta lección corta pero muy importante. Trata de escribir tu propia hipótesis, pruébalas, y obtendrás grandes resultados. 60. Introducción a Funnel AAARRR: Ahora veamos cómo camina un embudo. Esto va más allá de la prueba creativa, pero vamos a verlo de todos modos. Por lo que esta es la AA final, adquisición de conciencia, activación, retención, referencia de ingresos. Muestra cómo pasan tus clientes por tu sitio web, a través de tus servicios, y ¿cómo te traen dinero? ¿ Cómo valoró el cerebro? El primer paso es la conciencia. ¿ A cuántas personas llegan? ¿ Cuántas personas hacen publicidad SEO, adquisición? Cuántas personas visitan tu sitio web y cuántas personas realizan algunas acciones ahí, por ejemplo, dejan sus contextos. Activación. Esto se aplica no a todos los negocios, sino por ejemplo, para la aplicación móvil, esto significa cuántas personas comienzan la prueba gratuita o algo así. Retención. ¿ Cuántas personas vuelven a tu fin otra vez? Retención. ¿ Cuántas personas regresan y compran de nuevo, y cuánto tiempo se quedan con tu negocio? Por lo que estos funciona con LTV, ingresos. ¿ Cuántas personas te pagan? ¿ Cuándo empiezan a pagarte? Y refiérase a cuántas personas remiten su negocio a Francia o a algunos cólicos. Volvamos a nuestra mesa directiva. Y como ves, aquí hay algunas etiquetas coloridas. Y como ven, he marcado todas mis tarjetas con una de estas etiquetas. Por lo que estas naranjas significa que este es paso de adquisición y estas métricas es tasa de conversión, costo por costo de plomo, donde costo de acción por tasa de rebote de venta. Entonces esto significa cómo la gente se convierte en tu sitio web o no convierte un en tu sitio web. Conciencia es alcance CTI y algo así. Un público mensual, público promedio diario y así sucesivamente. Activación, como ya he dicho, estos no se aplican a todos los negocios. Si solo vendes algo en tu sitio web, probablemente no tengas paso de activación. Por lo que puede ser conversión a una prueba de primer uso, retención de primer día. Esto significa que si su servicio está diseñado de la forma en que la gente lo usará una y otra vez. Retención del primer día significa cuántas personas usan tus servidores al día siguiente después de que se inscriban. Por lo que esto camina perfectamente con aplicaciones móviles y así sucesivamente. Retención es cuánto tiempo se queda la gente contigo, cuánto tiempo se queda la gente y te paga, ¿cuántas personas se van? Puntuación de Nps, esto significa cómo las personas están satisfechas con los servicios. Ingresos. Se trata de la métrica de ingresos y LTV. Y en realidad a veces la gente usa LTV aquí porque muestra cuánto tiempo te paga la gente y la remisión. Estas son algunas métricas de referencia. Cuántas personas invitan a sus amigos, cuántas invitaciones hacen, y así sucesivamente. Por lo que estos son seis pasos que describen este embudo y es mejor usarlos en tu propio crecimiento. Pero en este caso, probarás hipótesis no solo sobre comprar una prueba y una prueba creativa B2 y una prueba publicitaria, sino que profundizarás y probarás todos los aspectos de tu negocio. Por lo que esta es una técnica muy poderosa. Y si tienes, digamos una aplicación móvil o alguna como servicio, probablemente, encontrarás otra variante de este embudo donde la retención va a la cima. Se llama rawr, algo así. Esto significa que si tu negocio está diseñado de la manera en que la gente debería volver a ti una y otra vez. Y en este caso, ganas dinero. Por lo que tienes que poner tus métricas de retención al primer lugar y tienes que probarlas al principio. Pero si hablamos de pruebas creativas, por supuesto, estos son pasos, conciencia y un poco menos, adquisición. Esto es sólo introducción a un embudo ARR. Si quieres aprender un poco más profundo, puedes Google hay muchos videos, muchos cursos sobre este tema, probablemente crearé algún coro sobre esto más adelante, pero creo que esto es más que suficiente para nuestra prueba creativa. Y en realidad, si no usas otros pasos y ahora los niveles del embudo, simplemente no necesitas aplicar estas etiquetas. Simplemente puedes escribir tu hipótesis sobre tu tasa de clics, sobre tu tasa de conversión si aplica. Entonces eso es todo con este embudo trató de usarlo y estoy seguro de que tendrá un mayor resultado. 61. 12.5 significación de estadísticas: Ahora hablemos de significación estadística. Cuando realizas pruebas de tu hipótesis, esto es muy importante para obtener resultados significativos. ¿ Cuál es el resultado significativo? Este es un resultado cuando puedes decir con algún nivel de confianza que tu resultado es realmente cierto. Esto implica algunas estadísticas. Pero no tienes que hacer ninguno de estos. Simplemente puedes usar la calculadora de significación estadística de radio. Te estoy dando dos enlaces a diferentes calculadoras estadísticas. Uno está en Santa Monica.com y otro en nail patella.com. Prefiero el primero porque aquí en nilpotent.com, no vemos decimales en nuestra tasa de conversión. Y aquí los vemos. Por lo general esta es la razón por la que prefiero estas calculadoras, cómo usarla. Realiza tu prueba en tu tienes algunos resultados y entiendes que comparas, por ejemplo, tu campaña con alguna campaña anterior que te rodea antes. Ah, ya sabes, ambos resultados, ya sabes, cantidad de impresiones y cantidad de conversiones de colegas. Digamos que probamos CTR. Y esto significa que vamos a poner nuestras impresiones aquí en los campos de visitantes y ponemos a nuestros colegas aquí en conversiones porque nuestro CTR, es como una conversión para colegas a partir de impresiones. Entonces digamos que tenemos esta cantidad de opresión. Algunos colegas, 100 impresiones, operaciones con un solo clic a camarillas, como dos veces más grandes. Pero como usted entiende, esto no es suficiente datos para decir que estos variable B es mejor que variante porque Esto simplemente no es suficiente datos. ¿ Y si ponemos 1000 y 10 y 20? Vamos a recalcularlo. Nuestros resultados aún no son significativos. Añadamos algunos ceros. De acuerdo, en este caso, nuestro resultado es significativo. ¿ Por qué? Porque ahora tenemos mucho más datos de los que teníamos antes. Y ahora la diferencia de dos veces en nuestra tasa de conversión. Y nos referimos a que se trata de Sutra, es estadísticamente significativo. Cuando pruebes tu hipótesis, asegúrate de que tus resultados sean estadísticamente significativos. Sólo tienes que ir aquí, poner tus datos en estos campos y ver el resultado. Aquí hay muchos ajustes y algunos valores. Puede que no entres profundo y entiendas qué significa y solo lo utilices como orejas. Tienes que usar hipótesis de doble cara. Nivel de confianza 95 por ciento está bien. Entonces este es el estándar de la industria para la prueba de hipótesis y se puede establecer el 99 por ciento, pero para estos usted, a veces se tiene que obtener más datos que para el 95 por ciento. Entonces este es el nivel de confianza. De esta forma de confianza estarás en el resultado de tu experimento. Por lo general, el 95 por ciento está bien. Y hay dos, estos valores, el poder y el valor p. No tienes que entenderlos también. Demostran probabilidad de que cometas un error cuando dices que la hipótesis falsa es verdadera, y cuando dices que la hipótesis verdadera es falsa. Entonces, en realidad, estos son detalles matemáticos. No tienes que entenderlos, no tienes que aprenderlos, y solo necesitas mirar el resultado principal. Entonces otra vez, si dije que esto es, nuestro resultado no es significativo. Por lo que el sitar es 2 veces estar sobre el resultado no es significativo. Tenemos que recolectar más datos para decir si la hipótesis B es mejor que la hipótesis A. Entonces así es cómo usar significación estadística. Si lo desea, puede leer algunos artículos por aquí que explican cómo funciona todo esto. Pero te sugiero que solo uses la calculadora y no tienes que ir en esos detalles. 62. Descripción final 12.6: Repasemos todo lo que hemos aprendido sobre nuestras pruebas de hipótesis. Esto no es solo marketing, esto como parte de un hackeo y proceso de crecimiento. Te ayudará a lograr resultados mucho mejores cuando solo haces algo en marketing y realmente no haces un seguimiento de tus resultados. Por lo que esta mitología de este marco está diseñada para entender tus resultados y para impulsar mejores resultados. Pensar en las razones, pensar en las consecuencias. Y para entender cómo se conectan y entender lo que tienes que hacer y cómo tienes que hacer para lograr tu resultado, para mejorar tus métricas. No sólo para probar algo, para probar algo, sino para obtener mejores resultados. Entonces, una vez más, ¿qué tenemos aquí? Tenemos en Trello board. Si nunca has usado Trello, te dejaré un video corto que explica cómo usarlo en realidad es bastante directo. Tendrás un enlace a este tablero y tendrás que copiarlo a ti mismo y luego podrás usarlo. Por lo que estos tableros consisten en diferentes columnas que contienen algunas tarjetas. Cuando tienes algunas ideas y las lees abajo en columnas de ideas. Todos los miembros de tu DMM pueden hacer esto, aunque camines, hazlo igual. A lo mejor no tienes que meter un autor en cada conteo. Si caminas. Si trabajas con tus compañeros, asegúrate de que cada carta, cada hipótesis tenga su autor. Por lo que hay miembros por aquí y se puede sumar. Por lo que todo este proceso está diseñado para darte resultados. Y deberíamos resultados. Cuando hablamos de hora y gráficos, de nuestros banners, nuestras campañas publicitarias, podemos influir en la tasa de clics y en la tasa de conversión. Probablemente se trata de dos métricas principales que puedes esperar que se cambien al cambiar tus banners, cuando cambies tus creatividades de anuncios. En este caso, formas tu hipótesis de una manera que aumente tu tasa de conversión o aumente tu tasa de clics. Te sugiero que siempre escribas hipótesis de manera positiva de que aumentarán tu conversión. No escribas una hipótesis que disminuya tu tasa de conversión. Porque a veces la gente quiere apuntar, Es de manera negativa y no es una buena manera de hacerlo mejor, mantenerse en una dirección positiva. En este caso, probarás las cosas correctas. Por lo que siempre piensa cómo aumentar tu tasa de conversión. Siempre piensa cómo aumentar tu tasa de clics. Pero por supuesto, tienes que entender que no tienes que aumentar tu tasa de clics si es así, baja tu tasa de conversión. Esto sucede cuando escribes algo muy atractivo en tus pancartas que Atrapa al público equivocado o que simplemente no es cierto. Entonces si escribes que regalamos instrumentos musicales gratuitos, mucha gente hará clic en estos pancartas, pero si realmente no haces esto, entonces no tendrá sentido el IIT. En otros casos, haz tu hipótesis de la forma en que aumentará tu tasa de conversión, eso aumentará tu tasa de clics. ¿ De acuerdo? Entonces tienes que tener una razón, tienes que tener unas arenas detrás de tu hipótesis. Entonces te sugiero no solo que pruebes diferentes pancartas, sino que traté de poner algo después de esto. ¿ Porque qué? Porque en este caso, crearás hipótesis mucho más razonable y probablemente obtendrás resultados mucho mejores con algún tiempo. Tú y todos los integrantes de tu equipo escribirán la hipótesis que tienes para priorizarlos. Y luego eliges la mejor hipótesis. El mejor hipótesis significa que esas hipótesis en las que crees. Entonces si tu equipo cree que estas tres hipótesis aumentarán nuestras métricas básicas, así que pruébalas al principio y vete u otro para el próximo Príncipe en solo por algún futuro. Después de que los priorices, toma la mejor hipótesis en producción y en realidad lánzala. Se colocarán aquí mientras se recojan los datos. Y finalmente, tendrás hipótesis exitosa o fallida y las pondrás aquí cuando tengas un dato estadísticamente significativo. Una vez más, asegúrate de que tus resultados sean significativos. Y hay una cosa importante en revisión y retrospectiva hay tasa de éxito. No pienses que estos como un KPI para lograr el 100%. Porque si tratas de lograr una tasa de éxito de un 100 por ciento, esto significa que pondrás a prueba hipótesis muy débil, incluso no muy débil, pero aquellas que son muy, muy probables de ser ciertas. Entonces de esta manera, quieres riesgo y quieres obtener buenos resultados. mi juicio, una buena tasa de éxito es del 30 al 40 por ciento. Por lo general es aún menos. Si tienes tasa de éxito menor al 5%, probablemente tu hipótesis sea demasiado estricta. Si tu tasa de éxito es del 90 por ciento, esto significa que tú, tu hipótesis eres demasiado leve. Por lo que el buen KPI para estas métricas es de alrededor del 20, 50%, tal vez 20, 40%, 50 es bastante alto. Entonces si estás en estas tarifas y tu perfectamente bien con destine tu hipótesis. Y hay una delgada más cuando pruebas hipótesis se asegura de que pruebes al menos cinco pero a 10 hipótesis por semana o por sprint. Porque si pruebas una hipótesis y tu tasa de éxito es, digamos 15 por ciento. Esto significa que pondrás a prueba alrededor de 52 hipótesis. Lo multiplicas por 15 por ciento. Y será sobre cuántas siete hipótesis exitosas al año. Y este no es un gran resultado. Pero si pruebas, digamos, 10 hipótesis por semana. Y tu tasa de éxito es tal vez, no sé, 25 por ciento. Esto significa que comprendes mejor tu negocio y con el tiempo crearás una mejor hipótesis con más tasa de éxito que aún tendrá sentido. Pongámoslo a 25, quizá hasta 20 por ciento, está bien. Entonces en este caso, cuántos tendrá alrededor de 100 hipótesis exitosas al año. Este es bastante buen resultado. Jeff Bezos, CEO y fundador de Amazon, dijo que todo el éxito es sobre la prueba de hipótesis masiva. Y luego lo dijo hace muchos años. Entonces probablemente este es un buen marco para que obtengas resultados mucho mejores que antes. Te sugiero que pruebes esta mitología, que pruebes este marco, que trabajes con ella por un tiempo. Y probablemente obtendrás resultados mucho mejores que antes. 63. 13.1 Epiloga: Y amigo mío, me alegra conocerte al final del curso. Espero que el curso fuera buen trato para ti y que ahora tengas algunas habilidades para hacer trabajo más rápido. Si te resulta útil este curso. Calificación de cinco estrellas es apreciarlo en la sesión de revisión, siempre y cuando todo lo que está por debajo de 40 sea considerado como un mal resultado en Udemy. Entonces si tienes alguna pregunta, sugerencia, o solo quieres hablar, siéntete libre de dejarme una línea y buena suerte. Sinceramente tuyo, Nikki, han salvado.