Figma: crea un sistema de diseño

1. Introducción: Hey, bienvenidos a este camino del curso. Vamos a hablar del sistema de ciencia. Vamos a aprender cuál es su verdadero sistema de ciencia, cómo usarlo. Y al mismo tiempo, estaremos aprendiendo Fichman a crear nuestro propio sistema de diseño En todo el proceso, estaremos aprendiendo cómo toe make layouts saluden Ayuda a elegir Colores ¿Cómo crear tu propia paleta? Cómo dedo del pie recoger un grupo tipografías también. Cómo crear un ritmo vertical. Cómo elegir tu tipográfico es clave y fuera de curso Estaremos creando mucho fuera componentes o elementos para tu del mismo sistema como casillas, batallas de radio, botellas fuera de curso Texan boost X areas, todo eso Cosas carnales. Espero que vayas a la clase. Mi nombre es Bruno on. ¿ Te aceptas? Yo diseñador. Trabajo para una empresa de big data. Traté de hacer problemas sencillos, difíciles, así que espero verte en la lección sobre Vamos a empezar con ello 2. Qué es y por qué un sistema de diseño de diseño: Entonces, primer lugar, gracias por ir al curso. Voy a ser una breve introducción sobre lo que nace nuestra decencia. Básicamente, el mismo sistema es una mezcla entre ustedes I componentes para diseñadores y citar componentes para desarrolladores en desarrolladores front-end. Entonces eso hace que, útilmente se combina es lo que hace que un sistema de diseño Imagine el fondo del componente. Vale, mi significado, Ninguna gran temporada que cada vez que un diseñador cuesta una bala, fondo tiene que hacerlo por sí mismo o por sí mismo toda la baja otra vez en lo mismo se aplica a la al Loper. Imagínese cada vez que el desarrollador tenga que poner una botella en la página tiene que ir a ver las radios fronterizas a las que llaman. O que eso que se enfrentan a todo para que el guión consume mucho tiempo y al final, les da en consistencia a los de la plataforma o a los problemas que estás construyendo. Entonces básicamente, los sistemas de ciencia son bastante buenos dedos dan consistencia a todos. Además hizo más fácil ser cantado con la toma de decisiones. Entonces todo el mundo se mantiene con vida, unas vallas y mejores equipos de desarrollo de Worf encantadores, porque si tienes componentes de señor, no lo eres, no lo es gaseando todos los días tipo de componentes que estás haciendo y todo el mundo habla igual idioma. Eso otro muy. Y eso hace que el probablemente firmado dure más porque cometes menos errores. Todo todo es más consistente. Como les dije todas las cosas, para hablar el mismo, el mismo idioma y en el mismo y esto es pero muy importante para su para el negocio y la empresa porque o para ti mismo, porque a la larga, dice que es seguro. El dinero al final, puede parecer algo que gastas dinero en él y porque tal vez pasarás como un mes haciéndolo. Y a lo mejor no estás solo. Estás trabajando con un grupo de tres o cuatro personas para que la realidad un poco de dinero arriesgando, pero al final mismo solo están corriendo, es bastante bueno para la en otra Marie en. El importante es que ibas a hacer un mejor producto. Entonces esta es la razón por la que básicamente cada dedo del pie de elogio tiene algún sistema de sentido no oponerse lo necesitan, uh , algunos caminos , sí , sólo necesito , como, básico Te gusta algunos hablando con ellos chicos, Pero um, mayormente lo recomendaba casi todas las veces. Entonces empecemos y veamos alguna decencia se levanta que recomiendo echar un vistazo. De acuerdo, así que vamos a por ello. 3. Interfaz Figma: tan bienvenidos a esta lección. Nos vamos de pie, Leonard. Se arreglará. Mi interfaz. Si ya lo tienes, usa Fichman antes de que puedas escapar de esta lección porque tal vez te sea un poco aburrido . Pero si es la primera vez que encendiste fig MMA, Um, sólo el pequeño recordatorio fuera días de agua victimiza. Diseñar herramienta de prototipado para mí en este momento es una de las mejores herramientas que hay por ahí. Y lo genial de Fatemeh es que es ah, puede ser una aplicación de escritorio, pero también. Puedes trabajar en el navegador en cualquier incendio para que puedas usarlo en cualquier sistema operativo como los revestimientos de Windows Mac , donde quieras. Dedo del pie el signo. Ah, estás bien para irte. Entonces es una herramienta fantástica porque todos eran de ellos, que hay otras herramientas pre cool, como Ah, es conseguir que solo funcionara para Mac o bien en absoluto. X'd funcionó para mi PC llegado, pero si eres usuario de Lena va a ser complicado. Entonces, de todos modos, empecemos y creemos primero. Ah, expediente. Aquí parece que me refiero a que detienen la aplicación ya verás ahora que tengo estos menús aquí, pero de todos modos, todo se puede hacer justo dentro de esto. Ah, dentro de esta ventana. Por lo que no necesitamos este menú. Ah, aquí. Cuando esto es amable de nuestra amplia, es Speight y entonces tengo, como, ya uno creado. Pero vine prensa aquí en el fondo de la solla y voy a nuevo fuego. Y lo fantástico es que el archivo solo, uh, se abre como un campus negro. Ahora, si hace clic aquí, puede tomar el nombre. Entonces vamos a renombrar estos, pedirte que compartas el sistema de ciencia, y vamos a aprender del pie la base. Aquí son las herramientas básicas. No voy a ir demasiado profundo porque lo veremos más tarde como vemos un sui, antes de que tengamos este menú aquí, pero las mismas funciones, las vas a tener aquí también. Entonces es exactamente el mismo menú que aparecen aquí abajo. Entonces, si bien puedes tomar eso, hay muchas cosas fuera como tu archivo para las que puedes importar desde sketch. Um, puedes jugar a sus emisores versiones deportivas seguras porque FEMA tiene esta característica escolar que puedes , um, um, tienes a la persona en sistema dentro de ella dentro de su núcleo. Entonces no tienes que depender de software de terceros y bueno, y vamos a ir a lo importante aquí. Ah, tenemos aquí. Se mueven en una herramienta de escala. Aquí tenemos el marco en este taburetes de vida. Y aquí tenemos nuestra polio en Las cosas son líneas rectangulares, flechas nuestro opiáceo o formas. Y tienes aquí como un atajo para colocar tus imágenes. Este es el cuatro Vector esta banda. Sí. Ya sabes, solo puedes Sí, pinta lo que quieras. Lápiz. Encuentra indie it. Nunca lo uso parte. Si estás en un uso una tableta para diseñar Estás bien para ir con el bolígrafo o Sí, si estás haciendo Simon de centros rectos ahora, el Tito es obviamente para texto. Y esto es para comentarios para poner comentarios dentro de sus estos signos. Um, recomiendo, te recomiendo, como puedes ver aquí, cerca de los soviéticos, puedes ver aquí algunas letras como R l tamizar l Estos son los circuitos. A recomiendo solo dedo del pie, um, recuerdan lo básico como el rectángulo, línea ovalada y el marco. Estos son bastante útiles. Oh, no. No quiero poner comentarios ahora, así que voy a presionar F, y voy a poder poner un marco si vienes de un boceto, esto se llama son jabalíes o su otro yo donde les llaman campus. Ah, aquí. Pies. Marcos de Michael Holden. De acuerdo, entonces esto es en pre importante recordar, porque todo tiene que ser el letrero en marcos en Sigma. De acuerdo, entonces si presionamos, um, ok, si presionamos f a que funcione, eso funciona igual de A o F. Así que si seleccionas el f ah kee o vas a marco, puedes ver aquí de este lado derecho, Bart que tienes como algunos presets para el teléfono para tablet para el papel del mundo de escritorio redes sociales , , lo que sea. Esta bastante cool. Entonces no tienes que, uh, uh, llegar a un estrés sobre qué tamaños, dos dos dos y todo. Si estoy descendiendo por sitios web de látigos, suelo ir con MacBook pro y alguien mi diga, ¿Por qué no vas al escritorio? ¿ Todo bien? Porque, como pueden ver, han servido lo mismo con mentí 1440 Pero la altura que aquí es menos altura. Y me parece este pre cool o me gusta más porque cuando estás presentando algo dedo del pie cliente con estos la relación de aspecto, es un poco a un cuadrado para mi gusto. Demos por ejemplo cómo se ven todos. Por lo que presionamos f otra vez y luego elegimos a mi que pro. Y ahora puedes ver la diferencia aquí Eso es más parecido ¿Está más cuadrado así? Sí, es, ah, 4/3 de algo. Y esto es más como, ya sabes, estilo panorámico para presentación va a encajar mejor y así, Cuando estoy diseñando para sitios Web de manera útil, se re firma, hay que tomar en cuenta que por lo general aquí viene un folleto. Ah, tenemos que asumir estos que el moretón, las tapas, los manuales, todas las cosas y detrás, probablemente tengamos algo a la barra de herramientas o algo así. Entonces al final, esto va a resumir algo como esto. Pero quiero que mis diseños sean damas desnudas. Entonces estos son nuestros marcos donde podemos poner nuestros elementos. Tengo Sí, prensa son para hacer un rectángulo. Vale, entonces algo interesante para cuando tú, uh cuando estás poniendo opiáceos en tu en tu campus y dices, Déjalos es que puedes ver aquí en el trabajo lateral que puedes usar como Elaine en que se alinea con el campus en la parte superior en el medio. También sabes que puedes moverlo por aquí. También puedes moverlo. Nosotros sólo seleccionamos. Pero podría lesionar. Fue la posición aquí en 00 porque quería en la parte superior. Hazlo solo por Heather, por ejemplo, algo así. Va a ser bastante sencillo. A veces vas algo así, no te das cuenta de que eres,ya sabes, ya sabes, como 18 pico de ventas antes de que te traje. Entonces eso es precuela y todas las cosas que puedes hacer aquí también. Vamos para mí en un poquito aquí que lo puedes hacer con mando o control, además de botones que aquí puedes cambiar las radios fronterizas de nuestro rectángulo. Si acercamos aquí un poco más, podemos ver aquí también que podemos movernos por este contrapunto y refranes la radio fronteriza Sicilia. En ocasiones puede que necesites, por ejemplo, si estás diseñando como un auto o algo así como un boleto, o quieres dar esta sensación de que thes quieres que thes, um, las fronteras sean con radios y estos para ser una plaza? Porque si haces esto, todos ellos van a cambiar. Pero ahí está este pequeño ícono aquí, rincones independientes. Puedes apagarlos, y luego puedes venir aquí y sí, ya sabes, solo puedes ejecutarlos y un poco. Entonces en caso de que necesites este tipo off play como auto o algo así, puedes hacerlo. De acuerdo, entonces, ya sabes, um, aquí, Bueno, hablaremos más tarde de todas estas cosas. ¿ Qué? Sí, bueno, no más tarde hablaremos más tarde de ello s así que solo necesitas saber que las herramientas que necesitas para diseñar todo lo que están aquí, y mientras algo interesante es que puedes cambiar la Guerra Fría aquí. Bueno, en esta final de campo, pero esto es más o menos lo que necesitas. La cerveza del dedo del pie comenzó ahora mismo. Entonces te veo y su próxima lección 4. Algunos sistemas de diseño de diseño: Hey, bienvenido de nuevo en estos. Escucha, vamos a ir de pie a ver ¿cuál es el componente principal? ¿ Cómo se hizo? A. Suena. Los ve que tengo aquí prepara casa. Si eres muestras, todas esas son gratis, así que puedes simplemente bajarlas. Pondré sus enlaces para que los puedas echar un vistazo y jugar con ellos o modificarlos o lo que quieras hacer. Como dije, son Frito para mirarlos. Ah, si vemos aquí el 1er 1 podemos ver que nosotros a la mitad en estas páginas, como Colores tipografía, iconos, algunos activos abordan las radios pre importantes sillines así saluda por qué hay controles de branding que es principalmente botones en ellos foros y autos. Conoce esas cosas entonces esta parte ya que tiene el componente. Echemos un vistazo a otro. Como podemos ver, nuevamente tenemos colores tipografía que los componentes que aquí han incluido. Algunos marcos, que incluye algunas sombras. Ah, algunos elementos y, algo iconografía a. Pero como puedes ver, es amable de lo mismo. Echemos un vistazo a otro aquí que empiezas con un gran grado pre importante. Después se diseñan para diferentes dispositivos. Vuelven a tener la tipografía de colores. Yo conos algunos activos como avatares, reportó radios de nuevo algún día por años. En Sadow también es bastante importante . Y luego los componentes aquí, como batallas, comienza la forma, cartas este componente, cetera, cetera. Aquí puedes echar un vistazo mientras han construido aquí algunos gráficos. Entonces sí, tarjetas, estos componentes. Pero lo que puedes ver, hay una especie fuera de una base en todos estos, um, um, sistemas de diseño que son enfriadores, tipografía, tipografía, saludos en maquetación y radios fronterizos y adeudos tristes. Y hay algo importante en eso. Es ir espaciando el este corazón del espacio que definiste entre los elementos. Pero vamos a ver y en la profundidad, como en un minuto o así. Entonces podemos ir a ello con algunos sitios web donde algunas empresas han puesto sus sistemas de diseño . Hay algunas páginas Web como informe de sistemas de diseño o Adele. Pondré los enlaces a eso donde se pueden ver algunos sistemas de diseño aquí, y se pueden explorar. Basta con hacer click sobre ellos. Echa un vistazo cómo, um, estas empresas lo están haciendo bien. Hay dos que me gustan mucho. Uno de ellos. Es carbono. Este es un sistema decente fuera de IBM. Sí, es una especie de superior tan de código abierto, el mismo sistema y es bastante bonito, bastante guay. Es bastante extenso. Es tan extenso. Eso a veces es abrumador, es cómo pero hey, lo que necesitamos en esta parte es ah toe. Ver, cuáles son los patrones comunes entre todo el sistema decente para que podamos sacar lo mejor de todos ellos y qué hacer al principio. Entonces como podemos ver aquí, se definen y están de acuerdo con los están usando como a a pixel codicia. Lo cambiaron porque el otro principio que estaban usando su gran fecha de ocho píxeles . Después fueron a cuatro y ahora se dieron cuenta que necesitaban pixel way para ser más operar y para cumplir con todas sus necesidades. Entonces Pero como podemos ver, esto es lo importante. Todos van de la misma manera. Por lo que hablan de la codicia y los diseños, el mineral de carbón, iconos otra vez el pozo, sacaron un poco de pictogramas y movimiento, pero esto no es importante para eso. El mismo sistema En este momento está basando. Ahí estaba hablando, como hace un minuto. Al igual que definen diferentes configuraciones de espacio espacio para diferentes objetos. Por lo que tienen este tipo off, um, espaciamientos dos necesidades diferentes y también. Lo bueno de los mismos sistemas es que lo que se llama temas o fama ing es que se puede personalizar. Elegiste como un pre hizo el mismo sistema, cambiando un poco los parámetros aquí como los colores como la tipografía. Y tal vez si quieres cambiar un poco el duelo o lo que sea, tienes un producto diferente y no tienes que pensar demasiado. Demasiadas cosas. Todo irá en cascada, ¿sabes? Entonces si cambiamos lo que se llama tokens, thes tokens, nuestros colores, la tipografía espaciada y aquí lo llaman global. Pero podría ser como el diseño en algunas variables sobre. Entonces sí, veamos claridad, diseño también. La claridad es sonido ahí. Uh, él está colgando sistema llamado italiano los ve para que puedas ver aquí Es ah de ah, MB donde la compañía y ellos están usando, ya sabes, que esas cosas. Si vamos al elogio, tenemos todos estos. Pero llamaron aquí, Butters. Yo los llamaría como, sí, fichas o átomos. Usted lo nombra. Y aquí están definiendo los colores. Correcto. Entonces como podemos ver, todos los Britanos hacen mucho lo mismo. Tienen aquí los componentes de la misma manera. Ah, tienen una audiencia en carbono en la parte superior de los componentes, él acordeón. puede ver que tienen todos estos componentes realmente bien documentados y cómo implementarlos en código. Entonces todo esto se trata de los sistemas de ciencia. Entonces vamos a cortar la basura y vamos a Sí, Goto nuestro primer enfoque dedo del pie diseñar nuestro sistema de diseño. De acuerdo, entonces la primera parte va a ser como cómo elegir colores. Entonces vamos por ello. 5. Colores: Por lo que anteriormente hemos aquí nuestro campus o realmente hecho con un MacBook Pro uno nuestra guerra. Esa es una buena. Sólo un recordatorio. Simplemente puedes ponerlo aquí. Entonces lo que vamos a hacer, es cómo el dedo del pie crea nuestras paletas de colores. Ayuda a los eruditos y todo. Uh, a veces se te dará adelgazamiento Kohler. Al igual que, um , sí, podría terminar Estás trabajando para McDonald's o Coca Cola o alguna otra marca, y te dan las paletas de colores porque ya tienen, como, pautas de marca. Entonces, y luego, si estás trabajando para mi donante algunos bastante seguros tu primer color será algo alrededor estos y algo alrededor de thes y la llamada secundaria o será como ese amarillo como algo así. De acuerdo, así que estás más o menos en su Se llaman por bastante bien. Pero si estás haciendo como, producto desde cero o estás trabajando con un cliente que realmente no sabe qué colores poner en su sitio web o aplicación o sus pautas de marca de chico son más o menos cerca de lo conocido o 20 soy te va a mostrar cómo crear los paladares thecore. Muy bien, entonces lo que suelo hacer es sí. Se creó un rectángulo. Aplica alguna llamada por aquí, así que sí, lo que sea. Cory realmente no importa desde el principio, sólo voy a poner un dedo del pie una llamada aleatoria. Lo que suelo hacer es que tiene que ponerlo bien. Yo sólo voy con algunas radios fronterizas. Por lo que más adelante, cuando estás presentando estos al cliente, es bastante agradable mientras puedes dejarlo en Siria, Por supuesto. Um, suelo poner aquí como un nombre como el Esto podría ser como el Sí, mi color primario. Esta va a ser mi primaria y lo que podemos hacer aquí, es sólo duplicar estos y este va a ser el segundo merículo, o bien. Y luego crearemos a Tom sobre colores como, digamos, ah en neutrales. De acuerdo, entonces sí, esto es lo que vamos a hacer. Normalmente me gusta poner como primaria 100. Ya veremos más adelante. Por qué va a ser nuestra secundaria 100 y neutra 100. De acuerdo, pero empecemos a definir nuestro color. Imaginemos que queremos, como, un color súper azul aquí tipo, tipo apagado subir azul. Podría ser el color que te guste, realmente no importa. Estás demasiado enfermo o te gusta y fuera de curso. Es difícil estar de acuerdo a la marca y a la y la sensación que tiene para transmitir al cliente, ¿ verdad? Entonces, sí, dejemos que emitan elijamos este color. Entonces lo que suelo hacer si si tengo la mina de calorías, solo voy con ella. Pero si no lo que suelo hacer, es que usé estas dos herramientas. Este es el generador de paleta de colores o thes estos refrigeradores nombre del sitio web dot Co. Y es Esto es bastante cool porque si presionas ah espacio de nuestro aquí, va a generar un color hermoso al azar. Paletas son paleta de colores de las mañanas. Entonces e imagina que te gusta este rojo para tu aplicación. Tienes algunas herramientas aquí. Entonces lo que suelo hacer es imaginar que me gusta este rojo. Pero estos viejo curso son pre no sé tan a menudo sosos. Y no quiero este tipo de colores fuera de mi paleta, pero estos realmente me gusta qué? Lo que suelo hacer es presionar aquí el fondo de cerradura que ves Ahora está bloqueado y presenta un espacio Morgan y mientras él lo genera. Otra paleta basada en este color y este color, me gusta mucho. Entonces voy a bloquear estos dos colores porque bueno, en este también. Pero esto no estoy tan seguro al respecto. Este tipo de cosas marrones que voy a buscar prensa otra vez la barra espaciadora. Y mientras me gusta este Así lo miré y como que me manché el dedo del pie como tú y luego importé a la mía. Sí, podemos importarlo a nuestro a nuestro campus para que podamos escoger los colores. De acuerdo, El reinicio. Otra característica genial aquí que se llama estados alternativos. Lo que hace es decir es la luminosidad y sí y el lat pozo, la otra ligereza. Entonces como podemos ver, nos están dando los algunos, uh es la misma parte de color con menos luz en estas partes y con más luz aquí. Por lo que todos estos todos estos colores van a estar en la misma banda fuera de curso. Entonces eso es bonito. Eso es algo bastante guay. Pero imagina que ya hemos elegido a nuestra primera persona que llama con estos días, y queremos obedecer el paladar en estos dos. Entonces lo que hacemos. Está bien. Hacemos clic aquí de nuevo. Acabamos de desbloquear esto. Adivinamos que tenemos a Kobe su color antes. Ahora lo tenemos. Aquí miramos, lo miraba y tenemos que mirar, Este es para que podamos cambiarlos de nuevo. Y ahora presionamos el espacio ¿Dónde otra vez? Y podemos ver que estamos generando este color. Fantástico call polit. De acuerdo, Así que si bien estos colores son bastante geniales, como estos, tal vez estos sean demasiado suaves también. Entonces, veamos si hay otra propuesta que se ajuste a nuestras necesidades. A mí me gusta este tipo de cosas grandiosas para nuestros neutrales. Entonces, sí, creo que aquí tenemos algunos ganadores. A lo mejor estas Jill, tan cosas colombianas. Entonces vamos por otra ronda que eso no está tan mal. Entonces vamos a localizarnos, ¿de acuerdo? Al igual que 64 días como clave de nuevo. Creo que nos vamos de pie a arrancar aquí. Llamada al sistema bien diseñada o y eso está bien. Entonces volvemos a pelear con MMA, y luego podemos ir aquí a archivar Bueno, vengamos aquí y vayamos a archivar y colocar imagen. O simplemente podemos entrar en las herramientas para en su lugar, emitir o Podemos simplemente usar el circuito Comando guardado K y se pone para nuestro fuego. Por lo que acabamos de dar click. Y ahí aparece nuestra paleta de colores. De acuerdo, entonces hay esta bonita característica aquí. Cuando hacemos clic en la sensación de un objeto que es thes cuentagotas. Es muy común en las herramientas de diseño. Y creo que vamos a elegir este color para el color secundario y para el neutro vamos a elegir. A mí me gusta este. Esta es una especie de verde, así que me gusta más este. Bueno, está en el lado verde, pero si lo hacemos, esto va a estar en el azulado. I Entonces vamos a sobrellevar estos por Hicks. Bueno, uh, veremos por qué ahora y qué vamos a hacer. Ha llegado de nuevo a nuestra paleta de colores, y luego vamos con los pies yendo. Yo quiero ver que estados de esto. No está tan mal, en realidad, pero quiero ajustarme un poco porque el tono quería azul, Así que sí, así que ahora vamos a estados. Sí, bueno, son una especie de gracia, ¿verdad? No es tan malo, en realidad. Entonces solo voy a hacer que sea una pantalla puesta en marcha esto y luego lo intentaré. Se lo llevaré a Fichtner, como dijimos antes. Al igual que la seguridad común. Está bien. Y eso puso nuestra captura de pantalla. A veces prefería, sí. El mundo con las capturas de pantalla. Por lo que la flecha la misma carpeta, dejaremos para más adelante. Entonces estas me voy con el cuentagotas. Ven aquí. Apreciarlo. Estamos bien para ir. Por lo que tenemos nuestros colores principales aquí. Nuestro color primario para la acción primaria. Color secundario para patrones secundarios complementarios de Axiron. Algo así, dependiendo de cómo queramos hacerlo. Y te lanzas por fondos. Obviamente estos negros son demasiado negros para mancha de fondo. ¿ Por qué? Normalmente me gusta hacerlo. Crea todos estos. Um sí, todos estos estados aquí. Entonces estos serían el neutrón 90 porque tiene un 90% de descuento en este color, y va a haber un nuevo juicio 80. Esto es bastante estúpido ahora mismo poner estos nombres aquí, pero verás el punto un poco más tarde. ¿ De acuerdo? Entonces haces esto con todos ellos. Entonces cuando alguien alguien hasta que lleguemos a su blanco, que es un color también. Por lo que siempre recomiendo apagarlo y lo que vamos a hacer aquí, es hacer dos versiones de estos colores primarios. Podemos ir aquí a los Estados. Polit y whoops. Vete aquí. Sí, a los Estados Unidos y hacer en una pantalla activó esto y ven aquí a ver estos estados y hacer una excreción de estos dos u otro truco que podamos hacer. Es amable. Ven aquí a Fichman. Y si vamos a este color y vamos aquí y tendemos retenido el color en lugar de dedo hexagonal ocho años L esto es tonalidad, saturación y ligereza. Y lo que es genial de esto es que aquí podemos afirmar la ligereza, como en un 10%. Entonces si llevamos esta ligereza a cero nos va a dar que ese negro porque no tiene Linus. Pero podemos ir con estos valores. Entonces creo que van a ser 30. Está bastante bien. Entonces vamos aquí también. 30 como vimos antes, cuando estábamos aquí , eran 50. Entonces lo que podemos hacer aquí es poner como Primaria 50 y ahora vamos a crear nuestra persona ligera de esto Así que en lugar de 50 lo que tenemos que hacerlo. y sube el poco del poco a los 100 será blanco. Pero lo queremos. Al igual que si esto es 50 y este es 30 que es un 20 de diferencia, tal vez 70 inmunizados, pero prefiero algo más ligero. Entonces vamos con Sí, vamos con 90. Entonces esta va a ser nuestra primaria 90 ok? Y nosotros vamos a hacer lo mismo aquí. Nos vamos de pie a bota, como, 30 aquí. Por lo que tenemos los mismos valores aquí están correspondientes al erudito. Entonces esto va a ser 30 y esto va a ser 90. ¿ Qué? Está bien. Entonces esta va a ser nuestra secundaria 90. Podemos llamarlo 90 si queremos conocer los valores o bien, en este caso, no eran 50. Entonces vamos aquí un poco claro, pero está bien, pero está bien, sólo por el bien de hacer todo como ningún americano para que no necesites dedo del pie. Es decir, está perfectamente bien de tu parte. Nombre aquí, Secundaria 50. Y este va a ser el aquí en la ligereza. Cuenta con 44. Es decir, no tenemos que ser tan puristas porque es sólo su referencia. Um, a algunas otras personas les gusta que lo llamen, como por defecto primario en luz primaria, oscura y primaria. Puedes nombrarlos, nombrarlos como quieras. Yo hago esto. Sí, por el bien de saber qué tipo de valores son diferentes a esta OK. Y para los neutrales, se aplica lo mismo. Podríamos ser como hacer aquí, como adolescente, que aquí tengamos valor Ciro. Esto sería entonces probablemente se va. Sí, puedes hacerlo como 10. Esto va a ser Se lo llama como cero neutro. Va por el bien de ser consistente. Puedes nombrarlo. Nos puedes nombrar como realmente quiero esto podría ser, como 20. Bueno, son bondadosos. Aprox así sucesivamente. Entonces te veo y lo digo en serio con todos estos colores que Ok, ¿eh? Por lo que tenemos cuatro listos todo off colores. Lo que normalmente me gusta hacer aquí es como bota como super suave. A lo mejor así de grande en la frontera. Entonces podemos ver aquí que es este blanco al que podríamos llamar el Podríamos llamarlo también, como neutro 100. Pero Sí, esto es blanco. Podríamos nombrar. Esto tiene negro pero no es negro puro. Por lo que tenemos nuestra paleta de colores creada. Hay A veces te gustaría crear colores dependiendo si tienes notificaciones. Entonces algo como esto, como si algo fuera exitoso o fuera un rugido. Si vas a aplicar este tipo de notificaciones off, tienes que crear tres colores más, los cuales son, como bondadosos algo como estos por los errores. Algo verde para el pozo, lo que puedes hacer. Es solo que es algo que normalmente hago es CS ir con el rojo y solo mueves estos en el lado verde. Por lo que eres Te quedas en el mismo tipo fuera de rango. Sí, eso es verde. Está brillante Un poco demasiado, pero está bien. Y entonces necesitamos, como, un o rentar por días. Sí, algo alrededor de eso. Entonces ese sería nuestro, um crítico o un color rugido. Conocen nuestro núcleo de éxito, y luego nuestro color de advertencia. algunas personas le gusta hacer otro color llamado en el folclore. ¿ Viste a este tipo fuera algo así? Sí. Este tipo de azul como nuevos viajes. Puedes hacerlo si lo necesitas puesto, ¿qué haces normalmente? Es lo mismo que hicimos por esto. Nosotros lo hacemos. Lo hacemos para que nuestros tres se dupliquen. Yo estoy exprimiendo. Sí, La llave en die Presse así engañó clave para que no se muevan. Si sólo presiono, uh, el alky, puedo moverlo libremente. Pero si lo quiero en la misma ciega tú Sí. Presione la seguridad al mismo tiempo. Y se va de dedo solo, uh, deja que te muevas verticalmente en las mismas marcas o no es como o recientemente, pero se ponen perfectamente de línea. Entonces sólo para que lo sepas, y volvemos a estallar, como todos cambian para duplicar de nuevo estos elementos. Y vamos sólo a cambiarlos dedo del pie 30 y 90. Y estamos bien para seguir. Este podría ser el 19. Sí, 90 40 días. Oh, querida. Bueno, es al revés. Perdón. Entonces, sí, podemos hacer con lo mismo con thescore, Así que vamos con 13 19 30 19. De acuerdo, bueno, sólo vamos a dejar el error crítico detrás de esto Es este tipo de importación en cuatro azules? Porque no necesitamos en este momento y esto está bastante fuera de cómo crear una paleta de colores y cómo elegirlos. Si vas por inspiración tan bien como nosotros como hablamos, puedes venir aquí y alabar la barra espacial. Vamos a recetas para que podamos ver es la página principal bien al generador. Y, sí, puedes presionar más aquí el Espace y puedes obtener tanta inspiración también. Tiene algunas características geniales como puedes. Um qué, ¿ esto? Sí. Imagen de Furman de Piccolo. Puedes subir una imagen, y luego la paleta de colores se aplicará aquí. Y como siempre tenemos estas características cool que puedes decir toma cómo van a funcionar tus colores con gente que tiene algún problema con su vista. Y así podrás relacionar cómo se va a realizar estos colores para las personas que necesitan algo especial excepto civilidad. Um, cosa bien. Entonces esto es bastante guay. Recorre estos thes sobre uno. Yo quiero mostrarte, como, superrápido. Tienen, como, como, algunas paletas de colores premium con. Están súper cool para él dice, esto es pre agradable polit. Y sí, este es el Senador Qué precuela Uno. Entonces en este también. Es bastante bonito. Y ya tienes estos neutrales aquí, así que creo que puedes llegar aquí en el espacio y puedes bajarlos. Simplemente puedes salvarlos. Y por supuesto, solo puedes elegir un color. Tenemos pick un corcho bastante similar a estos. Se puede pagar. Encabezan código aquí. Hagámoslo. Sólo por el bien. Off. ¿ Ver? Otra herramienta. El express. Aquí, copia. Venimos aquí otra vez. Nosotros lo basamos. Y aquí tenemos este color. Entonces lo que podemos hacer es presionar este botón aquí y tenemos esta lógica Anna la monocromática y crear y complementaria y para comerciar al azar. Sea lo que sea que podamos ir al azar, es más o menos lo mismo, como persona, la barra espaciadora antes en la otra herramienta. Lo bueno de estos sitios web es que ves cómo van a funcionar tus colores, correcto, correcto, Así que con Whoa. Si nosotros dos es Theis y presionamos Khobar, vemos que esto es bastante guay. Y esto es bastante bonito también. Imaginemos que vamos a hacerlo con estas cosas analíticas. Podemos ver cómo se forman en diferentes pantallas. Y lo bueno es increíble. somos llantas tanto colores azulados donde podemos hacer se cambió el color. Entonces vamos a escoger como un color secundario. Nosotros cogimos para arriba antes de algo así, y podemos ver cómo es ese sentimiento general. Por lo que estos son gratuitos. Genial, um, herramientas a dos estudiosos, acuerdo, y sólo terminando nuestros colores. Y vamos a hablar de algo realmente importante aquí en Sigma Con el fin de crear un sistema exclusivamente diseñado, es, Ah, Ah, FEMA tiene estos estilos más fríos. FEMA tiene estilos de color, tiene estilos de tipografía y tiene muchos tipos fuera de un estilo, por lo que puedes reutilizarlos. Tienen, como, aunque sea sus estilos para las sombras y todo. Entonces es bastante importante. Do son organizados e inconsistentes. Entonces para eso, lo que usualmente lo haces oirás a estos cuatro puntos y qué con Con un objeto presionado, vienes aquí y ¿qué haces? Es ah en este Plus se firma su para crear un pentagrama A. Está bien, entonces este color vamos a nombrar eso para nombrarlo. Primaria it flash 50. De acuerdo, podemos llamarlo 50 por defecto. Entonces estamos en la misma página, ¿de acuerdo? Y sabemos lo que significa 50. Por lo que ponemos este nombre y damos crear un estilo. Y ahora podemos ver cuando vemos que este objeto que ya no ya no tenemos la capacidad de cambiarlo o la habilidad dedo del pie. Sí, confundirse con esta tarjeta. Dice el nombre de la capa fuera del estilo de orden judicial. Acabamos de crear justo lo mismo. Lo vamos a hacer aquí con el Con estos primarios 30 vamos a crear otro estilo de color al que vamos en lugar de 50. Nos vamos a poner los pies aquí 30 y esta va a ser la versión oscura, ¿de acuerdo? Y creamos otro estilo. Hacemos lo mismo, esta bastante repetitiva, pero es amable la meditación cuando lo estás haciendo. Y le has dicho a tus colores la fina después, ¿tu estrés de la decide y si son lo suficientemente buenos o no, Y esta va a ser la versión ligera, acuerdo? Y te preguntarás, ¿por qué estás posponiendo estos en vez de apagados? No lo sé, como solo, um thes estos. Ah, sus mentiras o estas hace o lo que sea u otro o la muerte en un espacio o algo así. Ya lo vamos a ver. Entonces me puse su último ahí. Y lo vamos a hacer con secundaria también para que podamos ver por qué estamos poniendo aquí nuestras gafas sus. Está bien, Entonces en lugar de primaria, esto va a ser esta secundaria. ¿ Recuerdas eso? Que los puedas nombrar como quieras, pero recuerda, esto es último aquí. Entonces esta va a ser la secundaria y va a copiar de nuevo. Eres para que no tenga que escribirlo. En cualquier momento voy aquí a crear otro estilo de color. Vamos con esto va a ser la oscuridad, y luego vamos a crear esa luz. Está bien, Así que no al plus. Ahí. Sí, aquí en los cuatro puntos. Y esto va a ser de 90 va a ser la ráfaga de luz. De acuerdo, entonces, ¿por qué pusimos esto por última vez ahí? Entonces cuando tenemos el selector de enfriadores y venimos aquí, como pueden ver ahora tenemos nuestros refrigeradores orden como separados de las primarias de las segundas. Si no ponemos los anteojos. Nos vamos del dedo del pie. Tenlos del todo no organizados. Van a ser, Sí, uno tras otro. Entonces esto es último. Lo que hace es como un contenedor. Entonces todo lo que pongas en primer lugar antes del último año va a crear el nombre de la carpeta Más adelante sobre esto, ve el nombre completo. Pero escucha este contenedor. Se basa en cómo nombramos a nuestro color nuestros paladares. Está bien, entonces si tomamos estos dos Sí, nosotros Sí, quitamos estos últimos en estos colores particulares veremos ahora que es como libre, no está contenido en nada. Debe ser auditiva secundaria. Pero lo quitamos y está ahí. Entonces para eso, sólo vamos y ponemos aquí estos últimos otra vez. Venimos aquí otra vez y podemos ver que ya está encendido en su grupo. Está bien, entonces vamos a hacer el resto por esto y regresamos en un minuto. ¿ De acuerdo? Entonces voy por ello. Oye, si a veces cometiste un error al nombrar o algo así, lo que puedes hacer es ir aquí y seleccionar estos pesados el estilo, este tipo off botón de configuración, y luego puedes pensar el nombre. Porque aquí no es culpa. Esta es la oscuridad. Burton dijo que puedes ver el nombre aquí. Vuelve, y aquí verás que ya está hecho. OK, así que voy a seguir como, agregando nombres aquí como locos y nos vemos en un minuto. - Entonces estamos terminados. Uh, ahora es tu dedo del pie del pie. Haga su paleta de colores para su aplicación en o sitio web o pero principalmente para su sistema de diseño . Y, como puedes ver cuando estás, no estás seleccionando ningún objeto que tengas aquí tus estilos locales. Ahora, en Lee, sólo tenemos nuestros colores o paleta de colores. Posteriormente, cuando seamos como estilos tipográficos y todo en deudas tristes y fronteras y todo, aparecerán aquí. De acuerdo, pero ahora hemos hecho nuestros colores es ahora tu turno. Así que adelante y empieza a crear tu paleta de colores. ¿ Y por qué lo harías? Tú O cuando lo termines, puedes servirlo en el en los comentarios y así podemos ver nuestro Sí, nuestras paletas de colores que estamos creando. De acuerdo, Entonces nos vemos en la siguiente lección sobre cuál va a ser sobre tipografía 6. Diseño y cuadrículas: nueva lección en esta lección. Vamos a hablar de maquetación y vamos a ver la diferencia. Ah, entre diseños y calificaciones para que puedas llamarlos ¿verdad? A veces solo cojo los nombres, Um , pero , ya sabes, veremos qué son en este gran artículo que Nick Babbitt o escribió en esta masiva revista. Es bastante bueno lo que va a llevar. Dejaré el enlace también. Nosotros. Um, eso es algo es Es interesante el dedo del pie leerlo. Hace como una breve historia sobre lo que está pactado o un diseño. Y como puedes ver, ah, saludos y diseños. ¿ Son estas divisiones fuera de la página o del campus o la Nuestra junta con la que estamos trabajando esto ha sido así desde hace años por muchos siglos no solo es para diseño de productos o diseño de sitios web , es para sitio web. En realidad, es amable. Recientes, antes de que los sitios web se hicieran sin ningún tipo de apagado. Ah, maquetación. Estaban un poco desordenados. En realidad, me estoy refiriendo al inicio del látigo. Pero como puedes ver en este artículo, uh, uh, ya sabes, como diseños que tienen frijol aquí por muchos, muchos años, ¿ verdad? Hay un pre. Este es un artículo bastante interesante para leer, pero como puedes ver en hacer libros y todo menos fuera de curso, queremos hablar de grandes en Prodi. Señala a detalle, tire descenso. Entonces estos podrían ser, como una buena referencia, ¿ Como qué? Kindof layouts en cada dispositivo puedes usar bien, Por ejemplo, como podemos ver aquí, um, bueno, bueno, básicamente diseños, están hechos a partir de columnas. Estas estas rayas verticales aquí, como se puede ver. Ah, hay estos valores que puedes poner aquí bien, este X 'd adulto, pero no importa. Posteriormente, lo replicaremos en Sikma y básicamente lo que hacemos, es Dividimos la pantalla en columnas para que sepamos dónde colocar el elemento. OK, entonces no es la misma cantidad de columnas lo que estaremos haciendo o usando para arma para diseño Web al ir en iPhone o para móvil. El letrero. Lo mismo se aplica al iPod. Pero debo decir que ah, nadie lo es. La mayoría de los carteles son bondadosos fuera de sitio web y luego iPhone y haciendo apenas pequeños cambios para limpiar. Pero no para que ya no diseñes para iPod o tabletas por muchas razones. Ah, pero volveremos a eso más tarde. Lo importante es saber que Ah, lo que queremos. Es para hacer que las divisiones verticales sean ingresos. Divida el cenador en columnas. Entonces sólo tienes que seguir adelante a fig MMA y hacer por encima de nuestra frontera aquí como lo hicimos antes. Sí, nosotros también. Libro inteligente pro. Bueno, así es camino van a Sí. Apaguen eso. Ya no necesitamos. Entonces en Fiqh Mile, ¿qué podemos hacer aquí? Ah, si seleccionamos el cenador, tú Tenemos esta cosa, esta cosa de aquí que se llama avaricia de maquetación. Y si presionamos más años acordados, esto se acuerda, convenimos frente a una división vertical y horizontal. Y se basa en el valor estimado en estos casos. 10 píxeles. Podría ser de 60 pixeles. Donde sea lo que necesites eso saludos son divisiones verticales y horizontales. Está bien, combínate. Pero esto es bastante arreglado. No podemos, um no podemos hacer columnas a partir de éstas. Bueno, podríamos simplemente venir aquí y recoger tal vez estas tres columnas y estas aunque tres columnas , pero es bastante rudo. Esto es bueno para hacer iconos cuando estás haciendo iconos. Lo que haces es solo poner un gran lado de un píxel y luego tú y vas con super pronto y hacer asumiendo y empezar a hacer que los iconos estén bien. Pero en este caso, no vamos a usar saludos. En este caso, donde vamos a utilizar hacer aquí, Begin aquí va a crear columnas. De acuerdo, Entonces ya que estamos diseñando para un sitio web en este caso más adelante, haremos una gran para teléfonos en el in. Este caso va a ser para sitio web Lo que queremos hacer su puesto como 12 columnas 12 columnas es en su mayoría la más utilizada soy combinación de layup. Sí, con columnas es la combinación de columnas más común. Puedes pensar que enfriador aquí si prefieres como algo más tarde Alguien como ellos azul Así puedes venir aquí, enviarlos al azul. ¿ Qué? Puedes hacer lo que quieras aquí las cosas la opacidad aquí Por si quieres algo más duro dije que sí dejarlo como luz. Por lo que tú contra el elemento que puedes también es el color que quieres. OK, está bien. Y luego tienes algunas opciones aquí. Esto va a determinar cómo están situadas las columnas. Un estiramiento significa que si aumento estos brazos o las columnas van a un estrés con él, no suelo usar este s robo. Si voy a pantalla completa. Si quieres diseñar para toda la pantalla todo puedes usar este diseño. Pero a veces lo que quieres es controlar el Disponen un poco. Entonces lo que haces, es que solo lo pones en el centro ganando este caso. Como puedes ver, las columnas son súper diminutas porque el ancho de la columna fácil como uno recoge. Pero aumentemos esto. Y aquí hay algo interesante con esto llamado la canaleta y la canaleta. ¿ Hay espacio que se encuentra? Um, entre las columnas. Está bien, compensado. Si ah, en este caso , no aplica. Pero si tú, por ejemplo, posicionas el diseño a la izquierda, imagínate que la mitad. Ah, este tipo de ciencia donde tienes, como, una barra lateral aquí, entonces no quieres contar este espacio. Y lo que haces es venir aquí, venir a tu maquetación y empiezas a renunciar a eso, digamos, allá y entonces ¿qué? Puedes hacer es aumentar el con hasta que estés satisfecho con estos ajustes, por lo que iniciarías dedo del pie. Has decidido dónde convertirte en una barra lateral de muchas aplicaciones por el dinero, y tienes una. Yo vengo aquí y anoto lo que sea y luego hago un comienzo para diseñar tu eso es aburrido o lo que sea que estés diseñando aquí. De acuerdo, entonces sí, por eso es por eso que eso es lo importante del diseño. Para que pudieras posicionar los elementos así. De acuerdo, pero en estos casos, no tenemos ningún cable lateral o lo estamos. No tenemos la necesidad de empezar desde la izquierda ni desde la derecha. Sí, va a empezar con el centro y y en este caso es manera van a hacer una pequeña parada parando aquí algunos fuera algunos diseñadores lo que suelen hacer. Es ah, usa una gran venta. Gran mayoría de los firmantes. Y lo que significa un gran dolor vendedor. Son los espacios que le dejaron aquí en la cuneta, en las columnas y todo es un múltiplo fuera de algún número hace algunos años. Pero de hace algunos años, la típica onda de píxel era el ocho con OK, así que sí, era lo típico, Así que todo era múltiple fuera ocho. Entonces en este caso, si se puede escuchar, que comprobar algún número que se multiplica por ocho. Por ejemplo 72 consiguieron su buen Be, por ejemplo, 32. Andi thes podría darte la,ya sabes, ya sabes, la configuración de tu fuera de tu canaleta y columnas y todo. Está bien, pero esto es un poco cambiante. La gente se ha dado cuenta de que a veces si quieres dedo del pie, hacer algunas separaciones entre alemanes invitando, tenemos como una foto. Y entonces tenemos, como, lo sé, realmente, realmente un poco fuera copiar texto aquí como subtítulos ¿Qué va a ser hocico? Pero digamos que esto es como 14 píxeles para texto. Y si querían posicionarse aquí, Bueno, esto es un píxel, y no está tan mal, pero a veces lo necesitan como, oh, como cuatro pico de ventas. Y si estuvieras apegado a estos ocho píxeles, dolor y todo era como separado en múltiplos de fe. Al igual que por ejemplo, aquí es una gran fuente aquí. Tenías dedo del pie tienen, como, 16 porque y luego es separación. Bien. Ser como 24 Así fue como, ya sabes, era bueno, pero a veces necesitabas menos espacio entre los elementos. Entonces es por eso que la mayoría de la gente se está acabando de un ocho grandes dedos auto avaricia cuatro o incluso para recoger tan dulce. De acuerdo, creo que con cuatro picos de acuerdo, estamos bien para ir. Es tarifa pre ACA. No se hace más. En la mayoría de los casos, me refiero al 99% todas las veces No necesitas otro tipo de grande, plateado fuera de curso. Puedes usar la cirugía grande que quieras. Alguien usa el píxel de pelea. Genial. Yo sí veo que funciona. Entonces en el mismo sistema que usé en este momento Ah, y ayudé a la señal. Estamos súper finos con cinco píxeles con porque está bastante cerca de cuatro y es este año para multiplicarse por así que usa donde sea dulce sue mejor. Es decir, sabes, la mitad porque todo el mundo está usando para ello no significa que tengas que usarlo. Puedes usar cualquier codicia de píxel o sí, o cualquier número que te guste era alguien. A algunas personas ni siquiera no le importa esto acaban de definir ahí el dolor por I o Yeah, que lo que les sienta natural y luego lo que hacen, Es Ah, mega espaciado. Es como por yo también dicen. De acuerdo, esto es algo que me gusta que estos entreguen uno y luego algún espacio como este. Está bien, eres bueno para ir de pie. Es decir, big sell tres son geniales para mantener la consistencia porque es más fácil recordar el diferente espaciado que tienes que usar. Pero te toca a ti usarlo o no. Si estás empezando, dije que sí, empezarás a trabajar. Nos pusimos de acuerdo auto para pixel grande o pelea pixel Genial. Y aprende lo básico. Y cuando tengas tu ah, tus ojos entrenados y luego, sí, hazlo de memoria si quieres. OK, Pero como dije, siempre es un dedo del pie de buena práctica. Ah, consigue un poco que eso es dedo del pie foto a estar de acuerdo porque es súper fácil de re firmar con esto. Entonces en este caso tenemos aquí son escarabajo están disposición pactada Ah, para estos lo que podríamos hacer también, es hacer como otro enfermo formal. En este caso, vamos a elegir por forma como un androide. Androide básico. No vamos a meternos demasiado. De acuerdo, entonces aquí se aplica lo mismo. Nosotros lo vendemos el ARB o en estos chicos cool frame. Y lo que hacemos es venir de nuevo aquí a gustar un gran vamos al botón de explosión otra vez viene acordado. Entonces vamos adelante y ponemos columnas En este caso, cinco columnas podrían ser buenas para columnas también. Es decir, tres columnas, lo que sea el móvil. Es más gratis si quieres. Es Ah, ya que los que están contigo tienen aquí, ah no es tan intolerancia en su parada. Necesitamos menos orden aquí. Podemos estar más desordenados, pero así A alguien no le gusta renunciar con columnas aquí en personas móviles. De verdad lo hago. Y te voy a mostrar por qué. Entonces aquí vamos a hacer lo mismo en lugar de estiramiento no queremos ir con esto en este caso. Queremos algunos márgenes aquí porque vamos a diseñar algo más rápido Así se puede ver en este caso fue a ir al centro. Nos vamos a volver a aplicar ahí. Um, alguien la gente está fuera de ocho. Entonces en este caso podría ser, um, 64 Santa. Ya sabes lo que puedes hacer también. Aquí se puede multiplicar como algo así. Y va a ser Hacer los valores del velo, OK. Y ahí dentro? Sí, y se reúnen nosotros también queremos en múltiplo off ocho. Por lo que iban a ir con 24 sí, esta escena dijo bastante buena configuración. A lo mejor hay demasiada canaleta para mi gusto. Entonces en este caso, vamos a que puedas adivinar, hacer más de las razones. Aquí, pongamos como mineros ocho. Y aquí es donde lo que obtenemos. A lo mejor tenemos demasiado espacio ahora aquí. Entonces vamos a salir del pie ocho. Entonces sí. Entonces esto se ve bastante bien. Entonces, por ejemplo, imagina que lo estás haciendo no sé, este tipo de aplicación fuera que tiene un avatar, y luego tienes aquí, como un texto otra vez. Esto es enorme. Bajen esto al 14 Así que sí, alguna manera podrías tener aquí. Bueno, me voy a Yeste llamó su peruano. Ya no lo tengo, pero de todos modos, te das la idea, ¿ verdad? Entonces estás haciendo este tipo de las señales donde tienes, como, algunos avatares aquí. Y por eso necesitas estas columnas aquí, si pudiera. Si estoy diseñando algo diferente, tal vez sea bueno ir con tres columnas. El bonito lo cool de los ojos de flema que simplemente lo cambias aquí y aumentando con, ya sabes, estás bien para ir. Simplemente te multiplicas de nuevo por ocho o los píxeles contigo, has decidido, y estás bien para ir. Um, entonces, sí, en este caso, vamos a volver a nuestra columna de cuatro. Genial. Está bien. Y lo mismo que hicimos con el color. Por lo que recuerdas que había thes estilos locales. En este caso, estamos llamando al estilo. Podemos salvar nuestro dolor de capa, los estilos, lo que hacemos. Es un presidente de juego para dot Um Pero, um, aquí y nosotros Sí, prensa creó estilo en este caso, lo que me gusta hacer. Son 12 columnas, y yo solo pongo realmente los valores, pero en este caso, no lo necesitamos porque vamos Sólo un valor peregrino en este caso es que podríamos nombrar esto como sitio web y luego 12 columnas invitando. Hicimos diferentes razones confusas para no venir por un sitio web como 12 columnas. Otra con 10 columnas. Yo no lo hago, supongo que para hacer eso. Pero tú podrías. Entonces, en este caso, sólo estamos nombrando así, ¿de acuerdo? Y en este caso, vamos a nombrar estos, um, otra vez, otra vez, Nosotros personificamos los cuatro puntos, y luego vamos aquí y vamos a con más por y esto va a ser para bien, y esto es van a ser cuatro. Convocatoria de columnas. Correcto. Imagínese que hicimos otro aquí. Al igual que, um , sí, como duplicamos esto y queremos tener Otra pantalla? Sí. Con, digamos, tres columnas, por ejemplo, Lo que podemos hacerlo, como se puede ver aquí, se adjunta nuestra configuración. Tenemos ahora en nuestro layout de estilos web con dos de columnas y mármol con cuatro columnas. Pero imagina que queremos cambiar esto. No están todos fuera de los estilos, sino solo esto. Entonces lo que hacemos es sí. Vamos a desprenderla. Entonces ahora tenemos de nuevo, igual que nuestras columnas regulares, propiedades y lo que hacemos, es sólo cambiar el conteo a tres. Y nuevamente aumentamos nuestro con aquí. ¿ De acuerdo? Es casi lo mismo. Entonces ahora lo que hacemos, ha llegado de nuevo a las cuatro columnas Es una historia a antes de los puntos. Y luego otra vez, presiona slash móvil y luego tres gol. Este último es lo mismo para la llamada Así podemos hacer estas pequeñas carpetas aquí como esta pequeña separación para que pudiéramos tener, como, diferentes, ajustes de tipo para nuestras capas. Como ya he dicho, no digo patrimonio. Dije Sí, que mantengas en viejo tu móvil las señales igual ah, maquetación. Eso es lo que da consistencia y hace que un diseño sólido entre Ammón. Otras cosas. Pero estos diseños son 11 de las cosas más importantes para hacer las señales. Ah, sí, permaneced sólidos. ¿ De acuerdo? Y para los usuarios que usando el mismo diseño transmiten calma sobre el que todo está en lugar, y así mantener su el layout es bastante importante. De acuerdo, así que usar esa casa no tiene que ser aburrido porque tienes múltiples violaciones. Solo puedes usar dos columnas aquí, luego ir por algún sexo joven aquí con todas estas columnas, y luego ir aquí con tres columnas y por ejemplo, puedes hacerlo en la parte superior on en la parte inferior, ir con algún diseño que es sí, algo así. Por lo que tener layouts usando layout hoy. No quiere decir que tenga que ser aburrido. Es sí, Eso te ayuda a hacerlo. El signo crea consistencia. Y es Es bastante buen dedo del pie diseñado de esta manera. De acuerdo, quiero vender a tu hijo algunos ejemplos fuera de grandes aquí, por ejemplo, yo Este es el guardián Paige. Entonces, por ejemplo, podemos ver que tenemos una columna, dos columnas, tres columnas, cuatro columnas y cinco columnas. Estoy bastante seguro de que estos al mismo tiempo me d cuerpo por dos. Entonces en este caso, podrían estar usando, como, un 10 picks. A genial Ok. Entonces como puedes ver que estás usando en estas dos columnas, ellos aquí en esta sección, están usando, como, una foto con dos columnas apagadas, fuera de la misma para días tipo de libro aquí. ¿ Verdad? Veamos otro ejemplo. Por ejemplo, armas de escáner de cielo y aquí podemos ver que están usando podrían estar usando, como, un diseño de 12 columnas. En este caso, están usando, como, dos columnas aquí. Dos columnas aquí, probablemente. Están dosificando, como, tres aquí o sí, Azaz. Podemos ver. Ah, podría estar usando como? Sí. Sí, como 44 columnas. Bueno, se te ocurre la idea. Es decir, no es dedo del pie este sitio web y lo encuentro aburrido. Y luego están usando Great. Como se puede ver, están haciendo, como, tres columnas aquí. Ahí abajo están haciendo cuatro y otras cuatro columnas. Aquí se puede ver perfectamente el dolor. Ahí tres columnas, está de acuerdo aquí. Y sin embargo haciendo una especie fuera de uso raro aquí usando dos columnas cuatro días y luego usando 24 días . OK, así como puedes ver, grandes están por todas partes en cada diseño. Aquí tengo otro ejemplo para es que esto es orgulloso hunt dot com. Es un sitio web genial. Toe se descubrió a ti mismo. ¿ Dónde? De startups en adelante. Sí, lo que sea. Y como puedes ver, esta es una configuración típica de tipo cuando tenemos aquí una barra lateral que usa dos o tres columnas en este juego, pero nos hace una columna. Y si esta es una columna aquí, ¿qué? Nos gustaría cafés, otra columna y otra columna simplemente Son buenos. Están ocupando como esta base de dos columnas. De acuerdo, entonces, sí, como se puede ver, retardado en todas partes se puede ver incluso aquí que todo es grande venta. Perfecto. Es por esto que el letrero con Grethe está en su fondo? De acuerdo, aunque sea invisible para nosotros ahora, si te das cuenta cuando comienzas el periódico cuando realmente reservas cuando sabes cuando estás haciendo algo, puedes relacionar que ellos no estuvieron de acuerdo ahí abajo, incluso un ya sabes, um, una ventana. Lo que sea que estés usando un que probablemente uses está de acuerdo en uno donde eres otro. Está bien. Al igual que esto. Ah, sólo nuestra última cosa. Es algo llamado Rose. De la misma manera que estamos haciendo columnas aquí. Puedes ser súper preciso con tu con tu acuerdo y lo que puedas. Lo que podemos hacer aquí. Está aquí. Um, vamos a desprender de nuevo novillos porque quiero mostrarles algo. Qué podemos hacer si queremos ser como pixel perfecto duelo. Perfecto en todo lo que podemos hacer, Rose. Y quiero mostrarles cómo volvemos a presionar el botón más. De nuevo el duelo. Esto es bastante agotador. ¿ Qué? Podemos hacerlo. Véndelo aquí, Rose y ve que estamos trabajando dentro, en este caso dentro de una cuadrícula de píxeles donde vamos a hacer. Es Poner esto fuera, o luego ir arriba. OK, top. Porque si vamos con un tramo, todo va a ser así Porque la Condesa en auto, si ponemos la S tres. Lo que hace es sí, estira como las columnas antes de que se estire verticalmente. Pero queremos esto puesto No, no vamos en auto. En realidad, sólo queremos 12. Por ahora, Lo que queremos es que el margen sea de ocho píxeles. El margen va a ser este espacio aquí. Y consiguieron ahí van a haber ocho pixeles a Ok? No, pero queremos cambiar estos dos top. Entonces nuestro dolor, empieza aquí. Bueno, sólo podemos conseguir el desplazamiento a cero. El estatura va a ser de ocho celdas grandes. Tienen tres estados de gran venta. Por lo que se trata de ocho píxeles. Destranquilizar el espacio con estos, la canaleta va a ser de ocho píxeles. Lo que sabemos que hacemos ahora es sí. Sube el conteo. Trato llanta más débil. Y sabrás por qué Si nos descienden él un rato. Ah, persona o algo así. Y no ponemos demasiadas filas aquí. En algún momento estás descendiendo una persona móvil súper enorme, algo tal vez te llegue. Ah, hay un momento en que no se tienen más caminos. Entonces por eso digo No seas un asustado sí, pon aquí, no sé tres 100 filas y estás bien para ir. Por lo que nunca terminas así. Ya sabes que lo puedes tener más tarde, pero es gratis a lo que Rose? Entonces lo que podrías hacer aquí. Es como en otro estilo. Y esto sería como, llamémoslo como móvil. Ocho semanas pactadas o algo así. Entonces ahora tenemos, como, como, todo es múltiple off ocho y lo que podemos hacer con esto es súper bonito para el diseño. Y no tienes que estar midiendo la distancia entre elementos. Si estamos haciendo este título aquí, bueno, se acabó. Yo dije: Vamos, Vamos, segunda línea. Esto es demasiado apretado. Pero veremos en esta lección hablamos de tipografía, pero lo que se puede hacer al diseñar, supongo que aquí que esto es como sentarse en la línea base, va a llamar de línea base estas rosas, las separaciones que líneas de base de corte. Por lo que puedes ver aquí tienes. Ah, la separación. Tú Algunos diseñadores, como dedo del pie Adidas esto en la línea de base, Algunos otros, les gusta sólo a un comienzo. Aquí, usa lo que te sientas cómodo con. Esto, como se puede ver es 16 picos de separación. Entonces estamos en los ocho píxeles con Vamos a poner esto en auto emergente. Ahora, podríamos poner algún texto aquí textos introductorios o lo que sea y sí, podemos invitarlo a dejarlo así o simplemente podemos sentarnos así y estamos bien para ir. Desde que empieza aquí, todo va a tener este tipo de lectura. Por lo que no tienes que preocuparte demasiado si lo pones en la línea base o lo tiras hacia arriba Stirs. Te vas. Eres bueno. Pero este no es un lugar agradable para sentarse elementos. Ah, este tipo de elementos fuera. De acuerdo, prefiero que lo pongas en la línea base, en realidad, pero depende de ti. Algunos diseñadores no lo hacen todo lo que hacen. Vengo de diseñar revista como mi culo en los periódicos de San y todo asientos en la línea de base. Entonces para mí, es como una cosa natural. OK, Lo único que no va a la línea de base suelen ser los títulos y todo. Pero si ponemos como un texto corporal, eso suele estar bien, en este caso es de 14 píxeles. Sí, tenemos que ir por algo que asiente aquí en allá. Ya sabes, quitamos algunos depósitos más, ocho para el para la altura de la línea, estaremos en su en su píxel en el gran festejo. Sería un título, por ejemplo. Digamos 16 y luego vayamos con. Y ahora podemos ver esto en nuestros grandes. De acuerdo, esto es demasiado. El que estamos hablando ya de tipografía, y ahora y vamos a hablar de súper profundamente sobre la tipografía en la siguiente lección. Entonces Así que todo esto se trata de grandes y nos vemos en la ness menos en. Y vamos a hablar de la topografía. Burgard, Libertad. ¿ Cómo financiaste? OK, así que nos vemos ahí 7. tipografía: Bienvenidos de nuevo a estas nueva lección en este caso, vamos a hablar de tipografía. Esto va a ser súper interesante. Me encanta la tipografía. Creo que la tipografía es una de las cosas más importantes cuando estás diseñando y porque es algo sub toe. Pero la tipografía te da los regalos que manda. Hay tipografía. ¿ Esa pistola te hace sentir como si estuvieras en un lugar divertido en un sitio web divertido y una aplicación divertida . Otros pueden inspirarte confianza. Parte de esto puede transpirar como lujo y algo caro y todo y que en su mayoría pistolas de refrigeradores y tipografía, obviamente fotografías y gráficos también, pero en su mayoría proviene de la tipografía. Entonces por eso, si te das cuenta, um, las marcas de lujo, huh suele tener a estos tipo y fuera de tarifas especiales de Borah con Sarah Reeves, con contraste, algunas de ellas están súper condensadas. Ya sabes que son elegantes, ya sabes, es algo que no puedes ver a veces porque la mayoría de las veces incluso son escenografistas , no somos solo a veces solo miramos letras. No nos estamos dando cuenta de lo que hay detrás de la tipografía que hay detrás. Pero cuando realmente te enfocas en ello, eres el mismo y medio sentido fuera Todas estas cosas que la tipografía puede tratar de conocer y comunicar. De acuerdo, entonces estoy enamorado de la topografía, y les voy a mostrar los lugares a los que suelo ir por tipografía. Es decir, por la libertad. Biografía. Algunos de ellos es cool front. No es un secreto,ya sabes, ya sabes, todo el mundo. Ah, lo sabe aquí. Tú cáncer. 30 por mucho descuento los teléfonos gratuitos. Son buenos teléfonos. Y sí, tienen, como, como, formas súper bonitas, como crecieron débiles. Lo que sea. Es decir, todos los teléfonos que puedes imaginar de forma gratuita están aquí para usarlos para ti. Hay otro que me gusta mucho porque tiene algunos teléfonos que van a formar esa mitad. Se llama teléfono a la escuela. Sí, su búsqueda de ella. Por lo que desde la plaza es amable. Tipo de lo mismo. Puedes Aquí puedes descargar como muchos, muchos teléfonos. Hay algunos teléfonos que también están en, bueno, teléfonos, pero algunos otros no. Y como lo puedes ver, tienen una enorme dispersión Mira los reembolsos al otro, a los otros sitios web. Te dejaré los enlaces en el cebo de activos y sí, lo vamos a echar un vistazo. Me he enamorado. Nosotros a la tipografía es últimamente. uno de ellos se le llama cuerda de hombre, y voy a usar esta tipografía porque tiene algo. Ah, es una tipografía de pared de ladrillo, pero tiene algunos entre letras, problemas de espaciado. Entonces yo aunque no sea el mejor formado para usar si no sabes usar formularios tú. Pero es un buen fondo para ver qué sucede a veces con los teléfonos y cómo solucionarlo , dice la policía de Monroe. Como puedes ver, es ah, sans serif. Sí, geométrico. Bastante sencillo. Despejar entre una apuesta. Ika en circular y es un bastante bonito formado. Tiene números bastante cool. Como puedes ver, es ah, es una diversión realmente buena. De acuerdo, entonces me voy. Bueno, creo que ya lo he robado. Si no, no puedes venir aquí a los archivos de carga de todos modos. No es necesario descargarlo. Yo quisiera re fuentes eso Puedes descargarlo desde ahí, pero cualquiera de todos modos, puedes venir aquí y no lo cargues. Y sí, ve aquí. Lo tenemos en Monroe. Acude a teléfonos. Nosotros ya que lo vamos a utilizar para la parada sólo vamos a la O t f Ah, sí, podrías ser estilo el TDF la verdad a través de apretado formado Pero vamos al iPhone abierto porque tiene muchas características y tiene torres legales y corazones. Más cosas. Entonces lo vamos a abrir con una guía telefónica y sí, prensa en estilo formada. De acuerdo, entonces es un comienzo de verdad. Entonces nosotros sí. ¿ Dejar de libro? Sí. Deja de estas cosas. Vuelve a Fichman. Y ahora estamos listos para irnos. ¿ De acuerdo? Hay dos enfoques cuando se utiliza formado. Y debido a que puedes simplemente elegir tus teléfonos y en cualquier momento que te vayas dedo del pie pone Tex aquí algo, puedes hacerlo. Por eso escucho, Mahdi en Vamos a empezar a usar la cuerda del hombre. Sí, es un teléfono súper cool el que vas a ver así que solo puedes ir y poner aquí 36. O podría poner lo que sea Sí, tipo de ejecutarlos. Ya lo sabes o puedes usar la báscula aquí, pero a veces algunos diseñadores lo hacen Ejecutarlos. Ponen 48 luego ponen 50 por otro tipo para otro ah, título en la otra pantalla o lo que sea, pero me gusta mantener mis tipografías consistentes en tamaño. Entonces íbamos a hablar en un minuto sobre cómo crear, um, um, una escala de tipo encendido. Ya veremos cómo funciona. Está bien. Um bueno, ya lo vamos a ver. funda de pañales son básicamente una manera de lidiar con cuánto contraste la mitad cómo tener las tipografías entre un título y un poco de título en el cuerpo en el cuerpo. Copia. Como se puede ver. Ah, esta vez en esta ocasión, los programas suelen lanzar esta escala de tesis aquí, y es una escala agradable. Puedes usarlo para que no tengas que romperte la cabeza. Y, por ejemplo, si quieres como un título grande, podrías usar 48. Puedes ir con 64 si estás usando, como un título corto como nosotros somos los mejores. Algo así. Bueno, para mí, aunque sea corto, esto es demasiado grande. Veamos mi idea. Vamos a firmar algo con nuestro dolor y y usemos este blogging llamado honesto plus sí para entrar para insertar una foto al azar fuera de la naturaleza ¿Te gusta la naturaleza? A mí sí, pero no me gusta demasiado este pie. Espero que esto sea mejor. Bueno, no así, pero Pero Bueno, entonces como uno va a ser el uno. Jesucristo, no lo sé. De todos modos, usemos esto. Voy a crear otro ángulo escrito aquí, y me voy dedo del pie ponerlo con negro en un poco de azul. Entonces vamos a venir a esta parte y lo que voy a hacer. Es hacer algo de capacidad aquí para crear este efecto fresco, como puedes ver. Y ahora estamos Vamos a seleccionar estos y enviar para atrás para poder seleccionar nuestro texto aquí destinado a blanco para que podamos ver de qué estamos hablando. Entonces imagina que tenemos a este tipo fuera héroe que podríamos Este tipo off imágenes de apertura se llaman héroes. Um, están pasando. Ellos son, como desaparecer. Ah, en cambio, fuera interfaces más claras como sí, estaban con cara de morir aquí con un núcleo. Y, ya sabes, como algo así y luego Ah, bonita ilustración como ilustración orgánica aquí y ya sabes sabes ¿Sabes de qué estoy hablando? Todo más. Nadie es la mayoría de los sitios web son bastante similares entre sí. Entonces vamos de nuevo dedo del pie, trae aquí a nuestros grandes. Estos lo puedes hacer con control. Yo sé. Perdón, Control. G. Entonces así es como traes tu debut en el dedo del pie de duelo? ¿ De acuerdo? Cómo activar. De acuerdo, entonces tenemos este título y luego imagina que tenemos un texto aquí. Ya sabes, somos los mejores y cómo al, uh, uh, con formas que son acertijos. Y creo que estamos haciendo, como, como, un sitio web para en una puesta en marcha algo como esto. Y queremos Sí, estos ajustados a nuestro gran esto se va a ajustar así dedo del pie En este caso, cinco columnas con bueno ser amable fueron, Pero podemos hacerlo. Y en este caso, nos vamos de pie. Podríamos usar seleccionar aquí algún número de alquiler, como 20 o algo así y podemos ver que es un buen contraste. En cambio, siendo esto tanto vamos a ir y chequear a regular. A lo mejor esto es demasiado poco hasta ser más pequeño. Dejemos ¿Por qué no lo intentamos con 24? Qué, 24 en realidad no es tan malo para nuestros propósitos, sino en lugar de tener , ya sabes, decidir sobre la marcha Por qué uso aquí, como 24 o 20 o algo así. Hay algo llamado como, um, ritmo vertical vertical. ¿ Qué es eso? Estos y con los que queremos trabajar. Es, um, um, con lo que trabajamos es en lugar de seleccionar todos como, números aleatorios aquí, que se sientan ir a nuestro yo a usar como se llama, como un tipo de escala tipo de escalas que podemos ver aquí. De acuerdo, podemos ver aquí que el tipo de escala es algo que se calcula en base a un factor en este caso es 1.250 Esta es la escuela Kelly. Que tu tercero, y lo que hace es empezar con un número base. En este caso es 16 picks es y lo que hace se multiplica por 1.25 y luego, como uno se multiplica por 1 25 ellos otra vez, así y así sucesivamente. Entonces una vez quiero así lo que hace. Está haciendo una en una escala que sea proporcional. Pero si nos multiplicamos, um, A. Así pueden ver estos. Es mucho más grande que multiplicarse por. Ya sabes, es como en una escala que va como No, los leí o algo así. No es juerga en este caso me parece bastante regular. Entonces vayamos con algo más arroyo. Como se puede ver aquí, los pasos entre un lazo fe 11 pixel, un Messer sobre otro, es muy superior. ¿ Y sabes qué? A mí me gusta esto una escala. Entonces por eso eso es lo que vamos a usar. Como puedes ver, tenemos los valores de píxel, y aquí tienes valores em, Ayman Rams que esos son los valores que los desarrolladores van a usar en tu diseño. Pero vamos a trabajar con esta fuga. De acuerdo, así que he tomado una pantalla puesta en marcha esto para no tener que anotar los valores ni lo que sea . Vamos a traer la sal de pantalla que acabamos de hacer. Entonces podemos simplemente Bueno, eso fue un error. Si ah, importa la foto y selecciona la forma la va a importar dentro de ella en desgracia. En este caso, lo que necesitamos son los valores fuera de estos la escala aquí. Entonces vamos sólo dedo del pie hacer algo. Nosotros vamos a los religiosos. Esto fue bastante guay, pero ya no lo necesitamos. Entonces lo que vamos a hacer, es crear todos estos valores que tenemos aquí. Esto es la guerra nos interesaron y vamos. Voy a hacer esto horrible mientras voy a elegir un núcleo más agradable y voy a ir sí, dedo del pie, multiplicarlo. Entonces así es como son estos los valores que queremos dos años? ¿ Qué es en realidad el coral? Se está quemando. Mis ojos contaban tanto saliva. Entonces, ¿qué hacemos aquí? Ya va aquí y vamos a poner esto en 16. Se va nuestros 16 pixeles. Esa es una es 21.33. Lo que queremos a lo que podemos hacer va a 1 21 Sólo pon, como, ya sabes, ya sabes, valores redondeados. Porque 0.33 es no lo hace. No tiene sentido. 33 picks no es un día. Entonces ahora vamos a poner aquí como 28 que es el siguiente. ¿ Será ésta una báscula en realidad juerga pre pesada? Sus pasos son enormes. De todos modos, vamos con ello ya que no tenemos miedo fuera fallando. Entonces vamos con ello. Nos vamos. Entonces esto es 38 ¿verdad? Y este va a ser 50 camino Nos íbamos 51 Pero prefiero alrededor de los números. Entonces vamos con 50. De acuerdo, hagámoslos. Está bien. Entonces está bien. Y entonces como uno que es imposible de usar en la pared del rial, también lo es el 68. Es usos. Es súper débil. Entonces esta es nuestra escala. Puedes decir que puedes volver aquí y dices Vale, esto es demasiado para mí o necesito más valores o sí,ya sabes, ya sabes, a veces tú Mamie es algo alrededor de 14. 13 picks ventas. Entonces se podría decir, OK, vuelvo a mi alcalde tercero, Le faltan también algunos pasos aquí, así que puedes volver aquí y decir: OK, OK, esto es 30 16 13 11. Este caso en me dio un poco más. Sí, ya sabes, tal vez a veces quieras usar algo como esto, que va de 16 14 12 píxeles. Esto es algo más natural y así puedes usar la bastante fina Ah, gente, Rafic, Rafic, una báscula que viene aquí, que es bastante guay. Es decir, hay bastante bueno. Esta es su escala tipográfica regular. Es ah super. ¿ Qué pasa que nadie está más fuera de la página web hacen 16 píxeles aquí. pierden 16 píxeles porque ellos esta escala se basa en ah, cómo decir diseño gráfico y bonifican todo el signo de libros y diseños periodísticos. Entonces, en periódicos y libros útilmente la escala tipográfica , comenzó en ocho píxeles. Bueno, se les llamó 80.8 puntos o nueve puntos. 10 puntos. Entonces por eso se trata de una escala tipográfica. Tiene estas elaboraciones supas aquí del 9 10 11 12 13 14 Y entonces sí, empieza a subir y medio pasos enormes. Entonces es por eso que la razón por la que la escala es un poco rara al principio en una sola imagen y dices, por qué arreglarlo así thes pics son algunos pequeños pixeles porque nadie corriendo sitio web o aplicaciones móviles sin usa una escala ya. A lo mejor inicias una guerra con 12 células de cerdo. Por lo que 14 pixeles súper raros para bajar a 11 10 9 Estos en estos tiempos. De acuerdo, así que bueno, tal vez esto es demasiado grande, pero podemos ir con ello. Entonces, ¿qué? Voy a hacer su duplicado esto los s estos? Ah, sí. Estos todos estos elementos que tenemos aquí y vamos a aplicar bien el perno, en este caso y voy a aplicar la molestia de la CE. Pero porque quiero tener, como, un regular cuatro textos. Me gusta esta tipografía para texto texto texto regular. Y esto me gusta para títulos. Pero empecé a ver algunos problemas aquí con este tipo de rugosos. Y como puedes sentir, esto es amable dos separados entre letras. Se puede ver que se trata de un espaciado entre letras. Algunos otros los llaman seguimiento, ya sabes, Pero siento que esto podría ser mejor y más relacionable y más atractivo si aplicamos algunas letras negativas. Espaciando como un 3% algo alrededor que tal vez vamos a ir por Sí, me gusta esto. Ves la diferencia si ponemos esto a los valores por defecto de la cara de troquel, esto es amable con Sí, es perder. Es decir, por título. No tiene duda. Es 1/2 el pegamento. Tiene que ser un título, ese título punzante. Entonces, sí, me gusta más esto Entonces, ¿qué? Lo vamos a hacer abasto como mineros. Tres. Aquí Sí, eso es mucho mejor. Ah, pasa. Algo con tipografía ahí, por ejemplo, como se puede ver en estos tamaños. Ah, está bien. El espaciado entre letras. Aunque sea cero está bien si vamos como la amenazante menos 3%. A lo mejor es demasiado apretado. Entonces tienes dedo del pie. Recuerda esto Cuando vas con grandes, súper grandes, um, um, tamaños en caras tailandesas, probablemente tengas un remolque apretado un poco, el espaciado entre letras. Puedes atarlo todo lo que quieras, pero ya sabes, a algo ilegible. Esto sería aceptable. E incluso es como genial para, ya sabes, para un estudio de diseño, algo así. Si es por producto de algo, solo puedes bombear esto un poco arriba. Pero en el valor predeterminado fuera de cero, me parece que esto es. No sé que algo se rompa con la tipografía. Entonces sí, baje estos un poco para que puedas hacerlo un poco más A 1,000,000,000. Voy a subir esto a cuatro otra vez. Esto es genial en tres. Este ir ronda tres a no lo es demasiado. Esto es bueno. A lo mejor un poco demasiado separado. Entonces veamos qué modales uno y esto en cero. Es bastante bueno ir. Entonces tenemos artritis aquí en lo que usualmente me gusta hacer. Um, es Ah. Ya sabes, usualmente me gusta hacer esto. Presiono enter y ya sabes por qué sucede. Entonces me gusta hacer esto como, ah, ah, dedo del pie esta ruptura aquí para que podamos ver cómo funciona entre dos líneas. Porque tenemos estos, uh, uh, odio mentiroso aquí en estas separación. Puedes hacerlo por células grandes como este aumentando las articulaciones hasta que te sientes cómodo con él. O puedes ir con porcentaje valorado, como 80 luz, 180%. Y como puedes ver, esto es demasiado. Para que podamos ir como no sé, 100. Sí. ¿ Por qué es eso? Porque si vamos con células grandes, digamos que ponemos aquí, como 72 células grandes o 74. De acuerdo, Cuando le hacemos lo mismo a este título aquí, tenemos que estar adivinando cuánto queremos poner aquí. Está bien. Al igual que esto tal vez es demasiado y ve aquí, ve a 60. Es más o menos, pero puedes hacer igual de bien poner aquí 100 por ciento y estás bien para ir y tienes uno. Por lo que quiero 100 10% aquí. Entonces en lugar de aplicar diferentes alturas de mentira, dedo del pie todos ellos lo que puedes hacer. Se pone el mismo dedo del pie de nueve altura, todos ellos como 100% porque estos 100% se basa en el tamaño de tu tipografía. Entonces en este caso, 38% Lo que se traduce lo 38 píxeles en estos como 100% de descuento 38. Podría ser como 42 o algo así. Si sientes que es algún tipo apagado apretado en este tipo de apagado, puedes aumentarlo. Está bien. Se puede poner como 120. Es bueno ir. Y cuando estás en valores más minúsculos en un texto más pequeño, es bonito el dedo del pie arrozalo un poco más como 1 30 el mismo lado, lo mismo que antes necesitábamos dedo abajo. Esto en tamaños más altos. Tipografía siguiente. Aquí. Tenemos que hacer eso ya que lo contrario realmente deja el espaciado entre letras en un cero, o a veces incluso poner algunos valores positivos aquí en el espaciado entre letras. Pero por otro lado, lo que necesitamos es dejar más altura tumbada a este texto, y aquí están, adelgazar hacia abajo como podríamos incluso ir al 100%. De acuerdo, entonces eso es algo que funciona no sólo para esta tipografía. Funciona en toda tipografía es que hay que mirar al SNC cómo se siente. La mayor parte de la tipografía no necesita tanto retoques. Ayude a este tipo de ref en el mismo. Pero pensé que esto sería un lindo empate también. Entonces tú porque necesita mucho ajustes aquí cuando habla e incluso en, uh, uh, tamaños normales o regulares como 21. Necesita algún tipo apagado poco ajuste aquí en el espaciado de letras. De acuerdo, Así que vamos a crear nuestros azulejos de Texas. Algo que quiero mostrarles aquí, hablando de falsificar mi poquito. Es en esta configuración de prueba A para que podamos ver si hacemos esto, el texto son tipo de hacer eran cosas Eso se debe a que las cajas se están adaptando y el año tipo de fijo. Ahí está como tienen, como una caja fijando altura y con y lo que queremos aquí es solo conseguir estas líneas que aumentan con el texto así que en este caso, lo que pasó es que sí, solo hago, como un descanso con Ángel. Entonces vamos sólo a quitarlo. Y si sigo escribiendo aquí, va para que se vaya a casa para siempre. De acuerdo, pero si hago esto, entonces ahí este jefe está un poco cerca que es como arreglar algunos con. Pero si escribo, aumenta en tamaño. ¿ Esta segunda parte está aquí? Esto es, como encaja con sin la altura. Este sería sitio fijo si sigo escribiendo aquí. Como se puede ver, estos libros azules, no es ah, se levantan más que es Ah. Por lo que esto es tipo fuera propio en ninguna parte dentro de la caja. Entonces Pero para este caso, queremos que salgan con él realmente no asesina. Podríamos estar sin o con. El sonido encaja con aquí, pero para nuestros propósitos. Bueno para ir. De acuerdo, así que ordenemos un poco esto y solo disminuyamos el instalador de esta precuela. Entonces tenemos la misma separación aquí. Estamos trabajando en esas ocho semanas de lectura, así que se pone 24. Nosotros vamos a lo mismo aquí. Simplemente vamos aquí fuera de con, um interesante No hicimos su altura tirada aquí, pero yo sólo voy a poner 100 10 para todos ellos. Realmente no importa, porque esto es sólo para una prueba. Posteriormente, si queremos cambiarlo dedo del pie, puedo sugerir que lo hagas uno por por qué estoy perfectamente hecho. Pero esto es solo para ver que rentas una casa, cómo funciona. Pero no quiero que el dedo del pie te haga prestada esta herramienta. Entonces me voy dedo del pie ir aquí con él sirve para ordenar. La idea de lo que hace es ah, ya sabes, encuentra el que divide el espacio entre los elementos y entonces podemos venir aquí y cortar y hacer estos, como, manualmente. O podemos venir aquí y simplemente presionar esto y se va a salir del pie. Dejar el mismo espacio entre los elementos. 24 en todo esto. Todos los separados. De acuerdo, este dedo del pie precuela, um, organizó cosas. Entonces vamos a la parte divertida. Bueno, en realidad, es la parte aburrida. Pero, ¿qué? ¿ Qué? Lo vamos a hacer en estos estilos de capa toe texas azulejos, dedo del pie son estilos. De acuerdo, Entonces lo que usualmente lo hago. Vamos a crear en un estilo. En este caso, vamos a aplicar lo mismo con esta muchacha. Estamos enrollados este regular, y estos van a ser los 16 pixeles. Algunas personas, como Stevie le gusta poner nombres como copia corporal como cada uno es a un tres. Eso es bastante genial para que puedas hacerlo. Si estás trabajando en ah pequeño sitio web o algo así, puedes hacerlo o bien en mí, aunque estés trabajando para una gran empresa. Pero probablemente seas super contenido ¿Y sabes que tienes demasiadas deudas? ¿ Estilos de Texas? Puedes hacerlo. Pero si tengo hallazgo que he encontrado que a veces lo que yo qué? Funciona mejor para mí en lugar de poner nombres que pueden ser confusos para algunos, prefiero empujar el como los valores que ah, que eso está usando esta tipografía en este caso está usando 21. Entonces vamos a llamar a estos rebeldes son 21. Ya no voy a usar a los grandes vendedores, así que voy más rápido este 28 y sólo voy a copiar esto Así que es este tu más tarde. Entonces este es 28. Esto es ¿por cuánto fue? ¿ Qué? Perdón. Entonces este es el 38. Entonces esto va a ser 38 y esto es 50. Lo mismo en este 68. Nosotros basamos 68. De acuerdo, lo tenemos. Y para estos iban a hacer lo mismo, pero con Bolt. Entonces vamos dedo del pie poner aquí perno que una raja y va a haber 16. Vamos a completar este texto, por lo que es más fácil para basado en esto es 21. Estos es lo olvidé otra vez. Usos a la fecha. Está bien. Y esto es 38 estos años 50. Y estos son 68. Está bien, está bien. Entonces ahora si hacemos click afuera, no tenemos nada seleccionado. Podemos ver aquí Nuestros estilos de Texas listos para usar, realmente dedo del pie Ir a la producción. Ya ves, tengo las células grandes de las de aquí y quiero con ella. Entonces voy aquí, hago clic en este tipo de ajustes apagado. No puedo y entonces puedo ir aquí y sólo quitar las células grandes. Intro de prensa. Sólo vuelve. IHS Sí, lo tenemos configurado. Entonces hemos aprendido en esta lección Cómo dedo del pie donde más cómo escoger tipografía no es realmente sino cómo ir y no cargar alguna tipografía, cómo cargarlo a tu sistema y cómo usarlo Cómo decir escala tipográfica te enviaré así estas todas estas direcciones ah y algunos sobre recurso es sobre tipografía también. Para que puedas aprender un poco más si te interesa. Pero con esto básico, estamos bien para ir a un inicio diseñando nuestros productos porque tenemos ya tenemos colores . Tenemos nuestros diseños, tenemos nuestro texto. Entonces vamos a la siguiente estación, que es bastante guay. Entonces nos vemos en la siguiente lección. Creo que va a ser interesante. Nos vemos más tarde. 8. Botones: bienvenido de nuevo S o en estas nueva lección, vamos a empezar con nuestros componentes. Creo que es, ah, la parte más interesante off por hacer sus las ciencias en o en este caso, estos tipos fuera de Usted, yo niño kit de interfaz de usuario. Así es el momento en el que comienzas a crear todas las batallas que siente la importación que toma arias desplegable. Tienes que definir un montón de cosas el y es bastante interesante dedo del pie para hacerlas desde cero. Entonces ya sabes cómo se hacen, qué cosas tienen en común, qué no tienen en común y todo. Entonces, empecemos. Porque esto creo que me encanta esta parte para hacer esta parte. Entonces espero que tú Sarah también se sienta. Entonces lo que vamos a hacer es presionar a Ault y duplicar esto nuestra pizarra y vamos a solo drogar alrededor y eliminar esto y este va a ser nuestro componente san off nuestros componentes pate way están viviendo este tipo de desordenado y feo y todo. Pero en el Berrien, vamos a poner todo super bonito y limpio para dárselo a un cliente o para usarlo en tu negocio o para usar un conocido tu startup o usándolo para ti audio para que puedas ponerlo en dribble o ponerlo en behinds o sí, Así que a tu familia o lo que quieras hacerlo. Pero sí, ahora solo estamos poniendo sus cosas ásperas, y entonces podemos simplemente hacer tan hermosas como esto con estos calentadores y con este tipo de sexo fuera pronto es todo eso. Entonces eso ha llegado más tarde, dedo del pie. Haz algo hermoso de ello. Ahora estamos haciendo sólo el núcleo fuera del sistema de diseño. Vale, Entonces qué, usualmente me gusta hacerlo, Um, en este caso, me olvidé de hacer algo que me gusta hacer, que está haciendo como un Sweded aquí para que el celular ponga algunas filas así que nosotros puede apegarse a nuestro dolor. Entonces lo que voy a hacer, Es romper esto así que ya no la mitad de este sitio web 12 columnas estilo adjunto, y voy dedo del pie aquí crece de nuevo con la grilla. Este es namer. Entonces la cuenta del. Yo lo voy a levantar, Teoh, no sé, 500 y entonces el tipo va a estar en la cima. Entonces tenemos nuestros saludos apretados ahí, y el otro va a ser de ocho píxeles. Por lo que se separan entre esto y aquello van a ser ocho células grandes a la altura de fuera. Su papel va a ser un pixels to. Entonces todo lo que tenemos en el sitio en el lado vertical fuera de las cosas va a ser de ocho píxeles. De acuerdo, entonces ahora lo que vamos a hacer, es esta configuración. Esto nos configuró otro estilo, y esto va a ser página web. Uh, vamos a llamarlo una foto. Saluda a los mismos nosotros aquí. De acuerdo, así que esta va a ser página web un píxel. Genial. Bueno, puede recoger. Entonces sí, genial. Está bien, así que esta escuela, porque si necesitas este duelo de ocho píxeles para el Sinus Bastante cool. Pero si estás cansado de tantas cosas de aquí, solo puedes ir aquí y tienes las columnas. Quieres el título que lo tienes aquí. De acuerdo, entonces para mí es como me gusta que me firmen y es bueno ir. Entonces vamos a presionar son clave para hacer un rectángulo o podemos simplemente venir aquí y ir del dedo del pie Rick Tango y vamos a pintar del dedo del pie o la posición o lo que sea. Si 40 grande así rectángulo de altura, me gusta 40 porque puedes ir con 48. Si estás diseñando cosas Super Beak on Lee para sitios web o no tienes demasiados contenidos o quiero decir eres quieres algo super super accesible para personas que tienen alguna discapacidad o algo o tú ha, quieres un super usabilidad que es más fácil hacer clic en un botón, ¿Simplemente lo haces? Y pero usualmente voy aquí con 40. Para mí, está perfectamente bien. 40 píxeles por algo, y en este caso, voy a empezar a firmarme. Al igual que, um, voy a arreglar, como el caliente este simio de nuestros fondos. Está bien, eso es increíble. Queremos si quisiéramos, como, algo así, podríamos ir con esto. Pero no estoy tan seguro de quitarme estas de esta cosa. Entonces para los fondos y va a empezar sí, dentro de ocho semanas de descanso, veamos cómo va. Es un poco cursi. Bajemos este 24 y voy a hacer algo. Es deporte. Yo soy. Vamos a utilizar nuestros bellos estilos de color. Entonces no estamos adivinando aquí. ¿ De qué tipo? Louis eligió la primera vez. Lo que sea. Entonces venimos aquí, persona primaria y tenemos nuestra forma de botón Y con el color primario, esta precuela. Entonces sí. Y ahora voy a aplicar uno de nuestro texto. En este caso, no quiero en ambos. Yo sólo quiero un regular y tal vez 16. No sé si 16 de 21 vayamos con 21 y solo pongamos esto el botón de cancha. Apenas la sensación va a ser blanca. Podemos ir con blanco, o podemos ir aquí y seleccionar nuestro neutro 100 blanco. Está bien, ¿lo ves aquí? Entonces, sí, este podría ser nuestro primer botón, pero queremos reutilizar estos elementos más adelante para que pudiéramos estar como, duplicándolos. Y si tomo esto, no aumenta su tamaño. Y si más tarde mañana, entero de este color Y dije bien, quiero mis botones fuera de este color, siguen siendo los mismos aquí y allá. Entonces no lo son. Son copias, pero son copias independientes sobre. No queremos eso porque queremos ser consistentes y queremos ser como, ah, ah, superrápidos mientras diseñamos y tomamos decisiones. Y si queremos que si cambiamos estos fondo porque su nuestro botón principal, queremos que todo el dedo del pie spread Toby Toby cambiando escape para que no tengamos que poner tanto antes. Y para esa higo Maha dicen función super cool llamó Ally fuera Bueno, no fuera. Pruebe por sí mismo. Pero hagamos esto como un componente. Qué podemos hacer Oh, es Ah alinear estos en el centro horizontal. A alguien le gusta esto todo lo que necesito al centro vertical para es esto aquí y lo que hacemos que seleccionamos ambos fuera de esto no puedes seleccionarlo contigo. Seleccione el texto ellos presione shift y luego seleccione esto. Y como se puede ver aquí, ambas capas aceleran y luego vienen aquí a estos extraño icono en una prensa crear componente . Entonces dices OK, nada ha cambiado aquí, pero sí, lo hizo. Antes cuando teníamos estos elementos seleccionados eran azules y ahora esto es poco frío púrpura y como se puede ver aquí, dice componente de uno. De acuerdo, entonces en esta mirada, sólo voy a llamarlo abajo porque vamos de pie Remake it y ya verás por qué. Pero así es como se hace un componente. ¿ Y por qué los componentes son geniales? Porque vamos a presionar viejo y duplicar esto o hacer sí, presionar comando D o controlar el Si estás en Passaic y puedes crear tantas copias como quieras. ¿ Y de qué se trata esta escuela? Esto si este es nuestro componente maestro, como se puede ver, se puede ver porque este es el, como, cuatro puntos aquí, tonto morado. Y estos son bondadosos. Sí, este tipo off enreda diamantes como diamante vacío. Esto significa que son instancias fuera de estos componente maestro, por lo que parecen iguales. Pero no lo son, porque si cambio el trasfondo en estos, todos permanecieron igual. Pero si vamos a nuestro componente mostaza a este botón y seleccionamos el re tango y cambiamos el color, todo cambia. Entonces esto bastante cool. Esta es la magia sobre usar componentes o bien, Así que si tienes un bien basado en componente más adelante, si quieres hacer cambios en tu diseño va a ser más rápido, más fácil. Todo va a estar ah, sincronizado. Y va a ser mucho, mucho mejor. Pero, ¿qué pasa con estos fondo? Dices que este botón es perfectamente genial? Sí, bueno, no tan guay. Es decir, es agradable porque parece agradable. Y yo puedo hacer estos y de alguna manera se va de pie. Sí, haz lo que se supone que haga lo que se incrementa su tamaño cuando estoy escribiendo, pero los componentes por sí mismos, no lo hacen No se ensancharan ni obtienen aumento. O, um sí, y se levantan porque le pones algo de texto porque no le dijimos a la herramienta que esto tiene que ser sensible sobre el tastic que contiene. Entonces, ¿qué Lo vamos a hacer? Seleccione este componente mostaza. Nosotros vamos sólo a ah, hacer una copia de la misma. A continuación, elimine el componente maestro. Ya no lo necesitamos. Ya verás por qué. Ahora tenemos una instancia fuera de un componente maestro. Es decir, eso se ha ido porque nos hemos deescalado. Podríamos restaurar el componente maestro. Pero si hacemos eso, sí, Como puedes ver, se crea de nuevo un componente maestro. Pero no tenemos que hacer eso ahora. Lo que queremos es sólo presionar aquí. Al igual que con el clic derecho, y luego ir y desprender Eastern's. Lo que hace es hacer este componente. Esto no es un componente. Este símbolo estos Sí, grupo de auditorías independientes de ahí, componente maestro que estaba bien, así que como puedes ver, no tenemos, um aquí, este triángulo. Símbolo de triángulo vacío más. Símbolo de diamante. Ahora tenemos un símbolo de marco nosotros como MacBook Pro. Ya sabes, como el símbolo. Esto ahora es un marco y marcos. De alguna manera son tipo de grupos, por lo que podemos en grupo este marco. De acuerdo, Entonces si vamos aquí y decimos en grupo, el marco va a desaparecer, lo has visto? Entonces lo que queremos aquí, es que vamos a volver a poner botón. Entonces tenemos texto normal sobre él y lo que queremos aquí es seleccionar el texto y el on en el fondo. Y hay una característica aquí y los pies Michael fuera. Pruebe. Esto es magia. Y verás cómo si presionaba el fondo de cristal todo Parece que lo mismo. De acuerdo, algo le ha pasado al fondo. No sabemos realmente qué, uh, asnos podemos ver que vamos a deshacer. Ahora Nuestro fondo era de 40 pixeles de alto él Y cuando selecciono esto o si lo agrupo dice es 40 pixeles de altura. Y ahora si vengo aquí y presiono estos sin probar ahora dice 39 está deshabilitado en el ancho está deshabilitado a ¿Por qué es por eso que no puedo venir aquí y cambiar esto? Y como puedes ver si vienes aquí, el símbolo ha cambiado. Ya no HASA Bagram. Y ahora el fondo está contenido por el marco. El fondo es el propio marco. Esto es, ah, comportamiento. Fichman tiene que los marcos pueden actuar como fondos para y cómo deporte las radios y todo. De acuerdo, así que tienes remolque. Tengan eso en mente. Porque cuando hago el, um la inmigración de esto se pone Tofig mama, o si estás haciendo la inmigración desde un doble X T Tofik Matt, esto se vino Sé bastante confuso. Por lo que tienes que acostumbrarte a ello. Este tipo de comportamiento de marco. Pero, ¿qué? Es magia acerca de estos. Um, voy a decir que fuera componente que tenemos aquí es que si quiero que esto sea. Yo sólo voy a poner este texto en el centro. Si solo vamos aquí y presionamos primaria este Wow, es que se hace más grande mientras que escribir esto es increíble, ¿ verdad? Pero tú dices OK, pero ¿qué pasó? ¿ Cómo cambiamos este espacio o hacemos este espacio? O ahora son 39 picks de este bastante raro. Quiero algún tipo off tuning aquí a alguna personalización de la leche. Bueno, lo tienes si estás jugando con sus ocho semanas de genial Vale, Tú dices que quiero 24 celdas grandes aquí a la derecha, y aquí a la izquierda, y esto es lo que hace. Esta cosa de aquí son los márgenes o el poner aquí la casa de botellas, así son 24 píxeles. Lo mismo se aplica a la separación vertical. Podemos simplemente aumentar estos e ir allá. Entonces esto puede ser complicado para realmente meterte en los 40 porque depende un poco, y escribo esta noche en nuestra tipografía. Pero hay algo que podemos hacer aquí que es en lugar de ser liviano fuera de altura, solo podemos ir dedo del pie se ajusta altura. Y ahora sí, podemos poner 40. Es decir, esto es por salir de piloto o ahí fuera de altura. Pero sin una altura, pierdes el dedo del pie de control, quédate en la cuadrícula porque esconden esta deshabilitada. Entonces, para este caso, para esto, um, sí, para estos componentes ¿qué? Nosotros lo queremos. Todos ellos para ser consistentes. En Hyatt, si tienes nuestro texto sobre texto de entrada Oris desplegable o algo que quieras. Si posees algún bhután cercano al otro elemento, quieres que tengan la misma altura. Entonces para esto, tenemos dedo del pie, deshabilitar la altura exterior, vamos a los pies, lo alto y luego vamos a poner esto en 40. Está bien, Esa es la forma en que vas a ser consistente al respecto. De acuerdo, así que hemos hecho nuestro primer fondo. Pero, ¿qué pasa si duplico esto y cambio este color? ¿ Qué pasaría? No pasa nada, está bien, porque esto tiene fuera fuera. Pero aún no es un componente. De acuerdo, Entonces lo que tenemos que hacer su prensa crear componente. Y como puedes ver, el marco desaparece una vez más. Recuerda que perdimos nuestro fondo en lugar de una cosa de diseño externo, entonces nuestra cosa de disposición externa que era un marco se ha convertido en un componente. Eso es bastante guay, porque todavía tenemos a los Contras fuera. Prueba aquí. Esto es lo más importante en lo más confuso de Fatemeh cómo estos marcos son desaparición en lugar del nuevo padre, ¿sabes? Por lo que el fondo va al marco exterior. Entonces el amigo desaparece y se convierte en el componente en el padre. De acuerdo, así que esta va a ser nuestra batalla primaria una barra. Nosotros somos. Estamos poniendo esto el año pasado porque aquí es súper importante, estas pérdidas nuevamente. Esto va a crear este tipo de separaciones en. Este va a ser el predeterminado. Alguien los llame activos. Simplemente voy a esperar Default. Adiós por ahora. Y lo que vamos a lo que usualmente me gusta hacer su dedo del pie. Sí, lo que normalmente me gusta hacer, es duplicar esto y dices OK, pero si lo duplicas, vas a crear un Eastern Y alguna pelea, ¿ posibilidades? Sí, cambios. Eso es recordar, Pero queremos algo. Necesitamos algo diferente ahora. Lo que queremos aquí, es hacer un tipo de fondo amable, diferente. De acuerdo, entonces queremos otro componente, porque lo que vamos a crear ¿Qué? Perdón, Lo que vamos a crear. Es, um queremos a la persona más oscura fuera de esto. Al igual que cuando estamos albergando este botón, queremos dedo del pie sea hey, dedo del pie conviértase a esto. Entonces vamos a crear nuestro botón Khobar. Pero, ¿qué pasó con esto? Si creo una instancia y creo que el color aquí, no va a cambiar porque esto no es un componente. Esta es una instancia. Entonces lo que vamos a hacer, es Sí, tenemos que cambiar el fondo y lo que hacemos ahora. Está bien. Haga clic, uh, el toque, la instancia de su padre. Y ahora tenemos de nuevo, como la configuración alejada. Y ahora, ya que ya hemos cambiado el color, creamos ahí componente en otra vez. Entonces ahora este va a ser nuestro homer fondo. De acuerdo, así que solo necesitamos renombrar esto a Khobar. De acuerdo, entonces tenemos nuestra primaria en nuestro fondo. Vamos a hacer lo mismo que acabamos de duplicar. Vamos a crear ahora nuestro botón discapacitado, nuestra pero batalla primaria, pero desactivada Y en este caso, voy a presionar click derecho en ir a desprender la instancia en ir a presionar sobre el arte de fondo bélico con el selector común. Porque si solo hago esto, selecciono el todo. Ellos sostienen todo el componente. Digamos que todo el objeto. Pero quiero sólo el fondo. Digamos que esta parte fuera de esta parte superior Así que solo hago clic en la clave común. Y como pueden ver ahora, aquí tengo este color. Bueno, y lo que voy a hacer, Es, um ah, grande ahí, vida primaria. Por lo que este botón va a ser nuestro fondo deshabilitado. Está bien. ¿ Y ahora qué? Esto no es ni es un Ibsen, y Oriente no es ah no es un componente. Entonces vamos a crear un componente de nuevo, y vamos a cambiar el nombre a estos capaces. Está bien. Está bien. Podemos nombrarlos aquí. Yo De ninguna manera Puedes escuchar el nombre si queremos. Está perfectamente bien. De acuerdo, entonces tenemos nuestro primer componente gratis en un suspiro. Un suspiro que te dije antes, ahí está Lasses aquí son importantes porque si vamos aquí a nosotros, los activos son los componentes que has creado. Se puede ver que tenemos aquí componentes locales. Concierto cuando tenemos mucho fuera de componentes creados. Pero ahora tenemos aquí estos tres componentes listos para usar. OK, así que como puedes ver, esto es bastante guay porque podemos dejarlo caer en la minería. Estamos diseñando una enorme página web ah y tenemos como, estamos en pantalla en cualquier pantalla que estemos diseñando nosotros A necesitamos una botella. Botón primario. ¿ Nos vamos por aquí. Ven aquí. Búscalo y estás bien para ir. Entonces tú, um ve aquí, aplica el diseño. Leer Vamos con 12 columnas. Entonces dices Ok, sí. Queremos nuestro botón ahí, ya ves. Entonces es precuela, los componentes ing Y lo bueno es que estamos cansados de este bucle. Nosotros sólo podemos tendernos a escuchar como se puede ver la llamada o cambios aquí también. Entonces estos son los componentes mágicos. Bueno, forma en que podríamos pensar que el color que podríamos decir es que el texto es lo mismo. Si cambiamos el texto y escucharemos y luego cambiamos dedo blanco como puedes ver el texto cambia a Así que esta es la primera parte de crear componentes. Hemos aprendido muchas cosas, aunque no lo creas. Pero tenemos, uh, cómo crear nuestro componente o primeros componentes. Cómo hacer el dedo del pie, uh, estas botellas divertidas que aumentan su tamaño con su prueba. Por lo que hemos aprendido sobre el diseño externo a esto es bastante genial. Cómo controlar. Prueba cómo arreglar la altura de los fondos Así se quedan en nuestro en nuestro en nuestro dolor. En este caso, no hemos metido en lo grande, pero ahora lo estamos haciendo. Entonces como puedes ver, todo está súper ordenado. Yo también soy columnas y dedo del pie nuestros caminos. Entonces esto es magnífico. Entonces a ti. Y luego es lección y vamos a seguir haciendo nuestras botellas. Está bien, voy a poner esto en grupo porque si no, va a ser Mira, ahí va a mirar un poquito. Estamos bien. Entonces los veremos en esto en su próxima escucha 9. Botones de acabado: Hey, bienvenido de nuevo. Vamos a seguir con nuestros botones. Ah, tengo aquí algunos ejemplos de cómo otros sistemas de diseño crean sus botellas. Van con la primaria como lo hicimos con algunos Khobar y discapacitados, Entonces crean una botella secundaria, lo cual es un poco raro porque su súper diminuto comparado con esto y no tienen nada que ver. Es decir, las radios fronterizas son algo diferentes entre esto y aquello. Este tipo los tamaños, esto es super grande, y esto es tipo fuera súper minúsculo, y todo es un poco raro en esta India, ya sabes, el sistema de ciencia, algo interesante aquí. Han incluido, como diría yo, como sólo me gusta un enlace, lo cual es genial. Pero entonces aquí es un poco raro. A lo mejor esto es una especie de negro. Si quitamos esto ahora, es sólo el texto. Entonces está bien, pero bueno, el es creo que funciona para una partícula. Nuestra página web. Pero no sería así, um recomiendo diable para todos. Entonces hay una alerta aquí, los exploran y tienen nuestra batalla primaria. Ellos los llaman default. Tienen el fantasma. ¿ Qué? Normalmente nos llaman secundaria, pero se puede llamar va a y luego incluir algunos iconos de la izquierda. O puedes incluir algunos Michaels a la derecha. Como se puede ver, tienen lo grande en una personas pequeñas fuera de ella. A ver que brainstorming Así tienen normal grande con puede ser justo ah, ajustado en el con lo llaman de nuevo los fondos secundarios como fantasma El este verdadero que se llaman va de fondo cuando sólo tienen como estos tablero ahí y vamos dedo del pie hacer un punto aquí depende si son transparentes, se les llama. Si no tenemos esto, son fríos va botellas. Pero para mí, si tienen ah, fondo, si no son transparentes, tienen ah, fondo blanco. Entonces para mí, es un botón secundario. Porque si pongo estos en ah, con antecedentes, digamos algo como estos y luego traigo esto adelante. Eso está bien. Si pongo esto no es realmente no es un botón fantasma, voy a recoger sus núcleos. Esto no es realmente un botón fantasma. Este es un fondo secundario. Si quitamos esto, sí, es un fantasma porque es amable ya sabes, perdido cuando el con, uh, uh, con el fondo otra vez. No quiero esto. Yo solo quiero cambiar su Ese es este color y bastante duro. Ya no tiene una sensación. Sí, eso es para mí. Va botón. Eso es sólo para que lo sepas. De todos modos, es genial que, ya sabes que, um uh, que esta hora Ah, tenemos todo este tipo de botones y así, dicen, normal. A pequeña, tal vez porque están ajustando la prueba en su lugar, fuera ser como tal vez tres columnas o cuatro columnas de lo que sea, lo haremos también. Nosotros también lo haremos. Algunos iconos que son sólo, um uh aquí en estas en estas botellas. Y he visto tengo aquí otro ejemplo fuera de estos recursos gratuitos sobre eso Sergei, me mantendré alejado, compañero. Pero para mí, es Brickell porque ha incluido batallas de texto con usualmente llamamos enlaces. Pero cuando lo están, van solos. Son como botellas terciarias, como eslabones. No se puede ver el botón afuera, pero está ahí. Veremos cómo se hacen estas botellas. Induce. Realmente, En la mayoría de los sistemas de diseño, hay diferentes tamaños para ello Aquí. Como puedes ver, Hey, Hey, dijo Destiny al ápice de Great. Está haciendo el botón de 40 píxeles como el botón regular, entonces podrían ser sus pequeños de 1 a 32 píxeles en los grandes a 48 píxeles. Por lo que puedes hacer eso en tu sistema de diseño. Ah, ahora nosotros. En estos tutorial, vamos sólo a hacer una talla. Nosotros vamos a hacer el rodillo con esto van a ser 40. De acuerdo, así que va a estar bien de todos modos, solo darme cuenta de que mi prueba 21 es bastante grande, en realidad. Pero como pueden ver escenas, las ponemos en pies de remolque, modo altura, y nuestros fondos permanecen en sus 40 células grandes lado de la vida. Entonces ahora vamos a hacer nuestras batallas secundarias por eso. Yo sólo voy a duplicar estos botones por el bien fuera de ser un poco perezoso y, bueno, para ser más rápido. ¿ Por qué no decirlo? Entonces para hacer esto, lo que voy a hacer es en su lugar fuera voy a presionar el dedo del pie aquí en capas otra vez. Entonces sabemos lo que tenemos aquí. Ahora tenemos instancias apagadas estos botones y lo que queremos. Se hizo que todos estos Oriente dice de los Maestros. OK, entonces solo nos separamos. Y ahora tenemos de nuevo a Flike, nuestra vida alejada. Ya no tenemos el componente como este ni aves Yemen o instancia. Y ahora vamos a cambiar esto. De acuerdo, entonces lo que queremos para nuestros fondos secundarios son en lugar de tener este color en el fondo, queremos que el borde sea así. Entonces lo que hacemos para eso es ir a la carrera. Presionamos aquí y establecemos el color primario. De acuerdo, Es buena práctica ponerlo dentro porque esto va a ser mejor para el desarrollo más adelante si lo pongo por fuera. Como se puede ver, tenemos altura de 40. Pero si realmente nos referimos tanto a este dedo o dedo nuestro diseño, genial, podemos ver que está saliendo está saliendo está saliendo. Entonces al final, estos aunque esté diciendo que 40 pixeles es tener un pick self aquí y no va a estar tan allá. Así es 42 de altura y no queremos eso. Está bien, así que queremos siempre ahí trazos en el interior. Ponte para que lo sepas. Y vamos a manchar este color dedo del pie azul a nuestro hermoso color primario. Y luego nuestro fondo Va a ser blanco. En este caso, podemos hacer esto blanco, ¿de acuerdo? Y así para el Helber que tenemos, vamos a hacer lo mismo opera Young. Vamos a poner el golpe a la Khobar. Vamos a poner estos carbón o como blanco, y luego vamos a poner nuestro color en este Khobar uno, y luego éstos van a ser bastante simples. Um, vamos de nuevo a Stoke, vamos aquí. Um, bueno, en este caso, podemos hablar un poco de usabilidad. Alguien miente a los gustos, dedo del pie. Déjalo de esta manera. En este caso, lo que vamos a hacer es ponerlo en blanco también. Y esto vamos a elegir nuestro semi azul púrpura siendo think color y lo que vamos a hacer Un pie fresco, er, er, FEMA tiene es en lugar de ir aquí impresionando a crear componente que ir aquí, puedes venderlo, tres de ellos hacen clic aquí y crean múltiples componentes. Hizo que hará componentes separados. Entonces ahora lo tenemos aquí. Y lo que vamos a hacer, es uno por uno. les renombró a primaria de batalla en lugar de primaria va a ser secundaria. Bueno, lo siento. Va a ser una secundaria y va sólo una secundaria GOP. Entonces y entonces vamos a seleccionar este. Y este es el todo donde los que lo mismo. El nombre y este es el discapacitado. Nosotros mejor secundaria. Entonces tenemos tres botones más aquí. Um, podemos hacer Hagamos el botón de enlace. De acuerdo, hagamos la misma operación aquí. Sólo copia. Bueno, duplicado detestan a los Stans. Y en este caso, lo que vamos a hacer, Es, um vamos a quitar todo. Vamos a quitar el fondo. Bueno, ahora, no voy a dejar el blanco. En realidad, lo harás. Ahora, ya ven por qué en este caso voy a volver a quitar este trazo porque ya no necesitamos esta plática. Y en este caso, vamos a quitar esto también un derrame cerebral. Muy bien, entonces tenemos nuestras batallas primarias, Pero en este caso, quiero algo más. Quiero dedo del pie vivir un poco fuera de Ponti cosa a estos fondo. Entonces cuando hacemos clic aquí, tenemos, como, como, este tipo apagado, uh, uh, botones de cosas de Google drive. Ellos lo son. No tienen antecedentes. Pero cuando te estás posicionando en toda nuestra finca, tienen, como un fondo gris, um, um,en su en toda su parte clickable. De acuerdo, entonces tenemos nuestros fondos de enlace. Podría nombrarlos. Entonces lo que vamos a hacer es lo mismo. Presione aquí y los componentes crean múltiples componentes. Y luego en lugar de secundaria, vamos a coleccionar vincularte. Esta es, uh esta es mi convención. Me pueden nombrar. Hay muchas convenciones por ahí. Hay muchas maneras de salir, incluso creados componentes personas. Algunas personas intentan hacer súper complicadas las cosas en orden ah, crean como un fondo. Y este fondo se inserta en todos los componentes. O si cambio el componente maestro estos, cambia y los expreso todos. Pero he trabajado con muchos sistemas de diseño y tratando de hacer eso cosas complicadas. Es decir, tratar de ahorrar trabajo más tarde, se pone las cosas tan complicadas de usar que al final, es un namer hacia el trabajo del dedo del pie con él o hacer un cambio o tus componentes se vuelven súper complicados. ¿ Están aquí los componentes? Como puedes ver, son bastante simples. Ellos sí. Tener antecedentes. ¿ Cuál es éste? Y entonces tenemos un texto. Nada más. Um he probado otros métodos más complicados tratando de hacer ah, como una cosa de ojos súper automáticos y no funcionó para mí Y los había para el equipo en trabajar con y cualquier cosa funcionó. Por lo que te recomiendo que sigas estos para seguir estos métodos. En fin, hay muchos artículos ahí, no hay medio. Se puede leer sobre ellos y ver por todas partes diferentes o sus métodos fuera de trabajar con esto. De todos modos, más adelante, vamos a hacer otro método cuando estamos trabajando con input para que podamos ahorrar algo de bomba de tiempo . Pero por pero por los botones, creo que es mejor hacerlos tipo fuera independientes, uno de otro. OK, entonces, sí, tenemos nuestros fondos aquí. Y hagamos unos fondos fritos aquí. Eso tiene algunos me concentro. OK, entonces para estos tengo sí, duplicado esto, um en este caso, lo que quiero hacer, Es tengo un tapón llamado iconos de plumas. Puedes importante mejorar cualquier icono que quieras ya que mantenemos los iconos o muy similares cool. Pluie y yo usamos mucho, que se llama Connie Fire. Te da acceso a cientos, cientos de iconos que puedes hacer una búsqueda aquí por, no sé, hasta basura, por ejemplo. O tienes muchos iconos aquí o tu Tienes mucho apagado. Um, ya ves, tienes todos estos íconos set. Entonces, por ejemplo, tú quieres, no sé, ve con iconos materiales, nosotros presionamos aquí y vamos a sí, y esto podría ser la voluntad íconos materiales con estos impuestos y todo. Por lo que tienes todas las disponibles aquí y bonitas, Sí, ¿Simplemente lo haces e importas icono y ya está en la página. Entonces es bonito. Es un chuleteo bastante guay, ya sabes, Y, bueno, esto es bastante básico. Ellos serán materiales, pero nosotros también tenemos plumas. Pero ustedes chicos, yo soy el ocho de Icahn para Windows 10 Foundation iconos planos. Mucho fuera mucho de los iconos supercool y los iconos de depo son bastante geniales, también. De todos modos, usé esta bandera en porque en Lee tiene la de Fred Reichel, que me gusta mucho. Entonces eso es lo que uso. Y insertemos un angosto que sea acogedor. Nosotros queremos poner un angosto aquí en una botella, así que , uh, se puede ver aquí que estamos tratando de hacer es algo aquí. No funciona Intentar insertarlo aquí. Um así que por eso eso es todo Porque tiene thes como puedes ver cuando importas en icono de ah, para icono de pluma Lo sentimos, Cuantificado. Vienen con un con este marco. Entonces lo que usualmente me gusta es dedo en grupo esto con un G de seguridad común y luego presione el comando Z para hacer un grupo de nuevo. Puedes hacerlo aquí como selección de grupos. Como puedes ver, es común D o para PC sería como Contrave. Entonces, ¿sólo le prestas los circuitos dedo del pie, te metes en una velocidad? Y como pueden ver, estoy tratando de alimentar a estos aquí y es un poco Imposible. Voy a traerlo aquí al MacBook pro tres y lo voy a hacer de nuevo tratando insertarlo aquí. Pero no está funcionando. Eso ¿Por qué es eso? Sí, como puedes ver, no me está dejando poner esto. No puedo oír. Bueno, en realidad, voy a cambiar. Bueno, no aún no. Yo quiero cambiar el color aquí, entonces es blanco, pero ¿por qué no me deja insertar días aquí? um porque debería. ¿ Por qué es eso? Es porque es una instancia fuera de estos todos los botones. Entonces vamos a comer. Ésos son ellos otra vez. Y ahora vamos a traer esta cosa de la manera que estás viendo. Ahora tenemos aquí como una cosa azul, como un trazo azul allá. Y si Walla está dentro Así que vamos a solicitar estos Un trazo El blanco y como puedes ver ahora tenemos son ícono y podemos controlarlo de nuevo. Al igual que Imagine. Queremos menos separación. Todo lo que está surgiendo. Queremos más separación en todo. Creo que este ícono, es para los Reagans tiene thes dos pixels trazos. Esto para mí, es demasiado. Pero como pueden ver, tenemos ahora estos icónicos podemos controlarlo con esto Esta sierra por el bien de la consistencia, digamos 24 o podemos ir con 16. A lo mejor el espíritu son 16. Nuestro ocho lo habla genial. OK, Pero creo que tal vez algo Sí, algo alrededor arriba 24 otra vez. Sí, creo que es mejor. Entonces vamos con el dedo del pie. Simplemente copia esta cosa. Este ícono lo volvió a basar. Como pueden ver, esto aumenta mucho, Así que lo vamos a poner sólo aquí en el Estado de Khobar, como pueden ver, está haciendo algo raro. Como lo puedes ver. Posiciones ahí arriba Hay unos pies fríos. Er aquí. Voy a volver a ponerlo ahí. Hay algo interesante cuando estás trabajando sin unos diseños y algunos y tienes un elemento seleccionado. ¿ Eso es aquí? La alianza? Um, piloto, está funcionando. Como pueden ver, si selecciono en el medio va dedo del pie alineado al medio. Si necesito al fondo está alineando su si quiero alinearlos. Esta es una recta en una parte superior en la parte inferior. No recomiendo hacer eso, pero puedes hacerlo tesis cool para fotos y todo. Por lo que te estiras, sabes cuando cuando tienes son un poco sensibles que eso es genial para cuando tienes fotos por dentro y por fuera temprano, fuera o por encima de nuestro algo como esto. Pero para estos problemas o botón en particular, simplemente nos vamos así. En este caso, vamos a salir del pie por aquí. Todos lo prueban así a 40 24 como la fiesta entre el texto en el ícono y nosotros vamos a hacer lo mismo aquí, y vamos a poner aquí como 24. Como se puede ver, aquí están ícono. Está en la línea de arriba hasta la parte superior. Entonces vamos a seguir y alinearlo ahí. Uh, aquí puedes hacer algo o imaginar que quieres el fondo antes de lo lamentable, el ícono antes del texto, tienes dos opciones. Lo que normalmente me gusta hacer por este botón en particular es duplicar el símbolo y ponerlo ahí, duplicar éste, ponerlo ahí y poner este símbolo y poner su Y dirías, ¿Por qué es eso? ¿ Por qué no crear otra botella con sólo el, um con el con el icono de la izquierda y otro botón para el ícono de la derecha. No quiero tener tantos componentes aquí. Posteriormente, los activos y los pies, mi casa un precuela pies er lo vamos a ver ahora en acción. Entonces vamos a seleccionar de nuevo esto y vamos a crear múltiples componentes, un componente fuera de él, y vamos a renombrarlo esto a primaria inferior. Jesús, cometí un error, pero vamos a hacer este ícono. De acuerdo, Icono de Primaria. Cometí un error renombrarlos, nombrarlos, pero no importa. Es bueno ir. Entonces estamos incluyendo aquí la vida. El ícono. Entonces le estaba diciendo Esto es genial y les voy a mostrar cómo y por qué hacemos Aniston fuera de este componente. Y digamos que solo queremos ahí. Digamos que este ciclo. Entonces ya no quiero este ícono. Podemos hacer doble click aquí. Vemos que se llama Grupo. Creo que voy a hacer algo. Y está renombrando a este tipo off group toe icon porque grupo no significa, realidad. Yo vengo bien. Está bien. Y esto se va a dejar ícono y luego va a hacer lo mismo me traje tengo abajo los ladrones antes, así que no tengo que hacerlo ahora en bien. Sé más fácil. Y esto está bien. Ve a la izquierda. Es por eso que hay que pensar cómo hacer um sí, ese era su derecho yendo bien. Por eso los mismos sistemas cuando los estás haciendo. Ah, lo son. Tienes que pensar un poco en lo que estás haciendo en estos casos. No estaba pensando demasiado en lo que estaba haciendo. Entonces esa escuela, Porque si dices, es el nombre aquí, tus, um, instancias van a heredar el cambio de nombres, también. Por lo que en este caso, cuando estás haciendo doble clic aquí, puedes ver que nos queda ícono ahí. Y si presionas borrar o presionas estos botón I, como puedes ver, nuestro fondo rece hielos y no puedo desaparecer para que pueda hacer lo mismo con esto y podríamos tener thes bottom. Pero esto se va a utilizar. El uso primario se va a utilizar en su mayoría. Entonces tengo que estar encendiendo. Y apagar los iconos va a ser un dolor en el S. Pero si cuando queremos un fondo con algunos iconos, simplemente bajamos esto y luego solo quitamos lo que no queremos, dijo Asai, puedes hacer click. Puedes hacer click en el yo, o con esto puedo dejar seleccionado, presionas eliminar y en su lugar fuera de la delantera lo tienes aquí, pero o lo siento. No, porque lo hice en su Lo siento, lo hice aquí, pero estos ustedes presionan aquí en doble clic y presionan borrar. Como puedes ver, lo que hace es Yeste. Dijo que está abajo, pero no es el comer, los iconos. De acuerdo, así es como me gusta hacer mi ícono sobre las cosas. Podríamos hacer lo mismo por los secundarios. Esto va a ser mucho más rápido porque como ya tenemos thes bottom aquí nombrado en todo va a ser bastante sencillo de nuevo. El toque estos y luego invitado traen estos aquí y con la vieja llave para que se duplique y estos quieren aquí y ahora lo que hacemos, es ah, seleccionamos aquí el color. Entonces va a cambiar. Y esto va a refranes tan bien como podemos ver aquí. Estos fondo no tienen las 24 celdas grandes aquí. Uh, pongamos aquí 24 cuando pasemos nuestros iconos aquí son lo suficientemente buenos. Entonces como puedes ver, están mintiendo a una cima. Entonces estamos mintiendo al medio diciendo cosa aquí y ahora vamos sólo a con el botón al , seleccionar primero la flecha y luego sí, drogarla aquí, entonces vamos a seleccionar esto también. Nos vamos de nuevo a la mitad. Tenemos que cambiar el color de ellos a mucho. El patrimonio de Khobar y lo mismo se aplica a estas batalla de desactivación. Y entonces dijimos que esto también. Presionamos aquí y otra vez, vamos al estado con discapacidad. De acuerdo, Entonces vamos a volver a crear componentes, crear más componentes de depósito, y este va a ser el icono secundario. Podría ser el texto. Entonces parece que estás aquí. Está bien. Y estos, Así que como pueden ver, um, voy a probar. Es bastante guay. Podemos hacer lo mismo aquí. Lo haré por mi cuenta. No quiero volver a hacer la manifestación. Pero la forma han aprendido en estos súper Bosque Ah, lección cómo dedo del pie primero, cómo dedo del pie crear iconos no va a crear, sino cómo importar iconos y y sí, y cómo dedo del pie les hacen vida con el try out al. Entonces te veo. Termino esto y nos vemos en la siguiente lección. Está bien, 10. Inputs: por lo que volveremos a escuchar. Empieza estos nuevos Escuchar, esto va a ser interesante. Lo que vamos a hacer ahora es Tenemos un look toe, otros sistemas de descenso. Ah, lo segundo que hacen después de las batallas son las formas que llaman. Ellos lo llaman formas para mí en botón de radio de entrada casillas marcadas, seleccionar andro downs, Lluvia Select. Podemos tener aquí recolectores de día un montón de cosas, ¿ verdad? Y me parece bastante genial porque este tipo de componentes comparten algunas cosas que son bastante iguales entre ellos. Aunque sean diferentes, por ejemplo, podemos ver que estamos aquí. Dicen que estos antecedentes, todo es lo mismo para todos ellos, hasta el desplegable. Es decir, la diferencia es sí, que tienen como un icono a la derecha o un icono a la izquierda. Por lo que son más o menos lo mismo. ¿ Verdad? Entonces haremos las casillas de verificación realmente botones, etcétera. Pero empecemos eso. ¿ Ves qué es la tormenta de traer brillante? Hacer aquí con las entradas es lo mismo que puedes ver. Entonces vamos de puntera son nuestros componentes de texto nuestros cuatro componentes? De acuerdo, entonces volvemos aquí, podemos crear otra brújula. Por lo que más adelante está aquí. Dedo del pie. Sí, para hacer todas nuestras cosas. Eso es para una velocidad Sekoff. Yo sólo voy a duplicar este botón. Por lo que ya tiene estos 40 y odio arreglado. Y tiene outlying en este caso, lo que voy a hacer. Se desprendió esto para que no le quitara nada a su padre. Y yo sólo voy a sacar, probar porque normalmente, um, um, importaciones venden su y están arregladas. No lo hacen Si tienes razón en una contraseña sola contraseña El este IRA no se mueve o no se redimensiona. Dependiendo del contenido, son especie fuera fijo. Y si echamos un vistazo a, entonces básico Ah, uh, destructor básico off fan input feel o select o right radio battle. Ellos, señor, algunas partes en común. No podemos ver aquí porque estos sistemas de diseño son bondadosos de su no digo que sean bastante cool afuera, pero cuando uno está tratando de aplicarlos, fallan a veces en algunas cosas. Y quiero que hagas un sistema de diseño bastante bueno que sea consistente a través de elementos en él se pueda usar sin una lucha más adelante. De acuerdo, Restore Mean pasa un poco igual, pero sí, lo han hecho. Es un más o menos es el mejor de los tres que tenemos. Hemos visto fuera esos este diseño más código y explorar Princeton Minutes pre Debe lo mejor de ellos? ¿ Por qué es eso? Porque es el más completo. Han puesto la etiqueta aquí. Tienen la pista de estos lo echan de menos, o pueden ser por métodos de éxito, generalmente no cuando es accesos éxito. Y está bien. Normalmente comercializan con un cheque aquí o cuando llamé o algo así como no hay con un mensaje, pero él tiene la notificación siempre. Cuando estás escribiendo algo, mi contraseña que no coincide con la entrada de contraseña superior, miedo o tienes que insertar un correo electrónico y no has puesto la puerta. Entonces esa cosa, ese tipo de cosas que guarda el error. Entonces si puedes ver la estructura, su etiqueta ah, una entrada con ese borde que un marcador de posición, lo cual es bastante importante a veces, dependiendo de cómo decidas hacer esto, este tipo de la ciencia y y luego un mensaje de sugerencia o un mensaje crítico. Aero mensaje aquí por lo que nos vamos a centrar en hacer estos primero. ¿ De acuerdo? Y por eso lo que vamos a hacer. Entonces, para estos, casi media hora nuestra entrada Tex aquí. Lo que voy a hacer es duplicar esto porque es más fácil que crear otro texto. Y sólo vamos a duplicar este también y ponerlo aquí. De acuerdo, Um, lo que vamos a hacer, es Ah, yo sólo voy a decir ahí disposición abajo porque es un poco molesto. Ah, por ejemplo, aquí podemos comprobarlo y ponerlo a nuestras selecciones. acuerdo va a ser el 16. ¿ Y qué más? ¿ Qué más? ¿ Qué más? Voy a poner esto en foso exterior como, no quiero que esto aumente como aquí. Yo quiero ser así. Sí, porque me gustaron mis textos conocidos por ser fijos, pero en estas situaciones, realmente no importa. Pero se tomó un en caso que en caso de que vaya por allá, voy a ver qué hago. Pero eso eso no es una lucha. O si ahí mismo una prueba larga, no da dedo hacer dos líneas. Ya ves, e no me gusta eso. Por lo que prefiero la licencia de dedo para mi texto. Libre con esto. Fuera con Peter. De acuerdo, entonces ahora vamos a crear la frontera por días. Por lo general es, ah, neutral. El color que usas para esto y también. Es un camión nuevo o qué? Utilizamos lo que usamos para los posicionadores, Marcadores de posición Armento hacen como un informante re. Refuerzo fuera del mensaje que desea enviar, por ejemplo, por ejemplo, inserte su correo electrónico en caso de que se trate de un correo electrónico. El ah, vamos Sólo le cosquillas etiqueta, y a esto se le va a llamar positor. ¿ Por qué es por eso que podría poner aquí como un ejemplo ya, Pero me gusta poner este texto porque aquí el texto que toma el texto que Ah, usted pone aquí. Entonces si tenso estos dos correos electrónicos y más adelante, estoy teniendo estos remolcar estos. Yo hice el componente de estos que decidió la idea. Y luego hago una instancia de ello. Va a aparecer un mero correo electrónico en lugar de fuera de etiqueta, así que prefiero nombrarlos con sus cuatro posts. Entonces en este caso es una etiqueta en este caso es mensaje de sugerencia y en este caso suele ser más pequeña . Pero no tenemos una más pequeña. Entonces creo que lo vamos a crear. Ya sabes, algo que me olvidé de hacer antes. Pero esa es la grandeza de los sistemas de diseño que, uh, puedes amplificarlos o hacerlos más grandes y aumentarlos mientras que ya que tienes como, ah, sistema para ello. Entonces voy a tomar si yo la mitad sólo tuve, como, como, por eso me gusta hacer una pantalla ordenar para las cosas porque vengo aquí a captura de pantalla y tengo mi Buswell una escala y vemos aquí que tenemos en nuestro basal una escala 12 puntos a un hablar total. Entonces Entonces vamos a poner aquí dedo del pie apagado Si esto es pre pre pre, pre pequeño Así MM, 14 es para estar bien, en este caso, tener mi escala visual. Va a estar un poco fuera del dolor, así que depende también de la tipografía en esta tipografía tal vez 12 píxeles fueron hinchados, pero en nuestro tipo de rugoso no estuvo bien, así que solo levantas el ojo y dices OK, El 13 es lo suficientemente bueno. Por lo que creamos como nuestro regular 13 un estilo. De acuerdo, entonces estamos bien para ir y qué hacemos aquí. Es ir al mensaje del rey Prensa los rebeldes son 16 y vamos a rebelde ar ar 15. Me gustan mis cosas o allá. Y en este caso, como se puede ver aquí cuando voy a buscar 13 no es al principio. Es al final porque creé lo último. Entonces lo que hacemos es sí. Presionamos, hacemos clic afuera, no seleccionamos nada. Y lo que podemos hacer es ahí seleccionar su 13 regular y sacarlo a la luz. Entonces así es como estás ahí estas cosas. De acuerdo, entonces y yo voy a hacer lo mismo con la etiqueta está bien en 16 células de cerdo. Podríamos hacerla más pequeña si quieres. En algunos casos, son más pequeños. Um, me gusta así. Entonces lo que voy a hacer es que voy a aplicar, como, como un neutrón neutral, más duro neutro 30 para tal vez para la etiqueta. Está bien. Y hay algo interesante que puedo hacer aquí, ya que no queremos que esto cambie el tamaño de los dedos. Cuando estemos escribiendo aquí, esto va a ser arreglado y en realidad y va a sacar mi maquetación y voy a poner esto en cuatro columnas porque normalmente cuando diseñamos con 12 columnas lo que hacemos como usamos como esta parte, como este tipo de divisiones. Entonces hacemos, como, tres columnas riel en contenido. De acuerdo, así que esto podría tomar, como , cuatro columnas, pero al final es sí, como una. Y podemos hacer algo aquí que sería la parte más fácil que es que va aquí y crear un componente que sería un derecho. Pero si más adelante decido borrar esto y borrar aquello, como pueden ver, mi componente es un robo. Um, no lo sé. Es ah tipo apagado. Sí. O sea, el componente. Es un más pequeño y todo. Es como si tuviera una caja limitadora que es enorme. Entonces lo que me gusta hacer en lugar de hacer un componente aquí, Vamos a hacer esto y eliminar Eliminar el componente. Tengo que preguntarme. Lote en marcha. Perdón. Entonces vamos, componente uno. Rompe usted mismo. Rastrillo lo. Está bien. Ahora, um, algo que me gusta hacer su selecto esto y sacar mi salida Pruebe cosas. ¿ Qué está pasando? Sí. Saca mi salida. Tory aquí afuera y, como puedes ver otra vez, maneja estos. Entonces somos un pixel realmente es bueno para ir. Y ahora seleccionamos la etiqueta y tenemos fuera temprano para y ponemos esto en, uh, ocho semanas. Entonces duelo otra vez. Está bien, Streaking. De acuerdo, vamos con los números. Entonces ahora nuestro te diré cómo está funcionando un sospechoso. Er así es todo está a ocho píxeles. Y como puedes ver, esto está funcionando bastante bien. No sé qué es este blanco, este tenedor de lugar es tan raro. Por lo que hay algo interesante aquí en una gama. Cuando veas estos decimales de este tipo aquí, queremos redondear dos células grandes, y quiero que yo quisiera que fueran estos, pero 16 es lo que dije antes. No sé por qué fue, señorita. Entonces sí, en este caso, sí, vamos a hacer eso en este caso. Eso significa tomar algo. Está bien. Está bien. Yo sé lo que está pasando aquí. Um , está bien. Sí, tenemos un marco. Vertical. Sí, No. Está bien. Entonces vamos a crear este componente, y este componente se va a llamar input import next por defecto. Vale, Entonces qué pasó Si quiero a Yeste, um, el marcador de posición y la etiqueta, pero no el mensaje de calor. No se preocupe. Tienes Haga clic en el mensaje oculto y solo lo eliminas. Y esto es automáticamente rece hielo, como se puede ver. Está bien. O si no quieres la etiqueta que eliminaste también y tienes un Marcador de posición apagado 50 de 40 píxeles. Si quieres que todo vuelva, no tienes que volver a poner todo en el ah, no tienes que traer otro elemento más. Ah, solo presiona los ojos y tú Sí, enciéndelo. Por lo que tenemos oferta. Yo sólo voy a borrar apagar el vientre en este momento. Y había algo Hay algo que he hecho que debo decir que no está tan bien hecho . Y te voy a decir qué es eso. Es ah, imagina, um, en este caso particular, yo porque yo estaba como, haciendo frente a la botella y todo. Tengo thes parte en lugar de un fondo para esta parte. Tengo, como, estos marcos, como pueden ver, verdad? Entonces solo voy a estropear esto. Ya no lo necesito, pero um hay algo que me gustaría hacer su dedo del pie tener estos componentes, como separados y como un componente maestro, vas a ver a qué me refiero. Ahora mismo es lo que realmente quiero hacer con esto. Es hacer como un fondo con una tabla ahí. Por lo que más adelante, lo retuvimos. ¿ Cuándo? Cuando su enfoque y todo. Sólo tengo que crear, um no puedo replicarlo en muchos, muchos, muchos lugares. OK, entonces eso es que no sé si me estoy explicando bien, pero lo que vamos a hacer, es genial esto e insertarlo en cada elemento que nosotros y cada componente que vamos a crear. Y esto va dedo del pie hacer las cosas más fáciles más adelante, donde verás lo que quiero decir mientras lo estamos haciendo. De acuerdo, Así que déjame sí, crea estos y yo voy a crear. Voy a un grupo esto porque dijo marco ahora mismo y quiero que sea un rectángulo . Está bien. Whoa, no importa. Uh, lo que puedo hacer aquí es crear un componente y voy a llamar a esta entrada maestra. Ah, Default. De acuerdo, así que este va a ser nuestro predeterminado de entrada de muster. Um, antecedentes aquí, y voy a competir con su nombre, y este va a ser nuestro aporte maestro. Ah, titular. Bueno, Hubbard no. Esto va a ser, como, como, ¿por qué estado enfocado? Por eso cuando estamos escribiendo o tenemos la entrada seleccionada esta buena, esta va a ser nuestra entrada en todas partes. Bueno, y entonces eso es todo por ahora. Lo que queremos hacer aquí, es en lugar de tener este marco, voy sólo a, um, um, agruparlo y a Así se puede ver estamos perdiendo nuestro, uh, uh, nuestro todo el Espace aquí. Voy a tratar de poner esto aquí en el positor, y voy a tratar de ponerlo aquí. Está bien. Creo que es bastante desordenado. Bastante desordenado lo que estoy haciendo. Pero obtendrás el punto y en realidad, y vas a hacer algo, solo voy a duplicar esto. ¿ Hizo esa nave, y voy a hacer en desde cero. Está bien. Está bien. Entonces este es nuestro, um nos faltan cosas alrededor. Sólo déjame hacer todo y volver del pie. Sí, a su parte. Está bien. Perdón por el error, pero para que puedan prestar donde estoy haciendo mal. Se puede prestar mejor y más rápido. Ah, desde el principio mismo. De acuerdo, entonces tenemos aquí tres cosas maestras. Tres componentes. Eso no significa nada. Son solo cuadrados con algunos colores aplicados sobre ella. Y lo que voy a hacer, es Ah, duplicar esto. Desprender este Eastern eliminar este dedo en curso en grupo esto. No quiero ningún marco. Yo no voy en nada. Quiero sólo la etiqueta en el placeholder y el mensaje oculto. De acuerdo, entonces vamos a construir no están comprometidos en oriente apaga estos componente maestro, como se puede ver aquí, estos? Sí, estos tiene este diamante vacío. Entonces es una instancia. Y donde vamos a hacer, Se pone esto están en Escúchanos. Campo de entrada. De acuerdo, entonces vamos a alinear esto como tenemos antes de que vamos a crear un grupo con esto va a ser la entrada y tenemos nuestro nivel y mensaje de Arkin en este caso y vamos solo a ponerlos todo lo raro el camino alrededor y lo que vamos a hacer es seleccionar la etiqueta en el placeholder y ir a la periferia. Está bien. Y ahora tenemos ocho aquí y luego nuestro él lo echó de menos y fuera. Y escogemos este grupo esto, probamos marco con él. Vamos a llamarlo importar Loville más entrada aquí. Es importante nombrar cosas que a veces olvido más adelante. Tengo que hacerlo porque el sistema de ciencia tiene que ser pre claro y todo tiene que ser un nombre. De acuerdo, entonces y ahora lo vendemos. Este grupo con esto ya está y ahora totalmente fuera, como se puede ver. Y luego le seleccionamos mensaje con la seguridad, y luego aplicamos otro fuera. Prueba. De acuerdo, entonces tenemos un par de fábrica fuera lo que esto da. Entonces, danos el dedo del pie de la libertad. ¿ En serio? Mueve la pista. Si más adelante decidimos queremos estos píxeles existentes. Pero la etiqueta es que están bien. Es mejor toe make to out Tory out en lugar de poner todo en uno fuera para diseñar. Porque a lo mejor quieres diferentes separaciones entre ellos. OK, puedes hacerlo si quieres parte. Y ahora vamos dedo del pie hacer. Esto tiene un componente. Esto es bueno para ir. Por lo que esto va a ser un valor predeterminado de texto de importación. De acuerdo, así que lo tenemos. Y si creamos de nuevo, um, como un este fuera de esto y nosotros, um, escondemos um, la etiqueta en el él la extrañamos, podemos traerlos arriba y luego abajo y otra vez y ya sabes a qué me refiero. De acuerdo, entonces esto está en una cosa importante, y hay otra cosa importante. Es que cuando los elementos se llaman Ah, Ahora, si se puede ver aquí, tenemos un oriente sobre el este fuera de estos componentes. ¿ Qué tiene de guay estos ihsaa? Imagina que quieres, um, como un enfoque ST de estos. No tienes que crear otro insumo para estos. Lo que puedes hacer es sí. Seleccione estas agrupaciones poner por defecto y escuchar en la distancia. Se pueden anular como las cosas delante para desde el foco uno y estos diciendo sentarse para un error uno. Esto es bastante guay. Y es súper rápido de hacer. Y no tienes que crear tantos componentes. Podemos crearlos ahora. Es decir, podemos desprender esto y crear de nuevo un componente para en lugar de las cosas del cuarto fin de semana. Y estoy aquí por mecanografiar o enfocado. Prefiero enfocado. De acuerdo, y estos lo podemos desprender de esto en nombre. Come, um, y vuelve a crear el componente y cámbialo a error. Eso es genial. Porque aquí, como pueden ver, si creo un Aniston de estos ahora, puedo ir aquí y cambiarlo dedo del pie error o demasiado enfocado porque hemos creado, um, um, componentes con el mismo nombre de instructor y ellos. Ah, Fichman. Para que no anules entre tu predeterminado en protesta, tus pruebas de entrada enfocadas y tu error de texto de entrada porque están en el mismo tipo de carpeta de la misma manera. Si creo un componente en los stands off esto, se irá, me dejará cambiar entre estos tres porque están en la misma carpeta como se puede ver, contiene dedo del pie Dónde o o yo concurso para enfocarme. OK, así que depende de ti en este caso en particular depende de ti. Si quieres crear, sí un componente y cambiar aquí, la finca tan enfocada o bien, en este caso, lo voy a dejar así. Pero O, si prefieres dedo del pie, crea tres componentes como uno para como el predeterminado, como enfocado o error usualmente qué? Um, normalmente es en los sistemas de ciencia lo que haces, es que creas un componente para ello. Entonces más adelante, ¿qué nos lo debemos y ven aquí Y tú vienes aquí en textos de entrada. Si quieres en una carretera, vas por un error. De acuerdo, Pero he encontrado que cuando estoy diseñando muchas veces, ya tengo algunos textos aquí. Es decir, podrías pensar que estoy haciendo una interacción y tengo que poner un aquí. Mi correo electrónico y yo voy aquí. Mi email, uh dot gmail dot com Algo va de nuevo. El texto. Ese es el único dolor que cuando haces un cambio, tienes que hacer el cambio en todas partes. Entonces en este caso, y cambié lo que está pasando ¿Qué está pasando? Es como buscar aquí. Es un poco raro. Yo quiero aquí a Sí, y quiero cambiar estos nuevos sorteos a la ISS. Bueno, podría. ¿ Lo tenías ya campo e imaginarte en la siguiente pantalla o interacción la razón alguna vez , en lugar de volver a poner esto qué? Creo que es más rápido ir aquí y poner esto como un error y el mensaje del rey venga aquí pretendido. Crítico. Y no tienes que traer otra cosa aquí, ¿sabes? Entonces para mí, es Ah, Es como más fácil dedo del pie a veces cambiarlo en el vuelo. Pero es un dedo del pie de buena práctica. Tener todos los elementos separados, aunque más adelante en lo que estás trabajando, solo haces las sobrescrisiones sobre la pieza principal. De acuerdo, entonces depende de ti Cómo tú en cómo quieres hacerlo. Um, completamente, completamente a ti. Entonces en este caso, sí, por el bien. Fuera teniendo todos los elementos. Ah, como realmente bien, una estructura. Y todo va a estar enfocado en nuestra prueba. Aquí es donde estaba. No obstante, creo que solo lo elimino. Entonces en este caso, voy a hacer de esto un componente. Y esto va a ser D error de entrada de texto. Este es nuestro enfoque. Este es el valor predeterminado de prueba dura. Este es nuestro campo. Cuando cuando yo cuando una entrada es campo, los llamamos campo. Entonces va a ser así. Entonces, sí, esto va bastante bien. Lo bueno de esto es sí. Yo quería mostrarles esto. Te encuentras haciendo una copia de esto y luego creo como un componente. Si lo hago cambiar aquí, todos ellos cambiarán. O si hago como un cambio de la India, um en este caso en particular, había visto esto, así que esto podría ser como el componente maestro de todos ellos. Entonces en este caso, quiero que esto sea primario porque está enfocado y estamos escribiendo. De acuerdo, pero esto es amable un componente maestro a qué? Con lo que suele hacer la gente. Se le ha renombrado esto a Master porque es nuestro componente maestro, debe texto por defecto muy importante. Y esto va a ser un justo en la entrada están realmente en protesta. Por defecto. Y lo que hacemos es sí, crear de nuevo, un componente lo que estamos haciendo. Está haciendo un componente, a menudo de Eastern. Entonces lo que estamos haciendo es hacer un componente con algunos cambios. Como se puede ver aquí en este caso, se puede ver que hay thes símbolo que indica que esta una instancia fuera de ésta, como se puede ver la visa. Señor, este es un maestro. Esto es, um oh, aquí. Este es un componente maestro. Y entonces ahora este es un componente maestro a pero incluye componente de tesis dentro de ella. Cuenta con insumo. Texto predeterminado dentro del en este caso podrían ser estos. De acuerdo, pero en realidad no importa. O sea, vamos a escuchar. Podemos ver aquí la entrada maestra este valor predeterminado. Tiene éstos incluidos en esto. Y hemos hecho algunas sobreescrituras y cambios. Esto bastante guay porque como decíamos, si estamos haciendo cambios aquí, todo cambia. O decidimos que nuestra etiqueta tiene que albergar etiqueta más grande y audaz y todo. Todo cambia. De acuerdo, entonces esto es lo único que creo que es genial hacer. Ah, como con alguna complicación tipo fuera. Al igual que símbolos de anidación. Esto es ah, ¿dónde están los símbolos de anidación? O se llama componente de anidación. Y esta es una técnica crítica. Y espero que lo encuentres interesante. Nosotros en la siguiente lección, vamos a seguir haciendo nuestro el resto de los componentes con iconos. Nosotros bajamos, etcétera. Entonces nos vemos en esto de vez en cuando está menos en 11. Errores y nueva entrada: antes de continuar. ¿ Dónde? Er va a hacer algo. Hemos visto a otros. Las ciencias que lo tiene. Es la parte de los iconos. Está bien. Ah, cada uno de ellos los tiene de alguna manera u otra. Tienen esta iconografía aquí. Sí, todos estos. El oriente de la ciencia. Tenlas A. Así podrás ver que las tienen como componentes y suelen ser del mismo tamaño. Entonces, por ejemplo, son 28 grandes ventas por 28. Todos ellos son 28 por 28 como se puede ver. ¿ Por qué es eso? Para que los puedas anular. Por ejemplo, es si hicimos un componente en instancia fuera de este componente aquí, podemos ver que tenemos estos iconos y tenemos estas categorías aquí. Y luego estos Sólo puedes cambiar los iconos en el espacio. Digamos que se mantuvo igual. De acuerdo, entonces es importante todos los iconos sirvieron igual. El mismo espacio, si lo haces por 28 está bien. Si lo haces por 24 está perfectamente bien a ello depende de cómo estés haciendo tus iconos. Como dije antes, estábamos usando el negro para sus iconos blacking aquí dedo del pie inserte los iconos y eso es bastante genial. Son 24 por 24. Lo que podríamos hacer aquí es convertir cualquier icono a un componente por lo que tendríamos, como, nuestros iconos aquí. Podríamos renombrarlos también. Yo consciente último airplay e invitado poner Alli todos nuestros iconos aquí y estaría bien y convertir este estos nuevos Sí, a por qué viene y ya sabes Pero hay muchos recurso está ahí para los iconos. Acabo de hacer una búsqueda rápida aquí en Google, como enloquecer más iconos. Y simplemente pasa Hay, sí. Ah, expediente. Con todos los iconos aquí en componentes, puedes ver Así solo podemos venir aquí como puedes ver los componentes de Aral Así que sí, podemos copiarlos. Y basado en Moammar en nuestro expediente, bueno, esto no importa, es si es un poco más grande. Posteriormente lo conteníamos. Vamos a basar un más bajo o son iconos aquí. Hay algo de lo que no te he hablado, y es ah, el nombre de los marcos. Ya sabes, hay esta cosa importante que si cambiamos el nombre de estas llamadas como iconos más adelante, si digamos que hacemos una instancia aquí. Bueno, vamos aquí los activos del dedo a ver esto en acción. Por lo que vamos aquí toe activos donde podemos encontrar todos nuestros componentes. Aquí ven que tenemos, como, como, estos iconos, icono de pluma. Y entonces tenemos todos nuestros iconos aquí. Esto es importante. El nombramiento del off the off the yard board también. El nombre como componente propio porque, um, por ejemplo, por ejemplo, en lugar de nombrar a estos MacBook pro cinco con este tipo fuera, um, estúpido. Y llamamos a este insumo, volvemos aquí a los activos, veremos que tenemos entrada de entrada, entrada, entrada, que es una especie de redundante y luego input, master. De acuerdo, así que esto puede marcar la diferencia mientras buscas dedo del pie o 13 4 para nuestros, um, componentes. Lo que significa es que cuando un componente está dentro de otro, um, marco que tiene un nombre, estos hace como el primero, como la primera carpeta. Vamos a llamarlo así. Al igual que la primera carpeta. Entonces, en este caso ya que Haas nombre caliente estos, como entrada, entrada, texto predeterminado. Cuando vengo aquí a los activos, su entrada, entrada , texto, y entonces está aquí. Es ese si es viejo. Pero puedo sólo un encuentro. Nómbrame aquí en el en el componente. Esto en reservado. Sí, solo puedo borrarlo, OK, Porque si está conteniendo esto, nuestro tablero va a tomar estos nombres, el nombre de entrada. Entonces lo que vamos a hacer es sí. Adelante y solo quita estas cosas de entrada. Simplemente quiero mes aquí el maestro, porque quiero diferenciar lo que es realmente ah componente de lo que es. Una manera maestra. No quieras incluir maestros en nuestros diseños. Queremos incluir componentes. Entonces hay algunas personas. ¿ Qué suele hacer esto? Sí. Nombrado a esto como componente o grupo o lo que sea. Por lo que saben que diferencia. Ocho. Pre bueno. ¿ Qué es un maestro de su componente? De acuerdo, entonces depende de ti. El nombre fuera. ¿ Cómo quieres hacerlo? Posteriormente, puedes hacer como un libro renombrando. Están aplaudiendo para Doc. Entonces ahora que tenemos nuestros iconos aquí, lo que quiero hacer, es Ah, romper todo lo que quiero romper a este maestro que teníamos antes. Entonces vamos a hacer, como, como, otro completamente diferente, um, componente. Es por eso que estos instructor que creamos para estos no lo hace Hola, fue arrancar aquí cuando voy y luego uno aquí. Entonces vamos a romperlo. Y sí, así que para eso sólo tenemos que quitar, probar aquí y luego tenemos estos insumos, y estamos bien para ir. Entonces ahora tenemos justicia para, um capas. Tres textos y y ellos de entrada instancia. Vemos que es el fondo con la pizarra ahí, estos que queríamos mantener. Pero lo que queremos hacer ahora es insertar estos iconos que tenemos aquí. Entonces voy a Ah, hacer algo y es copia. Tráeme abajo algunos yo Si lo encuentro aquí en lo único que puedo hacer es ir a nosotros. Está en búsqueda de yo y lo tenemos. Recuerda que los activos son componentes fuera. Entonces tenemos nuestro componente aquí. Y como pueden ver, um, necesitamos cambiarlos a otro color. Yo sólo voy a poner que el's Espere sólo por el bien de verlo más adelante, yo diría que es el color aquí, así que queremos que estos sean a los 16 nosotros. Lo hicimos antes en el positor. Digamos que queremos a ocho píxeles de esto, ¿de acuerdo? Y ahora vamos a poner otro ícono. Escucha eso más adelante. Contenemos a 16 píxeles para que también es. Sí, eso es bueno. Y ahora que tenemos, como, oriente y arranca cuando vengo aquí, podemos ir aquí a instancia. Y tenemos dos océanos van a los componentes maestros. Lo que hacemos es llevarnos a este cebo aquí al apuntar en nuestro icono del ojo. Pero ahora si club goto eye, podemos ver que tenemos aquí todos los iconos, como puedes ver para que solo elijas lo que pensemos que aquí éramos un varón, así que solo tomamos el correo seleccionado y sólo podemos cambiar la Guerra Fría. Vale, entonces sí, Así que esto es un Esto es un pensaría así Es bueno poner componentes aquí. Por lo que más adelante, puedes sobrescribirlos con otros iconos aquí, así que esa es una buena práctica. Entonces queremos con este 1er 2 thes dos ah, capas separadas, la mitad como una periferia afuera. ¿ Por qué es eso? Porque si más adelante, no queremos esto y lo borramos u lo ocultamos. Queremos que el marcador de posición se mueva a la izquierda. Entonces para eso, pero lo hacemos, es crear una periferia, que ya está en su lugar. Simplemente comprueba que todo esté alineado al medio. Entonces cuando las cosas desaparecen, éstas no empiezan a hacer cosas raras arriba y abajo. Y así y esto va a ser, como libre y lo que podemos hacer. Está haciendo techo donde agrupar con todos estos artículos. Entonces ahora podemos hacer estos y estos juntos como un periplo fuera. Y luego cuando podamos hacerle a su ah dedo del pie, veamos nuestras capas. Como pueden ver ahora tenemos sin duda fuera. Recuerda esas dos cajas aquí significa que está encendida. Voy a probar y qué podemos hacer Ahora se pone mensaje oculto por dentro. Prueba como puedes ver, las escenas que hemos colocado. El mensaje oculto aquí va a estar ahí, pero si lo ponemos arriba va a estar abajo. Así que recuerda laicos años en este tipo de programas, como patines o higo MMA va justo de abajo a arriba. Entonces y aquí es justo lo contrario. Entonces es algo raro, pero va así. Entonces ahora vamos a crear nuestro componente, y nos vamos a comprometer a cambiar este coreano nuestro componente porque esto me está volviendo un poco loco. Entonces vamos a este neutral 70 me parece bueno. Eran 60 o 70. Simplemente me olvidé. Esto es 17. Sí. A lo mejor esto es demasiado oscuro. Entonces vamos con un 70 aquí. ¿ De acuerdo? Por lo que ahora tenemos casi todas las posibilidades incluidas aquí en nuestro componente. Entonces, ¿por qué hacemos con estos componentes? Creo que nos conviene solo quitarlo porque tenemos un mejor y más completo, um, um, componente aquí que se va dedo del pie hacer todas las posibilidades ahora en sí mismo, mientras que esto es bastante simple, así que sí, entonces podemos aprender de mis errores. Y ahora tenemos, como, un componente sobre maestro que va a ser, como muster input En curso. Justo, llámalo master input default Porque esto va a servir para muchas cosas. Ya veremos. Entonces ahora solo hacemos una instancia. Sí, lo vuelven a tocar y nos vamos de pie. Empiezo a hacer estos cambios. Podemos hacerlo o no podemos. Entonces tal vez no lo sepamos Necesidad de hacerlo. ¿ Qué? mejor necesitamos hacer su en lugar de Theis, que puede estar un poco fuera. No tan usado. Podemos poner aquí como una flecha. Entonces, como una flecha hacia abajo otra vez. Tenemos que cambiar el rumbo aquí. Eso puede estar un poco apagado. Un poco molesto, en realidad. Sí. Entonces tenemos nuestra flecha aquí para nuestro desplegable y aquí para nuestro correo electrónico. Esto es bueno, porque más adelante, continuamos a donde queramos en cualquier situación. Entonces en lugar de llamar a masterización hermosa, vamos a llamar a los últimos días, uh, uh, arreglamos la falla. Está bien. Y ahora vamos a crear un área de texto. Esto es bastante similar a esto. ¿ Qué pasó? De acuerdo, lo voy a cambiar por otro con la caja. Lo que sea. Realmente no importa, pero algo cambió aquí. Está bien. De todos modos, nos destino que Michael aquí 12. Textarea: así que bienvenidos de nuevo a esta lección en esta lección. Vamos a ver cómo crear estos textos. Ara, estos responsive toma área. De acuerdo, entonces para estos lo que tienes que hacer, solo vamos a vivir así. Entonces, empecemos con estos. Teníamos estos componentes que creamos primero, así que solo vamos a crear una instancia. Deslízalo y vamos a un grupo. Recuerda, acostado turno común J o simplemente ve aquí en grupo y sigues agrupando. Todavía todo necesita. Sí, como, roto. Entonces vamos a quitar. Esto es cosas que no necesitamos para crear esto. Entonces para estos, ¿ves esto peculiar? Puedo oír que podemos. Vamos a crear con líneas. Pero por ahora, sólo vamos a volver aquí y sólo para mover este tenedor de lugar a 16 píxeles aquí. Entonces estamos bien para ir, y luego vamos a crear esta pareja de leones aquí. Por lo que mucho esta esquina, que es la típica um, vengo adelante arrastrar y redimensionar Thes aria. De acuerdo, entonces para eso, vamos aquí en este menú de opiáceos en formas y vamos con línea o puedes presionar. Sí, l Y entonces vamos a ir aquí y seleccionar aquí con tecla tamizar presionada. Ahí vamos a hacer esta línea. De acuerdo, Ahora vamos con el dedo del pie. Simplemente selecciona nuestro 70 neutral y podemos hacer a dos cosas que es sí. Duplicando estos. Y luego, um, hazlo más grande. ¿ Oyes? O podemos dibujar, dibujar cualquier línea que le toca a usted. Y como se puede ver al 100 por ciento de vista, esto es un poco demasiado apretado. Por lo que necesitamos sólo moverlo un poco aquí. Entonces vamos a hacerlo más grande. No vamos a preguntar un píxel aquí en vez de dos. Veamos cómo se siente. Eso es mucho mejor. A lo mejor es un poco separarlo, así que voy sólo a vestir el bit real. De acuerdo, Así que sólo voy a hacer que esto sí. Una gran venta. Sí, algo alrededor de eso tal vez esto no está en la posición correcta. Estoy pensando que tal vez por eso no consigo la sensación bien, podría ser bueno. Está bien. Entonces vamos a aprender sobre las restricciones cómo sobre cómo ah toe para hacer que estas cosas respondan. Y ellos ¿Cuándo cambias el tamaño de esta cosa? No se rompen bien. Esto se está rompiendo aquí un poco. Veremos cómo arreglar eso. Por lo que para estos elemento en particular se lleva área. ¿ Qué? Nosotros lo vamos a hacer. No vamos a jugar con fuera temprano aquí porque queremos algo sensible que cuando hagamos esto, sea receptivo y se puedan ver las conductas aquí. Esto es una especie de escalado, pero no escalar a un sospechoso. Er el positor también se está moviendo. Esto es una especie de escala, ya sabes, Estamos donde él y los mensajes dando mucho de un espacio aquí. Entonces esto es algo que falta. Entonces para eso cuando lo vendemos elementos en fig MMA, aparecen estos panel de restricciones. Y como lo puedes ver, decía dedo del pie una báscula y no queremos que nuestra etiqueta una báscula. ¿ Qué? Queremos esta estancia en el mismo lugar que está. Entonces para eso, lo que hacemos se pone aquí. Sí, eso o se pega a la izquierda y visita palos a la parte superior. Entonces cuando seleccionamos todas estas cosas y hacemos esto, se va a quedar ahí. El mensaje oculto. Nosotros queremos hacer justo lo contrario. Es decir, estar en la parte inferior, pero en la izquierda y en la parte inferior, fuera de nuestra selección. De acuerdo, así que queremos a la izquierda y en la parte inferior están portador de lugar. Lo que queremos cuando hacemos esto es quedarnos ahí. No queremos que sea aquí arriba o algo así. Es sólo porque queremos empezar a escribir aquí y los leones bajarán por ahí. De acuerdo, Así que lugar llamado ahí va a estar a la izquierda en los dos primeros. No, esta cosa, uh, la entrada maestra. Por defecto. Instancia. ¿ Qué? Queremos hacer su escala de aquí a donde nos metamos, tirándola hacia abajo. Entonces lo que tenemos que hacer, es a la izquierda, ¿verdad? Por lo que no hace estos. Creo que los dos palos de la izquierda y no aumenta su tamaño. Entonces, ¿qué? Nosotros queremos hacerlo. Ah, vamos a seleccionar esto. De acuerdo, así que queda encendido. ¿ Verdad? Entonces cuando escalamos o escalas hacia la izquierda o hacia la derecha, Lo siento. Y hasta los dos de abajo. Entonces ahora lo está haciendo correctamente, y pero queremos ser un pegado en el en la parte superior. ¿ Verdad? Y estas las queríamos ser. Vamos a hacer un grupo con estas dos líneas, y lo vamos a llamar droga y lo que queremos. Es estar en el mismo lugar como está ahora basado en el fondo. Si hacemos esto, como pueden ver, se mantiene a la misma distancia fuera del mensaje kin a la misma distancia de este campo de entrada. De acuerdo, entonces para eso, lo que hacemos, se está poniendo a la izquierda. No, perdón ponerte a la derecha, Porque queremos cuando escalamos a la derecha, Peter se queda aquí a la derecha, entonces Pero tú quieres estar Está ahí. ¿ Verdad? Y luego dedo del pie la bora y lo que queremos dedo del pie. Veamos cómo se está desempeñando esto. Cuando hacemos esto, estamos teniendo algunos problemas aquí. Uh, estudiante hacer eso, en realidad. Vamos a ver cómo es Está bien. Voy a hacer un componente de estos para ver cómo funciona el componente. Como puedes ver, esto es un desastre porque sí, hay algo. Estamos aquí, creo. Cómo vamos a ver cómo es el arreglo en la etiqueta. Um ¿qué está pasando aquí? De acuerdo, como pueden ver, se dijo a escala, pero no queremos asustar. Queremos a la derecha en la parte inferior. Ahora estamos hablando. Esto debería ser a la izquierda y en la parte superior, esto sería a la izquierda y en la parte superior. No sé por qué cuando te crearon componente las restricciones, como get gets override. Entonces solo un recordatorio antes de hacer todo lo de las restricciones, asegúrate de hacer tu componente y luego empiezas a hacer las restricciones para ello. ¿ De acuerdo? Para que puedas hacer, como, anulaciones por dentro. Porque si no, todo va a tomar el mismo enfoque. En este caso, se aplica como una escala. Entonces no queremos que en este caso, queremos que esto sea a la izquierda y a la derecha y a la parte superior en la parte inferior. Entonces si vemos ahora, esto se está desempeñando bastante bien. Y esto se está realizando se sospechan. Cualquier cosa se mueve a la izquierda. Cualquiera de estos textos se está moviendo, y queremos ser esta alma ella y ser 40 para su inicio. Entonces es el mismo componente. Si lo ponemos, ponlos uno al lado del otro. ¿ Qué está pasando? Aquí hay algún problema. ¿ De acuerdo? Esto ya no importa. Uh, sí, Esta es una buena. Entonces esto es, como, 84. Y esto Debe ser 84 dedo perfecto. Entonces ahora tenemos a nuestro Dix Aria, el fuerte encendido. Hemos creado nuestro área de texto en. Lo bueno es que hemos aprendido sobre las restricciones sobre cómo controlarlas y cómo hacer que nuestra tesis nuestros componentes respondan en la forma en que los queremos. OK, entonces vamos a la siguiente lección. 13. Cuadro y radiobuttons y radiobuttons: Hey, bienvenido de nuevo a esto. Más un teléfono apagado, creando un sistema decente. Perdón si estás escuchando mucho crack y ruidos en la grabación, pero en realidad hay una alerta de ventana aquí en España, en realidad en Madrid, y mi casa se está cayendo a pedazos. Entonces mis disculpas por los sonidos y grietas y ruidos en todas las grabaciones, pero es como es. Puedo cambiarlo. Perdón por eso. De todos modos, vamos a crear ahora casillas de verificación, y como se puede ver, cómo se hacen casillas de verificación son que tienen, como 84 el estado. Tienen, como un cheque el estado. Y son todas sus fincas, como en intermedias. Vamos a crear en así que no te preocupes por ello. Y vamos a crear también las fincas con discapacidad. Algunos algunos fuera de la sustancia del signo por ahí Datum lo puso. Pero es necesario. Sí, puedes ver que todo se está desmoronando, ¿verdad? Entonces como se puede ver en este orden, el tiempo de las ciencias, simplemente hacen su ante el estado detective estatal y este tipo de estado discapacitado, casi invisible. Y si vamos a la lluvia de ideas, veamos qué hacen. Um, donde se formaron, ¿verdad? Sí, vamos a ver. ¿ Cómo lo haces? Bueno, tienes algo aquí, pero ¿dónde estás? De acuerdo, entonces tienen estos distrito por defecto, Otro detecte personal, este tipo de discapacitados, Pero este tipo de apagado, no sé qué es. Tipo de Sí, es el estado con discapacidad, pero tipo de fueron. Entonces vamos a crear nuestras magníficas casillas de verificación. Entonces para eso y volver a ir al borde son magníficos maquetación. Voy a crear estos un rectángulo apagado 24 por 24 porque estamos en este grado super pixel , y si no recuerdo, Pero fueron cuatro radios fronterizos, así que vamos a ser consistentes, y vamos a ir para poner de nuevo para importantes religiosos aquí. Podríamos ir aquí a tres o a dos, porque en un s'more, los opiáceos aburren, las radios tienden a parecer más grandes, pero por el bien, fuera de consistencia, o por este video en particular y el cosa de las ciencias, realmente vamos a dejarlo así. Um, Entonces vamos por el neutral 70 porque, um, creo que fue nuestro 70 neutral ¿verdad? Sí. Neutral 70. Podemos hacer algo aquí. En realidad, sólo voy a borrar eso. Y voy a hacer una instancia fuera de este este sentir estos maestros sienten que tenemos aquí y lo voy a hacer como 24 por 24. Entonces lo fresco, es si un día estamos cansados de este color y cambiamos a, digamos una lectura, todo va de pie. Prepárate, como puedes ver. Entonces vamos a simplemente mantener esto para estas partícula nuestra Ah, lo creo? Por lo que ya tenemos tesis nuestras chequeras. En realidad, nuestro predeterminado el estado, tan bonita cantidad de ella voy a crear un componente en voy a llamarlo casilla predeterminada. Y luego voy a duplicar esto, y voy a desprender a estos Eastern y voy a traer nuestro color primario aquí, y voy a simplemente eliminar estos frontera, ¿de acuerdo? Y ahora necesitamos un poco Uh huh. Déjame sólo tomar algo. No está tan mal de esa manera. Entonces vayamos a nuestros iconos. Y estoy viendo aquí que tenemos este cheque lo que vamos a necesitar para crear aquí nuestras magníficas chequeras. Bueno, ¿dónde está eso? ¿ Por qué estás posicionando a sus hombres. Está bien. Es hacer cosas raras. Por lo que tengo que llevar a Montali a esta parte del off the screen. Como se puede ver, nuestros iconos, r 24 alrededor de 24 s. así que esto es bastante cool. S Así que sólo vamos a dejarlo un situs. Y por qué esta Buena. Esto me parece bueno. Entonces vamos sólo a Sí, vamos a crear. Eso es un componente aquí, y esto se va a llamar. Ah, Chequeado. Está bien. Está bien. Esto es 30 Fault, y esta es la garrapata, ¿de acuerdo? Y ahora vamos a crear así, como discapacitados nuestro patrimonio de discapacitados Y para estos, lo que vamos a hacer por sí mismos. Siente que este pre parece muy cercano al nuestro neutral. ¿ Quién se pregunta? Aquí, muchacho, esto. Sí. Entonces en vez de apagados, vamos a ser algo así como, no neutros. Va a ser algo así. Sí, así que realmente puedes sentir que está deshabilitado, no como en otros lugares. Y dice que estamos fuera en esta frontera. Nos dio la sensación de que está realmente discapacitado. ¿ De acuerdo? Y lo que vamos a hacer, es una persona discapacitada fuera de esto, que va a ser como en lugar de este azul Vamos simplemente demasiado grande esta discapacitada 12 fue 60 luego apagado 18. Sí, y para ser este dedo del pie, hazlo más discapacitado. Nos vamos de pie. Ponga esto en algo amable. Sí, tienes la sensación correcta. lo puedes ver, pero realmente puedes sentir que está deshabilitado y voy a crear um unece apaga estos? Uh, no, en realidad, de estos porque hay momentos en los que tienes, como, selector seleccionable imagina que tienes mucho fuera de ellos mucho de las casillas de verificación, y luego de seleccionar uno de ellos. Estos si se trata de una ah seleccionable, fondo o casilla de verificación. Esto va a cambiar en algo que lo que tiene su línea prensa l Hagamos una línea aquí. Y así aprendimos las herramientas sobre la línea. Entonces podemos poner aquí esta copa redonda. Aumentamos esto a y tomamos la cancha blanca. Entonces tenemos este tipo fuera intermedio el estado que los científicos a la mitad, si podemos. Cómo se hace esto. Esta es una especie de forma extraña. Ya no quiero esto. ¿ Qué está pasando? Bueno, tengo que comerme eso. Acuérdate de irte. Eso son cosas. Porque si no esto en Naimur Um, sí. Entonces ahora lo tenemos tocarse y yendo a Sí, Quitar esta forma este piense Aquí lo que es ya no quiero este ícono de pluma. Muy bien, ahora. Entonces ahora tenemos aquí nuestra línea. Voy a tratar de posicionarme aquí en medio. Sí, pero si vemos que es amable, no centro. Por lo que tenemos un centro de dos mentalmente. Y sí, esta es su nuestra finca intermedia. Para mí, es demasiado grande. Entonces voy a descomponer esto como dos pastillas. Dos píxeles? Sí, eso es mejor. Sí, eso es mucho mejor. Entonces esta va a ser nuestra finca intermedia. Voy a crear esto tiene componente, y esto va a ser nuestras chequeras Inter, mediado o indeterminado, en realidad. Y vamos a crear estos, Pero deshabilitado, creo que no le di nombre a esto. Voy al tocarlo y a volver a crear un componente. Y esto va a ser por defecto, um, deshabilitado. Y esto va a ser nuestro yo voy a Bueno, esto en realidad no es así. Cómpralo Así voy a crear un componente y llamarlo comprobado, Deshabilitado algunos. Algunas personas, como toe put like set books activated default on entonces o take books, lo desactivaron slash default. Pero lo que pasó desde es que si lo haces así es cuando cuando te quiero cambiar estos cuatro días por eso y vas aquí si tienes make, como, full, ahí está entonces no tienes todos los elementos aquí. Pero ahora lo tenemos. Ya sabes, tenemos Podemos ver el desactivado por defecto que podemos tomar, pero podemos cambiarlo por ah, comprobado. Por lo que prefiero mantener todos mis iconos en el mismo nivel. De acuerdo, entonces en estos indeterminados aquí, vamos a ir por esto para siempre. Y estos iban a ir en lugar de ancho neutro. Vamos con esto. Entonces lo tenemos aquí, y vamos a ir con haber recogido libros, indeterminado discapacitado, y estos malditos libros va a ser un jefe tecnológico ahora. Entonces ahora tenemos todas nuestras batallas. Organicemos. Esmeril será mejor, como en bolso. Y en realidad, voy a hacer algo porque sí, creo que es mejor Sí, verás cómo así, Sí, primero voy a crear eso en lo indeterminado y vamos a ver la escuela nuevo que realmente me encanta. Que es dejar que todo vaya aquí, ir ordenado, alineado esto a la izquierda, y luego se puede adivinar. Cambia estos. Pongámoslo en 16. Entonces nos quedamos en lo grande y en lo que vamos a hacer. Su selecto este lugar. Titular. Bájala aquí y cambia el color, también. Digamos éste desde preescolar. Neutral 10. A ver Utah 20 menos un poco más suave, tenis neutros van a ir y luego vamos a vivir como, oye, oye, grande así que CIA. Está demasiado apretado. Vamos con 16 Te refieres a un poquito Así no te lastimes en los ojos y lo que podemos hacer aquí, es Ya tenemos estos componentes. Entonces lo que podemos hacer esta hora componentes mostaza. Podemos hacer una copia de ellos como dice Eastern, Y lo que podemos hacer aquí, es Ah, ir 2 16 y luego duplicar 16. Podemos simplemente alinear esto al medio aquí. Creo que les estás mintiendo, ya sabes, a Así puedo simplemente duplicar esto. Y como puedes ver, cualquier cosa pasa. A ver si esta mintiendo al medio bueno para ir. Esto se está deslizando hacia el medio a mis jefes. Aquí vamos. ¿ Qué? Y vamos a ver, todo está alineado al medio porque a lo que vamos a Oh, lo siento. Lo que vamos a hacer aquí, es, ah, ah, crear nuevos símbolos con su texto ah, tick books y luego por defecto. Y esto va a ser voy a copiar sus chequeras cosas de texto para no tener que repetirlo. De acuerdo, así que esto va a ser son y tú componente. Y va a haber esos libros y esto está comprobado. Voy a competir. Esto comprobó porque esto va a ser el comprobado y deshabilitado. Se trata del Inter Mediado. Indeterminado. Perdón, me mantengo deletreándolo indeterminado. Entonces esta va a ser nuestra chequera. Checked in, indeterminado discapacitado. BC Es el Ártico discapacitado perfecto. Y este va a ser nuestro defecto. Es un valor predeterminado de texto de libro. Bueno, podemos llamarlo así Discapacitados. No hay tesis desactivadas por defecto son indeterminadas, y esto es y ya las tenemos todas. Entonces esto es genial porque más adelante, cuando vengas aquí a los activos y nos vamos a nuestras mesas más prueba, tenemos todo aquí perfectamente orden y podemos simplemente arrastrarlo. Y tenemos estos y no tenemos que estar pensando en cómo posicionar nuestros son, ya sabes, nuestros técnicos e ingenio. Becario fuera de cheques y todo está en un lugar agradable. De acuerdo, así que vayamos con la pizarra ahí ahora. Entonces vayamos sin fondos de radio. Los botones de radio son más o menos los mismos en esto. Apenas con nosotros vamos dedo del pie hacer lo mismo ahora no voy a ir a lo mismo que es lo que hicimos antes. En realidad podríamos hacer un truco aquí, que es derribar en la oficina de postura. Vamos a volver a poner estos 24 por 24 como lo hicimos aquí. Entonces esto va a ser 24. Podemos hacer aquí es subir esto. Normalmente voy con 100 así que es bueno ir. Es un círculo perfecto. Podríamos hacer esto sólo con un enfermo normal o círculo y podría estar bien, pero sí, por el bien, fuera de la consistencia y por ello es como dependiente del maestro. Creo que ya es lo suficientemente bueno. Entonces veamos cómo otros hacen su, Ah, Ah, su balance de radio. Tienen estos por defecto. Y luego este tipo de chequeado dentro de otro círculo, Vamos a ver, explorar tipo de las mismas cosas. Pero ponen así el círculo, como con este color con su especie fuera Ah, primaria Cole. O vamos a ver cómo brainstorming esto los botones Arabia. Entonces sí, lo hacen así. De acuerdo, um, no estoy seguro de poner Colores para la tasa de átomos. Creo que esta es mejor opción, en realidad, para poner estos colores para ser consistentes con tu con todos los elementos. Entonces para mí, este es el camino a seguir. Este será nuestro defecto. Volvamos a un año para que veamos qué estamos haciendo. Y este va a ser nuestro botón de radio, y a esto se le va a llamar por defecto. Está bien, ahora nos vamos a crear con los pies como éste. Vamos a cambiarlo así, y esto es una nueva caída 80. Entonces vamos a poner aquí como 80 neutros. ¿ Dónde estás aquí? Entonces esta va a ser nuestra Let me sí copias, y esta va a ser nuestra deshabilitada por defecto. Y ahora vamos a empezar a crear nuestro chequeado. Entonces vamos a hacer una instancia fuera de esto, y esto va a ser como si lo vamos a tocar. Entonces no estamos creando muchas cosas en el medio. Voy a un grupo esto, y vamos sólo a poner otro círculo dentro. En este caso, amamantamos todo o vamos aquí y para mandar unos labios o sobre sobre o círculo, estamos basando todo en un duelo de píxel así que estaríamos como super turistas aquí. Podría ser algo alrededor de eso. Pero lo que pasa con esto es que es demasiado diminuto para mí. Entonces voy a ir con los cuatro picks, acuerdo, y esto va a ser como 12. OK, 12 está bien. A mí me gusta cómo se ve, etcétera ¿ De qué 100? Sí, está bien. Podríamos responder esto incluso a eso. No es eso, pero deshagamos mantenerlo al frente, apagado. Eso es bueno. Entonces este podría ser nuestro componente, como nuestro botón de radio comprobado y hagamos una copia de esto y como, hagámoslo así, sí, así. Entonces esta es una instancia en curso solo a Oh, sí. Yo sólo voy a desprenderle el toque e ir con este color. Hagamos de esta pequeña trinidad algo alrededor de que esto va a ser en ningún trote. 60. Estábamos recogiendo aquí 18. No me acuerdo. Veamos de qué color natural 80. Algo así. Sí. A lo mejor esto es demasiado. Necesitamos que esto baje. Sí. Sí, creo que es bueno. No es tan común ver esto, pero sí, tienes la idea, ¿ verdad? Entonces, sí, vamos a crear esto. Nuestro botón de radio comprobado, deshabilitado, y sí, todo está bien. Se trata de 34 discapacitados necesarios para todos. ¿ Verdad? Entonces de nuevo, vamos a ordenar esto, y vamos a poner aquí como la existencia. Por lo que lo mantenemos en la línea fuera de nuestro gran y todo se está alineando bastante bien. Entonces vamos a crear instancias de esto. Y como somos sí, poner todo en la disposición en la codicia, eso es mucho mejor. Entonces ahora sólo vamos a completar este texto aquí. Bueno para ir. Bien, bien, bien. Podemos presionar como ven, Andy, para hacer duplicados de esto, y luego vemos si todo está bien, sólo nos alineamos. A mí me parece bastante bueno. Por lo que vamos a crear un nuevo componente con esto en este caso va a ser radio botón inferior más texto. Entonces este es el predeterminado. Sí, luciendo bien. Entonces voy a copiar ayer, así que tengo que estar, como, yendo y viniendo. Entonces vamos a crear este estado de discapacidad. Entonces vamos a ir a thes, uh, comprobado. Y esta es la SEC. Desactivar. De acuerdo, entonces tenemos nuestras casillas, y tenemos nuestros botones de radio en los fondos de radio. No existe tal cosa, como en el Terminator o lo que sea. Um, entonces creo que ya es lo suficientemente bueno por ahora. Entonces nos vemos en la siguiente lección. Continuar haciendo más componentes. 14. Switchs y etiquetas: Hey, bienvenido de nuevo a esta lección. La casa. En caso de que te estés preguntando, él está aguantando para que podamos continuar con la lección. Entonces ahora nos vamos de pie, um, sacar nuestro impuesto en nuestra botella de suites. Está bien. Como se puede ver, esto es bondadoso la morfología de estos artículos, como off and on y luego el impuesto. Los tenemos aquí y veamos cómo lo hacen los demás. Es bueno ver cómo la gente lo hace ahí en estas cosas. Um, no veo nada aquí, en realidad, sobre eso no tienen, como, dulces está aquí. Parecía lluvia de ideas. Sí, tenemos lo mismo que a menudo ponen. Y entonces el hecho es bastante seguro. Es recinto similar a éste de todos modos, así que tenemos la morfología. El ataque es ayer. Enredar con texto en ocho y algo dedo del pie. Quitarlo. No vamos a hacer el selector. Nunca los he usado para eso. Normalmente lo hago. Yo uso sus armas de radio. En este caso, usé solo concebo. Necesito algo así como algo exitoso. Entonces me acabo de tirar por una Nikon para no hacer un componente fuera de ella. Entonces fuera vamos a crear nuestro componente de dulces. Entonces para eso. Voy sólo a crear una instancia de esto. Y yo sólo voy a desprender los sistemas al ir dedo en grupo lo. Ya ve, está dentro del marco. No lo necesito. Y si hicimos esto es que recuerdas esto viene de master import si todo lo recogemos de este viejo de aquí. Entonces sólo vamos a ponerlo ahí. Pero como puedes verlo, esto es un poco pequeño, ¿ verdad? Yo creo, Sí, es como, esto es 28. Esto es 24. Veamos cómo lo hacen los demás. Esto es 28th Esto es 24. Esto me parece algo común. A ver, tienen, como, un interruptor aquí. Um, tal vez total No, sin interruptor, sin interruptor. Entonces aquí no lo tienen de todos modos. Ah, podemos tratar de hacerlo. Eso es thes. A lo mejor es un poco pequeño, pero vamos a ver cómo va Tan dulce. En realidad, se va de estos en un óvalo en el Sobel. Es como ahí estos lo podemos hacer como, múltiplo fuera ocho. Entonces el con podría ser, no sé, 30 a 40. Esto es 44 no es así, pero esto podría ser 48 48 48. ¿ Ves cómo va? No tan mal. Podemos hacer algo que esto puede ser en lugar de un píxel, dos píxeles. Entonces más no es lo civil que es porque dejará sólo un píxel entre esto y aquello, va a ser realmente, realmente pequeño. Entonces veamos cómo otros posicionan el off está a la izquierda, la oficina a la izquierda, a la derecha, es azul. Entonces volvamos hacia el sistema de diseño y sí, hagamos un componente de esto y esto se va a llamar ¿Dónde estás? Esto vas a ser, uh, no te vayas. Yo quiero llamarlo Tokio o Dulce. Vamos a abordar Y esto va a ser, Ah, Ah, por defecto. Y vamos a hacer una copia de este enojado y vamos a tocarlo. Vamos a traer esto aquí, ponerlo en azul. Hay muchas formas de hacer esto. Algunos otros lo que suelen hacer, es sí, el dolor se apaga esto en azul. Echa un vistazo a esto y esto es como blanco. ¿ Por qué es eso? Porque realmente ves más. Ellas theis elemento, ¿verdad? Se ve más la diferencia entre ambos. Si sólo cambio el color. A lo mejor las personas con algunas discapacidades y algunos problemas más fríos pueden. ¿ Puede un streible conocer la diferencia entre esto y aquello? Es decir, basado en la llamada o escritura. Es por eso que algunas personas en sistemas de ciencia arenosa verán que en algunos fuera de ellos sacaron algo como esto. Simplemente hacen este tipo fuera de pequeño cheque. Entonces estás viendo que la caja de punta es, bueno que este total pero en los dulces se activa. Pero depende. Esto es super accesible. Pero sí, por el bien de nuestro diseño, nuestro sistema de diseño minimalista, vamos a vivir para dejarlo así. Y vamos a crear esto y esto va a ser total. Ah, activo o bien, así que esto va a ser así y lo que queremos hacer, es ah, exactamente lo mismo con él antes de que vayamos a crear Eastern arranca esto y vamos a poner un texto. Sí, esto es complicado porque a veces ah, sabes, pones este schwitz está a la derecha Y el texto aquí. Entonces no es eso ¿Lo usas de esta manera? Pero como hemos creado todos estos elementos con esto, vamos a dedo del pie a hacerlo así y está bien por ahora. OK, así que esto va a ser 16 grandes vendedores. Esto es bueno para ir. Comprobemos que esto en el medio. Lo es. Por lo que vamos a crear un componente en este caso se va a llamar total más texto predeterminado. Está bien. Y esto va a ser yo sólo voy a dirigir de nuevo este texto y gran componente, y esto va a estar activo. Muy bien, entonces estamos bien y ahora vamos a crear nuestro impuesto. Muy bien, entonces vamos a crear nuestro impuesto. Vemos cómo la morfología o Fotakis. A ver si estas personas tienen impuesto ningún impuesto, ni usos Lo hizo 1/2 nada. Bueno, hemos visto que lo grava básicamente, como dijimos antes, cada enredo, un texto sobre algo para quitarlo. Pero aquí hay algo interesante. Como puedes ver, no hacen que las personas de él ataquen este ataque, y es bueno que Ray storming haga lo mismo Así que vamos a hacer cosas de nuestro dueño. Es útil. Entonces aquí vamos a pintar Astor Rectángulo. Saquamos de nuevo Lay lay. Por lo que solo presionamos control G en Mark o simplemente vas aquí a ver y vas del dedo del pie a Así que el diseño crea para que puedas así así. Y vamos a pintar. Um, sí, algo así. Es importante saber que los impuestos a veces están dentro de los insumos. Hay impuesto de importación tipo off. A lo mejor haremos los componentes más tarde. Es una especie de componente complicado, pero tal vez lo hagamos más tarde. Y así tiene que caber. impuesto tenía que caber aquí. Está bien, entonces lo vamos a hacer. Hazlo a partir del 2 24 Vamos a poner aquí para nosotros. Se puede ver cuando estabas trabajando con las formas más pequeñas. Como dijimos antes, se puede ver esto parece más redondeado que estos. ¿ Lo puedes ver? Entonces por eso a veces necesitamos que sí para ponerlo así, y esto parece promover mucho más natural. Ya sabes, puedes sentirlo que es más. Es más no rodar ahí. Vamos a nadar. Sí, vamos allá. Es tal vez tres podrían ser buenos, Pero si ponemos cuatro, si ves es demasiado. Entonces vamos con tres. Porque tres es el en este caso, el número mágico. Bueno, me gusta esta canción, Mort. Sí, nos vamos a ir. Entonces, William, fuera de esto y tenemos voy a quitar el layout. Es un poco molesto. Entonces vamos a poner aquí como nuestros colores neutros o tal vez nuestro neutro inicio a mutuo. A lo mejor necesitamos algo como esta bomba de dedo este un poco. Entonces voy a copiar este marcador de posición va a ser enorme comparado con nuestro ataque, y es que necesitamos algo más pequeño. 13. Se acerca para salvarnos y lo que podemos hacer aquí. Se vierte medico prime o con dispares cool son de color super hermoso. Y quiero venderte algo que no hicimos antes. Um, si creamos aquí en un juguete fuera, bueno, sí mancha. Imagínese que tenemos, como, otro elemento. Ya lo voy a hacer. Se podría pensar que podríamos en este círculo aquí, lo vamos a hacer un poco más pequeño y esto va a ser más adelante nuestro símbolo para cerrar. Quitando esto, creo Imagínate queremos hacer esto como lo hicimos con nuestras botellas al alejamiento y seleccionamos sus todos los elementos y rápidamente aquí en adelante, temprano. Veamos qué ha pasado. Jesucristo lo está haciendo bien. Pero antes de lo que solía amasar. Me sorprende este programa. Está mejorando tanto antes. Lo que hace es que el fondo de esta cosa estaba a la izquierda el texto del placeholder waas fuera de la caja aquí y este thes bottom no era el correcto o el texto estaba haciendo eran cosas Pero ahora está mejorando mucho. Estoy asombrado. Entonces vemos que todavía estamos del lado 14 fuera de nuestro elemento. Y aquí lo que vamos a hacer, Ha venido aquí y buscar un cuervo cruzado Gross. ¿ Dónde se cierran asqueroso o algo así? No puedo verlo. A lo mejor el reciente algo así que hay esta cosa, pero quiero, como, sólo tenemos que hacerlo. Bueno, puedo copiar estos. Sí, creo que puedo. Entonces yo solo voy a ir pedis y traerlo aquí. Jesús. Entonces voy a bajar este dedo del pie 12. Y estos EU solo voy a romper eso al tacto estas cosas porque no me interesa fuera de este círculo en todo. Yo solo quiero que este letrero aquí sea una gran venta. Y esta gran cosa de aquí por estar no lo pensará, también. Y quiero seleccionar barco fuera de ellos y hacerlos más grandes. Sí, algo así. Eso es bueno. De acuerdo, entonces algo esto es mejor para mí. Creo que ahí vamos a aplicar. No conozco algo de este neutral. Esto está demasiado lejos. Está demasiado encendido. Esto va a ser de ocho semanas. Olson parece como una ballena o algo así. Es demasiado débil para mí. Entonces voy sólo a bombear esto. Diseñado para el medio. Está bien. Algo así. Y voy a ver cómo esto Sí, son 27 van a aumentar a ocho. Por lo que este impuesto me queda bien al 100%. Y si tenemos, como, como, minería, tenemos esto y estamos poniendo nuestro insumo nuestro impuesto aquí ya que bastante bueno para mí. Estamos invitando. Tenemos algunos fuera de ellos ocho. Sí, es bastante bueno. Entonces tenemos ataque lejano y lo que vamos a hacer. Es, um, grupo. ¿ Qué? Yo sólo lo quité, lo retiré. Entonces voy a crear esto, y este va a ser el ataque. Ah, por defecto. No he hecho algo, y es como este plus bottom para hacerlo. Um, Sí. Más adelante, si creamos una copia de esto, sólo podemos deliberar. Entonces estamos bien para ir. Um, sí, eso es sentirse bien. Bueno, realidad no se siente bien, porque esto viene tipo apagado activo. Y tal vez yo sólo quiero, me gusta algo así. Creo que esto es mejor. Entonces solo lo voy a dejar así. ¿ Y qué pasa con algo más oscuro? Sí. Esta escuela. A mí me gusta esto. Sí, creo que lo vamos a dejar así, así que sí, tenemos nuestra charla por defecto, y sí, no creo que podamos hacer tres minutos al respecto. ¿ Te acuerdas? Si no quieres que esto solo lo elimine y lo tienes así no necesitamos crear otra Ah, tachuela diferente para esto. Podemos ir con la muerte. Entonces nos vemos Minutos. Lección 15. Dropdowns: Hey, bienvenido de nuevo a este nuevo episodio. En este caso, vamos a hacer el desplegable para estos. Seleccionar. Recuerda que hicimos estos. Permítanme que me quite esto. Recuerda que es este completo, um, componente. Entonces en caso de que no necesitemos algunas piezas en algunas partes del mismo, solo podemos quitarlas. Um, así que quiero quiero replicar estas bajadas aquí. Bueno, apéntate, porque esto es amable apegado a la grúa estos campos, Pero vamos a lograrlo, como, separado que cumple con C. Sí, apaga esto. De acuerdo, así que vamos con el dedo a replicar en algún off algún tipo off, pop over o drop down así. Está bien. En cambio, fuera de esto. Entonces vamos a nuestro tallo de decencia otra vez, Y vamos a copiar esto con, ya sabes, recuerda, con la llave todo, o puedes adivinar copiarlo y pegarlo, y estás bien para ir. Y vamos a hacerlo más grande. Sí, por el momento. Um, en realidad, no quiero el default. No me gustará el enfocado ahora. Por defecto está bien. Entonces imaginemos que aquí tenemos algunas opciones voy a copiar este texto de su posición copia y pegarlo. Y luego simplemente arrástralo aquí. De acuerdo, imagina que queremos, como, un montón fuera. Ah, off elementos en el menú. Vamos a posicionar estos a su izquierda en la parte superior, y luego vamos a agotar. Prueba aquí y nos vamos a separar por 16 o 24. A lo mejor es. Yo sólo lo voy a hacer mi mano para que busquen cómo va. Esto sería como 16. El titular es amable hacia abajo. Entonces para este caso en particular, podemos hacer algo que te hubieras sentado efecto. Si es ah, está ahí la parte donde puedes entrar tengo que comer. Eso es esto. No, Si es la parte donde puedes insertar como Sadow interior, así que deja caer sombras o inserta Sembler horrible y Bagram desenfoque para la boda. Estas cuerdas importan. Lo que haces es simplemente hacer clic en el sol. No puedo y luego aplicas solo el azul que quieres o necesitas, o en estos casos, como 25 lo que usualmente me gusta hacer. Es para ir con mi local Klores el lado de color. Elija antes de hablar. Sam Blue. Bueno, esto es demasiado duro, obviamente. Pero qué podemos hacerlo. Disminuir la opacidad a veces es bueno también para elegir como, um, como no tan duro Negro aparecer negro. Sí, puedes Solo a algún color fuera de tus neutrales. Y bajas estos 2 10 o 2 20 algo así en este caso y vas solo a quitar estos neutros. Ya no quiero tablero ahí. ¿ Qué? Yo quiero esto, uh déjame agrupar esto. ¿ Qué? Yo quiero esto Cuando presiono, les cayeron el botón ¿Estas tipo apagado? Um, sí, están arriba abajo años arriba, ¿verdad? Pero no lo quiero. Tenemos frontera o algo así. Yo quiero que destaquemos. Entonces, ¿así es como vamos a lograrlo? Yo soy. Hay algunos trucos para esto. Hice esto para el try out, y esto es genial, pero, um, porque puedes tener más elementos. Pero como puedes ver, estos no cambian de tamaño. De acuerdo, entonces por estos trabajos, lo que vamos a hacer, Um sí, y lo razonable. A veces cuando eres ah indio trabajando con este elemento, lo que pasa es imaginar que estás albergando algunos de los elementos. Tiene este tipo apagado. Um, como, digamos algo como esto, como, realmente te estás acogiendo. ¿ Sabes a qué me refiero? Entonces cuando lo hicieras Khobar estos antecedentes estarían en el elemento que estoy flotando. Entonces en lugar de hacer esto y trabajar como esperamos y ser como, como más reutilizables o sensibles sin tener que dejar eso lo que dije, sí. Esto se crea un componente fuera de esto. Entonces vamos a crear aquí, Como, en este caso, voy a nombrarlo. Probablemente más adelante, lo renombraré de nuevo. Pero justo ahora solo voy a hacer, como, texto desplegable y sí, texto desplegable. Ah, y voy a poner como, uh, cómo va cómo voy a llamar a estos. ¿ Al igual que Khobar? Sí. Y voy a duplicar esto y en su lugar, fuera de esto y vamos a ponerlo como blanco. Sí. ¿ Y qué es eso? A mí me gusta hacer esto porque de esa manera puedo intercambiarlos, así que voy a ah, dichos hacen otro componente. Esto a partir de esto, y voy a llamarlo como predeterminado. A lo mejor no tiene sentido. Pero ahora tenemos estos dos componentes y vamos a Sí, quitarnos estos. Ya verás por qué estamos haciendo esto. Entonces sólo vamos a poner esto aquí. De acuerdo, entonces van a estar separados por esta parte. Entonces se van a estar tocando entre sí, y Y lo que quiero es que estos rapero sean, como, aumentando Si duplico este elemento de positor probablemente. Bueno, este default si duplicé quiero que esto lo haga que sea tu Ok, Entonces? Entonces para eso, voy a hacer un alejado de esto. ¿ De acuerdo? Yo sé lo que está pasando. Estos son mis amos. Y no se puede hacer esto con mostaza. Tienes que hacerlo con instancias fuera de la lista. Por lo que ahora puedo hacerlo. Y así lo dije yo. Aquí. Fuera. Pruebe. Y esto va a ser, como, como, totalmente receptivo. Entonces vamos con el dedo del pie. Dale ocho píxeles aquí, Arriba hacia abajo. Yo sólo voy a quitar estos de aquí. Y qué pasa ahora Si duplico esto como estos elemento y lo pongo aquí como lo puedes ver , esto es ah, responsive. Ya ves, Bueno, seleccioné lo que no era. Ahora es imagina que no quiero esto Has Khobar. Simplemente lo continúo. O si a esto no le va a gustar más, sólo lo hago. Por lo que tenemos. Ahora tenemos nuestros musters aquí componentes para el texto del placeholder. Y ahora tenemos esto. A veces son que a lo mejor tienes otro tipo de elementos fuera de aquí. Imaginemos que tienes estos, um, vas a tener estos con iconos a A veces necesitas Tom Michaels para pesado o porque puedes reutilizar este componente para un desplegable. En este caso, quiero traer el um sí, esto esto abajo quiero que hagamos. Sí, así que obtienes el punto, correcto que puedes intercambiarte elementos. Entonces esta precuela imagina no nos gustará poner inserto como, um, algunos elementos aquí, como algunos iconos. Entonces lo que hago, es sólo traer, como, como, una basura o algo así. Aquí. ¿ Dónde está un vestido? Aquí hay un fresco. Entonces me voy con el dedo del pie. Hacer una instancia fuera de esto. Tráelo aquí. Voy a cambiar el carbón o y voy a decir, sin rojo sin riff primario. Bueno, en realidad, yendo sólo a sí, como una selección de sexo aquí y veamos dónde estamos y cómo están estos. Voy a tocar esto. Voy dedo inserto aquí, mi ícono. Veamos cómo se construyó. Entonces voy sólo a sobre tesis de grupo otra vez, como una instancia. A mí quiero que me toquen la asistencia. Y luego quiero volver a insertar estos aquí. Podríamos hacer el símbolo como uno con un icono, luego borrado aquí. En las instancias pot vamos a hacer, como, como, un par de elementos fuera, por lo que es más fácil después cambiarlo. Entonces en este caso, y va a cambiar el color es igual que para una opción de borrar y lo que voy a hacer, es ah a estos dos elementos. Tengo un invitado en grupo estos otra vez con estos y estos y va a crear una cosa fuera troy fuera y con estos voy a crear otro layout out. De acuerdo, entonces y ahora estos. Nosotros lo vamos a hacer como un componente como, y esto se va a llamar pruebas desplegables. Hobart va a ser, pero no es crítico. Entonces ahora si estás aquí recordando tienes como un último. Simplemente puedes convertirte en crítico. O podemos simplemente duplicar thes y justo, como, desprender las cisternas y luego toma estos color mi equipo más adelante Quieres, no sé, como un gris o algo así. Y luego san texto así para tus acciones. Mi nombre Tesis. No, esto no es un alivio que yo, como, intente en otra cosa. Digamos como, no lo sé, como un ebit ething más. Vamos por net it. Sí, éste. Y luego cambiamos el mineral de carbón. Tendimos a éste algo como esto podrías entrar. Tienes, como, como, un cada botella aquí, ¿verdad? Entonces podemos crear otro, um, en que podemos llamarlo icono. Entonces ahora lo que podríamos hacer es sólo venir aquí y salir aquí. Bueno, prefiero hacerlo solo en ahí parece nuestros artículos. Entonces venimos aquí y tenemos ese ícono y luego venimos aquí y tenemos una y otra cosa genial . Es si queremos cambiar como el color de fondo. Lo que podemos hacer es venir aquí y hacer a estos como Khobar para que realmente no necesites crear otro a veces es más fácil, pero solo puedes anularlo aquí en el artículo. De acuerdo, así que eso nos haría como otro tipo de componente off. Eso Tenemos nuestro desplegable hecho semana invitadora. Queremos volver al dedo del pie el lugar que vinimos con esto con los resultados por defecto just. Lo tenemos aquí, así que me parece bastante fácil de hacer en pre cool. Entonces así es como bajó y nos vemos en eso es menos encendido. 16. Renaming y plugins: Hey, bienvenidos de nuevo a estas nueva sesión. Y ahora qué? Quería mostrarte algunas cosas interesantes sobre Ah, falsos enchufes de marca. Ya sabes, puedes amplificar las posibilidades fuera de Sigma con jeans negros si estás aquí y vas a enchufar. Entonces vas a estos menú y luego vas aquí a enchufar y te vas dedo del pie hombre, es plug ins. Se pueden ver algunos pies. Er, chadeando algunos aquí. Los enchufes más populares aquí. A los que ya tengo se les dice. Y quería hablar de un tapón en particular, que se llama Renombrar It. Ah, mira, Sí, estos, estos, ¿eh por qué? Yo quería mostrarles estos. Porque si venimos aquí, si estamos en capas, no podemos escuchar los activos del dedo del pie y vemos nuestros componentes locales. Se puede ver aquí que tenemos, como, botones, botón, botón, luego iconos, icono de pluma, que esto no está mal. Pero tal vez no necesitamos esto solo botones y luego iconos. Y entonces nosotros ah, queremos, como, estos no tienen, como, como, botones batallando. Ya sabes, queremos deshacernos de estas primeras partes ah de aquí para que ya no lo necesitemos. Entonces, ¿qué? Nosotros lo vamos a hacer. Selecciona todos nuestros fondos. A ver, aquí en nuestras capas Puedes ver aquí que tienen como estas cosa de fondo aquí Nombre que lo pusimos antes. Pero desde ah, tenemos estos componentes dentro de un marco que tiene este nombre. Qué materia falsa Como hablamos el nombre del cenador como la carpeta principal como thes 1er Y entonces si ponemos botón de nuevo en el nombre fuera nuestro dije, va a ser, como una especie de redundante. ¿ Entonces podrías Montali estar cambiando aquí como el tardío en esta botella? Ah, aquí. Pero no seguimos con eso porque es demasiado tedioso y consume mucho tiempo. Entonces hay enchufes para eso, y éste se llama Renombrarlo. Entonces vamos a ir aquí y vamos a Ah, bien. Reemplazar los años laicos seleccionados, acuerdo. Y cuando queremos encontrar es el botón de texto y reemplazarlo por nada Lo que queremos que encuentre el cambio de texto y lo reemplace por justo, ah, una finca vacía. Entonces ahora vas a ver todas estas batallas y esas cosas. texto aquí va a desaparecer y ahora lo tenemos. Entonces si volvemos aquí a los activos y vamos a los botones, se puede ver ahora sólo se queda botones. Pero no dice que Buttons sea el último. Vuelve a bajar con este tipo off rebounder, y vamos a hacer lo mismo con los iconos. Como pueden ver, yo consciente último por sus iconos. No quiero eso. Yo solo quiero que mi ojo llegue a ser solo iconos. Por lo que volvemos aquí de nuevo iconos del dedo del pie. Y como puedes ver, tenemos dedo del pie que te lean. Queremos deshacernos de estos más adelante, um, ícono. Por lo que volvemos de nuevo a los enchufes, renombrarlo fondo, reemplazamos capas seleccionadas y luego vamos a poner Pluma Icahn. Creo que lo reciente en el espacio y entre la varilla Sí, y puedes previsualizar aquí cómo se van a nombrar estos iconos para que podamos renombrarlo si algunos si, ah, tal vez imaginas que quieres nombrar estos iconos como iconos. Puedes así como sabes, poner aquí algunas cosas para reemplazar esto por esto y estás bien para ir. Se puede ver una vista previa con qué tan bien terminan, pero en este caso, solo quiero deshacerme de este ícono más allá, cosa izquierda espaciosa. Entonces solo perfecto Nombre toma un rato un poco, pero ahora tenemos nuestros iconos, como, en la primera parte. Entonces ahora tenemos Esto es mejor. Mucho mejor, como se puede ver. Está bien. Y el insumo Los creamos. Está bien. Entonces no necesitamos hacer esto, porque en los nombres que sí pusimos aquí, podemos ver aquí en capas. Es No hay entrada antes, así que es sólo Ah, chequeras. De acuerdo, así que esto es, uh, algo interesante. Voy a voy a mostrarte aquí otras cosas negras útiles, por ejemplo. Imagina que dibujamos un rectángulo, Um, y queremos insertar la foto. No necesitas No lo cargues. Y, ya sabes, es un poco tedioso. Entonces puedes buscar aquí cuatro horas, él lodo, queremos un caballo, y luego tú Sí, presiona el caballo que quieras, y está insertado aquí. Entonces este Blufgan honesto más playinus bastante bien es bastante genial. Y otro negro por dentro usa mucho. ¿ Se cuantifica? Cuantifica lo que hace. Es que podría inducir a veces necesitan dedo del pie poner tu no sé, iconos de redes sociales o algo así. Sí, ve aquí por Facebook. Y luego tienes el sangriento y este ícono en el enchufe. Y luego solo persona icono de puerto o sí, doble clic en él. Y bueno, a veces voy a dar clic. A ello no le funciona. Bueno, creo que lo hizo. ¿ Qué debería tener? Sí. Y ahora tienes aquí tu ícono y puedes invitarte, uh, uh, haciendo más grande o lo que necesites. Por lo que 25 recuerdo esta negrura bastante cool. Y cuesta. Permítanme que me quite esto. Y tiene mucho fuera de los iconos de set off. Imagina que quieres iconos de diseño de materiales. Puedes presionar aquí y te vas con el dedo del pie. No quiero volver a deshacerme de esto. Y aquí tienes todos los iconos. Entonces es bastante guay cuando estás descendiendo una interfaz de algo. ¿ Y solo necesitas un icono en particular o un angosto o algo así? Pero no necesitas todos los iconos activados. Aquí solo puedes importante, como escribí. Y luego puedes buscar el ícono único. Es bastante guay es la mitad como el de Modi así así que si no quieres Ah, ponlo de esta manera. Al igual que en cierto aquí. Y lo quieres como hacer como un vector. Entonces después puedes querer dedo del pie Ah, exportado como spg Puedes adivinar Goto ahmadi uno aquí y vamos a deshacernos de la flecha. Y luego tienes el, uh ¿Y qué? Aquí las armas. Correcto. Por lo que encontré este negro en realmente útil. Veamos qué más tenemos aquí. Um, si realmente estás en remolque en remolque, contrasta problemas de accesibilidad de acceso. Y quieres saber si el texto se renderiza escolarizado y, um, las personas con alguna discapacidad de vista pueden lograrlo. Se puede adivinar. Ejecute este enchufe. De acuerdo, Entonces estas peores con esto, yo uso algunos de ellos Así puedes ver aquí algo Ah, discapacidad. La Pascua en las batallas. Sí, es ah. Como se puede ver es principalmente en el en los botones desactivados. OK, pero botones desactivados no tienen que ser. Entonces Así que conoces el mal de Asus por lo mismo que cualquiera de ustedes puso demasiado contraste en ellos. No parece discapacitado. Parece activo o algo así. De acuerdo, Pero el resto de las batallas son. De acuerdo, así que solo quería dedo del pie, um, que sepas sobre blacking es que puedes investigar. Son muchos para poner contenido real en tus diseños. Um, mucho apagado. Muchas cosas que puedes hacer con los enchufes, incluso gráficos y gráficos y poner avatares a la gente. Entonces, sí, echa un vistazo aquí y en remolque en manejar. Bloguear es parte, y se puede ver que hay un montón de ellos. Y, sí, enchufes súper interesantes en lo bueno fuera. La mayoría de los Blufgan dice que puedes tenerlo, o no puedes tenerlos. Pero la herramienta funciona exactamente igual. Entonces, sí, echa un vistazo aquí. Mira este tipo off instala cosa, para que puedas ver Ah, ellos los enchufes más instalan, que es útilmente ellos los más útiles. Así que échales un vistazo. Y te tengo a ti. Disfrutas de usarlos. Está bien. Nos vemos en su sesión de nido. 17. El final. ¡Felicitaciones!: Heiko vacunas una humanidad aquí. Y espero que usted bajo el cristal y el curso y que tenga tierra. Fronteras, siéntate. Y por qué a usted le dijo el sistema de ciencia. Te animo a ponerlo en práctica y hacer tu propio sistema decente. Es este año para hacerlo que explicarlo a veces porque creo que se puede hacer que signifique poco tiempo. Entonces probémoslo y hagámoslo. Entonces nos vemos en el siguiente curso. También lo son la siguiente sesión. Está bien, nos vemos ahí.