Transcripciones
1. Introducción: Oigan, chicos, yo soy que soy diseñadora senior, Truest bank. Y he hecho algún trabajo para algunos lugares, como Mail Chimp y Home Depot en mi carrera. Y esta clase va a ser sobre cómo mejorar tus habilidades de diseño visual en una Debbie X'd. Esto será genial si apenas estás empezando en Adobe X T. O tal vez eres un diseñador de UX. Eso realmente no ha funcionado demasiado contigo, yo o los visuales en el pasado, y estás buscando mejorar algunas de esas habilidades. Por lo que muy temprano en mi carrera, siempre
me sentí muy frustrada de no poder diseñar cosas que fueran hermosas o bien dispuestas. Ella tenía una excelente tipografía, y me tomó mucho tiempo realmente desarrollar las habilidades y llegar a un punto en el que estaba orgulloso de los diseños que hice. Entonces esta clase en realidad va a ser sobre cómo hice eso. La mejor manera de hacerlo, porque sí toma mucho tiempo si no lo estás haciendo de la manera correcta, y te mostraré algunos consejos y trucos y Adobe X'd en el camino para ayudar a elevar tus habilidades. Pero también te dan una base para cómo mejorar tu habilidad de diseño visual en todos los
ámbitos , sin importar qué programa estés usando y qué conceptos básicos puedes seguir para mejorar tus habilidades. Entonces, empecemos.
2. Descripción general: a probablemente la mayor parte para mejorar tu habilidad de diseño visual es en realidad solo desarrollar un ojo para lo que se ve bien y lo que no. Para que puedas buscar cualquier tipo de estándares de fuente que quieras. Puedes buscar cualquier diseño. Puedes jugar con un montón de cosas, pero realmente no empiezas a ponerte bien hasta que sepas cuando las gracias se ven bien o no. Eso suena como la respuesta más tonta, pero es muy cierto cuando se empieza a desarrollar un ojo y se empieza a entender. Este layout es ligeramente diferente a éste, y es por eso que éste se ve mejor es cuando realmente comienzas a mejorar tu capacidad de
diseño visual . Pero el gran pateador es que es difícil simplemente mejorar tu habilidad de diseño visual. Si estás empezando como yo desde ningún fondo de diseño, conoce nuestros antecedentes en absoluto. Realmente no sabes por dónde empezar. No sabes qué es bueno, qué es malo y por qué son diferentes. Entonces el método que voy a usar hoy en día es en realidad usarte. Yo niños y en realidad puedes usarlos yo chicos para medir y calificar a ti mismo en lo que es o no está bien y usarlos
como, como una forma de probar para ver si lo hiciste bien o no lo hiciste. Entonces lo que estaría haciendo en este sentido será llevarte varios yo chicos y tratar replicarlos lo mejor posible. Y lo que esto va a hacer es que va a empezar a entrenar tu ojo y tipo de enseñarte cómo se dispusieron las cosas. ¿ En qué se ven diferentes? ¿ Qué no los hace diferentes? Y a través de esto, sí
comienzas a desarrollar un ojo para ello después de haberlo hecho lo suficiente. Y así puedo asegurar dos métodos en esta clase uno va a estar simplemente copiando un Te gusta
tanto como sea posible. Sé que suena tan raro, como si fuera diseñadora y necesito ser creativa. Necesito hacer cosas nuevas. Pero en realidad copiar otro buen trabajo es la mejor manera de aprender cómo se hace el buen trabajo. Y ahora no le estoy diciendo a nadie que salga por ahí y copie el trabajo y finja que es tuyo. Pero puedes copiar el trabajo como práctica, y te va a ayudar a aprender más rápido que solo sobre. Cualquier otra cosa lo hará. Entonces voy a estar usando un par diferente Tú cohetes aquí y lo primero que va a estar haciendo es en realidad sólo tratar de copiar un par de pantallas exactamente y ver lo cerca que podemos conseguirlo. Y entonces la siguiente parte intentará tener una pantalla similar, copiarla hasta cierto punto, pero luego cambiar el tema y cambiar el estilo y empezar a inyectar nuestra propia personalidad y nuestro propio tipo de estilo y tema de diseño y qué es esto va a hacer poco a poco, una vez que tú Una vez
que copie lo suficiente, vas a entender cómo se dispuso el aire, cómo las cosas necesitan funcionar. Y puedes empezar a inyectar tu propia personalidad, inyectar tus propios temas y empezar a hacer que las cosas sean únicas y diferentes a tu manera. Pero de todos modos, vamos a empezar con esta primera parte.
3. Fondo: Entonces, antes de empezar, solo
quería darles un poco de antecedentes sobre tipo de este método de aprendizaje, diseño
visual y algunos conceptos básicos del mismo. Entonces lo grande es que el buen diseño visual en realidad está comprometido de un montón de
cosas diferentes . Es decir, los colores, los afeitados, la
jerarquía, diseño y todas estas cosas realmente tienen que juntarse para crear algo que sea hermoso, crear algo que funcione. Y así la segunda parte de eso es que también se deben practicar juntos porque aprender una sola cosa no va a completar el cuadro para ti. Realmente tienes que aprender todo juntos. Y ese tipo de trae a la luz la mejor manera de practicar es en realidad copiando. Y sé que se mencionó antes, pero solo quería reiterar y también explicar que no lo soy. Esta no es mi idea. Es Hay un gran libro llamado Robar como un artista. Es por Austin Klay on, y la idea es que nadie nace con un estilo. Desarrollas un estilo al experimentar cosas diseñando cosas probando cosas nuevas, y así es justo como aprendemos. Aprendimos copiando personas que son mejores que nosotros, y es solo la mejor manera de hacerlo porque realmente reúne todos esos componentes . Es de una vez y te permite aprender todo al mismo tiempo. Y por suerte vivimos en alcanzar la edad donde tenemos regate. Solo hay toneladas y toneladas de cosas. Descansa una mirada para tenemos instagram Pinterest. También hay todo tipo de otras cosas que tenemos ahí fuera . Aprende de copiar de Teoh explora para ayudar a obtener motivación. Pero el tipo de salvedad a eso es esa copia No robes. Um, copiar es sobre reverts Ingeniería. Se trata de aprender. Cómo se hace algo no se trata de tomar algo y usarlo como propio o usarlo con fines
de lucro. Entonces solo ten eso en mente, usando este método y tipo de lo que la verdadera intención está detrás de él y la forma en que me gusta
mirarlo y la forma en que me gusta. El motivo por el que me gusta usar a tus hijos es que es como reconstruir un auto. Sigues siendo ingeniería inversa, pero contigo, podría tener acceso al manual si solo tratas de recrear algo a partir de una imagen o algo que viste que te gustó antes en el pasado, normalmente no haces ese gran trabajo. Y tampoco sabes por qué no hiciste ese gran trabajo. Entonces te gusta es un buen recurso porque puedes volver atrás y comprobarte tú mismo y ver qué había ahí no estaba funcionando. Y sólo una cita que realmente me pegó del acero como un artista. Por favor, revisen ese libro si ustedes chicos, pero como, pero empiezan a copiar lo que aman. Copia, copia, copia. Y al final de la copia, te encontrarás. Y creo que eso es absolutamente cierto para un diseñador porque no empiezas a saber cuál es
tu estilo. No empiezas a saber hacer las cosas. Asombrosamente, tienes que aprenderlo, y lo aprendes copiándolo. Pero yo sólo quería dejar esa nota rápida ahí antes de saltar a la clase.
4. web: navegación: por lo que el 1er 1 realmente utiliza este viaje de África Lo eres, chico. Entonces esta es bonita porque tiene tanto,
um, um, pantallas de
escritorio y flujos móviles. Entonces lo primero que podemos hacer es seleccionar un escritorio en una pantalla móvil para tratar de replicar y otra vez, parte de la razón por la que me gusta usar, um, ustedes me chicos para practicar Diseño visual es realmente porque se puede entrar y seleccionar entender, como los tamaños de fuente. Se pueden ver los colores que la gente estaba usando. Se puede ver justo todo como el diseño de espaciado. Lo que esto hace es que te permite tener una herramienta para comprobar qué tan bien lo hiciste. Entonces lo que vamos a estar haciendo es intentar replicar una de estas pantallas cuando desde el escritorio y una desde Mobile tratando de replicarla y conseguir el estilo visual, entonces algo genial nosotros mismos en lo bien que lo hicimos al volver a ti me gusta y tipo de comprobando tamaños de fuente y cosas, también, ver especie de darnos un gran más o menos así que lo primero que podemos hacer es realmente exportar una de estas pantallas. Entonces podemos hacer lo mismo desde una de las pantallas móviles, y sólo estaré haciendo una pantalla por cada una de estas. Podrías hacer toda la app. Casi sugeriría eso si realmente estuvieras tratando de practicar. Pero sólo para los propósitos de esta clase, sólo
voy a hacer. Una pantalla es un ejemplo. De esa manera, no
llegaremos a profundidad. Y así una vez que exportamos uno de esos, lo primero que podemos hacer es crear enfermos. Por lo que el 1er 1 estará haciendo en realidad es la Web, la versión de escritorio para que podamos crear un nuevo archivo Web. A 12 80 por 800 cambiar el tamaño de la pantalla. De acuerdo, entonces lo primero que haría es en realidad arrastrarme. replicará la imagen de esa pantalla de escritorio, y una cosa que me gusta hacer aquí está bien,
es en realidad cambiar el tamaño de la pantalla, así que no la copiamos Exactamente. Eso lo hace un poco demasiado fácil si su tamaño es completamente igual. Entonces nuestro objetivo principal va a ser tratar de replicar esto lo más cerca posible en esta Nueva York, y obviamente porque es una imagen, no
podemos simplemente entrar y copiar y pegar nada. Simplemente tenemos la referencia visual para que tipo de tener que descomponer la pantalla pieza por pieza y entender, ¿Por qué se ve bien? ¿ Qué está funcionando bien aquí y cómo podemos replicarlo? Entonces el primer lugar que me gusta empezar normalmente es tipo de la cabecera. Seguiremos adelante y aguanté. ¿ Eres prensa? Son Eso es un atajo para rectángulo. Y entonces podemos tipo de dimensionar este cualquier tamaño que pensemos que es proporcional a nuestra imagen por aquí. Y puedes jugar alrededor de Teoh como no siempre lo haces bien o zancadas, sino como jugar con el dimensionamiento. Aquí. Seguiremos adelante y cambiaremos esto al color que creemos que es. Y así podrías usar la herramienta cuentagotas y seleccionar colores de la imagen. Pero eso hace un poco demasiado fácil. Al menos si estás practicando, intenta seleccionar el color por tu cuenta. Entonces voy a asumir que esto es negro. Podría ser un negro ligeramente apagado ahora que lo estoy mirando, así que nos ajustaremos. Esto sólo un pelo justo por aquí. Y lo que podemos hacer está bien, si estamos cerca de una coincidencia de colores ve y guarda ese color también, porque probablemente lo usaremos en Irán. Pero esto es una especie de Ah, la primera pequeña nota a notar es la forma de mejorar tus habilidades de diseño visual es que
todo está en los detalles. El motivo por el que las cosas se ven bien es porque los detalles súper pequeños aire consistentes en la misma lo largo de una pantalla o la experiencia. Y ésta es pequeña,
por ejemplo, por ejemplo, pero notarás que en realidad no es negra. Lo rápido de hacer sería simplemente entrar aquí y cambiar el color a negro inmediato. Pero son ese tipo de cosas pequeñas las que realmente tendrán que prestarte atención porque eso es lo que hace que el diseño visual sea bueno. Al igual que el espaciado de las cosas, el tamaño de los iconos, la forma de. Entonces estaremos buceando en mucha de esa profundidad aquí, pero seguiremos con este encabezado. Entonces si miramos por aquí, notan
que hay 12 o cinco. Entonces tenemos cinco pestañas en la parte superior, esta página, así que presionaré T para no sacar mi herramienta de texto. Lo primero que haré. Sigue adelante y crea un título. No, no
sé cuál es esta fuente exactamente cuando tipo de tramposo puedes usar si no vas a cambiar la fuente. Al menos cuando estás empezando y solo estás tratando de replicarlo con el dedo del pie. Exactamente. Puedes volver al archivo y comprobar cuál era ese fondo, porque puede ser bastante difícil igualar estas fuentes. Entonces si entramos aquí y seleccionamos, es un profesional de la agudeza. Entonces vamos a tomar el lejos de eso. Y luego si solo seleccionas este texto aquí y comienzas a escribir, en realidad
puedes usarlo para sacar fondos, lo que te ahorra mucho tiempo. Ahora, no
voy a buscar ninguno de los tamaños de fuente o espaciado son, um algo que usar el archivo? Pero como dije, sí ahorra un poco de tiempo usar los mismos pensamientos que están usando porque puede ser una molestia probar el dedo del pie igualar esos. Entonces si notamos la parte superior aquí, es un fondo pequeño. Su tazón lo hizo. Y entonces eso es lo que voy a tratar de replicar por aquí y especie de estimar el tamaño de fuente prueba 16 Bold. Creo que eso va a estar bastante cerca y luego cambiarlo dedo del pie espera. Y sabemos que hay cinco pestañas en la parte superior. Entonces, en realidad, lo que voy a hacer aquí podría ahorrar un poco de tiempo. En realidad voy a seleccionar este primer título y luego usar Pete Grid aparecer en la parte superior, luego arrastrar cinco hacia fuera. Por lo que usar la cuadrícula de repetición como esta es bastante útil porque en realidad podemos ajustar el espaciado seleccionando entre los títulos y tipo de tirarlo dentro y fuera. Y eso sólo nos va a ahorrar un poco de tiempo tratando de conseguir que el espaciado sea preciso. En realidad podemos tomar esta grilla de repetición y golpear el botón central aquí arriba y luego que
podemos tipo de juzgar y adivinar el posicionamiento. Por lo que han descubierto plan de viaje. Todos los tours, hoteles son blob, y parece que esto en realidad puede ser un poco más pequeño. A lo mejor hay un tamaño de fuente diferente. Entonces con Ackman Pro, solo
hay cursiva regular,
negrita y negrita cursiva, lo cual es algo bueno. Por lo que sabemos bastante seguros de que esto es un negrita Algunas fuentes podrían tener 10 pesos diferentes. Podrían tener como una luz media de Ben, por lo que es un poco útil. Ese documento sólo tiene un par de tamaños de fuente sur, por lo que esto definitivamente es probablemente un negrita, aparecen centro. Esto lo que podemos hacer es simplemente replicar este tamaño de fuente. Ahí hay títulos. Disculpe. Entonces tenemos viaje de descubrimiento, entonces nuestro bloque es mejor, y en una cuadrícula de repetición se puede actualizar el texto como lo hice aquí, y a veces es un poco difícil de encontrar. Pero si se cierne entre donde hay donde se puede empujar hacia fuera, eso es porque se pone un poco lleno cuando se cambia el texto. Y si haces doble click justo ahí en Descubre y un pull alguna vez lo redimensionas, vamos a tener un poco digo, lee sobre sus looks. OK, Senador de nuevo y tipo de comparar y contrastar, así que esto en realidad podría ser un poco más pequeño, así que un doble clic final. Lo que voy a hacer ahora es cambiar esto a 14 y si te darás cuenta en la cuadrícula de repetición, realidad actualiza todas las fuentes a la vez, lo cual es genial. Es un gran ahorro de tiempo, así que si minimizamos eso nuevamente y lo centramos aquí arriba, se está acercando bastante. Yo diría que eso es bastante exacto porque de nuevo, la forma en que vas a juzgar esto sin tener una comparación exacta, es que realmente estamos buscando desde el espacio. Además, solo
estoy dibujando un rectángulo es un tipo de ejemplo del espacio. Y si sostienes todo y
arrastras, puedes conseguir en dirigir por aquí. Entonces estamos viendo,
como, como, el espacio y colocamos fuera de la pantalla una de las grandes porciones y tratando de conseguir estas bastante precisas porque el título que titula aire en el medio y luego estas grandes porciones en el lado o parecer relativamente similar a esta lata para comer esos y las próximas cosas que podemos hacer es realmente replicar esto. Ve aquí en la parte superior izquierda. Lo que en realidad voy a hacer es solo probar marcador de posición de rectángulo por ahora. Dibuja el rectángulo hacia fuera esto un poco, luego muévelo posición relativa a esto. Probablemente sean alrededor de 75 y no me voy a preocupar por llenar esto con un ícono todavía . Eso haremos en un segundo, y lo siguiente que voy a hacer aquí es en realidad seguir adelante y establecer la cuadrícula para la página. Entonces si haces clic en el tablero de arte, es como la cuadrícula. En realidad verás que obtienes estas líneas de cuadrícula automáticas que surgen, generalmente bastante útiles para empezar. Pero si notan que en esto, la cuadrícula es definitivamente más ancha. Entonces lo que haremos es ajustar este cred por defecto para poder usarlo más adelante. Así que calma qué canaleta lo. Pero, ¿qué? En realidad podemos cambiar aquí e intentaremos ajustarlo para que sea bastante similar. Intentará 100 ir tal vez 90 y solo tipo de seguir jugando con esto hasta que los huevos sean precisos . Y si te darás cuenta tienes que jugar y asegurarte de que sea partido? Dijiste que probaremos 80. Es así como dice 88 año, siempre útil entrar y cambiar ese lado también, porque lo que está haciendo aquí cuando trata de equilibrarlos. Y si no corrige
éste, le guiará el espaciado aquí. ¿ Qué es probar? Dijo. Esto es bonito, pero se nota en el lado izquierdo del lado derecho, las rejillas un poco diferentes. Entonces realmente hacer es tener que jugar con el ancho de la columna sólo un poco, y las formas más fáciles realmente cambiar de nuevo a este trabajo que para que haga el tipo de ingenio aquí en el borde aquí. El mismo. Entonces, ¿esto en realidad va bastante cerca a los 78? Miras atrás aquí y estamos como que estamos tratando de medir este lado con esto. Uh, entonces ahora completamos este otro encabezado final Así que tenemos un nombre, un perfil, imagínate nombre y un desplegable. Y ese ícono de búsqueda es lo que podemos dio causa Voy a golpear E para crear el círculo y voy a sostener turno de opción y eso va a dibujar un círculo alrededor del punto central V para traer mi herramienta de selección y arrastrar esto a su lugar y tomo la frontera alejar, alejar el zoom y tipo de mirada a la referencia para esto. Entonces creo que es un definitivamente un poco más pequeño. Tantos usan opción shift drag, místico en algunos. Eso está un poco más cerca. Entonces también vamos a soltar ese nombre junto a él. Parece que el nombre es un poco más pequeño spot hombre son cabecera voy a hacer. Es sólo doble rápido en esto y luego copiar comando C comando v pegarlo. Contratar esto más y sólo voy a nombrarlo. Emitimos un nombre falso John Smith Volver aquí. Parece que también puede ser audaz, pero sólo una esponta mucho y el título. Entonces lo intentaremos. A lo mejor ahora usado Shift Select. No tan bien. Conduce más de un poco y luego notarás si tienes redimensionamiento responsive encendido por aquí en un pop up para explicarlo impresionante, realidad
podrás tirar de este elemento con este lado del lado y hacer que se ajuste relación con el posición de este. Eso es bastante útil. Entonces si alguna vez necesitas vender turno para seleccionar ambos, y puedes jugar con él. Entonces sabemos que también tenemos este desplegable por aquí, y presioné p para que aparezca la herramienta de pluma y luego estoy sosteniendo shift y shift va a hacer
que se encaje en estos ángulos, y lo haremos en un ángulo de 45 grados. Tráelo hasta aquí. Haga clic de nuevo. Están sosteniendo turno. Todo el tiempo lo va a tener en un bonito ángulo de 90 grados. Esto hacia arriba cambió el color en un blanco y el tamaño probablemente dos a Si miramos hacia atrás en esa referencia, se trata de ello para ti o tal vez un 1.5. Y una cosa a notar aquí en esta imagen va a ser difícil para que realmente veas esto, Pero probablemente no es un borde plano aquí. Creo que este es un borde redondeado, y podemos comprobarlo de nuevo en el archivo a usted cuando terminemos. Pero si vuelve a seleccionar esto la flecha desplegable hacia abajo por aquí a la derecha, podrás cambiar los extremos de la línea. Entonces si notan que este es el extremo redondeado, ahora tenemos ese redondeado y también el desplegable a su alrededor. Bueno, para que podamos hacer ese partido como si fuera a igualar por aquí. Y estoy bastante seguro de que rodeado, pesar de que es difícil de ver aquí pero puede comprobarlo más tarde. Y así son pequeños detalles como ese, pero en realidad hacen una diferencia bastante grande, porque si piensas que estás dibujando 100 flechas como esta en la pantalla, pero ninguna de ellas tiene ese borde redondeado, y hace un impacto bastante grande en cómo se van a ver los visuales. Cuando termines, arrastraremos. Se acabó. Parece que puede necesitar ser un poco más pequeño. Tal vez incluso la fuente puede ser un poco más pequeña, también. Voy a probar 10 y luego voy a rastrear esto más de un poco y redimensionar sólo un poco que estoy sosteniendo todo turno cuando redimensiono lo hace alrededor del centro. Se está acercando un poco, y creo que necesitamos poner esto solo un poquito. Por lo que mucho de esto va a ser un ejercicio de Justin y un tipo de repetición, como asegurarse de que el dimensionamiento y espaciado de todo sea correcto y simplemente hacer que coincida lo cerca posible. Porque cuando algo tiene, como buenos elementos de diseño visual,
es porque mucho de este espaciado es muy exacto, y sólo tenemos que asegurarnos de intentar replicarlo lo más cerca posible. Y luego estoy usando a Ault en esta rueda de desplazamiento para acercar y alejar. Um, por eso
estoy como tendido alrededor de la pantalla tan rápido. Por lo que lo siguiente debilita dio. Entonces voy a dibujar este ícono de búsqueda. Podemos golpear el para una herramienta de labios que estoy sosteniendo turno de opción para tirar de eso hacia arriba. En realidad, este es el borde hacen de este blanco el tamaño, también. Entonces una cosa a saber está bien, porque este héroe desplegable tiene los lados de dos en la frontera. Eso significa que casi la mayoría de los iconos y el resto de la página también tendrá este tamaño. Entonces esa es una especie de nota importante de tener. Si miras por aquí a estos iconos, probablemente
va a ser la misma historia con ellos. Probablemente tenga un borde de dos, por lo que es bastante importante tratar de igualar estos tamaños lo más cerca posible. En ese primer ícono que dibujas porque tipo de replicará qué más está pasando en la página y luego dos. También estoy usando la barra espaciadora para sacar esta mano. Y así es como, como estoy haciendo clic y panorámico a través de la pantalla, Por cierto, así dibujará el y el ícono de búsqueda el tamaño coincide con dos. Cámbialo dedo del pie blanco y también alrededor del extremo, porque estoy redondeando el extremo ahí. Yo lo voy por aquí también, y luego soy un selecto ambos de estos y acaba de golpear el comando G o controlado G. Y cuando eso va a hacer es agruparlo por aquí y luego buscaré una vez más para comprobar el espaciado de esto cada aquí. Creo que es un poco más pequeño y luego lo tengo. Eso es lo que voy a hacer en realidad es hacer este poco más pequeño. Y estoy sosteniendo turno. No estoy bajando esto solo un poquito y luego redimensionarlo para que no podamos ver el final de esta línea. Y hago lo mismo con esta línea. Teoh, voy a sostener turno y tirar de él en sólo un poquito. Pero también voy a empujar esto hacia fuera sólo un pelo y luego mantener turno para dormir estos elementos y arrastrarlo un poco justo sobre ahí probablemente sea correcto. Nos estamos acercando bastante con un encabezado. De lo siguiente que podemos saltar sobre ti. ¿ Esta imagen está aquí abajo?
5. web: el cuerpo de la página: y de nuevo estoy subiendo la herramienta de rectángulo. Voy a tratar de igualar este espacio que está ocupando, diría probablemente Ok, aquí sea solo un aquí más grande y luego lo que podemos hacer aquí es una vez que tengamos este tipo de
marcador de posición para una imagen que es realmente podemos ir al navegador Web y uno sitio web Me encanta usar para imágenes como pixels dot com. Um, ten una tonelada de imágenes realmente de alta calidad, y son libres de usar. Entonces si escribimos en la mayoría, ya ves que tienes una tonelada de imágenes de súper alta calidad de las que puedes sacar. Y una de las cosas más grandes de crear como tú yo pantallas así específicamente es que realmente necesitas estar usando alta calidad, alta calidad y gran fotografía para ellos, porque eso es en realidad un enorme impacto de cómo va a mira, aunque te pongas como el dimensionamiento tecnológico, el espaciado, el diseño correcto, realmente todavía necesitas una buena fotografía para realmente juntarlo todo. Entonces, por eso usar algo así como píxeles es un gran recurso. Creo que ha tenido un león en ella. Ah, elfin para que en realidad pueda mirar hacia arriba. Puedes intentar replicarlo con elefantes o no cualquier cosa que tipo de que se ajuste al mar conmigo y probablemente sería divertido y siéntete libre de solo ser un poco quisquilloso con esto y seleccionar los que creas que se ajustarían al tiempo de desorden. Algo así como en estas líneas, en realidad. Por lo que descargado esto. Sólo voy a arrastrar esto. Entonces una de las cosas geniales esta puedes tener una forma en la w x d y luego solo tienes que arrastrar una imagen encima de ella. Y si doblas rápido, puedes darle forma y redimensionarlo. Entonces tendremos a este león recitado por ahí tan especie de conseguir una imagen para mapear este encabezado. Y si queremos apagar la grilla, ser lisos. El tablero de arte. Como que veo cómo se ve hasta ahora. Y solo una nota rápida para ti sobre esto porque lo arrastramos desde afuera. Notarás que los rectángulos aún tienen el borde en él. Sólo asegúrate. ¿ Seleccionaste esa frontera? Deberías estar bien ahí. En realidad voy a hacerle este color a este Tahir. Más oscuro también. Incidentes de cosa si alguna vez ves algo que sin duda necesita ser ajustado, puedes ajustarlo sobre la marcha porque va a verse un poco diferente cuando tengas imágenes caídas en lugar de ese fondo blanco tan genial y guardar esto de nuevo. Y si alguna vez quieres eliminar un color ahorras el año correcto. Todo lo que tienes que hacer es arrastrarlo y luego lo borrará, lo cual es algo confuso. Pero me tomó un tiempo averiguarlo. Entonces lo siguiente que podemos hacer es una especie de poner estos destinos peleados aparecen así que t para traer hacia arriba destino nuestro texto. Disculpe, y podemos poner destinos. ¿ Y qué ideas dejaron en línea? Esto y en realidad se puede seleccionar texto de área de dos años punto texto. Disculpe? Lo que eso te permite a Dio es realmente agarrado este fondo en una escala. El texto arriba. Entonces nos alinearemos con nuestro ícono ahí, luego en realidad arrastramos el tamaño hacia abajo sólo un poco. Entonces ahora que tenemos nuestro encabezado en y tengo bastante confianza en el espaciado de nuestro encabezado , puedes empezar a juzgar este texto desde el encabezado. Por lo que sabemos que esto se trata del tamaño para esto. Y si notarás el espaciado entre medias, este texto está mucho más cerca de lo que es aquí. Y en realidad se puede ajustar eso. Entonces aquí mismo justicia el espaciado entre cada personaje para que podamos intentarlo. Negativo 10 en realidad, O otra opción es opción de retención. Se utilizó el botón del teclado, la flecha izquierda en el teclado. Mentí. Esa no es una opción real. Simplemente puedes pegar dedo del pie ajustándolo ahí mismo. Entonces si quieres intentarlo, quiero decir néctar 30. Empiezas a acercarte un poco más el espaciado. Entonces aquí, si miras, está casi tocando el d s aquí, y todavía estamos un poco demasiado lejos para eso. Entonces podemos intentar y negativo 40 entonces tipo de seguir jugando con él hasta que se trate de lo correcto. Tan probablemente negativo. 60 está cerca, y también se ve nuestra imagen porque es un fondo más claro. El texto en realidad no está apareciendo también. Entonces si te quisieras incluso podrías soltar otro rectángulo y yo presioné ya crear el rectángulo que vamos a hacer es solo hacer un poco de superposición con ese negro. Y luego tocaré comando soporte izquierdo. Se lo va a mandar al revés, y se puede ver que pasó por aquí en el comando izquierdo raquetas de izquierda y algo hacia atrás y en comando hacia adelante corchete su cierre, el prólogo, y luego puedes ajustar la capacidad. Entonces de esa manera haremos que nuestro texto se muestre un poco mejor. Tú a cerca del 18%. Solo para que sea bastante similar ahí. Y entonces tenemos el texto. Debajo son los principales destinos en África, y así me desplumé t de nuevo cuadro de texto, arrastre este abierto y escriba. Entonces, claro, mi teléfono también es mucho. Bigs probablemente bajará esto a cinco avisos. Definitivamente es regular lo que está saliendo de esto y una cosa a notar. Bueno, verdad
quiero espaciar este texto de nuevo para que coincida con esto y luego reducir el tamaño tal vez como adolescente. Y otra cosa que puedes hacer es en realidad, si se cierne en el lado izquierdo de nuestra pizarra, puedes traer a Dios. Bueno, en realidad, alinear esto hacia arriba. Y una cosa a notar, porque este cuadro de texto es un poco más pequeño, el tamaño de fuente en realidad no se alinea a la perfección, así que eso me vuelve un poco loco, así que en realidad voy a hacer un slick este título aparece el teclado dejó héroe para empujarlo un poco De esa manera, verdaderamente
se alinea. En términos generales, siempre
es bueno chequear o algo verdaderamente se alinea así porque realmente puede hacer que
la página se vea fuera. Si lo haces en el cuadro de texto, notarás que eso en realidad es mucho espacio, que está apagado. De acuerdo, entonces ahora que tenemos este título de imagen ahí arriba, lo siguiente en lo que podríamos trabajar es una especie de esta área. Entonces lo primero que podemos hacer es realmente hacer este título, y el tamaño de la fuente se ve bastante cerca de ti. Ese subtexto ahí, el espaciado se ve bastante cerca también. Entonces lo siguiente que podemos dio tiene en realidad sólo copiar y pegar C Comando V y estoy
aguantando . Ah, turno para arrastrar eso hacia abajo, también, para que se quede una línea. Haremos el color. En realidad vamos a usar este color. No sé si es que dejas negro extra conocido. No creo que sea completamente negro, así que usamos esa escena y es audaz Destinos principales y luego estás como sacado de una
del relleno que esto tiene en la parte superior e inferior y cantidades probadas que es mejor en lo correcto hay bien. Y luego otra cosa que puedes hacer es que voy a usar un rectángulo. En realidad midió esto. Yo estoy sosteniendo. El descanso son y mantenga el turno el rectángulo para subir es un cuadrado. Y entonces así este es un 45 y solo voy a asegurarme de que haya 45 por debajo vis o empiezo en este tipo de bloque de imagen de imagen. Y entonces cuando pueda hacerlo en realidad voy a mantener eso ahí por un segundo. Estoy dibujando esta porción inferior. Entonces ahora hay una imagen debajo. Entonces van a volver a plantear la erección. Por lo que sabemos que tres rectángulos encajan en este periodo. A. Y luego hay un botón Seymour a un costado. En realidad voy a hacer es tirar de nuestro gran respaldo y tratar de
acercar este espaciado Teoh como creo que puede ser volver a aquí y tal vez un poco más pequeño que esto. No lo hagas. Pero el punto medio voy a seguir adelante y borrar este espacio en la parte superior y hay un poco de borde redondeado en esto también. vamos a replicar. Y yo diría que alrededor de 10 tal vez un pelo menos lo intentará. Ocho. Lo único que hay que señalar aquí es que voy a recordar esto también, porque se quiere que tipo de igualar los mismos bordes redondeados en su cosa. Entonces, ¿qué? Voy a recordar ese ocho. Estas imágenes y voy a copiar y pegar de nuevo este texto. Este el título en la parte inferior, y parece que estos son probablemente los mismos tamaños los mismos. Y también voy a copiar y pegar esto otra vez. Excepto que esta vez lo voy a cambiar por texto de área. Y esto se va a convertir en una especie de subtexto, el texto corporal debajo de esto de aquí atrás. Y así definitivamente esta es una fuente más pequeña. Y también es un peso diferente. Entonces vamos a la tribu 12 creo que 12. Está bastante cerca ahí. Y luego lo siguiente que voy a dio es que en realidad no voy a escribir todo ese texto directamente. Ten un enchufe que me encanta usar. Entonces si vas hacia abajo a la izquierda, notarás que hay un panel de enchufe y puedes subir eso. En realidad, si no lo tienes, haz clic en agregar comienza. Acude a esta búsqueda y luego escribe Florham y busca eso. Y hay este enchufe de texto de marcador de posición que me encanta usar. Simplemente puedes hacer click y descargar eso. Eso es lo que voy a usar aquí. Eso es correcto. Cada año, el amor superior y sólo tienes que ir a llenar con texto marcador de posición. Y todo lo que tienes que hacer es hacer clic en este botón mientras tus cuadros de texto seleccionan y obtienes este prompt para que aparezca. Entonces sólo se inserta. Este es un salvamantías bastante grande solo para que no tengas que copiar y pegar todo este texto. Exactamente. Y así ahora que tenemos múltiples líneas de texto también necesitas tomar Ahora que el espaciado para el texto también es similar, se ve bastante cerca en este momento. En realidad no vamos a sólo eso, Pero eso es algo pequeño a tener siempre en cuenta es cuánto espaciado hay entre este texto y entonces porque sabemos que este tablero de arte se va a desplazar porque lo hizo en el original tú me quedé inicio tranquilo para tirar de esta ayuda Así que lo siguiente que podemos hacer es realmente dibujar estos iconos en la parte inferior y luego este plus también. Ahora podrías tomarte el tiempo para dibujar los iconos. Si necesitas practicar haciendo eso, eso es algo excelente que hacer. Pero voy a ir descaradamente a la página web de Teoh llamado el Proyecto Noun ese cono. Y si alguna vez necesitas un ícono rápido, este es un gran usado para usar una buena referencia por venir. Teoh. Creo que es este tipo en cualquier icono que necesites y tipo de búsqueda del uso específico No me gusta hey, dibujando iconos de corazón. Entonces en realidad voy a pedir prestado uno. Tienes una escuela alrededor para ver una que coincida con el estilo que necesitas ahí abajo que se necesita. ¿ Puedo poner este BG y llevar eso al archivo? Gracias, Maxim David aprecia mucho tu ícono. Y luego sólo comando turno G hecho agruparlo que esto es con fines educativos. Muy agradecido por el señor um Maxim David. Entonces volveremos aquí y otra vez. ¿ Qué tipo de justamente este espaciado? Se ve bastante similar en el 19. Eso es probablemente bastante cerca de que estas áreas bastante similares y espaciado en los próximos dos en iconos que realmente vamos a crear muy rápido. Son un icono de compartir, Presti, para sacar el círculo también. En un turno de opción para escalarlo hacia arriba. Este color negro que estábamos usando bájala hacia abajo este turno justo y p para herramienta de pluma. Yo traigo esto a la altura. Sostenga turno. Suelta esto en mi copia y pega esto justo por ahí, y lo copiaré y pegaré una vez más. Podríamos conseguir el icono de compartir, y voy a golpear comando cambio de corchete derecho para traer esa carrera. En realidad voy a redimensionar. Ese es el pequeño querer jalar esto hacia arriba. Petit es todo. Sus posiciones relativas cambian el color de esta frontera y luego también cambiaron. Tamañado también. Entonces usamos, en realidad podría no ser demasiado. Podría ser un poco más pequeño. Sólo ese Teoh 1.5. Y estos aires realmente llenaron los porteros por lo que cambiarán en consecuencia y luego redimensionarán un
poco también. En realidad, solo deja esto y replica a este hombre y estoy sosteniendo opción y turno. A veces estábamos trabajando realmente pequeños it iconos como este notarás que tipo de broches no del todo donde lo queremos. Nosotros lo queremos justo en medio, esta lima. Entonces en lugar de solo dejarlo chasquear, lo que en realidad puedes hacer es simplemente subir aquí y ajustarte. Intentará cinco al final de esto. No nos acerco un poco más a ser la línea central de este grupo. En realidad redimensionarlo un poco así y algo que saber aquí. Si quieres desactivar el redimensionamiento responsive, en realidad
puedes aplastarlo un poco. Creo que voy a tener que entrar y extensión asegurarme de que estos realmente todavía círculos y luego solo esta basando una vez más. Otra solución para ti sería solo escalar esto para que sea
mucho más grande y luego centrarte así. Además de ellos de vuelta, esto es algo que viene. Tan solo necesitas jugar con un Adobe X'd. Normalmente es mejor probar ilustrador para iconos, pero esta no puede ser una forma rápida y sucia de hacerlo también. De acuerdo, entonces tenemos un icono de compartir y luego el marcador I Lo que puedo hacer aquí es en realidad solo
voy a tirar hacia arriba un rectángulo seco, hacer 1.5 borde cambiar el color que voy a presionar cuota para la herramienta de selección. Y en realidad voy a hacer doble clic en la línea misma y añadir un nuevo vórtice evitado y luego mantener el turno y tirar de esto hacia arriba. Acabas de crear el share yo mucho más fácil para el icono del marcador. Mucho más fácil ahí. Voy a cambiar el tamaño de la misma sólo un poco. Entonces mira hacia atrás y comprueba. Simplemente podemos igualar eso lo más cerca posible. Y si tenemos redimensionamiento responsive, podemos especie de espacio real estos fuera. Tan solo asegúrate de que igualen para tres. Oye, ¿en realidad podrías querer acercar estos poquito, entonces crearemos este anuncio que leí aquí. Creo que hace labios y cambia un círculo de opciones para subir. Sabemos que esto es una especie de rojo claro. En realidad voy a apagar a la derecha sólo un doble. Consulta esto y también tiene una escuela drop shadow select out envuelto. Se ve bastante menos, pero puedo decir que tal vez sea un poco más grande. Intentará 10 no hasta este borde y luego solo dejaremos caer más marca justo en el medio. Presionaremos obtener la herramienta de pin para que suba. Es demasiado blanco. 1.5 es el cambio de tamaño empantanado hacia abajo. Y entonces en realidad voy a golpear copiar y pegar y luego agarrar aquí para que rote un
turno viejo y después de un favor a juntos y luego agruparé a Jesús. Bueno, mi comando g obtener nuestro icono plus. Entonces si miramos aquí, parece que el icono es un poco más pequeño de lo que lo tengo. Haga doble clic y mantenga pulsado, cambie, opte y escale un poco esto hacia abajo, y luego haré lo mismo aquí. Entonces quiero asegurarme de ir una buena línea siempre. Esto está alineado, no del todo alineado centrado. Ahí vamos. Parece que en realidad podría tirar esto hacia abajo. Sólo un pelo ahí mismo. Por lo que coincide sólo con este radio una vez más. Creo que está más bien. Entonces, en realidad, lo siguiente que voy a hacer es arrastrar y seleccionar todos estos. Y aquí es donde se pone realmente rápido en una w x d. Específicamente. Y en realidad voy a ir por encima repite el miedo aquí hasta la cima, ¿
verdad? Entonces arrastra esto. Y así que tipo de instantáneamente conseguimos son otras imágenes pobladas la derecha por ahí. Entonces vemos que este Seymour está como alineado con un perfil ahí. Pero entonces de inmediato conseguimos que esto se poblara solo un enorme ahorro de tiempo. En realidad podemos redimensionar esto un poco, también si necesitamos hacer que la imagen sea más grande. Entonces si solo mantenemos el turno y redimensionamos eso realmente redimensionará todo lo demás en la repetición que nos ahorra un montón de tiempo. Podemos seleccionar aquí, y estoy sosteniendo turno para seleccionar todos estos y luego arrastraré un poco esto hacia abajo. Por lo que conseguimos un mejor espaciado ahí. Creo que eso se está acercando bastante. Estamos bastante cerca. Esto solo asegúrate de arrastrar este texto hacia fuera para que coincida con esto. El icono Plus en realidad cambia a negro porque esto sí se ve bastante oscuro. De acuerdo, entonces lo siguiente que podemos dio es usar en realidad otro de mis enchufes favoritos. Eso se llama repetidor. No, estoy aquí. En realidad es, como, un poco mal escrito y cirugía, Peter, e instalar esto. Este es un salvavidas. Me ayuda a hacer las cosas tan rápido y también a una calidad realmente alta. Por lo que queremos fotos de animales. Entonces si miras aquí en la parte superior izquierda en realidad nos muestra cada pieza de nuestra cuadrícula de repetición por alguna razón el icono de compartir en el plus I, Connor Middle, no
tengo idea de por qué y qué podemos realmente dio ha barajado a través de estos. Hasta que veamos animales realmente queremos poblar y usar estos dos. Y reflejarme es barajar. Y entonces haremos eso. Uno tiene 1/3 y luego lo siguiente que podemos hacer es dormir en realidad Este texto justo aquí y luego si se cae abajo, Lo que esto está haciendo es seleccionar cualquier generador de texto aleatorio para poblar nuestros cuadros de texto . Debilita a Teoh, solo
rastrearemos el nombre. Y en realidad, esto es más marcador de posición que nada. Por lo que podría ser cualquier tipo de tonterías. Creo que es un poco divertido dejarlo siempre el primer nombre y solo ver lo que se pobla como en el hacer Click aplicar. En realidad no hice click Aplicar por animales. Eso lo veremos una vez más. Esmalte barajado aplicado es así esto fuera. Después haga doble clic aquí y luego apague ese borde. De acuerdo, así que la última parte de esto es también será conseguir el héroe Seymour y el texto ahí mismo. En realidad no solo copian y pegan esto desde arriba. En términos generales, siempre
es mejor. Sólo una copia y pega los elementos sobre. Y es tratar de replicar. Asegúrese de que esto se redondea de nuevo también. Bueno, te ordena agrupar eso ahí, no copiar y pegar este cuadro de texto para ese texto de Seymour debajo de él. Este podría ser en realidad, ¿Se aferra? Por lo que sólo nos aseguraremos de que eso también sea audaz. Vamos a volver a tamaño un poco. Asegúrate de que tengamos bien nuestro espaciado, y voy a ir a guardar este rojo que realmente use aquí. Y entonces creo que esta zona en realidad está un poco más acortada y nos aprieta un poco, luego seleccionó ambos y parece que el Seymour viene justo al fondo de esta imagen. Ponga esa lectura sobre nunca un poco. Y luego lo siguiente que podríamos dio es dibujar esta línea por debajo. Parece que va toda la página del disco Ross. Por lo que haremos este partido con nuestro texto Seymour. Tú estabas aquí, pero en realidad voy a volver a encender la rejilla, así que solo hago doble clic en nuestra pizarra para que esto surja. Y solo para asegurarnos de que todo va muy bien centrado en esta página, cómo usamos esta línea roja original Seguro todo arriba. Tire de esto y ajuste un poco el espaciado. Internamiento de doble clic. Pero también sólo el gris en esta línea de fondo. Sólo un pelo, entonces, por la parte muy divertida y satisfactoria. Es decir, un comando shift te toe on group this repeat grid, voy a seleccionar todo esto, luego mantener pulsada opción shift y arrastrar para dejar esta línea en la parte inferior. Y luego ahí lo tenemos. Entonces en realidad va a deslizar estos por un poco para que pudieras entrar y cambiar el tipo de títulos y fuentes también en el texto aquí. En realidad no va a hacer eso por esto. Esto es bastante o practicando, acostumbrándose al espaciado, al diseño. Y lo grande es realmente
estás entendiendo cómo puedes hacer las cosas mejor o cómo puedes hacer las cosas y diseños
futuros. Entonces en realidad me llevaré esta pizarra del corazón. Voy a copiarlo y pegarlo. Voy a volver al original Te gusta y tipo de apenas medir y ver cómo es . Por lo que Lo primero a tener en cuenta es el tamaño de la pantalla. Nos acercamos bastante. No del todo ahí. Éste, ¿no? 17 83 y nuestro máximo? Eran 17 17. No tan mal. Bastante cerca de que si nos fijamos en estos tamaños de fuente, teníamos 20 aparecer. Tenía 15 Así que está bastante fuera de ahí. Entonces eso es algo que puedes entrar, recordar y luego corregirlo. Hombres. Lo mismo. Estoy asumiendo con estos tamaños de fuente. 12. Estábamos 12 ahí excepto Helvética. Son interesantes y 20 para estos. Entonces si puedes entrar y medir parece que nuestros iconos son un poco pequeños. Se puede empezar a entender y obtener una idea para el espaciado. Mejora tu propio tipo de estética de diseño visual de esta manera, y es solo una buena manera de medir y medir cómo lo estás haciendo. Estábamos bastante cerca aquí. Definitivamente hay algunas áreas como esta fuente era mucho más grande también usando Helvetica ahí, por lo que esta era mucho más grande. Pero es un tipo de cosas que aprendiste. Teoh tipo de obtener una sensación para entender el diseño en el espaciado y realmente te ayuda poco más adelante en tus propios diseños. Y a partir de ahí podemos especie de avanzar Teoh otras pantallas móviles y encontrar más ejemplos como ese.
6. Pantalla móvil: para nuestro próximo green estará agarrando esta pantalla móvil aquí abajo. Ve y presentas. Este va a estar encendido. Seleccioné aquí patadas podemos traer nuestra imagen. Entonces otra vez, lo voy a redimensionar. Simplemente eso no es tan fácil copiar todo. Exactamente. Y luego vamos a poner esta,
um, um, pantalla juntos bastante similar a como hicimos la versión de escritorio. Adelante y empieza a igualar el encabezado primero y ve y consigue ese espacio y corrige lo podría ser útil aquí. Teoh también. Intenta usar el mismo tamaño de teléfono aquí también. Pero cuando generalmente estás de practicar cualquier cosa en el móvil, sí animo a la gente a tratar de usar el tamaño encontrado que ya tienes. Entonces si tienes un iPhone X, eso es genial. Úsalo. Pero si tienes un ex están en Android, puedes intentar usarlo en ese tamaño de pantalla del teléfono y simplemente seleccionarlo cuando crees ese nuevo archivo. Y parte de la razón es que cuando puedes levantarlo en tu dispositivo real y usar vista previa
en vivo, es realmente útil para entender realmente el tamaño y el espaciado de todo y
algo así como tener una idea del dispositivo antes se empieza a tratar de diseñar para otros tamaños encontrados cuando se obtiene más experiencia. Pero para este, simplemente
podemos seguir con el impuesto especial del iPhone. Y lo primero que dije. Como dije, vamos a estar consiguiendo una especie de este área de cabecera en primero. Y también puedes enchufar las calificaciones de nuevo. Y parece que las rejillas en realidad van a estar bastante cerca. Entonces mantendremos el stock, crearemos y es grande 36 a un lado. Tan oprimida T para que surja texto. No recibí texto al principio y sí miré en el expediente antes. Y esta también es Helvética ahora. Entonces, ¿qué mantendría en fuente igual este punto? En realidad vamos a sacar esto un poco, también alrededor de 28 y luego lo cambiaremos. Teoh poco apagado negro. Tienes razón por ahí. Ve y guárdalo. Parece que se necesita apretar un poco el espaciado vertical entre líneas. Entonces, um, yo en realidad 20 ahí. Eso es demasiado apretado. 30 30. Se ve bonita. Ese espaciado se ve similar. Y de nuevo, voy a poner un marcador de posición para este logotipo en la parte superior tal vez unos 25 luego sostuvieron nuestro para dibujar ese rectángulo y 25. Probablemente esté bastante cerca y solo crearé eso lleno de negro, En realidad no voy a pasar por la molestia de intentar replicar este nivel bastante intrincado , pero solo lo usaremos como un marcador de posición se ve justo donde está at, y luego crearemos este esbirro a la parte superior derecha también. Por lo que el mini es bastante simple, solo tres líneas. Entonces estoy sosteniendo una P presionando para conseguir 10 herramienta para subir después de nuestra primera línea y miraremos atrás aquí. En realidad parece que probablemente sea demasiado, o tamaño. Entonces voy a seleccionar esa opción y turno, luego turno, me voy a hacer un poco más grande, y luego voy a hacer lo mismo. Voy a sostener turno de opción y dragón en un turno viejo y escalarlo un poco. Parece que podría ser un poco más pequeño que esto, así que voy a seleccionarlos a todos. ¿ Esto es para empujarlo? Y no voy a usar el redimensionamiento responsive. Voy a controlar Ve eso de esa manera, ese tipo de formalmente y luego voy a entrar, en realidad tratar de jugar un poco con el espaciado. Sí. Por lo que se ve bastante similar. ¿ Qué haces realmente? Es alguien es P. Voy a dibujar línea de 45 grados manteniendo turno ahí mismo. En realidad sólo voy a medir esto. Sólo para que sea bastante búsqueda, entonces. Tipo de usado Esto es como, uh, guía. Entonces eso es un poco más de acto. En realidad voy a apretar el espaciado sólo un poco también para igualar, luego mandar a G para agrupar esto. Y de esa manera parece que el espaciado empujado hacia fuera de este lado. Tomo Matt que así en un rectángulo seco con nuestro y así estamos a unos 27 ¿verdad? Sólo asegúrate de igualar eso de este otro lado, ¿de acuerdo? Y así lo siguiente que debemos hacer es crear este título de estas pestañas en una copia y pegar esto Seguro, esto parece probablemente dirán 16. Mm. Voy a probar 60. Cambiaremos esto a través de un encendedor. Gris. Mentí. Vámonos. 14. Y lo que voy a hacer en realidad es acostumbrado a repetir grado aquí. Y sabemos que hay 412 o y entonces podemos seguir adelante y reemplazar este texto y todo. Yo lo estoy haciendo bien? Acababa de hacer doble clic en el cuadro de texto, y eso solo le permite seleccionarlo dentro de la cuadrícula de repetición. Entonces en realidad voy a hacer es ajustar este año de tamaño tecnológico, es 11. Yo. 10 cambia el espaciado sólo un poco. En realidad voy a usar que venga medio en él. El sí parece que es un poco más de peso que lo que hay en la parte superior. Esto podría en realidad también hacerse en. A lo mejor no. Eso debería ser bonito, pero aún así, y luego vamos menos icono. Realmente no sé lo que más me arma ahí. Exactamente. En realidad, sólo lo voy a eliminar. Se va a estirar esto a la no lo hice yo simplemente no. A la Tierra le gusta la razón ¿qué? Y nuestro para crear el rectángulo de barra de búsqueda y borde a menudo. Entonces vamos a hacer un ligero gris ahí también, y tengo un poco de azul en él,
así que en realidad voy a deslizar esto por tipo de juego con este color un poco. Eso es bonito. Y luego tiene radio en el agregar algo para dar clic y conducir este pueblo te puso alrededor ocho y luego volvemos a dibujar este ícono de búsqueda, te
oprimió para conseguir la elipse para subir sosteniendo turno. Una opción para conseguirlo escala. Apague el relleno. Debería De hecho va a ser un gris más oscuro. Entonces pero ahí p para la herramienta pin y dibuja el resto del icono de búsqueda Voy a guardar este
color gris también. De acuerdo, haz la mitad inferior del ícono de búsqueda. Veamos que Check tiene una esquina redondeada, nada realmente no puede decir. Voy a asumir que eso sí, como el pequeño toque redondeado. De todos modos, el grupo esto en realidad lo hace un poco más pequeño y arrastra esto solo un poco. Esto podría necesitar realmente para ti sería 1.4. Entonces ese es tipo de nombre del juego. Al igual que, mucho es
una especie de jugar alrededor con qué tamaño es el mejor. Um, mucho de su prueba aquí tipo de. Lo que se ve bien es la mejor manera de medirlo en este punto. Y así es como empiezas a construir tu ojo o lo es. De verdad adivinas que revisas. Juegas con él, y luego eventualmente puedes hacerlo con bastante facilidad. Con suficiente práctica, voy a copiar y pegar este texto aquí mismo. dos puntos y bajar un poco. Parece que definitivamente eres tú más tarde, tal vez cambio. ¿ De acuerdo? Y así a partir de la siguiente parte, estar creando este hotel como en el bloque de imagen. Lo primero que haremos es golpear duro para dibujar un tiro de rectángulo hasta este borde. Y ten en cuenta dónde estamos también en la página. Ahora soy yo, el espaciado. Está para cubrir parcialmente el fondo de esa. Esto es probablemente bastante cercano. Podemos entrar y darle un radio a ocho para que coincida bien con nuestra barra de búsqueda y apagar la frontera y luego tener la sombra de caída. Entonces si notas que la sombra de sequía predeterminada es manera de oscurecer y cerrar, es
lo que podemos hacer es intentarlo, tal vez 15 entren y en realidad hagan la sombra un poco más clara. Y así que eso probablemente esté cerca, y vamos a seguir adelante y replicar ese bloque de imagen aquí mismo. Y así que lo que realmente podemos hacer es copiar y pegar este rectángulo, ponerle un borde, apagar la sombra de gota y en realidad levantado hasta cerca se parece para que podamos ponerlo justo ahí ya ves, tengo eso pequeña marca de rejilla. Fue a mitad de camino que en realidad voy a sostener opción y luego tirar de esta esquina. Se mantiene opción en el radio. Te darás cuenta de que sólo cambia ese radio individual, y yo haré lo mismo de este lado. Entonces lo que esto va a ser es el marcador de posición para la imagen Una lectura copia y pega este Texas Bueno, arrastra eso aquí abajo para comenzar a formular el título y luego jugar alrededor de su dimensionamiento tecnológico un poco, nuestro para otro rectángulo y hará que este marcador de posición de clasificaciones por aquí. Voy a asegurarme de que el espaciado sea bastante similar también. Además, guarda este gris de esa manera podemos usar el mismo gris de la barra de búsqueda para asegurarnos de que eso consistente, entonces en realidad, copia y pega esto porque parece que probablemente sea del mismo tamaño o apuntado aquí , y parece que también hay un poco de radio en él. Confianza, o tal vez sí, luciendo bonita clase y entonces así replicará esto por noche y 50 siguiente. Y mientras que para ti es en realidad sólo reutilizar este texto. Está bien. Una alineación justo ahí, entonces justo entonces cambio de opción para arrastrar eso Esa es otra copia. El mismo 259. Voy a cambiar este negro que estábamos usando y luego realmente subir el tamaño realmente va a bajar este tamaño un poco Alrededor de 10. Sé exactamente lo que es esta diversión. Podría ser diferente a Helvetica no 100% seguro, pero siempre podemos comprobar que más adelante una vez que terminemos. El gran cosa es solo tratar de conseguirlo proporcionalmente bastante igual y luego conseguir el diseño similar también. Empiezo a pensar que probablemente hay diversión pasando aquí y podrías revisar el otro archivo si realmente querías asegurarte. Pero no es un gran trato. Tan sólo como nos acostumamos al dimensionamiento y el espaciado, voy a pasar y especie de replicar todos estos otros elementos también. En realidad no sé qué incluía esto. Botón es usar el aire. Okita Bump eso solo un poco. En realidad cambiar el tamaño de esta ciudad copia y pega ese texto la opción WiFi y turno para arrastrar a otra empresa. Y en realidad voy a alinear esto hasta si vas aparecer a la parte superior de nuestra pizarra Agarra una de estas guías que tienes que hacer es una especie de flotar aquí para arrastrar, click y arrastrar obtienes una guía, y si necesitabas dirigirla, podrías simplemente deslizarlo hacia atrás arriba. En realidad se asegurará de que todo alineado mentes bien aquí. Y yo como que quiero también revisar estos márgenes también. Entonces para que esto coincida, necesito mover esto un poco. Y la forma en que te dije que puedes ver te pones así de rosa. Estoy de texto ahí mismo y solo asegúrate de que ese tipo de coincida con borde arriba en ambos lugares. Es un 51 así que solo asegurarme de que coincidan ahí arriba. También puedes girar el diseño en la cuadrícula para ver las cosas un poco mejor. Pero creo que está en una combinación de las guías y eso ayuda. De acuerdo, entonces lo siguiente que vamos a dio lectura de estas líneas de cuadrícula, puedes usar comando semi colon para ocultar las líneas de cuadrícula, pero yo prefería que las llevara solo para que no haya demasiadas pasando a la vez. Siguiente cosa dio en realidad su repito grilla la mejor herramienta del mundo y arrastrar esto hacia abajo . Parece que nos acercamos bastante el dimensionamiento. Entonces vamos a sólo el espaciado. Entonces es justo por ahí. La mayoría selecciona nuestra rejilla, luego usamos nuestra herramienta repetidora de nuevo. No tienes ese enchufe. Definitivamente golpea esta flecha plus y solo havin repetidor para agarrarlo. Y así en realidad escribimos en un hotel. Seleccionará éste. Esta imagen en realidad seleccionar la imagen, re escribirla, escribir en su dedo del pie. Y solo podemos seleccionar estas dos fotos bastante buenas. Realmente Se aplica. Cierra esta ventana y haremos doble clic y en realidad no repitas cuadrícula. Apague esta frontera, véalo volver a salir. Una cosa simplemente mirando hacia atrás sobre la suya vamos a asegurarnos de agregar esta sombra gota a la barra de
búsqueda, tal vez hacerlo un poco más ligero, pero no está bastante cerca para Ok, así que ahora que estamos un poco terminados con la pantalla, lo que podemos hacer es copiar y pegar, pullin nuestro original You I kid y ver lo cerca que llegamos. Entonces una cosa a saber. Definitivamente algunos lugares donde la fuente podría haberse ajustado un poco mejor. Esta barra de búsqueda es honestamente inusualmente pequeña para móvil, así que no recomendaría hacer algo así de pequeñas alturas un poco demasiado pequeña. Podríamos tropezar. El tipo de letra fue 35 Helvetica Bold fueron 28. Así que sólo una especie de mirar hacia atrás y mirar algunas áreas en las que mejoramos y simplemente tipo de medir y calificar a ti mismo y entender dónde saliste mal o qué cosas tipo de justo. Pero en su mayor parte, nos acercamos bastante. Y realmente podrías repetir este proceso en cualquiera de estos y tipo de volver atrás y mirar y entender que si algo no se ve visualmente similar, es algo en lo que puedes trabajar. Puedes recordarlo para la próxima vez y para la siguiente parte de esto en realidad estará
pasando a un ejemplo más. Pero esta vez, en lugar de intentar copiar, estará intentando Teoh, crear un nuevo tema para ello y realmente hacer que sea algo que sea único. Y les ayudaré chicos a entender cómo hacer eso. Entonces empecemos esa siguiente parte
7. Añade tu propio estilo: bien para este próximo, en realidad
vamos a probar método diferente para ayudar a practicar. Y una vez que consigues el ahorcamiento de estar más para replicar otros diseños, puedes empezar a cambiar tipo de estilo de ellos y empezar a ver cómo se pueden
adaptar los diseños . Quién las puede utilizar en diferentes áreas. Entonces si vas a abrir su comida para arriba, eres niño puede encontrar un enlace para ello en la descripción de una clase o también uno de los de X'd karoo dot com. Entonces lo primero que haremos aquí en lugar de simplemente replicar estos diseños exactamente que
en realidad íbamos a dio es una especie de cambiar el tema del diseño y luego cambiar cuáles son sus propósitos. Entonces para este, es como una app de comida. Reconocer, como pedir comida y ver como valor nutricional sólo estará usando estas dos pantallas. Y lo que realmente vamos a hacer es cambiarlo en,
como, como, una aplicación de la tienda de Halloween. Entonces en lugar de hamburguesas iban a Halloween, Y al hacer eso, también
vamos a cambiar el nombre para ser como un tipo espeluznante de tema también. Por lo que tampoco lo desarrollaré a partir de este archivo también. Entonces lo primero que podemos hacer en realidad es exportar estas pantallas cambio infierno, diseccionarlas a ambas, y luego simplemente conseguir las imágenes en el escritorio. Si estos aire en me encontré X son así que conseguir bilis? Sí. Entonces así creé mientras y luego qué? Te voy a hacer. Es solo arrastrar pantallas una y otra vez. Yo lo hago de esta manera. Sólo para que no sea tan fácil copiar y pegar porque si copias y pegas cosas, que pierdes en la estepa de realmente tratar de descifrarlo por ti mismo y entender, como tener un dimensionamiento y espaciado es trabajo. Entonces lo que vamos a estar haciendo es replicando estas dos pantallas, pero vamos a estar cambiando el estilo de Así que el proceso es bastante similar a lo que era o y vamos a salir y hacer este elemento de menú justo aquí en la parte superior y luego solo pis por el pinto o volver a subir, y luego lo cambiaremos, Teoh. Pero una cosa a tener en cuenta es, si esta va a ser una tienda de Halloween y vamos a estar cambiando tipo de look humano
del todo fuera. Este es un gran fondo, pero voy a hacer en esta nueva versión es realmente cambiar el color de fondo a ti un negro. Eso es porque va a ser una tienda de Halloween. Queríamos estar algo asustados. No queremos que sea súper ligera y aireada como esta app de comida, y luego lo que podamos. También Dio sí hace que este menú sea un poco más grueso que esta versión original, solo para ser más pronunciado y empezar a darle un poco más de una swill de estilo. Copia y pega esta lima. Arrástrelo un poco. En realidad es la línea superior que se arrastra hacia fuera. Y así si te darás cuenta porque estoy cambiando el tema, una cosa buena a Dio es en realidad en esto. Hay muchos bordes redondeados por todas partes. Una cosa que hacer al principio es simplemente cambiar esos bordes redondeados a bordes afilados rectos , y eso va a ayudar a que se defina como un nuevo estilo o que justo fuera de la parte superior. Por lo que es una decisión fácil hacer que los elementos del menú sean un poco más gruesos y también asegurarse de que no
haya borde redondeado en esta opción y decir, Haremos que aparezca nuestro encabezado siguiente, Presti para que aparezca el texto. También puede sentirse libre de cambiar este texto o lo que quieras, Teoh. Ya que va a ser una tienda de Halloween, tal vez sí le damos la bienvenida a Teoh. Y por diversión. Se puede tratar de escoger otra fuente o tipo de los títulos básicos. Me gusta ir seguro y solo usar um sf Pro. Entonces esa es la fuente nativa IOS. En realidad puedes simplemente ir a like, um sf pro font descargar en Google si no te diviertes ya tan gratis una manzana realidad da estas fuentes en su guía de desarrollador y puedes descargarlas desde aquí si no lo tienes ya. Es una buena idea ir y tener esto, y eso es algo así para cualquier androide quiere. Creo que roboto va allá abajo. Ahí hay y solo como que las tengas cuando lo necesites. Volvemos a nuestro expediente. Entonces si no te diviertes
tan solo agarra ahí y el tamaño parece que necesitamos ser una escuela un poco más pequeña. Prueba 16 Este dicho encuentra tus alimentos favoritos en realidad va a seguir adelante y renombrar esto como tienda de
Halloween en realidad quiere que esto sea en todas gorras y en lugar de volver a escribirlo? Si vas por aquí, en realidad
puedes seleccionar todas las mayúsculas o mayúsculas minúsculas o mayúsculas. Voy a redimensionar esto también bombearlo. A lo mejor alrededor de 28 y voy a hacer este texto blanco. Entonces lo que estoy haciendo es que estoy usando dimensionamiento y espaciado similares a este original Abbott A Mr Toe Añadirle diferentes como elementos estilísticos y tipo de explorar como lo que podemos hacer para cambiar
realmente el aspecto y la sensación de ello. Tú cambias como mucho de la disposición y lucharon y espaciando necesariamente puntuales dimensionamiento. Eso es una cosa que podemos dio es realmente cambiar el tipo de fuente para cómo tienda Ming. Entonces si quieres ir y digamos vamos a probar cómo así puedes ir a cualquier sitio web para descargar tía um, cosa que sea gratis, es decir, el predeterminado es bastante bueno. Entonces si quieres buscar aquí tu propio peleado específico siéntete libre de usar cualquier tipo que te gustaría solo un puñado de ellos, trata de no hacer nada demasiado por encima de la cima, pero algo para darle un poco de llamarada sería genial. Entonces si volvemos a nuestro archivo una vez que lo instales o simplemente nos usas, ten pro si estás practicando y vamos a ver si realmente puedo encontrar la fuente que he descargado. Está bien. Por suerte, eso no tardó demasiado. Entonces descargué este tipo de espeluznante peleó bien, en realidad quiero ser, ¿Te gustó? Tienen incluso delgados. Entonces otra vez, estoy usando el dimensionamiento general. Es bastante similar, pero realmente estoy jugando con la fuente espera para crear una vibra espeluznante,
sobre todo con esta, como, como, diversión de
Halloween que tenemos aquí vamos a enviarle esto. Y si alguien quiere la necesidad específica se llamaba man eater BB, Um, y lo siguiente que podemos hacer es una especie de crear esta barra de búsqueda y retuvo nuestra para el rectángulo de nuevo. Voy a mirar nuestra grilla, así que doble tablero de parte rápida, enciendo lo grande No, alinearlo con no, en realidad jodido. A lo mejor ahí y probablemente sea bastante citas. De acuerdo, así que si te darás cuenta en lugar de esto, ser blanco en realidad hará un negro oscuro apagado. Tienes razón por ahí. Y en lugar de hacer bordes redondeados en la barra de búsqueda hacen bordes angulados aquí, y eso sólo va a ir junto con extraños. Tenemos una especie de vibra espeluznante de Halloween, pero todavía tendremos búsqueda en ese ícono de búsqueda aquí arriba también. Está copiando y pegando el texto. Generalmente prefiero copiar y pegar texto en lugar de simplemente equivocarte cuadro de texto. Me parece un poco rápido. Solo tienes que hacerlo de esa manera, pero eres, por
supuesto, libre de probar lo que quieras. Pero eso es justo lo que me gusta y bajarnos un poco. Entonces dibujaremos probablemente nuestro tercer ícono de búsqueda para que él para labios dibuje esto, y sobre todo cuando apenas estás empezando y te estás acostumbrando al programa que te estás acostumbrando a diseñar, Um, para digital generalmente
es mejor seguir adelante y tratar de crear estos iconos usted mismo. Simplemente te ayuda a familiarizarte más con la herramienta te ayuda a familiarizarte con, um, conjuntos de
iconos y simplemente algo así como visuales simplemente mejores por todas partes. Entonces es un dedo un poco engorroso siempre estar dibujando iconos, pero sí ayuda a largo plazo,
y en realidad, voy a hacer que el final de esto no sea redondeado. Por lo que coincide con tipo de los bordes de estas cajas de caja. Esa es una de las notas realmente pequeñas del dedo del pie del que realmente tomar nota es cosas como el emparejamiento de
bordes son muy importantes a la hora de tener y lograr un estilo visual. Por lo que sólo nos aseguraremos de que ese tipo de todos los saldos y tenga sentido ahí. Por lo que el congelamiento retrocede, es un poco más pequeño otra vez. Todavía estamos tratando de igualar algunos de los dimensionamientos y espaciados de esto, y luego crearemos este ícono también. Así que arrepiéntete pool, rastrea esto más. En realidad, voy a eliminar esto, Necesita un rectángulo en su lugar, explicar por qué en un segundo así son para rectángulo, pero y dibuja eso abierto y luego sólo vamos a llenarlo, apagar el borde. Me hago un poco más pequeño aquí, congelando de nuevo para este poco más pequeño voy primero, amigo de labios, luego opción de turno. No, eso y Phil fuera. Entonces voy a hacer esto alrededor de 1.5, y eso es sólo para que se acerque un poco más a emparejar Esto va a hacer realmente de esta manera. En realidad, como
que me gusta este color naranja. Sólo porque es muy Halloween, probablemente en realidad
voy a tratar de igualar esa naranja. Era un poco más rojo en ella. El tema de eso y que también encaja bien con nuestro tema de Halloween. Entonces lo que realmente voy a hacer aquí, seleccionar ambos y luego aquí arriba, voy a sumar el camino. Bueno, en realidad, voy a hacer dos cosas ahí, así que voy a copiar esto en un selecto estos, y luego voy a golpear camino tenía, y luego voy a pegarlo de nuevo. Phil, apaga la frontera. Entonces voy a bajar un poco esto. Sí, Y luego voy a tomar este pasado, así que vamos a asegurarnos de que ambos sean seleccionados. Y en realidad, es restar. ¿ Verdad? Entonces lo que eso va a hacer es que esto haga de esto un icono lleno de agujero en lugar de sólo un borde. Mantenga opción cambio a dragón siempre en. Entonces si haces doble clic y vuelves a hacer doble clic, en realidad
podemos editar y mover sobre estos círculos lo mismo aquí y doblar el final rápido. A veces se necesita un poco de jugar para asegurarme de que estás seleccionando la capa correcta, y en realidad lo roto todo el camino. Entonces agruparé todo esto comando G y opción de turno y lo escalaré hacia abajo. En realidad me golpeó un poco este tamaño también. Entonces lo siguiente es una especie de esta barra de pestañas va a guardar este color también. Trae estos textos aquí para una especie de estos títulos de tabulador. ¿ Tú por esta línea? Vamos a hacer que sea la misma naranja que usamos ahí arriba. En realidad no voy a dibujar estos iconos todavía. Siéntete libre si quieres intentar estos iconos es definitivamente una gran práctica. O si quieres ir al proyecto de sustantivo como lo hicimos antes, esa también es una buena opción. Pero por ahora, solo
voy a caer como una bodega policial cuadrada para ellos. Entonces en realidad voy a usar la grilla de repetición ahora, dibuja a la derecha. Entonces, donde sea que puedas, suele ser una buena idea tratar de usar la cuadrícula de repetición. Es un enorme ahorro de tiempo. Entonces si ves algún elemento que pudiera replicarse, probablemente
sea una buena idea intentarlo. Replicarlos sólo para que sea más rápido. En realidad voy a cambiar este fondo. Entonces eso es un poco en realidad podría tener un peso ligeramente diferente también. De acuerdo, entonces voy a encontrar un icono de marcapasos en el proyecto de sustantivo para esto. Entonces si buscamos disfraces causa tienda de Halloween, probablemente
puedas encontrar algo que sea decente, como este le grite a no tengo ni idea de cómo decirlo,
pero gracias por lo que escalaremos esto en realidad va a seguir adelante y hacer esto blancos Podemos verlo, pero en realidad voy a dio desarreglado esta retícula repetida que era nave de mando Jeda y
agruparlo y luego mando turno a ti una vez más, y vamos a poner estas libras altas un positor, selecciona todas estas manteniendo turno, y luego te haremos repite grilla. De esa manera, tenemos un marcador de posición Nikon que es un poco más, un poco más visualmente atractivo. Bueno, centro eso y voy a un grupo este comando turno G porque estos son los que están siendo seleccionados. Seleccione un centro comercial hit comando turno. JIA en grupo. Voy a seleccionar estas pequeñas líneas, en realidad, sólo hacerlas un gris claro, y vamos a llamar a esto como, nuestra página principal, y luego sólo inventaremos algunos nombres para estos otros. En realidad seleccionaré todos estos y aseguraré que Texas esté centrado. Simplemente llamaremos a esta función de ofertas. Claro, esto se rescinde y se podría pasar Y los cambios también son contras. Pero para esto sólo los mantendrá como es entonces lo siguiente es crear estos dos elementos en la parte inferior aquí y otra vez, vamos a especie de mantener en tema. Bueno, ¿no vamos a hacer ninguna redondeada. Yo sólo aquí, aseguro de que el fondo sea un poco más oscuro. También podemos dio extraer otro rectángulo y nuestro para arrastrar ese rectángulo, por cierto, creó turno una opción para escalarlo hacia abajo, copiar y pegar. Esto se podría tratar de dibujar estrella. Generalmente no me gusta dibujar estrellas. Piensan en una cantidad de tiempo decente. Pero si quieres practicarlo, puedes. Se puede usar el triángulo dicho para hacerlo también, pero eso suele tardar algún tiempo en perfeccionar las cosas. Entonces
gracias, d. Así que sólo para ahorrar un poco de tiempo, arrastraré en la estrella desde el no proyecto. Usamos la misma naranja para ello también y otra vez, Así que estoy tirando de las cosas del proyecto sustantivo Bastante frecuentemente. No uso esos y nada comercial no usar los de cualquier APS que estoy liberando. Entonces solo asegúrate siempre de que los estés usando en cualquier cosa que vaya a ser comercial o no. Base educativa que dio gritar, Dar algún crédito. Um, extremos. Esto Es de dos años 12. Vamos a hacerlo un poco más pequeño. A lo mejor como oye, nueve. Eso es realmente pequeño. Simplemente mantendremos ahí el número de estrella. Diré calificación en lugar de minutos. Y luego lo otro es esta etiqueta de precio, y está usando una etiqueta de precio redondeada. En realidad dibuja un rectángulo, este núcleo rojo Halloween y una cosa que haré es hacer doble click en. En realidad puedes agarrar estos bordes si tengo turno y luego arrastrarlo un poco y en realidad hacerlo un poco funky tipo de juego con la forma. Entonces lo haremos, y a eso le pondremos el precio. Y vamos a sólo ese tamaño un poco. Ve cómo se ve esto en negro. A mí me gusta en blanco sólo un poco mejor. Vamos a escalar esto además de un poco más grande, excepto cuando hago esto audaz también. Está bien. Y así en tema de esto también será seleccionar esto y usar repetir grilla, y me encanta utilizar repetir cuadrícula. Simplemente ahorra tanto tiempo. Por lo que selecciono esto y luego voy a repetirla en la parte superior, generar, Selecciona aquí en el tipo y cómo medio disfraz mediático. Entonces barajaremos y buscaremos algunos buenos daños. Y puedes jugar con las palabras de búsqueda y las palabras clave. A lo mejor intentaremos asustar, pero solo busca por ahí y encuentra algunas imágenes que te gusten. Ahora, avanza
rápido esto hasta que finalmente me satisfaga con algunas imágenes, también
puedes, si quieres algo más específico, podemos ir a pixeles y encontrar algunas cosas al año. Muchas veces, esta es una apuesta más segura. Um, porque puedes obtener más imágenes de alta calidad. Entonces, ¿realmente depende de ti para qué? Te gustaría que estos negocios de aire realmente escalofriantes. Tan bien, cualquiera que sea el tipo de imágenes te vea, lo que quieras poner ahí. Y esta es en realidad una nota importante. Por lo tanto, si seleccionas varios elementos y luego los arrastras a una cuadrícula de repetición, va a pasar el ratón por dónde va a caer
y luego te sueltas, y en realidad poblará ambas imágenes allí. Si tienes un montón de tratando de traer a alguna grilla repetida, puedes hacerlo con bastante facilidad. Entonces realmente comandaremos, cambiaremos, engañaremos al grupo esto, y luego podremos escalarlos de una manera similar. Cómo lo tienen escalado este pueblo, y la razón por la que está fuera de centro es que estoy asumiendo que hay algún tipo de animación de desplazamiento que sucede. No nos meteremos en eso, pero justo ahora esa es probablemente la razón por la que está apagado centrado. Y lo último es, así que prácticamente tenemos todo en el lugar relativo que está aquí. Pero agreguemos un poco más de tipo como una llamarada más,
un poco más de color pop y algo que tipo de conducir a casa esta una tienda de Halloween. Entonces si quieres, puedes ir al proyecto de sustantivo y lo que estoy buscando, es como un fondo, y en realidad vamos a hacer es buscar un fondo salpicaduras, así que haremos que parezca una especie de mancha de sangre o algo. Así que escoge algo aquí que te gustaría descargarlo y luego una vez que dio puedes volver aquí. A mí me gusta mucho este que encontré antes. Gracias, Becca. Apreciar eso. Y luego qué? Podemos dio asegurarnos de que todo esté agrupado. Entra, G ha usado. Esto es como un fondo y algo en esta esquina superior derecha porque sí se ve bonita tierra con todo ahí arriba. ¿ Qué tipo de rasguño? Este gran observador de sangre a través de la pantalla. Y voy a golpear comando turno izquierdo corchete y enviarlo a la parte de atrás. Y entonces ese tipo de conduce a casa o vibra de la tienda de Halloween. Es un buen cambio de mezcla a partir de esto y nos da una especie de mejor sensación para ello. Y luego, como el último, si quisieras, podrías copiar y pegar esto y volver a este original y ver lo cerca que nos acercamos. Y se ve bastante similar. Esta fue una bastante sencilla. Todavía se puede comprobar y ver la base segura y dimensionamiento de las cosas. Me gusta nuestro icono de búsqueda dimensionando mejor. Quieres quedarte al menos 45. Estás haciendo cualquier cosa en la que se necesita hacer clic, por lo que probablemente solo necesita ser más grande por aquí. Está bastante cerca, y como que tiene un bonito toque de Halloween. Entonces si volvemos aquí y Si alguien quiere probarlo, realidad
puedes seguir adelante y hacer esta página e intentar convertirla en un tema de Halloween y mostrar cómo se podría crear aquí un disfraz aullido. Una de las opciones. Una de las otras pantallas que podrías jugar con el año y tipo de probarlo por tu cuenta . A lo mejor es un ejercicio de clase sería genial y realmente tratar de cambiar el estilo del mismo y ver con
qué se puede jugar y tipo de. Entiendo tu propio estilo visual y veo lo bueno que podrías hacer que se vea. Pero eso debería estar más o menos envuelto para que esta isla despejara todos los enlaces ahí si alguien los necesita y gracias por mirar.
8. Outro: por lo que eso lo envuelve para esta clase. Muchas gracias por ver. Por favor, deje una opinión o comentario dependiendo de cómo se sintió. Y por favor siéntete por que pruebes el ejercicio de clase. Definitivamente haré mi mejor esfuerzo para dar retroalimentación a todos los ejercicios de clase. Entonces ustedes chicos realmente pueden empezar a afinar ese diseño visual yo y empezar a construir eso en fecha sentido de cuando algo se ve bien y cuando no lo hace. Porque esa es definitivamente la parte más importante para aumentar la discapacidad. Por lo que gracias de nuevo por
Matt Ward, Product Designer
