Taller intensivo completo sobre el diseño de la interfaz de usuario: Sketch UI/UX

1. Introducción: Si quieres convertirte en diseñador U R ux, estás en el lugar perfecto. Este curso completo te enseñará todos los elementos esenciales con, bien organizados, tutoriales fáciles de seguir. Hola, mi nombre es un sarpullido y soy diseñador de UX. Juntos, tú y yo vamos a aprender a convertirnos en un diseñador de interfaz de usuario usando el sketch de software El curso de Thes ha sido diseñado para personas completamente nuevas en tu diseño de UX o digamos diseño en general. Al principio vamos a aprender sobre los conceptos básicos del diseño y ustedes elementos, y luego aprenderemos sobre el mapa de boceto y todos sus secretos ocultos juntos. Entonces aprenderás a crear un marco de alambre simple. A partir de ahí, aprenderás a configurar tu guía Stein y a aplicar tus colores apropiadamente a tu diseño. También aprenderás sobre todos los principios fuera de aplicación móvil y diseño Web, luego revelarás un rediseñado el Instagram en como nuestro primer proyecto desde cero, y luego diseñaremos un financiero algunos juntos, y yo compartiría contigo todas las técnicas y secretos necesarios para diseñar una aplicación de clase mundial. Además, aprenderás tanto sobre micro simple como avanzado en direcciones. También hablaremos de mark ups y cómo puedes crear tu propio portafolio en línea sin escribir una sola línea de código. Además, aprenderás sobre tres modelos D y creación de escenas de realidad aumentada. Y por último pero no menos importante, aprenderás a iniciar tu propio negocio y conseguir tu primer cliente como diseñador de UX. Por lo que durante las puntuaciones, diseñaremos para completar aplicaciones móviles y un sitio web para desarrollar tus habilidades de diseño y dominar todas las herramientas necesarias. Adicionalmente, obtendrás acceso a dos comidas de marca New York por valor de más de $3000 que puedes utilizarlas en tus proyectos comerciales. Por lo que espero que estés listo para aprender nuevas habilidades y convertirte en un diseñador de interfaz de usuario. Te veo en clase 2. Introducción a la UI/UX: Hola a todos. Bienvenido al primer capítulo de estos cursos En esta sección, vamos a estar hablando de las diferencias entre tú, yo y el diseño de UX y la estructura del curso que puedes entender cómo se organiza el curso para que puedas darle un seguimiento adecuado. Y por último pero no menos importante, vamos a estar hablando de las herramientas y requisitos que debes saber para continuar con el curso. Entonces, sin más preámbulos, empecemos. En primer lugar, voy a hablar de las diferencias entre tú yo y el diseño UX. Si bien ambos elementos son cruciales para un producto y trabajan en estrecha colaboración, sus roles son totalmente diferentes. Tu ex diseño es un campo más técnico y analítico. No obstante tú diseño se refiere al diseño gráfico con responsabilidades más complejas. Entonces permítanme darles un ejemplo. Si consideras un producto como un automóvil, el chasis es el código, lo que le da una estructura clara. Las otras partes, como puertas, filtro completo etcétera, representan el diseño UX, que permite que el automóvil funcione correctamente. Por otro lado, ustedes ideas nueve representa la apariencia del auto. Son sensores, etcétera. En otras palabras, tú X, que significa experiencia del usuario, se trata de cómo debe funcionar un producto. Y tú yo, que significa interfaz de usuario, se trata de cómo debe verse un producto. Entonces usted, como diseñador de productos, debe saber cómo funcionan juntos estos dos términos y cómo distinguir entre ellos. Por ejemplo, debes saber cuáles son las responsabilidades de un diseñador de UX. Y por otro lado, ¿cuáles son las responsabilidades de un diseñador U I? Como se puede ver en las imágenes, tenemos dos pantallas diferentes. El de la izquierda nos muestra cómo debe funcionar el producto. Por ejemplo, suponga que tiene una pantalla con dos botones y a campos de texto. De acuerdo, la U X nos muestra cómo estos botones deben interactuar con el usuario, y la imagen correcta es todo sobre la interfaz de usuario, y nos muestra cómo debe verse el producto. Por ejemplo, aquí tenemos un botón y una plaza. El diseñador de tu ojo decide qué tan grande debe ser este botón o qué color es adecuado para ese cuadrado. Estas son las responsabilidades tú yo diseñador. Muy bien, muchas gracias por ver este video. Y te veo en el próximo video 3. Estructura del curso: Hola a todos. En este video, vamos a estar hablando de la estructura del curso. De hecho, se puede dividir el curso en dos secciones principales. La parte teórica y la parte práctica. En la parte teórica se crea el 10% de todo el curso, y la parte práctica forma el 90% del contenido del curso. Por lo que en lugar de enfocarnos en teorías, nos centraremos en practicar las habilidades que aprendas trabajando y diferentes tipos de proyectos . En la parte teórica, aprenderás sobre los conceptos básicos del diseño, tus elementos, ideas de negocio en Centra. Y en la parte práctica, diseñaremos diferentes páginas de aterrizaje de aplicaciones móviles. Y también hablaremos de prototipos de encuadre de alambre, diseño de logotipo de modelado de tres D y mucho más. Entonces si eres un principiante completo, recomiendo encarecidamente ver primero la parte teórica y luego proceder con el curso. Por otro lado, puedes saltarte la parte teórica y saltar a crear un proyecto. Muy bien, chicos, muchas gracias por ver este video. Y te veo en el siguiente video. 4. Herramientas necesarias: Hola todos En este video, vamos a estar hablando de las herramientas requeridas para completar este curso. En este curso, vamos a utilizar diferentes herramientas de diseño gráfico para diseñar juntas interfaces de usuario de clase mundial . El principal sufrimiento que vamos a utilizar se llama sketch, que sólo está disponible para Mac OS. Por lo tanto, si no tienes un dispositivo Mac OS, es posible que no puedas aprender las partes prácticas. Las otras herramientas que aprenderás sobre nuestro estudio de invasión y adobe para la tienda. También hablaremos de sitios web útiles como dribble ser manos, etcétera. Si no tienes alguno de los anteriormente mencionados sufren, asegúrate de instalarlos antes de iniciar el curso. 5. Introducción a los conceptos básicos de diseño: Hola a todos. Bienvenido de nuevo a otra sección de este curso. En este capítulo, vamos a estar hablando de diseños, iconografía, tipografía, colores, composición y mucho más. Si quieres convertirte en un profesional y genial, eres ux designer. Necesitas comenzar con los conceptos básicos del diseño. Entonces ahora que sabes la importancia de conocer los conceptos básicos del diseño, empecemos este capítulo. 6. disposición/composición/diseño: Hola a todos. En este video, vamos a estar hablando de layouts en diseño. Cuando se trata de ti eres diseño de UX. tan importante la forma en que mostramos la información en una siesta o sitio web. De hecho, no existe una forma correcta específica de crear tu propia composición, por lo que puedes crear fácilmente un diseño basado en tu propia necesidad, siempre y cuando sea consistente y comprensible para los usuarios. Como se puede ver en las imágenes de la derecha, ambas pantallas están bien diseñadas. Si bien el espaciado es diferente, la composición es absolutamente clara y consistente. Es necesario prestar mucha atención a la consistencia. Si bien estás diseñando una interfaz de usuario, no importa qué tipo de plataformas estés diseñando para las mismas reglas, aplica a todas ellas. Está bien. Ahora vamos a echar un vistazo a estas imágenes como puede ver en la imagen de Izquierda que los sentidos son bastante consistentes. Por ejemplo, si miras la distancia entre la imagen de perfil y la parte superior de la pantalla, puedes darte cuenta de que el valor es de 50 píxeles y también la D ya que entre la misma imagen de perfil y el campo de texto justo debajo de eso está de nuevo. 50 pixeles. Como se puede ver, el diseño de este diseño es bastante claro. Y la razón de eso es por la consistencia del espaciado. En las próximas conferencias, también hablaremos sobre el espaciado y la importancia de eso en el diseño. Ahora bien, si miras la imagen correcta, puedes darte cuenta de que el diseño también es claro. En ese diseño, Sin embargo, la única diferencia son los colores y el espaciado. Pero como habrás notado, el espaciado vuelve a ser consistente. Está bien. Muchas gracias por ver este video. Te veo en el siguiente video. 7. Jerarquía visual: Hola, todos en este video, vamos a estar hablando de jerarquía visual. La jerarquía visual es sobre cómo miramos los diseños. ¿ Suena? Eran. Entonces pongámoslo de otra manera. Nosotros, como diseñadores, debemos ponernos en los zapatos de los usuarios con el fin de darnos cuenta de cómo ven nuestros diseños. El contenido en cualquier diseño de página digital perseguirá una jerarquía particular. Por ejemplo, los menús van a la parte superior inferior izquierda o derecha de la pantalla, o una combinación de estos encabezados aparecen encima de las cintas corporales. En otras palabras, la jerarquía es una forma sencilla de mantenerse organizada de lo más a lo menos importante. Recuerde que los usuarios definieron la jerarquía de cualquier aplicación o sitio web. El elemento que primero llama la atención del usuario está en la parte superior de la jerarquía. Las especificaciones visuales que el diseñador puede utilizar para influir en los usuarios, comprensión de la información, nuestro tamaño, cuanto mayor sea el elemento, más atención atraerá. Entonces si estás familiarizado con el HTML y qué proceso de desarrollo, es posible que sepas que tenemos seis tipos de encabezados de H uno a H seis. H uno es el encabezado más grande, y H busca es el más pequeño en. Entonces cuando queremos conseguir tanta atención. Usaremos cada uno. Por ejemplo, supongamos que queremos llamar la atención del usuario a una sección específica o elemento específico, por lo que en ese caso usaremos el encabezado más grande. O por otro lado, a veces no queremos llamar tanta atención a un apartado o contenido específico. En ese caso, podemos usar el encabezado más pequeño por lo que el tamaño es tan importante. El siguiente artículo es collar. Los colores brillantes son más notables que los apagados. Si no tienes suficiente información sobre colores, no tienes que preocuparte por ello porque en las próximas lecciones, cubriremos toda la información necesaria sobre la elección del color adecuado en tu diseño. El siguiente punto es alineación. Un elemento con una alineación diferente de los demás atraerá más atención. Entonces, ¿qué significa eso? Supongamos que tienes un layout off, Digamos, cuatro videos diferentes o cuatro fotos diferentes. Si alineas a Onley uno de esos videos o esas fotos de manera diferente, llamará más atención sobre él. De hecho, en ese caso, en ese caso, el usuario puede darse cuenta de que algo es diferente. El siguiente ítem es el contraste. Colores fuertemente contrastantes llamarán la atención fácilmente. El contraste es un tema muy, muy importante en ti que diseño, y hablaremos de contraste en las próximas lecciones. Profundidamente. El siguiente ítem es proximidad Elementos, que se colocan estrechamente juntos, aparecen más relacionados. Y eso es cierto. Si miras las imágenes del lado derecho, puedes ver que tenemos dos pantallas diferentes. Centrémonos en la pantalla izquierda. Como puedes ver, tenemos dos secciones diferentes, nuevas promociones y nuevas historias. ¿ Te das cuenta de que los elementos de ambas secciones se colocan estrechamente juntos para que los usuarios puedan entender fácilmente que están relacionados juntos? El siguiente punto es la repetición. Los estilos repetidos pueden indicar que el contenido está relacionado. Entonces, ¿qué significa eso? Echemos un vistazo a las fotos de la derecha. Se puede ver que tenemos cuatro cuadrados en tres círculos, por lo que el usuario puede reconocer fácilmente la relación entre esos elementos. Y el siguiente ítem es el espacio en blanco, que es otro término importante en ur ux design. Más espacio entre elementos llamará más atención hacia ellos, así que veamos las imágenes de la derecha. Pero esta vez necesitamos distinguir entre la pantalla izquierda y la derecha Como se puede ver en la pantalla izquierda, tenemos suficiente espacio. O digamos, suficiente espacio en blanco entre nuestros elementos y nuestras secciones para que los usuarios puedan esposa fácilmente a través de la interfaz de usuario. No obstante, en la pantalla derecha, se puede ver que todos los elementos están muy, muy unidos. Y no hay suficiente espacio en blanco entre todos los elementos en ese tipo de disposición. Muy bien, muchas gracias por ver este video. Espero que lo hayan disfrutado. Y te veo en el siguiente video. 8. Ruido visual: Hola a todos. En este video, vas a estar hablando de ruido visual en el diseño. El ruido visual, como se puede adivinar por su título, se trata de una pantalla o parte de un producto digital, que tiene tanta información y muchos elementos en ella. Cuando estás diseñando una APP o un sitio web, debes prestar mucha atención a los detalles, porque al final del día, queremos diseñar una pantalla que sea fácil de usar y fácil de caminar. Por lo tanto, asegúrate de eliminar de tu pantalla todos los elementos o información innecesarios. Si no estás seguro de si tu diseño tiene ruido de video o no, se recomienda pedir comentarios a los usuarios. Si miras las imágenes del lado derecho, puedes ver que tenemos dos pantallas diferentes en la pantalla izquierda. No hay ruido visual, y es genial en cuanto a ti lo diseño. Por otro lado, en la pantalla derecha, hay demasiado ruido visual. Como puedes ver, hay tantos textos en la parte superior, y luego algunos elementos, que podrían ser videos o fotos que otra vez algunos videos. Y después de eso, algunas historias y se puede reconocer que no hay suficiente espacio en blanco entre esos elementos. Muchas gracias por ver este video. Te veo en el siguiente video. 9. Iconografía: alto en estos video, vamos a estar hablando de iconografía en diseño. La iconografía es un lenguaje visual utilizado para demostrar aspectos, contenidos o funcionalidad. Arkan están destinados a ser elementos visuales simples y claros que son reconocibles de inmediato . No tienes que rediseñar iconos bien conocidos como ícono de casa, icono de búsqueda, etcétera o, digamos, no reinventar la rueda. Se puede obtener acceso a casi todo tipo de iconos en sitios web de forma gratuita o anuncios costos razonables . Pero ¿y si lo necesitas para diseñar algunos iconos específicamente para tu proyecto? Bueno, en ese caso, deberías diseñar iconos, que están en armonía con tu diseño y otros iconos. Ten en cuenta que los iconos deben ser entendidos fácilmente por los usuarios, así que asegúrate de mostrar consistencia en tu diseño. 10. tipografía: alto en estos video, vamos a hablar de tipografía. ¿ Qué es la tipografía? La tipografía transforma el lenguaje en un elemento visual decorado. tipografía es una de las partes más importantes de ti es el diseño de UX, por lo que vale la pena tu tiempo para aprender más al respecto. Cuando estés diseñando una aplicación o un sitio web, limita el número de tipos de letra y tamaños que usas para que tu diseño sea sencillo. Inicio B dos fondos como máximo, uno para los encabezados y otro para los cuerpos. Puedes usar fondos gratuitos o pagados en tus proyectos, pero te recomiendo encarecidamente usar fondos gratuitos. Si le gustará utilizar fondos pagados, consulte la licencia cuidadosamente. Deberás informar a tus clientes que necesitan pagar extra por usar fondos pagados. Ahora bien, si miras el lado derecho de la pantalla, puedes ver que clasifico la base tipográfica para ti. Vamos a comprobarlo. Paso a paso. Justo en la parte superior. Contamos con propiedades. Toda línea de texto en cualquier programa tiene una línea base. Como puedes ver, aquí se indica con la línea azul, y además tiene el espaciado entre letras que puedes modificarlo en tu diseño fuera de curso. Hay más propiedades relacionadas con la tipografía, sin embargo, para proceder puntuaciones T, basta con conocer estas dos propiedades. Ahora centrémonos en la comparación entre el espaciado entre letras a la izquierda, puedes ver que tenemos el espaciado predeterminado. Pero a la derecha, modifiqué el espaciado de esas letras. Dependiendo del tipo de proyecto en el que estés trabajando, puedes modificar el espaciado entre letras como desees. Ahora hablemos del peso de cada fondo. La mayoría de los fondos tienen al menos tres pesos diferentes, pero algunos de ellos tienen más. Por ejemplo, el fondo puede tener seis maneras diferentes. Como puedes ver en tu pantalla, tenemos aquí desde el dedo del pie claro, negrita y por último pero no menos importante, desclasificación fuera de las fuentes. Como se puede ver, tenemos dos clasificaciones diferentes para fondos. El serif, que es el izquierdo en la imagen, y el Sand Saref, que es el correcto. El cuadro. Entonces, ¿cuál es la diferencia? Seguro, puedes distinguir entre ellos, pero déjame explicarte para memorizar la regla off serif y sans serif. En realidad, los fondos de Sarah tienen algún tipo fuera de línea plana en la parte superior de ellos y también el fondo fuera de ellos. O se puede decir que tienen pies. Por otro lado, los fonds sensoriales no tienen este tipo de líneas. Arenas en inglés y francés significa sin tan sans serif significa sin serif. Tú como diseñador eres responsable de elegir la mejor ola de fondos y también las mejores clasificaciones dependiendo del tipo de proyecto en el que estés trabajando. Muchas gracias por ver este video. Te veo en el siguiente video. 11. Contraste de colores: Hola a todos. En este video, vamos a estar hablando del contraste de color, que es un tema muy importante cuando se trata de ti que diseñé. Aplicar colores de manera efectiva es una habilidad que todos los que lo trabajan, las composiciones visuales deben tener para que tú, como tu diseñador en saber usar colores en tus proyectos. hora de aplicar colores, la legibilidad y la legibilidad son los factores clave. Investigadores han demostrado que los colores vibrantes permiten suficiente contraste, ayudando a aumentar la legibilidad y legibilidad. Por favor, tome en consideración que el exceso de contraste de color nos hace difícil leer. Recomiendo encarecidamente que los diseñadores creen un nivel de contraste de carne y para resaltar elementos pueden utilizar colores ing de alto contraste. También puedes usar sitios web para proporcionarte una relación al comparar dos colores para ver si hay suficiente contraste o no. Si nos fijamos en los ejemplos debajo de la derecha, tenemos seis colores diferentes. Como se puede ver, el 1er 4 son aceptables y tienen suficiente contraste, pero los demás no son legibles. Entonces cuando estamos diseñando una interfaz de usuario, tenemos que prestar mucha atención a los que llaman porque a veces tú como diseñador, quiero ser lo más creativo posible. No obstante, la creatividad debe venir después de la legibilidad y legibilidad 12. Pallete de color: Hola, Ron. En esta lección, vamos a estar hablando de paleta de colores. Crear un esquema de color para producto podría parecer una tarea difícil, sobre todo si eres principiante. No obstante, en realidad, no es tan complicado como piensan muchos diseñadores. ¿ Cuál es el esquema de color que eres? Esquema de colores es una mezcla de colores utilizados en su interfaz de usuario. Casi todos los esquemas de color contienen los grupos de colores que caen. Colores primarios, colores secundarios, colores acento, neutrales, colores semánticos. ¿ Cuáles son los colores primarios y secundarios? Los colores primarios y secundarios son los colores base de su interfaz de usuario. A los colores, que se usan con mayor frecuencia en tu tú yo diseño, se les llama colores primarios. La mayoría de los diseñadores suelen elegir los colores de la marca como colores primarios. De hecho, se recomienda tener no más de tres colores primarios. Opcionalmente. Puedes usar llamadas secundarias con el fin de distinguir tus productos y hacerte más interesante. Diseño bien, pero cómo elegir los colores correctamente Cuando estás trabajando con colores, no debes crear una combinación de colores aleatorios porque el resultado no sería el que esperas. Con el fin de entender cómo trabajar con colores. En primer lugar, es necesario saber qué va a facilitar el color y cómo funciona. Aquí te presentamos importantes combinaciones de colores que necesitas conocer de cortesía, que son dos colores que están en lados opuestos fuera del color con, y la siguiente es monocromática, que son tres tonos, tonos y adolescentes de un color basado. Y el último es análogo, que son tres colores que están uno al lado del otro en la rueda de color. Si miras el lado derecho de la imagen, puedes ver que aquí tenemos un color voluntad. Como se puede ver, tenemos monocromáticos. Por ejemplo, si miras el rojo, tenemos tres tonos diferentes o, digamos decenas de un color basado, y también tenemos complementarios. Por ejemplo, aquí tenemos morado y amarillo, que están en lados opuestos fuera del color con, por lo que la combinación de estos colores es genial 13. Espaciado: Hola a todos. Bienvenido de nuevo a otra lección de estos cursos en este video, vamos a estar hablando de espaciado en diseño. La consistencia juega un papel clave en ti. Yo diseño. Entonces, cuando estás diseñando, necesitas medir todo y mantenerlo consistente. Como diseñador, espaciado depende de ti. Pero una vez que lo dijo, necesitas usar los mismos patrones de espaciado en tus diseños. Por ejemplo, si dijiste que el espaciado entre el encabezado y el cuerpo tarda hasta ocho píxeles, siempre debes usar el mismo espaciado en todo tu proyecto. Como se puede ver la imagen, todo el espaciado se ha medido con precisión y deja claro el diseño. Por ejemplo, si miras la imagen, puedes ver que tenemos 50 celdas de pico desde la parte superior hasta el título de nuevas imágenes y luego ocho píxeles desde nuevas imágenes hasta el subtítulo superior y pasando y pasando. Por lo tanto, con el fin de mantener claro su diseño, asegúrese de usar patrones de espaciado consistentes a lo largo de su proyecto. 14. Composición: Hola a todos. En estos video, vamos a estar hablando de composición en diseño. ¿ Cuál es la relación dorada? El ratio dorado es una proporción matemática entre los elementos de diferentes tamaños, que se cree que es la proporción más estéticamente agradable para los ojos humanos. El ratio dorado equivale a 1 a 1.618 y generalmente se ilustra con conchas marinas en forma de sus montones. Este número fue utilizado para crear proporciones para arquitectura, pinturas, fotografía, diseño, etcétera. Pero, ¿cómo usar la relación dorada en tu diseño? Si tienes una pantalla con el con off 1200 píxeles, necesitas dividirla por 1.618 y el resultado será 741.6. Y ahora podemos decir 1200 canciones pick menos 741 es igual a 459. Por lo que tenemos dos secciones con el con hasta 741 píxeles y 459 píxeles. Como se puede ver en el lado derecho de la proyección aquí tenemos un disparo de pantalla fuera del sitio web medio . ¿ Se puede ver cómo se ha diseñado en base a la relación dorada para que pueda llamar la atención del usuario al lugar correcto en el momento adecuado? 15. Guía de diseño: en este video, vamos a hablar de Guía de diseño. ¿ Qué es una guía de diseño? Una guía de diseño es un sistema que puede ayudarte a mantener tu diseño consistente. También puede acelerar su proceso de diseño. Los ejemplos que estás viendo son solo unos pocos componentes que se pueden utilizar en tu guía de diseño . Hay muchas cosas que se pueden incluir en tus guías de diseño como tú elementos, topografía, iconografía, dimensionamiento y espaciado. Almohadilla de color. Es etcétera, así que tener un chico del diseño te hace la vida mucho, mucho más fácil. 16. Fuentes consistentes: Hola a todos, a todos, En esta lección, vamos a estar hablando de fondos en diseño. Como diseñador, siempre trabajas con diferentes fuentes, por lo que necesitas saber cómo usarlas correctamente. Como se mencionó en la sección de tipografía, se recomienda trabajar con dos fondos diferentes a lo sumo para que tus ojos sean sencillos. Ya sean los mejores fondos para ti, diseñé el número uno San Francisco. Es mejor para sitios web modernos y más por lapse número dos Sentido abierto. Es mejor para sitios web y recaída móvil. Concierto número tres. Es mejor para sitios web mínimos y APS móviles número cuatro Proxima Nova. Es genial para sitios web modernos centrados en contenido y APS móviles y por último pero no menos importante, roboto. Es mejor para sitios web modernos y mapas móviles también. 17. Colores consistentes: Oigan, todos, en este video, vamos a estar hablando de colores. Aplicar colores a tus elementos de ojo es una de las partes más cruciales del proceso de diseño U. Y. Y. ¿ Recuerdas lo que estaba jugando un papel clave en tu ojo diseñando tu consistencia correcta, por lo que necesitas mantener tus colores consistentes también. Por ejemplo, si aplicas Blue dos títulos en una página, necesitas aplicar del mismo color dos títulos en otras páginas o, si aplicamos, botón leer para comprar. Debes usar el mismo color para cualquier otro fondo de compra en otras páginas. Es por ello que necesitamos una guía de diseño y el estilo correcto. Si miras la imagen de tu derecha, puedes ver que usamos un color negro específico para los títulos, y utilizamos un color específico para nuestros fondos, etcétera. Por lo que es tan importante mantener tus colores consistentes 18. Íconos consistentes: Hola a todos. En este video, vamos a estar hablando de iconos en diseño. Podrás pensar que trabajar con iconos es una parte fácil de la U. que diseño. No obstante, si no le presta atención a los detalles, no obtendrá apropiado. Da como resultado tus algunos puntos importantes que necesitas para cuidar. Número uno. Pruebe la escalabilidad. Comprueba si eres íconos todavía se pueden reconocer en tamaños pequeños como 15 por 15 píxeles. Número dos adecuadamente dimensionados ahí. Encomiado El tamaño objetivo para objetos de pantalla táctil es de 7 a 10 milímetros. También recuerda agregar relleno entre iconos para evitar los grifos correctos. Número tres Consistencia interna. Utilice el mismo esquema de color para todos los iconos y también los mismos atributos de estilo como el tamaño de los bordes. Número cuatro. Alineación perfecta. Siempre trata de tener alineación perfecta en una estafa. Ah, graffiti. Pero a veces debido a que tienes iconos con diferentes tamaños, necesitas equilibrarlos tú mismo. Si miras la imagen de tu derecha, puedes ver que tenemos dos grupos diferentes fuera de iconos en el grupo izquierdo. Se puede ver que tenemos iconografía consistente porque sólo usamos iconos de esquema. Pero por otro lado, tenemos iconografía inconsistente porque usamos tanto contorneados como iconos sólidos al mismo tiempo, lo cual no es cierto comandado. 19. Elementos UI consistentes: Hola a todos. En este video, vamos a estar hablando de consistencia de tus elementos. Una de las cosas que siempre trabajas Quinto, mientras estás diseñando una interfaz de usuario es au element. ¿ Cuáles son los elementos de la UE? Fondos, tarjetas, tarjetas, campos de texto, deslizadores, diálogos, gráficos, pasos, tablas, tablas, controles de selección, menús, snack bares, etcétera. Al conceder la imagen. Escogí sólo algunos de ellos para ti porque ciertamente no pude ponerlos todos aquí. No obstante, aprenderás sobre casi todos ellos en el capítulo U Elements. 20. Recursos de fontes: Oye, todos en este video vamos a estar hablando de fuente a veces es elegir los fondos adecuados para tu proyecto podría ser complicado y llevar mucho tiempo. Entonces en esta parte, vas a saber sobre el mejor recurso en línea es conseguir tus fondos fácilmente. El primer sitio web se llama Google Fonts, que es tan famoso y allí puedes encontrar fondos gratuitos. El segundo sitio web se llama mis teléfonos y te confinaron fuentes gratuitas y pagadas, ter y por último pero no menos importante, puedes consultar el sitio web de Adibi Funds el cual puedes encontrar Foncier de pago. Si estás teniendo problemas reparando fondos, también puedes usar type off o fun pair. 21. Recursos de color: Hola a todos, a todos, en esta lección, vamos a estar hablando de collar. El recurso es ahora. Es hora de buscar nuestros colores con el fin de usarlos en nuestros proyectos. La mayoría de las veces. Encontrar buenos colores es un difícil tiene para ti, yo diseñadores, sobre todo si eres principiante. Aquí hay algunos recurso absolutamente útil es para encontrar colores. Cuello número uno persigue número dos color Adobe, que es tan útil por cierto Número tres no sé cómo pronunciarlo, pero creo que son refrigeradores o collares. Número cuatro Web Grady INS, que es otro buen sitio web para encontrar InTs Grady. Si las estás buscando, asegúrate de dedicar suficiente tiempo a encontrar la mejor paleta de colores posible para tus proyectos. 22. Recursos de ícono: Oigan, todos, en estos video vamos a estar hablando de Icon Resource es para su proyecto de diseño. Como se mencionó antes, iconografía es una parte esencial del proceso de diseño U. I, y es tan importante saber dónde puedes encontrar iconos atractivas y un estándar. Aquí te dejamos algunos recursos útiles es para encontrar iconos número uno icono plano, pero puedes encontrar icono de pago o gratis, señor. Número dos, puedo encontrar, que es otro buen sitio web para encontrar iconos y por último pero no menos importante, nuclear, que es una aplicación, y reúne todos los iconos para ti en un solo lugar. Recuerda que debes usar los iconos, que son fáciles de reconocer por los usuarios. Así que tómate tu tiempo y echa un vistazo a todos los iconos disponibles que quizá quieras utilizar en tu proyecto. 23. Introducción al boceto: Hola, todos en este video, vamos a estar hablando de sketch ¿Qué es catch? Dibujante? El Editor Profesional de Vectores, cual está diseñado para aquellos que quieren convertir sus ideas en productos increíbles. Como mencioné antes, bocetos no son adecuados para gráficos ráster. Se trata de un editor de vectores, que está desarrollado para el diseño de UX de Estados Unidos, y es realmente bueno para este propósito. Si quieres probarlo, puedes conseguir una prueba, puedes conseguir una prueba, alérgica de la misma y luego compra de licencia de un año por parroquias y conseguir obtendrás todas las actualizaciones hasta el final de tu suscripción. Entonces si eres fan de Adobe para la tienda, necesito decirte que no es un buen programa de software para ti eres diseño de UX. No obstante, es útil para editar tus imágenes con el fin de utilizarlas en tus proyectos. 24. Requisitos de bocetos: Hola a todos. En este video, vamos a estar hablando de requisitos de boceto. Si quieres usar Cage como dedo del pie diseñado, necesitas acceder al menos a uno de los dispositivos Mac OS. No tiene por qué ser la versión más reciente o más grande, pero necesita poder tener la High Sierra de Macron o una Michaela más reciente. Si quieres asegurarte de que puedes actualizar tus macros de vez en cuando, se recomienda mantener tu Mac OS actualizado para retrasar esta versión. Ya sea que estés seguro de tu sistema operativo o no, recomiendo que te des la prueba de 30 días empeore antes de comprar cualquier licencia. Entonces de esa manera puedes estar 100% seguro de que todo funciona perfectamente. Si estás trabajando con documentos más complejos que involucran múltiples páginas y cientos de tableros de arte , un potente Mac definitivamente mejorará el rendimiento 25. Entorno de bocetos: Hola, Ron. En este video, vamos a estar hablando de ambientes de boceto. Bocetos. La interfaz está diseñada mínimamente justo en la parte superior. Se puede encontrar la barra de herramientas que contiene todas las herramientas y acciones importantes subscriben el espectro de otorgación que le permite modificar las propiedades de la capa seleccionada. El listado de capas es el dolor del lado izquierdo, y enumera todos los poros y capas de arte en tu documento. último pero no menos importante, el lienzo está en el medio donde verás en tus diseños. Entonces, como pueden ver, podemos dividir una interfaz de boceto en cuatro secciones principales. Barra de herramientas que contiene todas las herramientas esenciales que necesitas. Listas de capas, al menos todas las capas y el inspector de nuestro tablero que te permite personalizar las propiedades de tus capas y por último, lienzo que muestra todo tu arte derrama en un solo lugar. 26. Conceptos básicos de la capa: Hola a todos. En este video, vamos a estar hablando de conceptos básicos de capas lo más tarde menos contiene todas las capas de la página actual. Nosotros, como diseñadores trabajamos con capas todo el tiempo, y es tan importante saber cómo funcionan. Como puedes ver, puedes insertar tantas páginas como quieras con la ayuda del botón más en la parte superior . Siempre que añades algo a tu tablero de arte, aparece en forma de capa en la lista de capas, sin importar cuál sea. Por ejemplo, el titular de esta lista de capas es una capa de texto, y se puede reconocer desde su icono único para ocultar una capa sobre la que se puede pasar el ratón . Esa es una capa específica, y entonces no puedo aparecer de inmediato. Al hacer clic en eso, puedes ocultar la capa y sabia versa para cambiar el nombre de una capa. Deberíamos arroyo en su nombre, y puedes cambiarlo fácilmente. Una de las cosas más importantes de las capas es la forma en que las organizamos. Envié a tantos diseñadores que no les importa organizar bien sus capas, y no es nada bueno. Aquí es por qué, cuando estás colaborando con un equipo de diseñadores. El modo en que manejas tus capas importa mucho, porque si es enteramente otros miembros del equipo no pueden entender la jerarquía de tu proyecto . Y para poder modificar cualquier cosa, tienen que pasar un tiempo considerable. Así que asegúrate de nombrar tus capas una vez creadas y mantenerlas lo más organizadas posible . El otro punto importante es el orden de colocar capas en las capas tempranamente para que la capa en la parte superior con aparezca por encima de las otras capas en tu tablero del aro. 27. Barra de herramientas: Hola a todos. En este video, vamos a estar hablando más de herramienta. La barra de herramientas del boceto contiene todas las herramientas que necesitas para crear tu increíble diseño . Cuando instalas sketch en tu computadora, hay una barra de herramientas por defecto, pero la buena noticia es que puedes personalizarlo fácilmente como quieras para personalizar la barra de herramientas Puede hacer clic derecho sobre él y elegir personalizar barra de herramientas de las opciones. . Entonces echemos un vistazo a la guerra de herramientas y veamos cuáles son nuestras herramientas predeterminadas a la derecha de tu izquierda . Se puede ver el menú emergente de inserción, que permite dibujar una nueva capa. Los datos aplicarán imagen aleatoria a reproductores de forma o contenido de texto a capas de texto. Crea símbolo le permite convertir el linger o grupo seleccionado en un símbolo. Hablaremos de los símbolos en futuras lecciones. Los botones de zoom te permiten ver más o menos fuera de tu documento, dependiendo del nivel de zoom. El grupo y luego los botones de grupo te permiten organizar tus listas de capas, cual es tan útil los próximos cinco Martin's, que son controles de edición, te permiten modificar y manipular tu forma seleccionada. Una máscara y una escala también se activan cuando se selecciona la forma, y estas piedras te permitirán recortar capas a las formas y redimensionarlas respectivamente. El fondo aplanado es para aplicar transformaciones y aplanar una forma a una sola capa y restablecer su origen. Los siguientes iconos de configuración son las operaciones booleanas, que se utilizan para combinar formas. Hablaremos de ellos en próximas lecciones. Después tenemos menú de vista, que permite mostrar y ocultar ayudas visuales que se pueden utilizar proyectos de trabajo salvaje y complejos . Por ejemplo, puede mostrar setas, diseños, reglas, etcétera. El botón de vista previa es para Previ en tu tablero de arco en una nueva ventana en Dispositivos IOS o Web. El icono de la nube es para compartir tu diseño con tus amigos, clientes o colegas a través de la nube de boceto. último, pero no menos importante, el fondo de exportación que es que exportas tus activos. Alternativamente, puedes usar tarjetas cortas para elegir el dedo del pie correcto, y realmente te puede ayudar a acelerar tu proceso de diseño. Podrás encontrar una lista de los atajos más importantes al final de este módulo. 28. Formas: Hola a todos. En este video, vamos a estar hablando de formas. Las formas son el tipo de capas más común en tu diseño. Existe una amplia diversidad de formas por defecto provistas de boceto como estrellas, rectángulos, oles mintiendo etcétera. Para agregar una nueva vergüenza a tu tablero de arte, elige una herramienta de forma del menú pop up de inserción y luego da forma, haz clic y arrastra cualquier parte del lienzo para insertar tu forma mientras arrastras para insertar el boceto de forma demostrará cuán grande se convertirá en la forma insertada. También puedes encontrar más detalles sobre tus formas en el inspector, y puedes cambiar las variables a medida que cada una. Algunas formas tienen opciones adicionales, como la capacidad de agregar más signos a un polígono alrededor de las esquinas. 29. Edición de formas: hola, todos en el video, y vamos a estar hablando de editar formas. A veces hay que añadir. Da forma de una manera que quieras, y es algo muy sencillo de hacer. Sketch permite editar el cambio de forma fácil y conveniente. En primer lugar, que zapatos rectángulo del menú público inserto. En segundo lugar, necesitamos dibujarlo en el lienzo, y después de eso podemos hacer doble clic en él o presionar la tecla enter para comenzar a editar. Una vez que estemos en Editar Luna, veremos un punto de círculo en cada una de las esquinas. Ahora vamos a hacer clic y arrastrar sobre cualquiera de estos puntos para cambiar su posición, y veremos cómo cambia la forma. También podemos agregar puntos adicionales a la forma colocando el puntero sobre el camino entre dos puntos y haciendo clic para insertar. Para eliminar un punto haga clic. El seleccionado impresionó la tecla de espacio trasero en tu teclado. El camino entre puntos puede aparecer como líneas de fuerza o cuidados. Depende del tipo de punto que los esté conectando. Si haces doble clic y nombra en un rectángulo, el tipo de punto cambiará inmediatamente para crear un cuidado de ruta haciendo eso. Verás dos manejadores a cada lado del punto que controlan al personaje fuera del camino. Estos se denominan puntos de control entregados con el fin de entender cómo funcionan. Piensa en ellos como si estuvieran jalando el camino hacia sí mismos. Hay un buen atajo para cambiar el tipo de punto y en sus números de prancing entre 1 a 4 en tu teclado. 30. Operaciones booleanas: Hola a todos. En este video, vamos a estar hablando de operaciones booleanas. En ocasiones se busca una forma que no existe en un boceto. En ese caso, necesitas crear tu propia forma. Si bien puedes crear una forma usando el dedo del pie vectorial, es mucho más fácil hacer una forma combinando formas básicas juntas. Por caso, piense en una nube que está alrededor del rectángulo combinado con un círculo. ¿ No has hablado de eso antes? Hay innumerables formas que podemos descomponer en formas básicas. ¿ Ahora qué? ¿ Ves cómo funcionan las operaciones booleanas? Tenemos cuatro operaciones booleanas diferentes. Sindicato número uno. El resultado es un vector que es la suma de ambos vectores. Número de áreas a restar. El resultado es un vector donde se retira el área fuera de la forma superior de la que está debajo de ella, número tres se cruza. El resultado es un vector que consiste en las partes donde los afeitados originales se superponen y por último pero no menos importante, diferencia. Es lo inverso de una operación de Intersect 31. Texto: Hola a todos. En estos video, vamos a estar hablando de texto puedes agregar tomas eligiendo el textil del menú de inserción en la barra de herramientas o presionando T. Entonces el puntero cambiará al texto en icono de herramienta, y finalmente, puedes hacer clic en cualquier parte del lienzo para insertar tu capa de texto. En ese punto, como se puede ver aquí, se insertará una nueva capa de texto con tipo algo ya seleccionado, listo para ser reemplazado. Si quieres crear un cuadro de texto, puedes hacer clic y beber, y luego tendrás un libro de texto de tamaño fijo. Entonces en este caso, cuando el texto llegue a mentir para caber dentro de la caja, creará una nueva línea. A diferencia del texto normal, que aumenta su con dos pies el contenido. Al seleccionar los tanques y hacer clic en el elemento del menú de texto, el boceto confinó una serie de opciones disponibles. Puedes cambiar el tiempo enfrentarte a Tallis ojos atrevidos o en su línea, tu capa fiscal y mucho más. Para modificaciones más complejas. También puedes usar la línea de base de ligadura de Karen en Central 32. Inspector de texto: Hola a todos. En este video, vamos a estar hablando de Inspector Fiscal uno de temprano. Seleccione el texto. Notarás que el inspector ha cambiado para mostrarte todas las propiedades que se aplican al texto aparte de lo mencionado anteriormente también pueden modificar la mayoría de ellas, incluyendo tipografía, alineación de tamaño de fuente, etcétera, derecha Sección Inspector. No obstante, si quieres usar puntos de bala, debes usar el menú de tanques en la parte superior. Una de las cosas más importantes a las que debes prestar atención mientras trabajas con tanques es el valor de línea que básicamente ajusta el corazón de la línea. Si no estás seguro de cuánto debe ser tu altura de línea, no te preocupes. Existe una buena fórmula que puedes usar con el fin de obtener una altura de línea adecuada. La fórmula es divertida. El tamaño se multiplica por 1.5. Por ejemplar, Si el tamaño de fuente es de 20 puntos, entonces el valor de línea debe ser de 30 porque 20 se multiplican por 1.5 Es ik en 2 30 33. Estilo de texto: Hola a todos. En este video, vamos a estar hablando de textil cuando estés trabajando en un proyecto complejo que contiene muchas capas fiscales, muchas de esas capas contendrían las mismas tomas propiedades. Por lo que un boceto permite crear un textil y aplicar a esas capas de tanques. Podrás preguntarte, ¿cuál es el sentido de usar los estilos de tanques? Bueno, déjame explicártelo con un ejemplo. Supongamos que llevas un mes trabajando en un sitio web y has utilizado un financiamiento específico tu proyecto. Entonces recibirías una llamada telefónica de tus clientes, y él o ella te pediría que cambiaras los fondos de All buddy, gracias a otra cosa. Entonces en este caso, si has usado un textil para tu texto corporal, podrías actualizarlo una vez, y los cambios aplicarían dedo del pie en todo el proyecto. ¿ No es eso bonito? ¿ Enfriar? Eso es impresionante. Por lo que con el fin de crear un nuevo textil, fácilmente podemos hacer clic en el texto que dice Sin textil espectro indio y elegir crear nuevo textil de los muchos. Y siempre que vamos a usar ese tiempo de texto, podemos dirigirnos a la sección de apariencia en el inspector y cambiar el dedo sin textil. Nuestras capas de texto lado 34. Imágenes y mapas de Bitmaps: Hola a todos. Estos video. Vamos a estar hablando de imágenes y mapas de beat como bocetos. Un editor vectorial. Es posible que te estés preguntando cómo podrías editar tus imágenes sin saltar entre diferentes herramientas de diseño. Bueno, no hay nada de qué preocuparse porque el boceto te permite usar las capacidades de edición de mapas beat más comunes para hacer tu vida aún más fácil para empezar a editar tu imagen, necesitas seleccionarla haciendo doble clic en ella. El inspector te mostrará a las herramientas de selección. En primer lugar, es necesario seleccionar un área en el campus y luego alcanzar el pico de la herramienta que desee. Aquí tenemos dos melodías diferentes Selección, que selecciona un área de rectángulo en la imagen y varita mágica. Con esta herramienta, puedes hacer clic y beber en cualquier lugar de la imagen para seleccionar un área. Una vez que hayas seleccionado un área de tu imagen, puedes ya sea tarjetas o copiar la selección y utilizarla para una nueva capa de mapa beat o usar una de las opciones en el inspector, por ejemplo, aquí tenemos cultivo invertido y sentir, pero usando invertir el área que no fue seleccionada se seleccionará ahora y quiere Ursa o usando cultivo. Se recorta, la capa toe Onley incluyen el área seleccionada y mediante el uso de la sensación te permite sentir el área de selección con colores, y después de eso tenemos que hacer clic en terminar de edición, y eso es todo. 35. Enrollado: relleno: Oye, todos en este video del que vamos a estar hablando sienten que uno de los dolores más importantes fuera del boceto es el inspector. Aquí. Podrás encontrar una variedad de opciones y herramientas que te permitirán aplicar efectos como sombras cambiar el color de una capa etcétera. En estas partes, aprenderemos a usar las sensaciones en tu diseño con el fin de usarlas. Se siente debe arroyo en el botón de agregar. En el título de la sección Campo, puedes aplicar una gama de diferentes capas de dedos de los campos, incluyendo el color sólido Grady Ins, una sensación de imagen. Además, puedes agregar tantos campos como quieras a tu capa, que se apilarán uno encima del otro de abajo a arriba. Las opciones de feudo desde izquierda derecha son de sensación sólida lineal, Grady int radial, Grady int, angular Grady int y, último, campo de imagen. En las próximas lecciones, nos sumergiremos en cada una de ellas específicamente 36. Enrollado: bordes: Hola Ruina. En este video, vamos a estar hablando de fronteras. Todas las capas del boceto pueden contener tantos bordes como desee excepto vecinos de texto. Se pueden modificar sus colores de espesor, etcétera, igual que se siente. Para agregar un borde a tu capa, debes hacer click en el botón Añadir en el título de la sección de borde. No sólo se puede personalizar su apariencia como colores, grosor, etcétera, sino que también se puede elegir cómo deben colocarse. La posición del borde se puede modificar en formas cerradas colocándose en el interior del centro o fuera de las formas Contorno. Adicionalmente, existen algunas opciones de borde que puedes usar, como extremos y combinaciones, que te permiten controlar cómo debe terminar el borde y cómo debe unirse a los puntos de unión. También puedes usar puntas de flecha, pero usando las opciones de inicio y final y guion nueves para usar las opciones de guión y hueco. 37. El tallado: sombras: Hola a todos. En este video, vamos a estar hablando de sombras. actualidad, se pueden ver sombras en casi todo tipo de diseño. No obstante, saber usar las sombras apropiadamente es tan importante. Hay dos tipos de sombras en la sombra de boceto y la sombra interior. Se comportan de la misma manera. La única diferencia es que la sombra se extenderá fuera del afeitado al que se aplica, Sin embargo, en su sombra se echará dentro de la forma. Puedes ajustar las sombras como quieras, cambiando su ex y por qué valor y también modificando la Blair y la cantidad de spread. Sin mencionar que se puede cambiar el color de las sombras. Haz lo que quieras. Me gustaría darte algunos consejos sobre el uso de sombras. En primer lugar, mantén la capacidad de tus sombras lo más baja posible porque de lo contrario no se ve bien, y parece tan exagerado. En segundo lugar, no uses sombras oscuras para el color de los objetos. Trata de usar el collar de objetos como el collar de sombra y disminuye su capacidad. Porque en el mundo real, por ejemplo, una manzana roja no tiene una sombra oscura. Tiene una ligera sombra roja. Aprendes a usar las sombras correctamente en futuras lecciones 38. Enrollado: desenfoque: Hola todos En este video, vamos a estar hablando de Blair en general, hay cuatro tipos de efectos Blair que puedes aplicar dos capas en un boceto. Podemos elegir entre ellos haciendo clic en la sección de título en el Inspector y eligiendo del menú pop up número uno ensamblador de gas. Se trata de un tipo Blair común que hará con precisión Blair en todas las direcciones. Desenfoque de movimiento número dos. Se desdibuja una capa Onley en una dirección, y le da al usuario la ilusión de movimiento número tres zoom Desenfoque. Se desdibuja desde un punto específico, y por último, desenfoque de fondo. Desdibuja cualquier contenido que aparezca detrás de una capa. A diferencia de otros tipos de Migron de Blair, Blair requiere que modifiques la capacidad de tus campos para que se vea un defecto. 39. Enrollado: degradados: Hola, todos en este video, vamos a estar hablando de grado. grandes posadas de Ian's son tan populares hoy en día porque ayuda a los diseñadores a atraer la atención de los usuarios . Como mencioné en la sección de campo, se pueden utilizar tres tipos diferentes de resplandor, radio lineal y grado angular. El de Ian. No obstante, el Grady Int más común es el lineal Grady int, y puedes encontrar este tipo de radiante en casi el 90% de los diseños de una forma u otra. Algo importante sobre el resplandor que debes saber es que no puedes combinar ningún color aleatorio para hacer un Grady INT. Por ejemplo, se pueden utilizar colores análogos a partir de la voluntad del color con el fin de crear un buen radiante. Alternativamente, puedes inspirarte en la naturaleza. Por ejemplo, es posible obtener tus colores de la foto de un paisaje. Para ello, podrías usar herramientas en línea para acelerar el proceso. Te voy a dar algunos consejos sobre usar el resplandor número uno. No uses en exceso Grady ins en tu número de diseño para comprobar dos veces el contraste de tu contenido porque a veces estás usando un gran y hermoso int Grady. No obstante, no hay suficiente contraste entre tu contenido y elementos, así que asegúrate de revisar dos veces tus elementos y también tus colores de contenido con el fin de ver si el tu legible o no. 40. Enrollado: estilo de capa compartida: Hola a todos. En este video, vamos a estar hablando del lado de capas compartidas. Se puede crear un aplicar una capa lateral dedo del pie cualquier capa al igual que los tiempos de texto. Te puede ayudar a guardar un conjunto de elementos estilísticos, los cuales pueden reutilizarlos en cualquiera de tus capas en el proyecto en el que estás trabajando, igual que el tamaño del texto, tamaño de las capas te permiten mantener la apariencia de tus capas, tanto consistente y actualizado. Si realiza algún cambio en su apariencia para crear un lado de capa, haga clic en el texto que no lea estilo de capa en el Inspector y elija. Crea la capa de piedra a partir de los muchos. Entonces necesitas elegir un nombre específico, y eso es todo. También puede agregar un sitio de capa reciente de estilo de capa y también desprenderse de las actualizaciones de estilo de capa de actualización lateral de capa en las capas utilizando las mismas capas. Señal cercano reciente elimina los cambios realizados a ese lado de la capa y finalmente se desprenden de las capas. Sign mantiene los cambios que has hecho a la capa de muerte pero elimina las capas picadas atributos de la capa 41. Masaje: Hola a todos. En este video, vamos a estar hablando de enmascarar máscaras en un boceto, dejarte seleccionar y mostrar partes de otras capas. Por ejemplo, puedes enmascarar una capa de imagen para hacer círculo, y si le das una forma de círculo a la imagen, hay muchas maneras en que puedes usar máscaras en un boceto. No obstante, el más conveniente es seleccionar a tus jugadores de forma y hacer clic en el botón de máscara de la barra de herramientas. Recuerda que el orden de colocar tus capas es tan importante viento trabajando con máscaras. Por ejemplo, si seleccionas tres jugadores de forma al hacer clic en el botón de máscara, las dos capas encima de la última se recortarán a la tercera capa. Otra forma de usar máscaras es darle un int Grady, que se llama All From Pregunte para hacer eso. Podemos ir a menú de capas, enmascarar un modo máscara y después de preguntar desde el Manu 42. Símbolos: Hola a todos. En este video, vamos a estar hablando de símbolos. Símbolos es un gran contar con un boceto que le permite reutilizar elementos fácilmente a través de sus puertos y páginas o incluso múltiples documentos. Podemos descomponer los símbolos en dos partes. Un maestro, que toma la apariencia de un tablero de arte y una instancia, que es una representación aplanada fuera del maestro. De hecho, una instancia de símbolo es una sola capa que espeja el contenido de su maestro. Puedes reconocerlo con la ayuda de un ícono morado. Se hunden flechas. Podemos crear un símbolo simplemente seleccionando un objeto y haciendo clic en el botón Crear símbolo de la barra de herramientas. Entonces se te pedirá que elijas un nombre para tu símbolo y al final presiona ok, Puedes encontrar tus símbolos en la página de símbolos, y puedes personalizar cada instancia con anulaciones. Se puede encontrar la sección de sobrescribir en el Inspector 43. El lienzo: Hola a todos. En este video, vamos a estar hablando de bocetos de lona. El lienzo es de tamaño infinito. Es básicamente donde estarán tus guerras de brazos y podrás navegar fácilmente por ahí usando la voluntad de desplazamiento en tu ratón o un trackpad, puedes desplazarte en cualquier dirección. Adicionalmente, puedes sostener una barra espaciadora y hacer clic y bebió el lienzo para panear alrededor. Si no hay ningún objeto seleccionado, también puede utilizar las teclas de flecha para desplazar el lienzo. Hay momentos en los que se quiere acercar y alejar el zoom para ver más detalles o todo el campus, respectivamente. Para ello, puede usar el elemento de zoom en la barra de herramientas opcionalmente. Puedes mantener presionada la tecla de comando y usar tu voluntad de desplazamiento en tus bocas. El nivel máximo de zoom es de 256,000% y el mínimo es de 1% 44. Plugins: Hola a todos. En este video, vamos a estar hablando de enchufes. plantaciones son una parte importante de cualquier herramienta de diseño. Puede ampliar la funcionalidad de bocetos instalando enchufes. Todos los plug ins han sido desarrollados por desarrolladores de terceros y se pueden descargar gratis o parroquias del desarrollador. Puedes encontrar los enchufes más nuevos en la página Extensiones del sitio web de sketch. Una vez que estás enchufando está instalado, puedes acceder a él mientras eres el menú Plug INS en la barra de menús. En ocasiones, después de una actualización, enchufes pueden volverse incompatibles con el boceto. En ese caso, tu sketch me bloquea y puedes arreglarlo desactivando enchufes. Para ello, podemos mantener presionada la tecla Mayús durante el tiempo de lanzamiento para desactivar todos los enchufes que tengas instalados. Si eliges administrar enchufes desde el menú plug Ins, puedes acceder al panel de preferencias de enchufes donde puedes administrar tus enchufes. 45. Exporta: Hola a todos. En este video, vamos a estar hablando de exportar. Cuando haya terminado su proceso de diseño, probablemente querrá exportar partes de su creación o incluso todo en un boceto. Podemos exportar fácilmente tu diseño en poco tiempo para ver todos tus hallazgos exportables pueden hacer clic en el botón de exportación en la guerra de herramientas y luego marcar lo que quieres exportar para marcar cualquier grupo de capas o arte para exportable en boceto, asegúrate de que sea seleccionado y haga clic en el fondo make exportable en la parte inferior del inspector. Después de esa vista aparecerá y podrá modificar y definir los ajustes para la exportación, y estos ahorros se aplicarán cuando se exporte la capa. Si haces clic en el botón de agregar, una vez contra efectivo agregará otra escala a tu exportación. Si tienes más de una escala de exportación definida, entonces necesitas al menos un prefijo o sufijo depender al inicio o al final, respectivamente, los archivos exportados. Nombre para diferenciarlos. Por lo general, los objetos exportados como una escala de dos X tendrán la sierra fija en dos huevos ya que esto cumple con las convenciones de nomenclatura requeridas por Apple al diseñar para los sistemas operativos. Si estás diseñando para Android, sin embargo, a los huevos está representado por el prefijo Ex edge DP I. Podemos elegir tu diseñador encontrar formato haciendo click en el formato. La exportación de botones no se limita a archivos. También puedes exportar parte de tu diseño como código. Puede copiar fácilmente los atributos CSS y el código SVG seleccionando cualquier número de elementos en el lienzo y luego mantenga presionada la tecla de control y haga clic y elija Copiar atributos CSS o copiar capa SVG. Se trata de una característica increíble para los diseñadores web. 46. Introducción a los elementos de UI: Hola a todos. Bienvenido de nuevo a otra sección del curso de este apartado. Vamos a estar hablando de ti elementos que son tan importantes cuando estás diseñando una interfaz de usuario. En los próximos años de videos, vamos a hablar de facturas fiscales, fondos, deslizadores, tarjetas, diálogos o incluso steppers y gráficos. Entonces si estás confundido acerca de todos esos elementos, te sugiero ver esta sección. Entonces nos vemos en la próxima serie de videos. 47. Camde: Oye, todos volverán a otro video fuera de esta sección. En este video, vamos a estar hablando de campos de texto, Como sabrás, tomas sientes eres elementos que permiten a los usuarios entrar en ataques en una u I. Normalmente aparecen en diálogos y formas. Casi todos los móviles se adaptan y también los sitios web utilizan al menos un tipo de campos de texto, por ejemplo. Se pueden utilizar para ingresar fechas, nombres, hora, etcétera. Como diseñador U I, necesitas saber cuál es la anatomía de un campo de texto como se describe en la imagen. Es posible que encuentres diferentes tipos de impuestos se sienten en diferentes plataformas, por lo que se recomienda conocer del estándar tus elementos que utiliza un sistema operativo específico . Si miras la imagen de la derecha, puedes ver que tenemos la anatomía fuera de un campo de texto. Como se puede ver, tenemos etiqueta. Tenemos el texto de entrada. Tenemos el ícono final, que es opcional. Como se puede ver, es el número tres. Además, contamos con indicador de activación. En ocasiones puedes usar el icono de entrada de voz o incluso un icono desplegable, y al final puedes ver que diseñamos diferentes Estados fuera de campo de ataques. Por ejemplo, si el usuario introduce la contraseña incorrectamente, el color de los campos de texto puede cambiar a otra cosa por ejemplo, rojo. 48. Botones: Oye, todos en este video, vamos a estar hablando de fondos en fondos de diseño que permiten a los usuarios tomar acciones. Por lo que uno de nuestros usuarios necesita hacer algo. Los fondos vienen a jugar. Creo que ahora entiendes lo importante que es saber sobre el diseño de fondo. Cuando estés diseñando un botón, asegúrate de prestar atención a los puntos de caída. Los estados número uno diseñan todos los estados fuera de la parte inferior, como activos , inactivos, tocados, flotando, etcétera. jerarquía número dos conoce la jerarquía de tus botones, por ejemplo, si se trata de énfasis alto, énfasis medio o énfasis de ley. Número tres colocación múltiples tipos de botones se pueden utilizar para representar diversos niveles de énfasis . Los botones de texto de botón de toma número cuatro se utilizan típicamente para acciones menos pronunciadas, por ejemplo, en diálogos y tarjetas y por último pero no menos importante, los botones de contraste deben tener suficiente contraste para enfatizar la importancia fuera de ellos funcionalidad. Entonces si miras la imagen de la derecha, puedes ver que tenemos diferentes estados fuera de la parte inferior. Por ejemplo, tenemos activos. Como puedes ver, tiene un color nítido, y la capacidad es del 100%. Por otro lado, tenemos inactivo para mostrar que este botón está desactivado por ahora, que aquí es gris, y también hemos tocado. Entonces cuando el usuario toca ese botón, cambia a ese color específico. Como se puede ver, tenemos eso es azul claro, y al final, como un concebir tener para diferentes botones, tenemos botón de texto. Además, hemos delineado botón y luego contener botón y también botón de conmutación, y necesitas usarlos con cuidado cuando estés diseñando una interfaz de usuario. Debido a que es tan importante para no tener la expectativa de los usuarios y también en términos de experiencia de usuario , es mejor usar el tipo correcto de fondo en tu diseño. 49. Sliders: Oye, todos en este video, vamos a hablar de deslizadores en diseño. Los deslizadores permiten a los usuarios hacer selecciones a partir de un rango de valores. Son ideales para ajustar ajustes como brillo, volumen, etcétera. Los deslizadores pueden tener iconos en ambos lados de la barra. Cuando estés diseñando una sidra, asegúrate de prestar atención a las siguientes cosas. Los estados número uno diseñan todos los estados fuera del Steiger, como habilitar desactivar, tocado, hover, etcétera, igual que los botones. Número dos. Los deslizadores de ajuste solo deben utilizarse para elegir selecciones de un rango de valores. Rapidez número cuatro. Los deslizadores deben reaccionar de inmediato, por lo que los cambios deben ser instantáneos. Y por último pero no menos importante, los deslizadores de accesibilidad deben proporcionar toda la gama de opciones disponibles para el usuario para seleccionar. Si miras la imagen del lado derecho, puedes ver que tenemos dos deslizadores diferentes. El 1er 1 es deslizador continuo, y como puedes ver en este tipo de Snyder, puedes modificarlo continuamente y sin ninguna interrupción. Por otro lado, en el segundo tipo de deslizadores, que es el deslizador discreto, no se puede modificar sin ninguna interrupción. Hay algunos puntos fijos que el usuario puede elegir 50. Información de herramientas: Oigan, todos, en este video, vamos a estar hablando de consejos de herramientas en diseño Los peeps de herramientas son para mostrar texto informativo cuando los usuarios pasan por encima, enfocan o tocan un elemento. Cuando estés diseñando una punta de herramienta, asegúrate de prestar atención a las cosas que caen. Concisión número uno Consejos para herramientas ¿Debe Onley mostrar un texto breve? No agregues una imagen ni información detallada. Número dos Las puntas de las herramientas de emparejamiento siempre están emparejadas cerca, el elemento con el que están asociados ID y por último pero no menos importante, puntas de herramientas transitorias aparecen al pasar el cursor, enfoque o el tacto y desaparecen después de una corta duración. Recomendaron facilidad de tiempo 1.5 segundos. Como se puede ver en el lado derecho, tenemos una punta de herramienta, que muestra texto informativo. Tenemos un atajo para negrita, y también tenemos información adicional aquí, seguro para botón de confirmación, así que asegúrate de usarlos correctamente. 51. Controles de selección: Hola a todos En este video, vamos a estar hablando de controles de selección. Los controles de selección permiten a los usuarios seleccionar fácilmente entre diferentes opciones. Es útil para declarar preferencias tal configuración. Cuando estés diseñando un control de selección, asegúrate de prestar atención a los siguientes puntos. Número uno Familiaridad. Se han utilizado controles de selección en ti. Diseño por mucho tiempo y debería ser utilizado como se esperaba. controles de selección de eficiencia número dos permiten a los usuarios comparar fácilmente dos o más opciones. Y por último pero no menos importante, los controles de selección escaneable deben aparecer de manera que los usuarios puedan reconocerlos de un vistazo . Los elementos seleccionados deben ser visualmente distinguibles de uno de los ítems seleccionados. Como se puede ver en el lado derecho de la pantalla, tenemos tres controles de selección diferentes. El 1er 1 son discursos. Es útil para apuntar una sola opción encendida o desactivada, y es tan popular. El próximo mes son los botones de radio. Son útiles para seleccionar una sola opción de una menos, y la última es revisar partes, y es útil para seleccionar elementos nacidos o múltiples de un mínimo, así que asegúrate de usarlos de la manera correcta. 52. papas fritas: Oigan, todos, En este video, vamos a estar hablando de chips. chips permiten a los usuarios hacer selecciones, activar acciones. Entrar información, etcétera. A diferencia de los botones, que deben ser una contracción consistente, chips deben aparecer dinámicamente como un grupo de múltiples elementos interactivos. Cuando estés diseñando un chip, asegúrate de prestar atención a las siguientes cosas El número uno indica. Al igual que los fondos y los deslizadores. Necesitas diseñar todos los estados de tus fichas, como en capaz desactivar tapped, hover etcétera. chips de relevancia número dos deben tener una relación útil con el contenido o tarea que representan. Y los últimos chips de compacidad son elementos compactos que representan información distinta . Si miras la imagen del lado derecho, puedes ver que tenemos fichas diferentes. Algunos de ellos tienen iconos o incluso una imagen. Por otro lado, algunos de ellos solo tienen un texto, así que asegúrate de usarlos en tu diseño de orina con cuidado. 53. Tarjetas: Hey, todos, estos video, vamos a estar hablando de tarjetas en los autos de diseño de interfaz de usuario son contenedores que muestran contenido y acciones sobre un solo tema. Deben ser fáciles de escanear, y elementos como imágenes o textos deben colocarse sobre ellos de una manera que sin duda indique la jerarquía. Cuando estés diseñando tarjetas, asegúrate de prestar atención a las siguientes cosas. Individual número uno. Una carta no se puede dividir en múltiples cartas. No se debe casar una tarjeta con otro número uno a la independencia. Una tarjeta no necesita depender de sus elementos circundantes. Puede ser independiente y durar pero no menos importante, componentes. Opcionalmente, una tarjeta puede tener medios de alcance como imágenes o videos, iconos de Tex Barton y clavos de película. actualidad, la mayoría de los diseñadores usan tarjetas ahí dentro. Tú diseño, así que si quieres usarlos también, asegúrate de usarlos con cuidado 54. Dibujos: Hola a todos. En este video, vamos a estar hablando de diálogos. Los diálogos informan a los usuarios sobre información crítica o incluso tareas. También piden a los usuarios que tomen una decisión o elijan entre diferentes opciones. Por ejemplo, los diálogos se pueden usar para pedir permiso o incluso elegir entre una gama de variables diferentes en un Snyder y mucho más Cuando estés diseñando diálogos, asegúrate de prestar atención a las siguientes cosas. Jerarquía número uno, un diálogo tiene la jerarquía más alta, y negra el uso de la APP hasta que el usuario acumula un dialecto acción número dos visibilidad morir a diferencia debe ser reconocible fácilmente. Por lo que recomiendo agregar una superposición oscura a la vista y poner el diálogo encima Eso es el número tres. diálogo directo debe transmitir el mensaje de una manera comprensible y clara. Y por último fondos, recomiendo usar botones uno a lado en un diálogo, como se puede ver en la imagen 55. Listas: Oigan, todos, en este video vamos a estar hablando de listas. Menos son un grupo continuo de imágenes o textos. Están compuestos por ítems que incluyen reacciones primarias y segundas, las cuales están representadas por iconos en textos. Cuando estés diseñando listas, asegúrate de prestar atención a los siguientes puntos. La consistencia número uno menos debe presentar iconos, impuestos y acciones en un formato consistente. Número dos policías de acción muestran contenido de una manera que facilita reconocer un elemento específico en la colección y actuar en consecuencia. Y por último pero no menos importante, escaneable por lo menos debe clasificarse de maneras lógicas que hagan que el contenido sea fácil de escanear. Como se puede ver en el lado derecho de la pantalla, tenemos diferentes tipos de listas. Por ejemplo, aquí tenemos tus contactos. Como se puede ver, está compuesto por imágenes e impuestos, y además tiene un icono 56. Tablas: Oye, todos en este video, vamos a estar hablando de mesas. Las tablas son contenedores que muestran a los usuarios diferentes registros, como productos, precios, fechas de estado, etcétera al día. El cuadro contiene por delante una fila en la parte superior, al menos nombres de Colin, seguido de reglas para más adelante. Por lo general son de desplazamiento a base de hierbas y fáciles de asustar. Entonces si necesitas poblar algunos datos, que son doloridos dobles y siguen el mismo patrón, puedes usar tablas cuando estás diseñando tablas. Asegúrese de prestar atención a las siguientes cosas. Las filas expandibles número uno de la tabla pueden ser expandibles con el fin de permitir al usuario evaluar información adicional sin perder su contexto. paginación número dos funciona presentando un conjunto de números, entrevista con la capacidad de navegar a otro conjunto y, último, arreglar encabezados. Arreglar el encabezado de fila mientras un usuario se desplaza por una tabla ayuda al usuario a saber sobre el nombre de la columna 57. Navegación: Oigan, todos, en este video, vamos a estar hablando de navegación. navegación es el acto de moverse entre pantallas de una siesta para completar tareas. Por instancia, puede navegar desde explorar la página de una siesta hasta la página de perfil. Existen diferentes tipos de navegación. Lateral número uno. Se refiere a moverse entre pantallas al mismo nivel de jerarquía. El componente principal de navegación del ábside debe proporcionar acceso a todos los destinos en el nivel superior de su jerarquía. Número para reenviar. Se refiere a moverse entre pantallas en niveles consecutivos en jerarquía y por último pero no menos importante, revertir. Se refiere a moverse hacia atrás a través de pantallas, ya sea jerárquicamente dentro de una siesta o karna lógicamente dentro de una aplicación o a través de diferentes APS. 58. Menus: Hola a todos. En este video, vamos a estar hablando de menús en diseño de interfaz de usuario. un menú se muestran al menos las opciones en una superficie provisional. Aparece cuando los usuarios interactúan con una acción de botón u otro tipo de controles. menús permiten a los usuarios hacer una selección a partir de múltiples opciones en controles de selección como. Los menús son menos sobresalientes y ocupan menos espacio. Cuando estés diseñando menús, asegúrate de prestar atención a los siguientes puntos. Escanible número uno. Muchas opciones deben ser fáciles de asustar. Los menús rápidos número dos deben ser fáciles de abrir, cerrar e interactuar con, y por último pero no menos importante, los menús de colocación aparecen delante de todos los demás elementos. 59. Gráficos: Hola a todos En este video, vamos a estar hablando de gráficos. gráficos ayudan a los usuarios a comparar Valores individualizados a distancia Cuando se trata de comparar muchos valores, es mucho más fácil mirar los gráficos números de área correcta y de acuerdo. Cuando estés diseñando gráficos, asegúrate de prestar atención a las siguientes cosas. Número uno. Visibilidad. Visibilidad de un gráfico. Es tan importante porque a veces se tiene un gráfico con detalles muy pequeños. Consistencia número dos. Coloca tus gráficos en una tarjeta con el fin de mantener tu diseño limpio y consistente. Por último, márgenes. Asegúrate de que haya suficiente espacio en blanco entre tus gráficos y otros elementos más adelante . En estas puntuaciones, aprenderás a crear gráficos y a usarlos en tus proyectos. 60. Patres de pasos: Hola a todos. En este video, vamos a estar hablando de steppers. Los sippers muestran el progreso a través de una secuencia de pasos lógicos y numerados. En ocasiones puede utilizarlos para la navegación. Las cenas pueden mostrar un mensaje de retroalimentación temporal después de guardar el paso. uso de steppers podría ayudar a los usuarios a evitar perder su enfoque cuando necesitan sentir formas o tomar alguna acción. Cuando estés diseñando steppers, asegúrate de prestar atención a las siguientes cosas. Las secciones número uno no incrustan steppers en otros steppers o tienes varios steppers en una página. Número dos tipos. Generalmente, existen dos tipos de pasos. Pasos editoriales y pasos no comestibles. Tenemos steppers horizontales sobre steppers verticales y por último retroalimentación. Opcionalmente puede diseñar retroalimentación transitoria para mostrar a los usuarios la progresión. Solo debes usar feedback siempre que haya una vista larga latente entre pasos. 61. Barras de Snackbar: Hola a todos. En este video, vamos a estar hablando de snack bars. Las barras de refrigerios proporcionan una retroalimentación concisa sobre una operación a través de un mensaje en la parte inferior de la pantalla. Deberían contener una sola línea de texto directamente relacionada con la operación realizada. También pueden contener una botella. Cuando estés diseñando barras apiladas, asegúrate de prestar atención a los siguientes puntos. Número uno. Debe ser breve. Snack bar sólo debe mostrar información breve sobre una operación y no información detallada . Número dos barras transitorias tiempo de espera automáticamente de la pantalla por lo que deben desaparecer rápidamente y por último pero no menos importante, jerarquía. Si la acción es lo suficientemente importante como para negro el uso de la APP, puedes usar diálogos en lugar de snack bars en las snack bars. Solo usa un botón si es necesario y no más. Como se puede ver en el lado derecho de la pantalla, tenemos dos ejemplos diferentes. El primer grupo de snack bars están diseñados a la perfección porque no tiene más de un botón y los Connors que han sido usados o geniales. No obstante, otro lado, el segundo grupo fuera de nuestros snack bars cuenta con dos botones, lo cual no es ideal para snack bars, y además utilizó un icono. Además del texto 62. ¿Qué es el wireframing?: Hola, todos en este video, vamos a estar hablando de él vía encuadre. El encuadre violento es una forma de diseñar una APP o servicios de sitio web en la estructura o nivel. Generalmente se utiliza un marco de alambre para diseñar contenidos y funcionalidades. En una página, que toma en cuenta las necesidades y experiencias del usuario, podemos considerar enmarcar alambre un esqueleto gráfico similar al plano de un automóvil. El marco viral determina los detalles de todo el proyecto en la etapa inicial como ladescripción del proyecto,La descripción del proyecto, mayoría de los principiantes piensan que el encuadre de alambre y el prototipado son de alguna manera los mismos. No obstante no lo son. Un marco de alambre es un diseño de baja fidelidad, por lo que no ilustra la apariencia final fuera de la interfaz de usuario. Por otro lado, un prototipo es un diseño de alta fidelidad, y su prototipado dinámico e interactivo se parece casi al producto final. 63. Flujo de usuario: Hola a todos. En este video, vamos a estar hablando del flujo de usuarios. El flujo del usuario es un camino tomado por el usuario prototípico en una APP o sitio web. Para completar una tarea. El flujo del usuario los dirige desde su punto de entrada a través de un set off fases hacia un resultado exitoso y una acción final, como enviar un mensaje o comprar un artículo. Permítanme darles un ejemplo de un flujo de usuario muy simplificado para una aplicación de comercio electrónico. El usuario inicia desde la página de inicio desde la página de inicio. El usuario hace clic en una página de categoría. Después, desde la página de la categoría, el usuario hace clic en un producto y luego desde la página del producto, el usuario agrega un artículo a la tarjeta y luego desde el carrito de la compra para usar sus cheques. Y después de eso, desde la página de check out, el usuario completa el pago, y al final el usuario puede obtener su o cabello recibido. Entonces así es como se ve un flujo de usuario, y es muy importante que cada proyecto tenga al menos un flujo de usuario simplificador 64. Prototipos interactivos: Hola a todos. En este video, vamos a estar hablando de prototipo interactivo. actualidad, prototipado está jugando un papel cada vez más vital en el proceso de diseño. Por lo que usted, como joven diseñador de UX, necesita saber cómo hacer un prototipo de alta fidelidad de su proyecto de una manera que pueda transmitir claramente el mensaje de su diseño y también la interacción exacta que desea lograr. No solo los prototipos pueden ayudarte como diseñador a mostrar tu trabajo, sino que también puede ayudar a los desarrolladores a saber cómo deben convertirse tus diseños en código. Estas son algunas herramientas útiles que puedes usar para el boceto de prototipado interactivo. Se puede utilizar para la creación de prototipos interactivos simples. Estudio de InVision Se puede utilizar para el principio de prototipado interactivo moderno y complicado . Se puede utilizar para moderno y de detalle, interactivo, prototipado y mucho más. Por ejemplo, puedes usar proto tarta también para prototipado avanzado 65. Herramientas de Wireframe: Hola, todos en este video, voy a hablar de herramientas de marco de alambre. Ahora que ya sabes la importancia del encuadre de alambre en tu diseño de UX, es hora de hablar de las herramientas, que son absolutamente útiles para preparar tu marco de alambre. A pesar de que algunos diseñadores prefieren usar software independiente para el encuadre de alambre, hay diseñadores que prefieren usar herramientas basadas en Web para el encuadre de alambre. No importa la forma en que te guste elegir, asegúrate de mantener tu encuadre de alambre consistente. Estas son algunas herramientas útiles que puedes usar para enmarcar cables Número uno Mike Flow. Puedes utilizar mike flow dot com, y ofrece una variedad de servicios gratuitos y de pago. Número dos figura. Se puede utilizar los pies, Mother Calm, y también ofrece servicios gratuitos y de pago. Boceto número tres. Se trata de una aplicación de pago y por último pero no menos importante, Adobe X'd , que es gratis, y puedes insultarlo tanto en Mac OS como en Windows 66. ¿Qué es un estilo de color?: Hola. Bienvenido de nuevo a otra sección de las partituras en este video. Vamos a estar hablando del color Stein. ¿ Cuál es el estilo de color? De hecho, cada marca tiene un conjunto de colores a los que se adhieren. Entonces, por ejemplo, cuando piensas en Tweeter, estoy bastante seguro de que piensas azul. Entonces en la sección, vamos a crear nuestro propio estilo de color o, digamos, nuestra propia guía de estilo para ayudarnos durante nuestro proceso de diseño. Por lo que te veo en el siguiente video. 67. Colores de primario, semanales y acento,: Hola a todos. En este video, vamos a empezar a crear nuestra primera guía de estilo teniendo una guía de estilo. Es tan importante cuando estás diseñando una interfaz porque te va a ahorrar tanto tiempo y te hace la vida más fácil. Entonces, sin más preámbulos, empecemos. En primer lugar, voy a poner aquí un nuevo puerto de arte para que puedas ir a insertar tablero de artes. O bien, alternativamente, puedes presionar un botón en tu teclado. Entonces voy a elegir Responsive Web y este material HD perfecto. Entonces antes que nada, voy a renombrarme dos collares Genial. Y luego agreguemos texto aquí y colores correctos. Y si sostienes viejo, puedes ver los sentidos D entre esas edades y el texto. Entonces hagámoslo 100 desde arriba y 120 desde la izquierda. Genial, voy a acercarme un poco. Ahora insertemos alrededor de él aquí, y voy a arrastrar y soltar perfecto, y voy a elegir el color con el código para 135 F tres Perfect. Y ahora aumentemos el radio de esquina para conseguir esquinas lisas. ¡ Impresionante! Ahora lo podemos alinear con el relleno. Gays. Ocho píxeles perfectos. Entonces ahora insertemos otra ronda aquí y arrastremos y soltemos. Y hagámoslo 180 por 180 células pico. Como puedes ver en un boceto, tienes dos opciones. Esquinas redondas o esquinas lisas. Prefiero usar esquinas lisas porque te va a dar unas esquinas lisas muy, muy bonitas como lo que ves en nuestro EU bien, veinticinco. Genial. Ahora voy a inyectar esta caja, y ahora vamos a elegir nuestro collar. Eso es correcto para 13 cinco F tres. Genial. Si no estás seguro de qué colores te gustaría elegir en tu proyecto, no te preocupes. Siempre puedes volver y modificar todos tus componentes de guías de estilo. Entonces ahora vamos a moverlo un poco. De acuerdo, 100 es genial. Y ahora duplicémoslo con el Comando D y ponerlo aquí con relleno de 30 celdas de pico. ¡ Genial! Y esta vez elijamos el color. Siete. Bond busca ocho F seis perfecto y una vez más, vamos a duplicarlo. Pero está justo ahí y elige el siguiente color. A 09 a f nueve. Genial y de nuevo eso está duplicado. Sé que es un poco aburrido, pero créanlo o no, va a ahorrar tanto tiempo y hace que tu proceso de diseño sea mucho más rápido. Y el último. Vamos a los zapatos a ver si cc f c genial. Muy bien, Estos son nuestros colores primarios, así que déjame arrastrarlos un poco hacia abajo. Ahora voy a escribir auto primario. Ahí está bien, y ahora vamos a capitalizar todas estas cartas. En lugar de escribir con mayúsculas, fácilmente podemos ir por allá y hacer clic en ese botón de ajuste de allá. Aquí tenemos opciones de tomas y puedes elegir mayúsculas Perfect. Hagámoslo más pequeño. 24 pixels es genial y la distancia 40 pixels. Entonces estos van a ser nuestros colores primarios que usó mayormente en nuestro proyecto. Entonces ahora vamos a crear nuestra guía de inicio en primer lugar, pero seleccione el primer color. En el lado derecho, se puede ver una sección, que se llama apariencia, y aquí se escribe ningún estilo de capa. Entonces si hago click en eso, puedes ver que hay una opción. Crear nuevo estilo de capa. Entonces, vamos a dar click en eso. Y aquí eso es correcto. Colores slash primarios slash morado 100% y entrar genial así que vamos a hacer lo mismo para todos esos. Entonces vamos allá. Crea colores, escombros slash primario púrpura, 75% y de nuevo, colores slash slash principal por pastilla, 50% y la última. Colores slash principal slash púrpura 25%. Genial. Entonces en este momento hemos creado nuestros colores primarios compartidos Siles, lo cual es genial, bien. Antes de continuar con este proceso, voy a crear una capa. Nos alineamos y le voy a cambiar de cuello. Algo así. Eso es genial. Y el espaciado 16 de arriba y 40 de abajo. Impresionante. Entonces ahora, con el fin de organizar nuestras capas, agruparlas para que puedas usar el comando G y luego cambiarle el nombre a título Great. Y también, vamos a elegir thes colores, Píldora de par primario y aquí también título. Muy bien, entonces lo segundo que tenemos que hacer es crear nuestros colores de acento. Entonces lo que voy a hacer es sostener a estos dos grupos y duplicarlos y arrastrarlos hasta aquí. 70 Grande vende Genial. Entonces ahora cambiemos el título a colores de acento. Está bien, ahora, elegamos la primera plaza por ahí y cambiemos el color, también. B e 52 f dos. Y si hago click por ahí, puedes ver que tenemos algunas opciones. Si hago clic en actualizar capas tiempo, esto va a actualizar la estrella de capa anterior que acabamos de crear. No es lo que necesitamos. Necesitamos crear unas nuevas capas dedo del pie enfermo y llamémoslo colores. Aplastar Acento Slash. Es como morado otra vez. Se vende su college púrpura uno y el 2do 1 Vamos a cambiarlo a D. B. Un cinco si bien, genial y vamos a crear un nuevo estilo de capa. Entonces lo voy a cambiar a colores, acento slash púrpura a y la siguiente e la f F dos. Impresionante. Entonces vamos a crear otros colores de estilo de capa. Acento, Morado tres y el último. Vamos zapatos si tres e ocho si seis. Vamos a cambiarlo un poco ahora es genial y crear nuevos colores de estilo de capa. Mi acento. Cuidado. Cuatro. Impresionante. Entonces lo siguiente que tenemos que hacer es crear nuestros colores semánticos, así que hagamos el arte un poco más grande. Puedes hacer click en eso y luego cambiar la altura a 2000. Y ahora cambiemos el nombre del grupo aquí por colores de acento y también el título del título Acento Dash . Genial. Entonces esperemos y duplicémoslos y los bebamos. ¿ Verdad? Entonces eso también cambió el impuesto . Connors semánticos. Muy bien ahora solo necesitamos tres colores aquí ni para que sea sencillo para ti. Eso son zapatos. Si si cf five ve genial, vamos a crear nuevos colores de estilo de capa. Naranja semántica uno y el siguiente f f e 29 d de nuevo creando tu estilo semántico naranja a en el último f f f ocho e siete. Crear nuevo estilo de capa naranja semántica. Tres. Perfecto. Ahora vamos a sostenerlos y duplicarlos. ¿ Verdad? 30 Pixel es genial. Eso se utiliza el 1er 1 y cámbialo a 0084 f cuatro. Llamémoslo azul. El 2do 166 ser cinco F sobre ocho Azul, también. Y el último d cinco e nueve f A y eso es colegio azul tres. Está bien. Puedes agregar todo lo que quieras, pero creo que por el bien de este curso, es suficiente por ahora. Muchas gracias por ver este video en el siguiente video. Vamos a añadir la directriz Grady en color estrella y también los colores grises que utilizó mayormente en fondos. Entonces nos vemos en el siguiente video. 68. Colores y degradados: Hola a todos. Bienvenido de nuevo a otro video de thes sección en estos videos. Vamos a estar creando nuestros colores de fondo gris, cual es tan importante, porque la mayoría de las veces los vamos a usar mucho en nuestro proyecto. Entonces sigamos adelante y hagamos nuestro arte un poco más grande. Entonces voy a cambiar el máximo a 3000. Y luego, como todos ustedes saben, necesitamos retener estos grupos y duplicarlos. Ahí vamos. Eso cambió su título a colores de fondo gris. Perfecto. Por lo que ahora elijamos el primer color y lo cambiemos a 28 37 para B Perfect. Y ahora vamos a crear un nuevo estilo de capa y colores. Voy a decir gris BG slash uno también, y vamos a seleccionar el 2do 1 y cambiarlo a 87 98. A de genial. Eso es crear un nuevo estilo de capa. Sé que es repetitivo, pero créanlo o no, va a hacer nuestra vida mucho más fácil. Por lo que vale la pena nuestro tiempo para crear nuestro lado de color. O, digamos, nuestra guía de estilo, generalmente con el fin de hacer que el proceso se apague, están diseñando más rápido. Ahora vamos a elegir el siguiente y vamos a cambiarlo a si siete d cero la A y entonces voy a seguir adelante y crear un nuevo estilo de capa colores, gris y tres. Necesito una más. Duplicemos el último con Command D y sosténgalo y moverlo un poco perfecto. Y eso ha cambiado el color a Yvonne E six e b. Genial. Vamos a crear otro archivo de capas. Y aquí, digamos por impresionante. Entonces ahora mismo puede que estés pensando, ¿por eso deberíamos hacer eso? Permítanme darles un ejemplo para entender lo poderosa que es una guía de estilo cuando se trata de diseño de interfaz de usuario. Entonces digamos que tenemos por aquí, ¿de acuerdo? Y suponga que quiere llenarlo con nuestro color primario. Entonces cuando hayas compartido dentro, no necesitas memorizar el código de color en su lugar, Si vas adelante a la sección de apariencia y haces clic aquí, puedes ver todos los colores y el estilo de capa que creamos para nuestro proyecto. Como puedes ver, necesitamos cambiar este estilo de capa por el nombre de eso porque no es consistente, por lo que el boceto no pudo categorizarlo como colores. Genial Así que, en primer lugar, déjame cambiarlo. Iremos a organizar los años y luego aquí. Gris. Impresionante. Entonces sigamos adelante y elijamos nuestro color primario. AARP 0 100%. Ahí vamos. ¿ Te diste cuenta de lo fácil que es trabajar los tés con guías de estilo? va a ahorrar tanto tiempo y estás diseñando una interfaz. La otra ventaja de usar guía de estilo en tu proyecto es que siempre puedes modificar fácilmente cada componente de tu guía de estilo, y los cambios se aplicarán a todo tu proyecto. Eso es impresionante. Supongamos que diseñas un proyecto con estos colores primarios que tenemos por allá, y después de dos meses, tu cliente quiere cambiarlo por otra cosa. Si no usaste el estilo de capa compartida en tu proyecto, necesitabas cambiarlo uno por uno, y ni siquiera puedes imaginar cuánto tiempo tarda. Entonces en lugar de eso, puedes ir fácilmente a tu guía de estilo y seleccionar ese color específico que deseas cambiar y cambiarlo fácilmente. Por ejemplo, intentemos algo aquí afuera. Voy a cambiarlo a este color, y luego necesitas actualizarlo así que Sí. ¿ Qué pasa si reviso nuestra plaza por ahí? Se puede ver que el color ha cambiado. Eso es impresionante. Está bien. Espero que entiendas cuán poderosas damas y vale la pena tu tiempo para crear tu propia guía de estilo . Muy bien, ahora voy a seguir adelante y crear nuestros colores radiantes. Entonces vamos a duplicar estos, y tenemos que recordar cambiar el nombre de nuestros grupos. Muy bien, cambiemos el título a estudiosos de calificación. Impresionante. Ahora voy a seguir adelante y seleccionar estos dos y eliminarlos porque solo quiero crear a Grady ins para nuestra guía de estilo. Entonces vamos a sentir sección y hacer clic y color. Y aquí, como ustedes saben, tenemos algunas opciones. El 1er 1 es para elegir un solo color, y el 2do 1 es para InTs Grady, por lo que puedes fácilmente dar click en este círculo y elegir este color y luego dar clic en el 2do 1 y elegir el segundo color primario, y puedes cambiar la dirección de estos hermosos ins de salsa. Perfecto. Entonces de nuevo, vamos a crear un nuevo estilo de capa esta vez colorea uno radiante. Y eso ha cambiado el 2do 1 aquí, también. Este y es divertido impresionante. Crear nuevos colores de estilo de capa. Grady Int para perfeccionar. Muy bien ahora, sigamos adelante y cambiemos el nombre de nuestros grupos porque es tan importante mantener siempre organizadas nuestras capas y grupos. Entonces, ¿qué tenemos aquí? Colores semánticos. Eso está cambiando demasiado semántico. Y estos dos también deben cambiarse a colores semánticos en el 2do 1 azul y luego título de tesis a Gray. Y aquí también collares BG grises y el último vital Grady Ins. Y aquí, Grady Int perfecto. Por lo que acabamos de crear con éxito la parte de color de nuestra guía de estilo. Y es suficiente por ahora. En el siguiente video, vamos a crear las fronteras y sombras para nuestro proyecto. Entonces muchas gracias por ver este video. Te veré en el siguiente video. 69. Borders y sombras: Oigan, todos, bienvenidos de nuevo a otro video de esta sección. En este video vamos a crear estilos de capa compartidos para nuestros bordes y también para nuestras sombras. Entonces, empecemos. Entonces, en primer lugar, elijamos actos y colores y los duplicamos porque los vamos a necesitar aquí. Y voy a cambiar el título. Dos colores de borde. Impresionante. Ahora vamos a seleccionar el 1er 1 Pero esta vez no necesitamos sentir. Necesitamos fronteras. Entonces vamos a Chek se siente y chequear las fronteras. El con o grosor es uno que es grande y que cambian el color a nuestro primer color de acento . Genial. Y las posiciones van a estar dentro como un defecto. Y sigamos adelante y cambiemos el 2do 1 y marquemos esta casilla. Consultar Fronteras. Ahí vamos. Lo mismo para el 3er 1 Vale, no necesitamos el último porque es demasiado ligero. Por lo que estos tres son suficientes Ahora, Como saben, tenemos que seguir adelante y crear un nuevo estilo de capa. Entonces vamos a escribir la franja de borde uno y para el 2do 1 de borde de la eslora dos y la última de la traza de borde tres. Genial. Entonces vamos a cambiar el nombre del grupo aquí a los colores de borde y también este grupo a las fronteras grandes. Y luego voy a seguir adelante y seleccionar los grandes colores de fondo del mismo y duplicarlos. Vamos a moverlo hacia abajo perfecto. Y eso cambió el título a sombras. Genial. Necesitamos cuatro sombras diferentes, pero todas con el mismo color. Entonces, vamos a seleccionarlos a todos y cambiarnos de cuello, también. ¿ Verdad? Sabrás por qué en un segundo, y luego eso es a las sombras. Ahí vamos. Ese zoom en un poco. Está bien. En primer lugar, vamos a seleccionarlos todos y cambiar el todo lejos de 50 a 20. Genial. Entonces voy a seleccionar el 1er 1 y modificar estas opciones de sombras. Entonces, primer lugar, voy a cambiar los huevos 21 y los EAU a cinco, y eso ha aumentado un poco el Blair Mount. Pongámoslo a 10 porque va a ser nuestra pequeña sombra y por qué creo que van a ser seis grandes y el 2do 1 otra vez. Uno. Y pongamos el Blair 2 20 cambiado. ¿ Por qué allá? Aumentemos la cantidad de X un poco 25 y la siguiente que dijo los huevos también a y aumentemos la cantidad Blair 2 20 ¿por qué va a ser 19? No obstante, creo que es mejor cambiar la X 22 y esta vez voy a disminuir la cantidad de todo fuego a 10. Genial en el último. Disminuyamos la oferta. Monto a 10 y luego dijo el X 21 el Y 25 y el Blair para un adolescente. Genial. Ahora es el momento de crear nuestro estilo de capa compartida. Así que vamos a seleccionar el 1er 1 y seguir adelante y crear nueva capa Stein. Aquí, digamos que las sombras cortan una de nuevo. Sombras que se copian con el fin de ahorrar tiempo. Aplasta y sombras Stache tres y la última Sombras slash para genial. Como pueden ver, aquí tenemos sentir para entender cómo se ven estas sombras. Pero no los necesitamos, porque cuando queremos agregar sombras a nuestras capas o componentes, no necesitamos sentirlo también. Entonces vamos a elegirlos y luego revisar este campo, ladra genial y haga clic en múltiples estilos de capa aquí y optó por lados de capa. Impresionante. Esto es lo que necesitamos. Puede parecer raro, pero funciona perfectamente. Muy bien ahora, sigamos adelante y organicemos nuestras capas aquí. Eso es cambiar dos sombras y también esta. Entonces voy a seguir adelante y agrupar estas capas con su título. Y luego voy a seguir adelante y agrupar los colores o sombras con su título. Entonces vamos a agruparlos en una sombra de carne. El 2do 1 bordea Grady ins, collares BG grises, algunos colores anti, colores de acento y el último colores primarios. Impresionante. Está bien. Por último, terminamos de crear a partir de nuestro estilo de color. Yo 'd Y en el siguiente video, vamos a crear nuestro tamaño de capa de entrada. Muchas gracias por ver este video. Espero que lo hayan disfrutado. Y te veo en el siguiente video. 70. Entradas: Oigan, todos, bienvenidos de nuevo a otro video fuera de esta sección en este video. Vamos a estar hablando de entradas y queremos crear un estilo de capa compartido para nuestras importaciones. ¿ A qué me refiero con entradas? Casi todo tipo de diseño de productos como sitios web, aplicaciones móviles, etcétera necesitan algún tipo de insumos. Por ejemplo, cuando se quiere diseñar un registro para o una página de inicio de sesión, se necesitan esos campos de texto y creamos capas compartidas lado para las importaciones con el fin de que sea consistente y hacer que el proceso de diseño sea mucho, mucho más rápido. Entonces, sin más preámbulos, empecemos. En primer lugar, voy a seguir adelante y sólo aumentar el tamaño de la pieza de arte a 3000 y 500. Genial. Y luego voy a seleccionar grandes colores de fondo y duplicados Traedlo aquí mismo y cambiemos el título. Dos insumos. Genial. Ahora voy a desmarcar estos campos y usar bordes y vamos a elegir el color primario para el 1er 1 Y ahora vamos a seguir adelante y crear nuevas capas. Entradas de tiempo slash uno. Entonces sigamos adelante y dijimos como el 2do 1 y elijamos de nuevo el color primario. No obstante, esta vez voy a bajar el todo mi montura a 10% de nuevo. Eso es bordes usados y elegir el color primario. Ahora vamos a crear nuevas entradas de estilo de capa. Slash Escribamos advertencia. Entonces cuando algo anda mal, por ejemplo, si la dirección de correo electrónico está mal o algo más, usamos este tipo de entradas. Y el 3er 1 otra vez, lo voy a sentir. Batir el color blanco y el borde con el color primario. Y ahora vamos a seguir adelante y crear nuevas entradas de estilo de capa slash tres y la última. Vamos Chek siente y está en las fronteras. Esta vez voy a usar este color gris y crear nuevas entradas de estilo de capa para impresionante. Entonces ahora supongamos que vamos a crear un campo de texto para un registro, podemos ir e insertar alrededor de él aquí así como así, y luego simplemente aumentar el radio de esquina pequeñas esquinas. 2 20 Perfecta. Vamos a seguir adelante y utilizar nuestros insumos. Por ejemplo, Year. Vamos a tener el 1er 1 ¿No es eso impresionante? ¿ O supongamos que queremos cambiarlo a un estado de alerta? Podemos fácil seguir adelante. Advertencia de insumos. Ahí vamos. Eso es genial. Está bien. Muchas gracias por ver este video. Te veo en el próximo video 71. Introducción al estilo de tipografía: alto en estos video, vamos a estar hablando del tiempo de texto, igual que lo que hicimos con nuestros colores que ahora vamos a estar haciendo con nuestra tipografía. Entonces en esta sección, vamos a estar creando nuestro propio textil. Y necesitamos establecer diferentes tamaños, diferentes pesos y también diferentes colores a nuestro estilo tipográfico para poder usarlo en nuestro proyecto. Por lo que te vería en el siguiente video. 72. Guía de tipografía parte 1: Oigan, todos, bienvenidos de nuevo a otra sección de este curso en este video. Vamos a estar hablando de estilos tipográficos y queremos crear nuestra guía de tipografía . Por lo que las tarifas a primera hora. Voy a seguir adelante y duplicar el mismo tablero de arte con el mando D. Ahí vamos. Cambiemos su nombre a tipografía. Genial. Y ahora voy a quitar estos grupos porque no los necesitamos. Y también esta perfecta y ha cambiado el título para llevarse a Parker. Los temores se inclinan. Y aquí lo voy a cambiar a H uno. Perfecto. Y eso es hacerlo más pequeño. Creo que 18 sería genial. Y ahora voy a hacer que esta línea sea un poco más larga. Retención turno. Perfecto. Entonces lo que vamos a hacer es crear tres estilos de encabezado diferentes y también tres estilos de cuerpo diferentes. Entonces, ¿qué quiero decir con tres lados diferentes? Entonces vamos a crear un año de texto y texto de muestra correcto, y voy a cambiar el color a este. Genial. Y entonces me voy a asegurar que sea una línea a la izquierda. Y además voy a seguir adelante y cambiar el tamaño a 34 pixeles grave. Por lo que 20 de esta línea es genial. Y cambiemos la línea Hola a 50. Y además, voy a cambiar el con 2 230 también. Entonces lo siguiente que va a hacer es duplicar estos textos y ponerlo justo ahí. Y esta vez voy a asegurarme de que esté alineado al centro. Y de nuevo, lo voy a duplicar y ponerlo justo ahí. Y eso es alinearse a la derecha. Entonces ahora lo que vamos a hacer es seleccionarlos todos y elegir distribuir capas horizontalmente, distribuir de manera desigual. Genial. Entonces cambiemos el texto grupal a H uno. Este va a ser nuestro encabezado uno, y voy a seleccionar estos tres textos y agruparlos perfectos en. Vamos a duplicarlo. 50 es genial y eso ha cambiado un cabezazo dedo del pie edad dos. Y luego voy a seleccionar todos estos impuestos y cambiar el tamaño del teléfono a 26 y también la línea hola a 44. ¡ Impresionante! Y aquí hemos envejecido dos y eso se vuelve a duplicar, pero cambió un encabezado dos h tres y también seleccionar todos estos textos y cambiar el tamaño a 16 píxeles y la línea hi a 30. Impresionante. Y una vez más lo voy a duplicar y ponerlo justo ahí. Cambiar cabecera dedo H cuatro y que seleccionan todos estos textos y los hacen 12 píxeles y también la altura de línea de 17. Genial. Ahora sigamos adelante y cambiemos el nombre del grupo, Edad tres y H cuatro. Genial. Muy bien ahora sigamos adelante y creemos nuestra parte, Starnes. Pero para esta sección no vamos a hacer por todos ellos. Yo lo voy a hacer yo mismo, y te daré el archivo final para poder usarlo en tu proyecto. Entonces ahora sigamos adelante y seleccionemos el primer texto y creemos nuevo textil. Eso es correcto. H una slash izquierda y la 2da 1 h una slash centro y la última h una slash derecha. Impresionante. Para que eso sea suficiente para este video. Y en el siguiente video, crearemos nuestro cuerpo, Tex. Y además terminaremos nuestros lineamientos de tipografía. Entonces nos vemos que 73. Guía de tipografía parte 2: Hola a todos. Espero que lo estés haciendo bien en estos videos. Vamos a crear nuestro texto corporal y terminar nuestra guía de inicio de tipografía. Entonces, sin más preámbulos, empecemos. En primer lugar, voy a duplicar uno de estos. Eso lo puso aquí, y eso es cambiar el encabezado a cuerpo uno. Y vamos a seleccionar todos estos textos y cambiar el tamaño del teléfono a 14 píxeles. Genial. Ahora necesitamos cambiar las estrellas de compartir. Entonces vamos a crear nuevo textil aquí. Vamos a cambiarlo a cuerpo una slash izquierda, la 2da 1 por D, una slash centro y la última por la una slash ¿Verdad? Impresionante. Entonces ahora vamos a duplicarlos. Pero antes de eso, permítanme cambiar el nombre del grupo a cuerpo un nerd para mantener organizadas nuestras capas y grupos y luego duplicarlos. Entonces aquí lo voy a cambiar a cuerpo, también. Y eso es seleccionar todos esos tanques y cambiar el tamaño de fuente a 13. Y una vez más, déjame cambiar el nombre del grupo a cuerpo, también, Y esta pistola a cuerpo tres. Genial. Entonces elegamos todos los textos y cambiemos el tamaño de la fuente a 11 píxeles, así que no voy a hacer lo mismo y crear nuevos textiles. Lo haré yo solo con el fin de ahorrarle tiempo. Y puedes descargar la guía de estilo final en el recurso es sección de esta conferencia. Muchas gracias por ver este video. Te veo en el siguiente video. 74. Proyecto 1: rediseño de Instagram: Oigan, todos, bienvenidos de nuevo a otra sección del discurso en esta sección, vamos a estar rediseñando el Instagram. Estoy tan emocionado de que finalmente vamos a iniciar nuestro primer proyecto. Entonces déjame explicarte el proceso de diseño, aplicación fuera de pieza, tarifas de primera cosa. Vamos a diseñar un registro para o digamos, página de registro. Como se puede ver, aquí tenemos diferentes textiles. También diseñamos dos versiones diferentes fuera Firmar una página y luego aquí tenemos una página que el usuario necesita para sentir que es personal más adelante con el fin de completar el perfil. Después tenemos el formulario completado, y aquí tenemos página de maletas. Y entonces empezaremos a diseñar nuestra página de pies o digamos, página de inicio. Como puedes ver aquí, diseñaremos posts y también historias y todos estos elementos juntos. Y luego seguiremos adelante y empezaremos a diseñar fuera de nuestro perfil, como puedes ver aquí y después de eso, diseñaremos la página de la cámara fuera de esta aplicación. Como puedes ver, tenemos dos páginas diferentes para cámara. Aquí está la página por defecto, y la siguiente es para cuando modifiquemos los ajustes y luego seguiremos adelante y el diseño son explorar página con diferentes categorías. Y aquí tenemos explorar página con barra de búsqueda y luego tenemos mensajes y después de eso vamos a seguir adelante y diseñar mensaje aquí, como, qué es app, como puedes ver y después de eso, diseñaremos nuestro ajustes. Y también tenemos una página de atletismo que es tan importante, y te voy a enseñar a diseñar una página así y a utilizar otra tú yo niños nerd para obtener el mejor resultado posible. Y por último pero no menos importante, vamos a diseñar tres diferentes en páginas de embarque juntos, como se puede ver aquí. Y te voy a mostrar cómo conseguir estas bellas ilustraciones y también los principios importantes fuera del diseño en los bordos. Entonces, en total, vamos a diseñar 21 páginas diferentes de una aplicación, lo cual es increíble. Estoy tan emocionado de iniciar este proyecto juntos, y en la próxima serie de videos, diseñaremos todas las páginas una por una. Para iniciar este proyecto, por favor descargue el archivo que ya preparé para usted, y se incluye todos los iconos e imágenes y todas las cosas que necesita tener en narrativa. Termina este proyecto. Se puede encontrar este archivo en el recurso es sección fuera de esta conferencia llegar. Muchas gracias por ver este video. Y te veo en el siguiente video. 75. Página de registro (pantalla de firmación): Hola a todos. Bienvenido de nuevo a otro video de esta sección. En este video. Vamos a empezar a crear nuestra primera página, que es nuestra página de registro. Por lo que las tarifas a primera hora. Como saben, necesitamos crear nuestro tablero de arte. Así que sigamos adelante e insertemos en nuestro puerto El dispositivo Apple dice que voy a elegir el exceso de iPhone Genial. Eso tiene su registro antes de iniciar la sección, Asegúrate de instalar los fondos requiere y también los requeridos que te gusten. Es de Apple Website. Entonces los fondos que vas a utilizar nuestro texto llamado SF Pro que puedes encontrar en la página web de Apple . Si revisas desarrollador que apple dot com slash fondos, puedes descargarlos de forma gratuita aquí como tienen pro, y luego puedes instalarlo. Y el otro teléfono que vamos a utilizar se llama Monsour it que puedes descargarlo de la página web de Google Fonts. Otra cosa que debes hacer es tener la manzana estándar que te gusta comer y puedes descargarla vino de su página web. Entonces vamos a buscarlos. Yo peiné manzana. Ahí vamos, Applebee's y Resource está, y aquí puedes encontrar recurso muy útil es, como puedes ver, puedes conseguir el estándar A en nosotros. Te gusta comer. También para Mac OS, míranos y televidanos bien. Y aquí puedes hacer click en añadir toda tu biblioteca de bocetos y se añadirá a tu biblioteca . El primero que necesitamos es agregar el estado tiene muy derecho por ahí. Entonces vamos a insertar Apple are usu I Mars status Bar iPhone Y aquí vamos a usar la luz. Perfecto. Y lo segundo es agregar el indicador de inicio en la parte inferior de nuestra pantalla para Vamos a dedo de la manzana arias tú. Yo barras indicador de casa iPhone y vamos a usar retratado y también luz. Entonces pongámoslo justo ahí y alinémoslo. Perfecto. Ahora estamos listos para iniciar nuestro proceso de diseño. Entonces, antes que nada, voy a crear un círculo por ahí. Entonces vamos a insertarlo, Ok. Y entonces voy a sentir que es el Int Grady. Entonces eso es desmarcar estos bordes y luego colorear radiante. De acuerdo, vamos a seleccionar el 1er 1 El código va a ser siete f tres c b uno bien. Y el otro si ocho C nueve y cero a y además voy a añadir otro color justo por ahí y hagámoslo e f cero c y 20 ¿verdad? Como puedes ver, estos son los colores de la marca Instagram. Voy a cambiar la dirección por estos indicadores. Hagámoslo así y casi 45 grados perfecto. Entonces vamos a subirlo un poco con y duplicado porque voy a crear una línea. Creo que va a ser agradable. Entonces, desmarquemos estos campos y comprobemos estos bordes, y el color va a ser éste. Entonces vamos a moverlo hacia arriba y un poco a la izquierda. Perfecto. De acuerdo, elegamos tanto los años como los agrupemos y asegurémonos de que se coloque bajo nuestra barra de estatus . De acuerdo, creo que es mejor cambiar la barra de estado al modo oscuro porque creo que es mejor tener blanco en este fondo para que podamos seleccionar eso y fácil ir a los símbolos. Da click en eso, y aquí puedes usar oscuro. Es fácil, correcto Entonces lo que necesito es colocar el logo de Instagram justo ahí y también el texto de instagram debajo de eso. Entonces sigamos adelante y llevemos esas multas de los activos que has descargado de la conferencia anterior. Recurso es logo que es seleccionar estos dos. Arrástrelos perfectos. Entonces vamos a cambiar la ubicación del logo de Instagram 200 en. Hazlo más grande. Creo que 62 por 62 sería genial. Entonces cambiemos eso. Y éste. Vamos a bajar la escala y cambiar el con 2 160 y ponerlo justo ahí. Dean's the ground logo. De acuerdo, Como puedes ver, no hay suficiente contraste entre esos colores. Entonces voy a seleccionar a ambos y Kelly puede sentir y voy a elegir Blanco. Ahora eso se ve impresionante. Ahora asegurémonos de que estén alineados al centro y eso los agrupe. Voy a cambiar el nombre a logo. Y otra vez, alinémoslos perfectos. Lo siguiente que debes hacer es agregar nuestro signo de título. Entonces escribamos, inscríbase. No obstante, voy a cambiar los fonds a como si pro text y también a esperar demasiado viejo. Impresionante. Ese es Jake el relleno, su 39. Voy a hacerlo 30 La distancia entre el título y nuestros círculos. Hagámoslo 50 dos. No te preocupes. Podemos modificar todos esos espaciados más adelante. Está bien. Ahora cambiemos el tamaño de fuente a 24. Eso es genial. Y luego voy a crear otro texto. Escribamos el registro y el peso de regular y cambiemos el tamaño de fuente a 18. Y además, voy a cambiar el color dos blanco. Entonces pongámoslo justo ahí y revisemos el relleno. Entonces, como pueden ver , son 27. Voy a moverlo para conseguir 30. Perfecto. Lo siguiente que tenemos que hacer es crear nuestros campos de texto. De acuerdo, entonces, ¿qué necesitamos? Necesitamos una dirección de correo electrónico, toma campo y también un campo de texto de contraseña. De acuerdo, lo vamos a hacer simple. Entonces sigamos adelante y creemos otro texto y dirección de correo electrónico derecha. Y cambiemos el color para ser nueve b nueve b nueve. Está bien. Podemos conseguir ese ruido gris, y también lo voy a hacer más pequeño y disminuirlo a 14 píxeles. Muy bien, lo siguiente que tenemos que hacer es crear nuestra línea de sensación de texto, así que sigamos adelante e insertemos una línea. Ahí vamos asegurarnos de que el relleno sea correcto, así que tenemos 35.5 año. Tenemos que hacerlo 30. Tenemos que agrandarlo genial. Y cambiemos el color a negro, pero no en blanco absoluto, porque no es una buena manera de usar un negro puro contra un fondo blanco. Entonces usemos este, y voy a seguir adelante y copiar estos códigos de color y usarlo para nuestro signo de título también. Genial, eso se está moviendo hacia abajo, y voy a duplicar esta dirección de correo electrónico y aquí lo que necesitamos es una dirección simple, emitida, que no debería ser riel necesariamente. Entonces vamos a escribir diseño en un solo medio que co. Y puedes cambiarlo por lo que quieras. Y de nuevo, eso ha cambiado el color al mismo negro que usamos. No obstante, debemos aumentar el tamaño de este fondo porque necesitamos prestar atención para utilizar su experiencia y la jerarquía visual fuera de nuestro diseño. Entonces hagámoslo 16. Y también vamos a cambiar el peso dos medio perfecto. Entonces ahora vamos a comprobar el espaciado entre esos elementos. Tenemos 9.5, lo cual no es bueno. Vamos a cambiarlo a seis. Lo voy a cambiar desde aquí, para ser precisos. Impresionante. Y aquí tenemos nueve. Entonces hagámoslo 13. Genial. Entonces los voy a agrupar y cambiaron el nombre del Grupo dos dirección de correo electrónico y duplicados. Y eso es cambiar a contraseña. Genial. Y además, voy a seguir adelante y cambiar el título a contraseña. Y aquí voy a usar algunos círculos negros con el fin de mostrar que en esta página, la contraseña debe ser segura. De acuerdo, Entonces para crear esos círculos negros, puedo sostener a Ault un ocho. Eso es genial. No obstante, para estas líneas, voy a cambiar por algún tipo de naranja o amarillo. Entonces usemos f seis b 90 A. Y la razón por la que vamos a cambiar el color de estas líneas es porque vamos a demostrar que lo seguros son los últimos cuatro días. Al cambiar el color fuera de esa línea específica. Por ejemplo, si la contraseña es demasiado corta o demasiado simple, se va a leer el color de las líneas, y eso es lo que llamamos usar su experiencia. Muy bien, Entonces, ¿qué más necesitamos? Tenemos que añadir algún tipo de icono grueso para mostrar que nuestra dirección de correo electrónico está bien y no hay nada creciendo con eso. Entonces vamos a nuestra no puedo carpeta como Conos, y aquí tenemos un montón de ETS hechas y es arrastrar y soltar sobre dir Perfect. El color es lo que va a ser porque ya diseñé estas pantallas. Por lo que el código es para 135 F tres. Y sacudamos el espaciado. Es 14. Hagámoslo 16 y también 15 de derecha. Genial. El otro icono que necesitamos es un icono de ojo porque vamos a dejar que el usuario oculte la contraseña y también muestre la contraseña. Entonces encontremos el ícono I. Está justo por ahí. De acuerdo, eso lo puso aquí. Perfecto. Y de nuevo, 13 y 15 de derecha. Genial. Antes de pasar al siguiente nivel, permítanme organizar aquí nuestras capas. Entonces voy a abrir esta dirección de correo electrónico de grupo, y voy a mover estos grupo hecho bajo esta dirección de correo electrónico y también por la contraseña. Mover el I a ese grupo. ¿ Todo bien? Lo último que necesitamos para nuestro signo de página es digamos un botón siguiente con el fin de llevar al usuario a la siguiente página. Entonces sigamos adelante y diseñemos que no puedo juntos. Hagamos clic en Insertar Forma a su alrededor y mantenga presionado el botón Mayús. Genial. Hagamos que 72 por 72 píxeles y cambiemos el radio de esquina para suavizar las esquinas y también la cantidad a 25. Y entonces vamos. Consulta este borde y llénalo con nuestro color primario, que es algún tipo de morado como este icono hecho por ahí. Por lo que el Cody's por 135 F tres. Genial. También quiero agregar una sombra. Creo que va a hacer que se vea bien. Entonces cambiemos la sombra del negro al mismo color. Recuerda que cuando quieres crear algún tipo de sombras, las sombras no deben ser necesariamente negras o grises. Si se presta atención a un objeto en el mundo real, se puede ver que el color de las sombras se hereda de ese objeto. Entonces usamos el color de ruta, que es del mismo color que nuestro objeto, y luego vamos a disminuir la opacidad a un 30% grande y vamos a cambiar el Y 28 y también el Blair a 11. Se puede ver cómo sutilezas. Entonces necesitamos uno más. Piensa que necesitamos una flecha para mostrar que vamos a llevar al usuario a la siguiente pantalla. Entonces sigamos adelante y llevemos esa flecha. Aquí tenemos nuestro derecho, Sostengamos la flecha y también nuestro rectángulo con el fin de alinearlos. Muy bien, genial. Y ahora es el momento de agrupar que ha cambiado un nombre de grupo también al siguiente Barton. Y por último pero no menos importante, necesitamos una vez más alinearnos a toda nuestra página perfecta y comprobar su espaciado. Es 62. Déjame que lo haga 60. Eso es impresionante, bien, ahora que hemos diseñado nuestra página de registro con éxito, también puedes previsualizar eso en tu teléfono. Pero, ¿cómo es eso posible? Es sencillo. Puedes instalar la app escapada en tu teléfono y asegurarte de que tu teléfono esté conectado a la misma inalámbrica que tu computadora, y luego puedes ver algo así. Pánico orishas iPhone. Si haces clic y que puedes previsualizar la página que acabas de diseñar justo en tu teléfono, eso es realmente genial. Por lo que ahora que hemos diseñado con éxito nuestro signo de página. Tenemos que crear otra versión fuera de eso, y en esa página vas a incluir dos cosas más. Vas a añadir el registro con APS sociales como Facebook o Google Plus. Entonces duplicemos nuestro tablero de arte con el Command E. Y voy a cambiar el nombre para apuntarme a Dash Redes sociales. Genial. Entonces, en primer lugar, voy a sostener estos dos sentimientos fiscales y moverlos un poco arriba, tal vez 20 píxeles y también el espartano. Y luego voy a añadir un texto y escribir o apuntarme. Y cambiemos el color, también, este gris. Y también lo voy a hacer más pequeño. Hagámoslo 14. Creo que eso es genial. Y alinearlo al centro, muévalo un poco hacia arriba. Entonces las otras cosas que necesitamos son dos botones, uno para Facebook y otro para Google. Además, Así que vamos a insertar alrededor de él en. Hagámoslo 151 por 54 y cambiemos el radio de esquina a 15. Y voy a sacudir estas fronteras y elegir blanco. Ya puedes ver cualquier cosa en este momento, lo sé, pero vamos a resolver ese problema agregando algunas sombras. Por lo que ahora vamos a disminuir los 4 a 10 grandes. Y eso puso los huevos a nueve. Y también por qué? ¿ A siete en la Blair a 24? Eso es realmente bonito. Como puedes ver, tenemos un ligero orden de sombra agradable con el fin de que nuestro fondo sea reconocible. O ahora lo voy a duplicar y ponerlo justo por ahí y 13 entre. Lo hace es genial. Ahora necesitamos añadir el logotipo de Facebook y también el logotipo de Google plus. Entonces vamos a I conos. Y aquí tenemos Facebook local y también Google plus Local. Eso es arrastrar y soltar sobre su gran Voy a poner Google plus justo ahí y también Facebook. Están Así que ahora agreguemos una línea de texto, luego a la derecha Facebook y 14 es genial. Cambiemos el collar a éste. Ponlo aquí. Eso es alinearlo. Ahora voy a revisar la distancia entre el logo de Facebook y las apuestas. Es 12. Hagámoslo ocho y luego agruparlos y seleccione este grupo, sean estos rectángulo y una vez más los alineó impresionante. Y vamos a hacer lo mismo para Google plus Así que así es. Ve, ve plus y cambia el color a éste. Ve, Go Plus y una distancia. Van a ser ocho y alinearlo. Y entonces eso es agruparlos y seleccionar este rectángulo y alinearlos tanto horizontal como verticalmente . Ahora mismo, cambiemos el nombre del grupo a Facebook. De acuerdo, Para ponerlo aquí. Y también este a Google. Plus Y ahora elijamos a ambos de ellos y nuevamente agruparlos para alinearlo con otros elementos fácilmente encendidos. Eso es correcto. APS Sociales. Muy bien, tenemos 34 píxeles al fondo, así que voy a hacerlo un poco más alto. Creo que 45 es genial. Y también para inscribirse con texto. Hagámoslo 10 a 1. Y para este, creo que 30 píxeles serían geniales. Sí. Muy bien, chicos, felicidades. Has creado con éxito tus pantallas de feria, y como puedes ver, el resultado es impresionante. Espero que disfruten de este video. Te veo en el siguiente video. 76. Página de datos personales: Oigan, todos, bienvenidos de nuevo a otro video fuera de esta sección. En estos video, vamos a estar creando nuestra página personal posterior y también la página personal posterior completada . Entonces, sin más preámbulos, empecemos. En primer lugar, voy a duplicar uno de estos tableros de arte porque vamos a necesitar estas barras de estado y también el indicador de inicio. Entonces sigamos adelante y quitemos el resto de nuestro diseño. Voy a seleccionar Me encantan. Perfecto. Y luego necesitamos cambiar la barra de estado de oscuro a claro porque el fondo de esta página va a ser blanco. Entonces déjame cambiar la nuestra parte. Nombre demasiado personal. Dado Genial. Entonces, ¿qué necesitamos para esta página? Justo en la parte superior. Voy a poner un círculo. Entonces déjame insertarlo con el fin de que el usuario cargue su imagen de perfil en Hagámoslo 120 por 120 y alineándonos al centro y vamos en Czech Borders porque no necesitamos eso . Y lo voy a sentir con nuestro color primario. De acuerdo, Entonces porque vamos a usar este color como nuestro color primario mucho a lo largo de nuestro proyecto . Voy a crear un estilo de capa compartido con el fin de que tu vida sea mucho más fácil. Entonces sigamos adelante y escribamos color. Primaria. Cuidado, Impresionante. Y después de eso necesitamos un ícono. Creo que es bueno poner un ícono de cámara, así que abramos el archivo, bien, está bien, y abramos los iconos encendidos. Tenemos que buscar cámara, así que verdades la voy a arrastrar y soltar justo por ahí y ponerla justo en el centro de ese círculo. Y si usted dijo, como ambos, podemos alinearlos tanto resentida como verticalmente. Perfecto. Agrupémoslos y cambiemos el grupo. Nombre a imagen de perfil. Genial. Y sacudamos el espaciado. Es 41. Hagámoslo 50 perfecto. ¿ Y qué más necesitamos? Necesitamos una flecha a la izquierda con el fin de crear algún tipo de navegación entre nuestras páginas para que el usuario pueda volver a la primera página y ver. Entonces abramos la multa. Y aquí tenemos flecha izquierda y el relleno es de 25. Hagámoslo 30 y también el relleno superior es de 25. Hagámoslo ocho. Genial. Muy bien, entonces Ahora es el momento de crear nuestros campos de texto. Pero para que nuestro proceso de diseño sea mucho más rápido, voy a seguir adelante y copiar y pegar uno de estos campos de texto que ya creamos. Entonces vamos a copiarlo y pegarlo con el comando C y comando sea genial. Y cambiemos el nombre del grupo para usar su nombre. Y aquí voy a seguir adelante y cambiar el título para usar también su nombre. Y aquí, en lugar de esta dirección de correo electrónico. Así es, eres nombre de usuario. Muy bien, vamos a copiar y pegar el código del collar y usarlo para estas tomas también. No obstante, necesitamos cambiar el camino a regular y también necesitamos cambiar el color de estas líneas al mismo gris, y no necesitamos que se hagan aquí. No obstante, en lugar de quitar eso, podemos ocultarlo porque en la siguiente página vamos a necesitar que yo pueda, por lo que es una buena práctica ocultarlo desde aquí. Muy bien, vamos a seguir adelante y duplicar estos campos de texto y poner su derecho sobre el terror y cambié el título a nombre y aquí tu nombre y voy a cambiar el nombre del grupo a nombre y otra vez duplicado. Cambiemos el título por apellido. También aquí. Tu apellido. Está bien, así que sigamos adelante y cambiemos este nombre de grupo también por apellido. Y ahora te voy a mostrar algo con el fin de establecer el espaciado entre estas tres tomas siente puedes seleccionarlas todas. Y como pueden ver, aquí tenemos un indicador para cambiar el espaciado de manera uniforme, rápida y sencilla. Entonces voy a ponerlo en 24. Genial. Y agrupémoslos a todos. Y aquí eso es correcto. Campos de texto y alineamiento al centro en. Muévelo un poco hacia arriba y el relleno da 127. Entonces hagámoslo 120. Genial. Y lo siguiente que tenemos que hacer es agregar un dedo del pie sombra, nuestro soporte de imagen de perfil para que se vea bien. Entonces, vamos a seleccionar ese círculo. Entonces, para poder usar las mismas sombras, como lo que creamos para estos botones, puedes crear un nuevo estilo de capa compartida. Entonces, vamos a seleccionar ese botón. Y antes que nada, voy a desmarcar estos campos. Anglicana No hay estilo de capa aquí. Eso es correcto. Sombras moradas. De acuerdo, Así que ahora si elijo el círculo y Quicken sombras aquí, puedo revisar los campos. Se puede ver que conseguimos las mismas sombras que creamos su impresionante. Lo siguiente que tenemos que hacer es crear un botón completo y ponerlo justo en la parte inferior de nuestra pantalla. Así que sigamos adelante e insertemos alrededor de él y que sea 200 por 71 y también hagamos el radio de esquina para suavizar esquinas y cambiemos la cantidad a 25 porteros de tesis sin marcar y de nuevo colorea Primary Purple y también sombras Perfecta. Entonces escribamos completo aquí y hagamos su 18. Y se ha cambiado un cuello a blanco. Y además, creo que es bueno agregar el mismo botón de teca justo por ahí. Entonces vamos a tomar café eso y pegarlo aquí y Scalea también 22 por 16 píxeles y cambiamos el color demasiado blanco para luego seleccionar ambas capas y alinearlas verticalmente. Y también el espaciado entre esos debe ser de 16 píxeles. Y ahora puedo agruparlos y una cosa más importante, porque en estas pantalla aún no se ha completado el formulario. De acuerdo, entonces usan su lata Nueces usaron este botón Así que necesitamos mostrarle al usuario de una manera que nuestro fondo está desactivado. Y para poder activar eso, el usuario necesita sentir esta forma por completo. Por lo que se puede hacer de una forma u otra, por ejemplo, se puede cambiar el color de fondo a algo más claro eran a algo gris para mostrarlo, es decir, para mostrarle que está desactivada. No obstante, en este proyecto, creo que es mejor disminuir la opacidad de nuestros textos y este icono al 50% para mostrar eso y después de eso, que seleccionan ambas capas que este rectángulo y también nuestra toma un icono y alinearlos tanto vertical como horizontalmente. Perfecto. También podemos agruparlos y cambiar el nombre del grupo a botón completo. Y si sostengo viejo, puedo ver el relleno su 74. Hagámoslo 60. ¡ Genial! Está bien. Nuestra página personal posterior está lista para usar. No obstante, necesitamos crear una página más, y esa es la persona posteriormente completada página. Entonces sigamos adelante y duplicemos esta página y cambiemos su nombre a datos personales. Complétalo y ya no necesitamos este ícono. Quitémoslo. Voy a sostener el mando y seleccionar el círculo, y voy a añadir una foto a nuestro círculo. Entonces, ¿cómo puedo hacer eso? Puedes traer tu propia foto o obtener tu propia foto desde cualquier sitio web que desees y asegurarte de comprobar el crédito de esa foto que vas a usar. O puedes seguir adelante fácilmente y usar la base de datos de boceto. Se puede hacer clic en los datos de T y aquí bosquejar los datos y hacer clic en las caras. Genial. Tienes una foto muy bonita. Entonces voy a cambiar tu nombre de usuario a John subyacente Smith y también el nombre a John y también el apellido a Smith. Puedes escribir lo que quieras y además voy a sostener comando y cambiar y seleccionar todos estos textos y cambiar el color a nuestro color primario aquí y después de eso otra vez, voy a sostener mando y jefe y seleccionar estas líneas y cambiar la persona que llama a esta negra. Entonces usemos el yo la dejo caer. Y aquí usamos el mismo negro. Ahí vamos. Y por último pero no menos importante, necesitamos agregar el icono de teca por ahí para mostrar que los campos de texto se rellenan correctamente. ¿ Te acuerdas del botón de tick que ocultamos cuando estábamos diseñando nuestra página anterior? Correcto. Los necesitamos aquí. Y puedo abrir estos grupos y puedo presentarlos fácilmente. El último que tenemos que hacer es aumentar la capacidad de nuestros tecnicos aquí. Porque ahora el estado es diferente. Todos los campos de texto son campo completamente. Y ahora el usuario puede usar este botón interno para completar su perfil de cabello o de él. Muy bien, chicos, hemos creado con éxito nuestro personal después. Y también datos personales pantallas completadas, lo cual es impresionante. Espero que lo hayan disfrutado. Y te voy a ver en el siguiente video. 77. Página de ingreso: Oigan, todos, bienvenidos de nuevo a otro video de thes sección en estos videos. Vamos a estar diseñando nuestra página de gustación en tres versiones diferentes. Entonces, sin más preámbulos, empecemos. En primer lugar, voy a seguir adelante y copiar la página de registro y eso es pegarla justo por ahí y cambié el nombre de estos arte por dos juguetones de guión mecanografiado porque en el espacio vamos a presentar nuestro teclado y queremos presentar el caso de que el usuario esté escribiendo algo. Entonces vamos a duplicar de nuevo y cambiarlo a gusto. Y una vez más, cambiando a pasaporte de maletas en esta página, vamos a cambiar su icono de ojo y mostrar nuestra contraseña. Y también en esta página, sólo vamos a cambiar el título de registro para iniciar sesión bien y el botón de gusto para registrarnos . Pero antes de hacer eso, asegurémonos de que esté alineado a la derecha. De acuerdo, porque necesitamos el mismo espaciado y relleno por ahí. Entonces ahora también podemos cambiar. Date de alta. Genial. Como puedes ver, el relleno es robar 30. Entonces volvamos a esta página. ¿ Qué debemos hacer ahora mismo? Tenemos que quitar el Spartan porque aquí vamos a presentar nuestro teclado para que no lo necesitemos. Y vamos a insertar Apple son usu. Les dejé teclados, iPhone Y aquí tenemos dos versiones diferentes fuera de ese teclado. El 1er 1 es oscuro, el 2do 1 es claro, y esto es lo que necesitamos. Y también aquí podemos elegir entre diferentes versiones fuera de ese teclado ligero. ¿ Necesitamos alfabético o emerge o números? Necesitamos alfabético. Entonces vamos a usar eso e insertarlo justo en la parte inferior, y podemos quitar el indicador de inicio anterior. Y también necesitamos cambiar este registro para iniciar sesión y estos iniciando sesión para inscribirse. Genial. El último que tenemos que hacer es cambiar la ubicación de nuestro impuesto siente y también este título . Entonces vamos a seleccionarlos a ambos y moverlos hacia arriba. Y también elijamos título de pieza también. De acuerdo, el relleno superior debe ser 12 aquí. Hagámoslo 24. De acuerdo, porque voy a seguir adelante y añadir la corrección automática a nuestra página. Entonces vamos a insertar manzana en nosotros. Tú los veo teclado, iPhone, luz y aquí. Tenemos diferente otra barra de corrección. Voy a elegir el 1er 1 y ¿qué? Ahí mismo. Está bien. Lo último que debes hacer es agregar un marcador de texto de entrada para mostrar que el usuario está escribiendo. Entonces sigamos adelante e insertemos una línea aquí. Eso es viejo turno y arrastrar y soltar, y voy a hacer el con a 1.5. Y también eso ha cambiado para empezar un final aquí a 75 y 75. Genial. Por lo que ahora puedo elegir fácilmente este cuentagotas y Kitty Candy Scholar Perfect. Entonces alinémoslos. Eso es genial. La segunda página está lista y la última página que ha cambiado el título para iniciar sesión también y aquí, iniciando sesión para inscribirse. Y entonces necesitamos cambiar estos ícono del ojo. Entonces sigamos adelante y abrimos. Nuestros iconos archivo aquí. Tenemos que buscar que me escondiera. Como se puede ver. Lo tenemos aquí. Intentemos caer. Ahí vamos y lo ponemos justo ahí. Impresionante. Eso es sacudir el patty ing es genial y voy a mover estos grupo al grupo Password, y ahora necesitamos mostrar la contraseña al usuario. Entonces cambiémoslo de thes black, señor mata a dos riel contraseña, por ejemplo. Podría ser usted. Yo comí por siete Tú. Como pueden ver, tenemos seis círculos y aquí seis personajes. Genial. Está bien. Muchas gracias por ver este video. Han creado con éxito tres versiones diferentes fuera de nuestra página de maletas. Espero que lo hayan disfrutado. Y te voy a ver en el siguiente video. 78. Página de Feed: Hola a todos. Bienvenido de nuevo a otro video de esta sección en estos videos. Vamos a estar diseñando nuestra página de inicio. Por lo que sin más preámbulos, empecemos con la adición de un tablero de arte Genial. Y eso lo tiene a casa. Y voy a seguir adelante y copiar y pegar la barra de estado desde la pantalla anterior hasta aquí . Y cambiémoslo de oscuro a claro. Genial. Muy bien, A partir de ahora, necesitamos añadir una parte de tap. Nuestras páginas justo en la parte inferior de nuestra pantalla podemos insertar fácilmente desde son tus llaves desde aquí Barras tap nuestro regular. Tienes un montón de opciones. No obstante, voy a enseñar cómo puedes hacerlo pero tú mismo. El primero que necesitamos es insertar alrededor de él y luego hagamos la altura 129 y cambiemos el radio de esquina a 24 y también esquinas lisas. Después de eso, voy a sacudir fronteras porque no necesitamos eso. Y también hagámoslo blanco. Como puedes ver, no hay contraste entre nuestro tap nuestro y la página, así que necesitamos añadir algunas sombras, y eso ha cambiado tu pase iti a 18% y también Vamos a hacer que el Blair siete sea impresionante. ¿ Se puede ver un orden de sombra de francotirador que es suficiente para hacer el tipo de contraste que necesitamos? Entonces ahora vamos a moverlo un poco hacia arriba y añadir un indicador de inicio que es copiar y pegar Aquí . Ahí vamos. Y si hago doble clic en eso, se puede ver que aparecerán esos círculos. Si sostengo jefe y tres condominios, por ejemplo, éste y aquel, puedo cambiar el radio de esquina 20 grande. Y entonces puedo disminuir la altura. Nuestro grifo son impresionantes. Ahora es el momento de añadir aquí nuestros iconos. El primero que vengo que necesitamos es un ícono de casa, así que sigamos adelante y tráelo aquí. Contamos con casa casa activa, la activa. Entonces por ahora necesitamos casa activa porque es nuestra página principal. Pongámoslo aquí. Lo siguiente que necesitamos, facilitar el ícono de búsqueda, y aquí hemos buscado el activo que lo ha puesto ahí, y dos cosas más una es como Ahí vamos y las arterias perfil. Genial. Está bien. Lo siguiente que necesitamos es crear otro botón, que es nuestro botón at cuando el usuario quiere publicar algo. Entonces insertemos alrededor de él y disminuyamos el radio de esquina. Hagámoslo 38 por 38 también el radio de esquina a 14 y voy a seguir adelante y en Czech Borders porque no necesitamos eso. Y necesitamos elegir el color primario para ese cuadrado. Lo siguiente que necesitamos es agregar algunas sombras para poder elegir fácilmente las sombras aquí y esto se siente genial. Y por último, necesitamos un ícono más justo en el centro de esa plaza, y lo tenemos en nuestro fino plus eso lo ha puesto aquí. Y cambiemos el color a Blanco, y voy a hacerlo 20 por 20 almas grandes y vamos a elegirlo y alinearlas tanto vertical como horizontalmente. Y ahora es el momento de agruparlos. Y eso es la universidad, ¿eh? Fondo Grande. Por lo que tenemos todos los iconos y botones que necesitamos. Ahora es el momento de organizarlos. Voy a cambiar la altura de nuevo a 87. Creo que eso es apropiado. Y ahora elijamos todos estos iconos y Quicken, distribuyamos de manera uniforme y luego agruparlos. Y de nuevo, vamos a seleccionar el rectángulo y también nuestros iconos y una vez más los alineamos al centro. Muy bien, ahora voy a cambiar el relleno de estos ícono de casa, así que necesitamos volver a agruparlos. De lo contrario, no podemos sacudir el espaciado. Es 51. Voy a hacer 25 grandes. Y también desde el icono de búsqueda hasta estos botón de inicio. Voy a hacer 42 y estos pro disparando, también 25 a la derecha genial y 42 para estos, como botón encendido, Digamos, Digamos icono del corazón, eso se ve genial. Es posible que te estés preguntando por qué no se colocan de manera uniforme. Es porque a veces, fin de mantener el equilibrio alejado de nuestros iconos, necesitamos probar el ritmo de diferencia para equilibrar el manualmente. Entonces creo que es el mejor espaciado posible para aquí son ahora que hemos creado nuestra pestaña son podemos crear un símbolo, ni usarlos fácilmente. Entonces vamos a seleccionar todos esos elementos y también este indicador de inicio y el rectángulo y hacer clic en crear símbolo. Y aquí podemos escribir Tab bar. Impresionante. Entonces a partir de ahora, siempre que necesitemos la barra de parada, podemos ir fácilmente a insertar humanos oscuros. Y aquí está nuestra tapper. Eso es impresionante. Ahora es el momento de crear nuestros posts para hacer eso. Arrastremos y soltemos por aquí. Ahí vamos. Usé un atajo para hacer eso y ochenta el botón tú en tu teclado. Y entonces hagámoslo 341 por 341. Y también cambiemos el radio de esquina a 36 desmarquen estos bordes. Genial. Se puede ver que tenemos 17 píxeles de derecha y 17 celdas grandes de izquierda, y eso está bien. Entonces ahora es el momento de añadir aquí nuestra foto. ¿ Cómo podemos hacer eso? Podemos usar fotos aleatorias, o podemos ir con el dedo del pie sobre splash dot com y conseguir la foto que queremos. Por lo que ya hice algunas investigaciones y encontré algunas grandes imágenes para nuestro proyecto. No obstante, puedes usar si quieres. Entonces ahora sigamos adelante y abrimos los archivos fotográficos. Ahí van imágenes y el número uno va a ser nuestra primera imagen. Ahí vamos. Pongámoslo aquí y ahora necesitamos seleccionar thes foto y también el rectángulo que acabamos de crear ambos y hacer clic desenmascarar Perfect. Y ahora cambiemos el nombre del grupo para publicar uno, y probablemente sea genial agregar algunas sombras. Entonces usemos el yo la dejo caer y seleccionemos uno de los colores de esta foto. Creo que este azul sería genial. No obstante, necesitamos disminuir la opacidad a 15. Y también cambiemos la X 24 y de por qué, a 11 y la Blair a 29. Perfecto. Como pueden ver, aquí no tenemos ningún impuesto, así que vamos a crear uno Eso es correcto. Tiempo de playa. Es bastante relevante. No se han cambiado a medio derecho, Pongámoslo aquí. Y eso es duplicarlo porque necesitamos subtítulo también. Y aquí podemos escribir un día tan increíble y soleado en Vamos a hacerlo 16 y también regular. Muy bien ahora necesitamos escribir nuestro hashtag así que vamos a la derecha hashtag beach hash tag Sunny in High Stag summer. Y luego vamos a aumentar la línea alta a 24 Bastante impresionante. Ahora mismo es el momento de revisar nuestro pad ings, así que vamos a seleccionar la hora de playa, que es nuestro título, y se puede ver que es 25. Hagámoslo 24 el relleno inferior. Seis. Hagámoslo ocho, mientras que algunos. Y también aquí tenemos 27. Eso es hacer 24 que es como nuestro relleno izquierdo. Entonces, ¿puedes ver que aquí no hay suficiente contraste y nuestros impuestos? ¿ No tan legible? Entonces te voy a enseñar treek con el fin de resolver ese problema que es insertar una forma. Eres, por ejemplo, un rectángulo y arrastrarlo y soltarlo y en Czech Borders porque no necesitamos eso y lo ponemos justo encima de nuestra imagen. Genial. Y luego haga clic en estos colores y use Grady Int y haga clic en el círculo y disminuya el todo pensado a cero y luego haga clic en el otro círculo y utilizó el cuentagotas para elegir este azul. Y además, si hago click en estas ganancias circulares se puede ver que es blanco. Puedo hacerlo negro o el mismo blanco. Creo que el negro es mejor. ¿ Se puede ver lo increíble que facilidad? Entonces, ¿qué más necesitamos? Necesitamos un icono de corazón, ni mostrar el número de likes que obtuvo thes post y también el número de comentarios. Entonces sigamos adelante y abrimos nuestros archivos Iconos de Goto y aquí tenemos como allá vamos Vamos a ponerlo por allá y una escala bajarla a 14 almas pico y también cambiar su cuello a blanco . Estos son los iconos pro de SF, y puedes obtener el software del sitio web de Apple Developer de forma gratuita. Y también puedo cambiar la cosa aquí por medio a luz. Genial. Entonces necesito escribir eso es correcto, 1.2 k y cambiar el color del texto a Blanco y alinearlos verticalmente y también dijo el espaciado entre esos dos cuatro. Genial. Entonces vamos a agruparlos y también cambiemos el nombre del grupo por likes. Y luego necesitamos agregar los comentarios ahí mismo. Entonces sigamos adelante y llevemos el comentario. El icono del comentario Es aquí lo pone ahí y copia y pega el texto y cámbialo a 220. Dijo Gagne. El espaciado a cuatro y ahora vamos a agruparlos y cambiamos su nombre para comentar y el relleno a la izquierda sería de ocho. Eso es agrupar estos dos derecho me gusta y comentar y comprobar el relleno correcto su 25 Hagámoslo 24 mantenga turno y seleccione título de tesis para alinear el verticalmente. Todo está genial pero creo que es mejor cambiar el peso de estos ícono para pensar que eso es impresionante, bien. Lo siguiente que tenemos que hacer es crear la información del propietario justo por ahí. Por lo que necesitamos añadir un círculo para la imagen pro fight. Es 38 por 38. Creo que está bien y eso está en Czech Borders. Y nuevamente necesitamos utilizar la base de datos de horarios con el fin de agregar un rostro a nuestro círculo. También puedes refrescar los datos si no estás contento con la deuda. Creo que es genial. Y luego un texto. Eso es correcto. Está bien. Subyacente duro lo dijo. Ella es mi I D on. Hagamos comer 16 pixeles y el relleno a la izquierda podría ser de ocho y también cambiado. Esperar del tema regular. Genial. Entonces sigamos adelante y agruparlos y escribimos dueño del puesto. Vamos a sacudir el pad ing's. Es 12 de abajo y dicho de izquierda, Hagámoslo 16 de izquierda y ocho de abajo. Eso es guapa nosotros. El último que necesitamos para completar la creación de nuestro post es agregar y más abotonado justo por ahí lo tenemos está en nuestros iconos Ahí vamos. Es de 18 por 19 píxeles. Eso está bien. Eso puso el relleno correcto a 16 también. Y el relleno inferior a 17. Eso es bastante impresionante. Y ahora podemos agrupar todos estos elementos juntos y colega publicar uno. Fantástico. Entonces ahora es el momento de crear nuestro segundo post. Pero antes de diseñar eso juntos, les voy a pedir que paren el video y sigan adelante y lo diseñen por sí mismos. Puedes elegir cualquier foto que quieras y cualquier contenido que desees. Simplemente adelante y hazlo. Está bien. Bienvenido de nuevo. ¿ Has diseñado tu post? Espero que lo hicieras. Entonces ahora es el momento de haceros juntos. Creo que nos olvidamos de agrupar también estos elementos. Así que vamos a seguir adelante y ponerlos aquí y llamarlo post uno. Vamos a subirlo un poco y lo voy a duplicar. Genial. Eso es alto. Tesis uno por segundo. Ahora tenemos que cambiar. En la foto se ha dado cuenta del impuesto y también la imagen de perfil y este nombre de usuario. Entonces, ¿cómo puedes hacer eso? Puedes traer tu propia foto o también puedes usar algunos enchufes para hacer eso. Por ejemplo, tengo aquí algunos generadores de contenido. Como puedes ver, puedo buscar cualquier pie que quiera, o aquí tan bien como puedes ver, hay diferentes grupos entre los que puedes elegir. No obstante, para estas puntuaciones, preparé otra foto a la que se puede acceder desde imágenes. Ahí vamos. Eso es dragón. Suéltala y voy a mantener pulsada la tecla Command y dar click en nuestra foto y quitarla. Y en cambio, pongamos estas fotos justo encima de la máscara. Impresionante. Entonces para estas fotos, voy a cambiar el color de la gradación de ese azul a algo así. Eso es bastante bueno. Y eso cambió el título a foto Shoot y también el subtítulo al último día libre de estos proyecto Awesome. Y también cambiemos los Hashtags por fotografía Warrick y modelado. Genial. ¿ Viste cómo es la década de los ochenta para crear nuevos contenidos? Ahora cambiemos el nombre de usuario aquí por lo que quieras. Puedes agregar tu uso, su nombre o cualquier cosa, así que escribamos tu nombre de usuario y cambiamos la foto de nuevo. Refrescar los datos. Eso es impresionante. Y lo último que tenemos que hacer es cambiar las sombras Así que seleccionemos nuestra máscara y cambiemos la sombra a dis gris y 15. Eso también ahora puedes presentar un post anterior y poner el segundo post aquí debajo de nuestra barra de tap . Vamos a ponerlo abajo. También se enajenó. Aquí, lleguemos. Muchas gracias por ver el estudio. Espero que lo hayan disfrutado en el siguiente video. Vamos a diseñar las historias y ponerlas justo por encima de nuestras publicaciones. Entonces nos vemos. 79. Historias: Hola a todos. Bienvenido de nuevo a otro video fuera de este curso en estas lecciones. Vamos a diseñar nuestras historias y ponerlas justo ahí. Entonces, sin más preámbulos, empecemos. En primer lugar, voy a crear algunos círculos. Entonces, mantengamos el turno. Ahí vamos. Y hagámoslos 68 por 68 y luego sacudimos las fronteras. Vamos a sacudir el relleno. Es 17. Eso es genial. Y ahora duplicémoslo y pongámoslo justo ahí. Y si sostengo jefe y todo y trato de duplicarlo arrastrándolo, y lo coloqué aquí con un relleno de píxel. A partir de ahora, si utilizo el comando D, se colocará automáticamente en la ubicación correcta. Eso es fantástico. Ahora elegámoslos todos, y les vamos a añadir algunas fotos. Entonces, ¿cómo podemos hacer eso? Tienes razón. Puedes ir y usar los horarios, base de datos, base de datos, bosquejar caras de datos que, uh, eso es genial. Si no estás contento con esas imágenes, podemos refrescar los datos tanto como quieras. A ver qué tan fáciles tés. De acuerdo, lo siguiente que tenemos que hacer es cambiar la foto de este círculo porque la primera foto va a ser la foto del dueño de cuentas. Entonces sigamos adelante. Este es nuestro dueño y copia y pega la foto que está en Chek Shadows and Scary hasta el 68 y ponla en lugar de estos. Circa. Eso es genial. Entonces, ¿qué más tenemos que hacer? Tenemos que añadir bordes a estas imágenes. Entonces sacudimos fronteras y cambiemos el con 22 Y aquí voy a usar InTs Grady, y el primer color va a vencer a este, y el 2do 1 va a ser éste, y eso ha cambiado la dirección. Genial. Pero en mi opinión, es mejor disminuir el dedo del pie ondulado 1.5. Es mucho mejor, y lo último que tenemos que hacer es agregar un botón más allá. Entonces sigamos adelante e insertemos círculo y hagámoslo 14 por 14 píxeles y en Agitar los bordes en, Vamos a poner el color a diss negro y luego me voy a mover, comer justo encima de otros círculos y colocarlo aquí. Por lo que lo último que necesitamos es agregarle un icono más. Ahí vamos, y eso es bajar a seis y ponerlo justo ahí y cambiar su color. Dos. Blanco y vamos a sacudir los ings almohadilla. 44 y cuatro. Eso es genial. Eso es agruparlos grandiosos. Está bien. Ahora agrupemos todas estas fotos y escribamos historias, y pongamos el encabezamiento superior en ocho. ¿ De acuerdo? Y voy a seguir adelante y crear una línea con el fin de separar estos dos tramos. Y va a ser 17 en 17 de verdad? Impresionante. Y además pongamos el color a E 99 en cualquier noche. De acuerdo, hagámoslo 131 y 131. Está bien. Y revisa el relleno. Su 11. Hagámoslo 17 de arriba y también 17 de abajo. Genial. Y lo último que tenemos que hacer es comprobar el espaciado entre estos dos puestos. Entonces, como pueden ver aquí, tenemos 32 picks. Almas. Hagámoslo 24. Eso es impresionante. Muy bien, chicos, espero que hayan disfrutado este video. Te veo en el siguiente video. 80. Página de perfil: todos volverán a otro video de estos cursos en este video. Vamos a estar diseñando juntos nuestro perfil. Entonces, sin más preámbulos, empecemos. Duplicaríamos estos tableros de arte y cambiemos su nombre a pro fine. Y luego necesitamos quitar estos elementos porque no los necesitamos. Genial. Todo menos nuestro tapper. Entonces primero lo primero, porque es nuestro tablero de arte de perfil. Tenemos que desactivar este botón de inicio para que su apariencia se cambie a otra cosa . Si miras los iconos que tienes aquí, tenemos a casa el activo. Eso es dragón. Suéltala. Como se puede ver, es un esbozo. No me pueden gustar los demás. Entonces, ¿cómo podemos cambiar eso? Porque está encendido excepto símbolo de Apple. Podemos fácilmente hacer doble clic en eso. Es como un texto y copiarlo y de nuevo, doble clic en este y ritmo. Es tan fácil, ¿verdad? Genial. Lo siguiente que tenemos que hacer es crear nuestra imagen de perfil justo por ahí. Entonces sigamos adelante e insertemos un círculo y mantengamos el turno. Ahí vamos. Eso está en Fronteras checas y cámbialo a 90 píxeles por 90 píxeles. Perfecto. El margen izquierdo debe ser 29 y el acolchado superior debe ser 90. Genial. Entonces agreguemos una foto a nuestro patín de datos de círculo. Shada se enfrenta y es refrescarlo. ganancia tiene razón. Eso está bien. Entonces necesitamos una flecha izquierda para poder colocarnos justo ahí para nuestros propósitos de navegación . Entonces vamos a traerlo también. Lo tenemos aquí. Copiarlo y pegarlo. También podemos crear símbolos con el fin de facilitarte la vida. Muy bien, ahora, vamos a crear un texto para nuestros usuarios Nombre y derecho Emma famosa y cambió el teléfono a texto SF Pro y también de entre dos medio grande y cambiar el color a 40 árbol 40 y 43 Genial y también decide 22 tienen razón. Tenemos 22 tomas celdas de la izquierda. Eso es suficiente. Vamos a duplicarlo. Y aquí voy a escribir su especialidad, que es, por ejemplo, hacer que unas fiestas formen artista. Muy bien, disminuyamos el tamaño de la fuente a 14 puntos y luego de media a luz. Y también el cambio el color a nueve C nueve c y nueve c. Perfecto. De acuerdo, eso ha cambiado un espaciado. Es 26 hasta la cima. Eso es suficiente. Y entonces lo que necesitamos es crear dos botones diferentes, uno para permitir que el usuario siga a este usuario específico y el otro para enviar un mensaje directo. Entonces sigamos adelante e insertemos alrededor de él. Hagámoslo 116 por 32 en Czech Borders y el radio de esquina a 16 están bien, y luego vamos a cambiar el color a 4135 F tres. Genial en, Vamos a la derecha, síguelo y cámbialo a audaz y hazlo blanco. Genial. Eso los alineó perfectos, y voy a agruparlos en. Vamos a llamarlo, Sigue a Martin y luego eso se duplica y cambió su nombre a Message Button y eliminar estos texto y también cambiar su tamaño a 40 por 32. Voy a ponerlo aquí mismo con un relleno de ocho píxeles están bien. Ahora cambiemos su color a dos D B tres y e cinco. Impresionante. Para completar la creación de este botón, necesitamos una cosa más, que es un icono. Entonces sigamos adelante y traerlo aquí. Tenemos un mensaje. Ahí vamos, eso los ha alineado impresionante. Otra cosa que voy a hacer es agrupar estos dos textos para usar. Está bien el nombre, y el espaciado aquí es de 13 celdas de picos. Hagámoslo 14 y eso agrupe todos estos elementos con el fin de alinearlos con nuestra foto. Entonces vamos a dar click en Alinear verticalmente. Genial. Ahora voy a acercar estos elementos con estas fotos bajas y cambiar su nombre a usuarios. Información. Está bien. Ahora tenemos que añadir otro botón, que es un botón de menú de hamburguesas. Entonces vamos a traerlo aquí. Tenemos menú, necesitamos poner sus derechos por ahí, y el relleno es 29 lo cual es genial, que selectos son flecha izquierda con el fin de alinearlos impresionante. Y luego necesitamos tres impuestos diferentes para mostrar el número de puestos y también el número de seguidores y siguientes. Entonces vamos a escribir fotos y cambiarlas a regular. Y también es collar al mismo gris aquí. Está bien, y hagámoslo 13 puntos, y luego lo voy a duplicar y ponerlo justo por encima de nuestro texto anterior, y así es, 45 cambie su tamaño a 14 puntos. Entonces que los seleccionan a ambos y los alinearan al centro. Genial. Agrupemos las fotos y luego la voy a duplicar, que es justo aquí y aquí. Escribamos seguidores en una vez más. Eso es cambiar a una K y seleccionar a ambos y alinearlos al centro y cambiar su nombre a seguidores. Y la última, que sigue siguiendo. Y aquí, así es. 80 y los forró genial. Yo también lo voy a llamar siguiendo. ¡ Impresionante! Está bien. Lo que voy a hacer es poner a la izquierda peleando a 42 también para los hijos que están relleno derecho a 42 también. Muy bien, Y entonces eso seleccionan los tres y Quicken distribuyen capas horizontalmente. Agruparlos. Es nuestra estadística, así que vamos a la universidad palo de status están en lo correcto en eso. Agite su espaciado. Son 24 creo que es genial, ¿verdad? Lo siguiente que tenemos que hacer es crear nuestros posts. Por lo que a diferencia de Instagram que tiene las fotos cuadradas Onley impuestas, vas a crear post con diferentes alturas. Eso es fantástico. Va a ser como Pinterest, así que insertemos aquí alrededor y cambiemos su radio a esquinas lisas, y voy a cambiar su tamaño a 152 por 144. Genial. Vamos en Fronteras checas. Voy a cambiar su con dos 152. Genial. Ahora vamos a duplicarlo y ponerlo justo ahí y cambiar su alto, también. 218. Genial. Y eso se duplicó una vez más y lo puso aquí. Y vamos a duplicarlo por última vez y poner su derecho por ahí. Y eso ha cambiado el máximo a 214. Eso es genial. Entonces ahora, en lugar de arrastrar y soltar nuestras fotos aquí y luego enmascararlas, te voy a mostrar otra forma de que puedes hacer eso que seleccione este primer rectángulo y vaya a sentirte y a la última opción. Se puede sentir con cualquier imagen uno. Entonces vamos a elegirlo de nuestros archivos son correctos. Voy a elegir el número tres. Ahí vamos. Parecía así, ¿verdad? Y el siguiente también. Voy a elegir el número cuatro y el siguiente nos va a salvar tanto. Nueve. El siguiente va a ser el número cinco. Y para el último, esos zapatos número dos que usamos aquí. Eso es increíble. Está bien. Todo es genial. Muchas gracias por ver este video. Espero que lo hayan disfrutado. Y te veo en el siguiente video. 81. Página de la cámara: Oigan, todos, bienvenidos de nuevo a otro video fuera de esta sección. En este video, vamos a estar diseñando nuestras páginas de cámara. Estoy tan emocionado. Entonces, sin más preámbulos, empecemos. En primer lugar, voy a insertar otro tablero de arte acceso para iPhone en. Pongámoslo aquí, y voy a Akopian ritmo esta barra de estado. Y también necesitamos en casa indicador. Entonces vamos a insertarlo barras indicador de inicio en la luz del teléfono retratado. Pongámoslo aquí y alinémoslo. Genial. Entonces, ¿qué necesitamos aquí? En primer lugar, sigamos adelante y cambiemos nuestros tableros de arte. Nombre a cámara. Fuera de curso. Necesitamos una foto aquí en nuestro fondo, así que insertemos un rectángulo y un dragón. Déjala caer con el fin de alimentar nuestra página y ponerla justo debajo de otros elementos. Genial. No puedo revisar fronteras. No necesitamos eso. Entonces vamos dedo del pie siente patrón sentir, y aquí voy a elegir esta foto número seis. Genial. Creo que es mejor cambiar el color de nuestra barra de estado de claro a oscuro. Como puedes ver, dice oscuro. Significa que es adecuado para el fondo oscuro. Pero de hecho, este es el culto a la luz. Entonces necesitamos unos derechos de botón del obturador por ahí. Entonces sigamos adelante e insertemos un círculo y arrastremos y soltemos aquí. Hagámoslo 60 por 60 y voy a ingresar campos y cambiar las fronteras Caller dedo blanco . Entonces asegúrate de que está en opción centro justo aquí y también cambiado con 22.7. Genial. Como se puede ver, el espaciado es de 27. Voy a hacer 40. Ahí vamos. Creo que es bueno para Poots, un ícono de ajuste justo por ahí y también una imagen ahí mismo con el fin de elegir otra foto de Gallery. Entonces déjame seguir adelante y traer nuestra configuración. Puedo oír que se volvió para comprar 24 pixeles. Alineemos estos elementos juntos una capa de línea a fondo, impresionante y también el relleno a la izquierda. Hagámoslo 24 píxeles y luego voy a insertar otro círculo aquí mismo, y eso está cambiando a 44 por 44 píxeles y en los datos anglicanos de Czech Borders. Porque necesitamos otra cara. Eso es impresionante. Podemos refrescar eso también. Genial. Entonces voy a añadir unas sombras que ponen la X 25 la y 22 y una Blair a para adolescente. Eso es impresionante, entonces que seleccionan todos estos elementos y permitiéndoles al fondo. Está bien, vamos a revisar el relleno. 17. Hagámoslo 24 grave y también alineemos nuestro botón del obturador al centro. Eso es fantástico. ¿ Qué más necesitamos? Tienes razón. Necesitamos esta flecha izquierda para que el usuario pueda navegar por nuestro proyecto. Entonces cambiemos su color a Blanco. Genial. Entonces ahora voy a seguir adelante y duplicar este art birds con el fin de diseñar la página que el usuario está modificando el ajuste. Entonces cambiemos su nombre a la configuración de la cámara. Y luego voy a quitar estos tres elementos porque no los necesitamos que significa Mizzou y voy a insertar a su alrededor. Dragón. Déjala caer aquí y es que sea 338 por 45 y en Czech Borders. Ajustemos el color a negro y disminuimos la capacidad a 18. Genial para estos algo voy a usar la opción de Blair. Así que pinchemos aquí y elijamos jugador de fondo Perfecto, y voy a aumentar la cantidad del jugador de fondo a 41. Eso es genial. Entonces vamos a revisar el pad ing's Vamos a alinearte con el centro y su relleno inferior es de 28. Hagámoslo bien 33, y ahora es el momento de agregar nuestros iconos. Por lo que necesitamos agregar cinco iconos diferentes aquí. Flash, brillo, contraste, recorte y cronómetro. Ahí vamos. Eso es seleccionar a todos y ponerlos aquí. voy a alinear verticalmente. Ahí vamos. Y entonces vamos a distribuirlos en incluso el todo bien. Entonces cambiemos también el relleno izquierdo . 30 genial y también el relleno adecuado a 30 también. Y para estos ícono de cultivo, cambiémoslo a 42 a la derecha y 44 a la izquierda. Eligamos a estos contrastes icono y este naufragio tango y alineándonos al centro, y van a ser 42. Ahí vamos, y también para thes crop icon a la izquierda. Hagámoslo 38. Muy bien ahora seleccionemos todos ellos y pinchemos sobre distribuir capas, y luego tenemos este indicador de que podemos cambiar el espaciado de manera uniforme. Entonces ahora hagámoslo 36 almas grandes y agruparlas y seleccionemos estos rectángulo y alineándonos al centro. Eso es grandioso tienen razón. Completamos nuestra configuración de cámara y también nuestra página de cámara. Espero que lo hayan disfrutado en el siguiente video. Vamos a crear nuestra página de exploración, así que nos vemos entonces. 82. Explora la página: Oigan, todos, bienvenidos de nuevo a otro video de esta sección en este video. Vamos a estar diseñando nuestra página de exploración. Entonces sin más preámbulos, vamos a empezar. En primer lugar, voy a seguir adelante y duplicar esta página de perfil. Ahí vamos, Eso es la universidad. Explora. Genial. Y voy a quitar casi todos los elementos aquí excepto nuestra barra de estado y también nuestro grifo son geniales. Ahora necesitamos cambiar la barra de búsqueda están ahora con el fin de cambiar la búsqueda. Lejos tenemos que desprenderlo del símbolo. Por lo que vamos a hacer clic derecho aquí, desprendidos del símbolo. Y aquí vamos a hacer doble clic en eso. Ahí vamos y lo voy a cambiar de tema a regular Awesome. Lo siguiente que tenemos que hacer es agregar un texto aquí en Lugares Let's Right. Vamos a crear tres secciones diferentes, lugares tendencia y populares. Entonces cambiemos la fuente. Dos meses, Sarah. Genial y cambia el camino a audaz. Y además voy a aumentar su tamaño a 30 puntos perfecto. Y vamos a cambiar su color a dese gris Awesome y es el relleno izquierdo va a ser 30. Entonces es ahora es genial y entonces necesitamos insertar alrededor de eso aquí. Cambiemos su tamaño a 130 por 130 es radio de esquina a 17 y ahora voy a fronteras desmarcadas . No necesitamos esquinas lisas, así que vamos a mantenerlo alrededor de las esquinas y deje de sumar va a ser 16 y 30 a la izquierda. Genial, Entonces eso es duplicar estos texto y ponerlo justo aquí y cambiar su tamaño a 18. Y aquí, escribamos hojas de ma y pongámoslo aquí con un relleno de 16 píxeles. Y vamos a duplicarlo una vez más y ponerlo aquí y cambiar su tamaño a 16 y de negrita a regular. Y también necesitamos cambiar su color para ver el CD. Ahí vamos. Y aquí, vamos a anotar el número fuera del puesto. Por ejemplo, 35 publicaciones impresionantes y la parte superior agregando llega a recoger celdas. Hagámoslo tres. Eso es impresionante. Y voy a seguir adelante y agrupar estos tres elementos nuestro alrededor, y escuchar estos dos textos. Va a ser nuestra primera categoría, así que vamos a la universidad centro comercial deja genial. Y luego voy a hacer doble clic en eso y vamos a sentir patrón y elegir una foto de nuestras fotos imágenes. Y aquí, vamos a dar click en el número siete. Genial. También podemos agregar algunas sombras aquí para que se vea mejor. Entonces sigamos adelante y elijamos este bonito color azul y disminuimos su todo para hasta un 20%. Y luego dijo el X 2 16 y 28 y Blair al 33. Eso es impresionante. Y luego voy a seguir adelante y duplicarlo y ponerlo justo ahí, y el relleno izquierdo va a ser 16 pick souls. Y una vez más, duplicemos perfecto. Y luego sigamos adelante y cambiemos primero esta foto a la número ocho. Genial. Y aquí vamos a la derecha, Francia y cambió el número de puestos a 13, por ejemplo, y el siguiente también. Imagen Elegir imagen número nueve. Y eso cambió el título a Nueva York y el número de puestos a 45. Fantástico, pero tenemos que cambiar también el cuello de las sombras aquí, así que sigamos adelante y elijamos este y disminuimos el Alfa a 20 para éste. Lo mismo es grande, y ahora vamos a elegirlos a todos. También selecciona este título en plazas universitarias. Entonces voy a seguir adelante y duplicarlo y ponerlo justo ahí. Habríamos 40 celdas grandes margen genial, y eso ha cambiado su título a tendencia. Y luego voy a seguir adelante y otra vez cambiar su foto al número 10 Tesis Azul Naranja. Entonces eso es correcto. Naranja azul. Eso es interesante. Y cambiar el número de puestos, también. 120 y también las sombras a este penacho cambian el todo pie 20 y el siguiente el mismo proceso. Sé que es un poco repetitivo, pero la práctica hace perfecta. Eso es zapatos número 11 y cambió el título a Boardwalk Awesome y cambió un número de publicaciones a 17 por ejemplo. Intenta siempre usar imágenes de riel en contenidos reales. Ya sabes que realmente importa, y el último, hagámoslo. Es un número 12 y y cambió su nombre a Playa y el número de puestos a 90 Great. Y que no se olvide de cambiar el nombre del grupo a tendencia y sigamos adelante y duplicados una vez más. Y vamos a cambiarlo demasiado popular y ponerlo justo debajo de nuestra barra de grifo y cambiar su título a popular en. Asegúrate de que el relleno va a ser de 40. Genial. Está bien, no te preocupes. Tenemos que moverlas. El acolchado superior va a ser 67. Eso es genial. No voy a cambiar el contenido de la última categoría, que es popular. Si quieres. Puedes hacer eso por ti mismo. No voy a tomarte tu tiempo, y lo último que necesitamos aquí es un ícono de búsqueda justo por ahí. Entonces sigamos adelante y llevemos que tenemos búsqueda Genial, pongámoslo aquí y el relleno correcto va a ser 30 también, y el relleno inferior va a ser 14. Eso es bastante fantástico. Lo último que tenemos que hacer es cambiar estos colores de icono al mismo gris aquí. Perfecto. Todo bien ahora están explorando. Page está lista, sin embargo. Necesitamos otra página con el fin de demostrar cómo debe verse la paga cada vez que el usuario está tratando de buscar algo. Entonces llamemos a este tablero de arte, explorar, buscar increíble, y eso se ha eliminado el ícono de búsqueda. Entonces cada vez que el usuario haga clic en el botón de por ahí, se va a ocultar, y en su lugar vamos a presentar un campo fiscal que él o ella pueda escribir. Entonces lo que voy a hacer es ir allá y copiar y pegar una de nuestras tomas campo porque necesitamos ser consistentes. Ahí vamos, Vamos a cambiar su color, nuestro color primario genial. Y el relleno inferior va a ser 30 entonces aquí necesitamos ataque. Entonces escribamos, viajemos y lo hagamos regular. Y también disminuyamos el tamaño a 16 puntos y cambiemos el color, también. El mismo color primario y el relleno izquierdo va a ser 16. Entonces vamos a comprobarlo. Eso es genial. Y el relleno inferior va a ser de ocho. Perfecto. La otra cosa. Necesitamos estos ataques marcador de entrada. Entonces vamos a copiarlo y pegarlo. Lo voy a poner justo ahí. No obstante, voy a cambiar su color a amarillo para esta página. Por lo que el código es F seis B nueve y cero. Un gran. Lo último que necesitamos es una botella de descarte para ponerla justo ahí. Entonces vamos a traerlo aquí de nuestros iconos. Ahí vamos. Va a ser del mismo color. Puedes cambiarlo si quieres. No obstante, es del mismo color que se estaban usando para este proyecto. Van a ser 12 de derecha y seis de abajo. Y luego sigamos adelante y agrupemos estos elementos en la barra de búsqueda de la universidad. Está bien, ahora, tenemos que cambiar algo aquí porque estamos buscando el viaje de guerra. Tenemos que eliminar algunas de estas categorías. De acuerdo, entonces lo primero que voy a quitar es la sección popular, y luego voy a quitar esta categoría naranja azul y mover estas categorías a la izquierda. Genial. Y luego seleccionemos estos dos tramos y los movimos hacia abajo. Va a ser 56 hasta el fondo. Genial. Y también mueve la barra de búsqueda hacia abajo también. Y van a ser 32. El fondo. Eso es bastante impresionante, ¿no? Muy bien, chicos, Muchas gracias por ver este video. Espero que lo hayan disfrutado. Y te voy a ver en el siguiente video. 83. Página de mensajes: Hola a todos. Bienvenido de nuevo a otro video de thes curso en estos video. Vamos a estar diseñando nuestra página de mensajes. Entonces, sin más preámbulos, empecemos. En primer lugar, voy a seguir adelante y duplicar thes explore página aquí. Genial en Eso ha cambiado su nombre a mensajes. Genial. Y después de eso voy a eliminar casi todos estos elementos y también estas categorías. No obstante, voy a mantener el título de paz, y eso es cambiar dos mensajes. Genial. Y después de eso, voy a hacerlo, y después de eso voy a crear tres tarjetas diferentes para nuestros mensajes. Entonces, antes que nada, insertemos aquí alrededor, está bien, y cambiemos su tamaño a 315 por 85. Y también cambiemos el radio de esquina a esquinas lisas y es de 20. Fantástico. Y luego tenemos que desmarcar Borders, y eso ha cambiado su cuello a blanco. Y después de eso voy a añadir algunas sombras y vamos a disminuir su todo demasiado 12 derecha y cambiar su X 2 19 Y eso puso por qué, a nueve y la Blair a 38. Genial, entonces necesitamos una foto aquí, así que sigamos adelante e insertemos el círculo y su tamaño va a ser de 26 por 26 almas grandes y en fronteras sacudidas. Y usemos los datos aquí. Genial y es el relleno izquierdo y superior va a ser de 16. Impresionante. Y luego necesitamos un texto para escribir el nombre de este usuario. Así es, David Smith, y voy a cambiar el camino a Regular y también su tamaño a 14 puntos. Y cambiemos el color también a D, B, D, D, B y d ser fantásticos. Entonces alinemos a estos dos. Está bien en el espacio entre ellos va a ser de ocho píxeles. Lo último que necesitamos es otra tecnología. Entonces eso está duplicado. Y aquí voy a escribir nuevo mensaje de David, y eso es cambiar su color. El mismo gris que tenemos aquí. Y voy a cambiar su tamaño a 16 puntos y deja de sumar van a ser ocho pixeles y la lucha izquierda y también el relleno inferior va a ser de 16 pixeles. Genial. Ahora es el momento de agrupar estos elementos y compañeros mensaje quieren. Está bien, así que aquí voy a seguir adelante y duplicarlo. No obstante, en lugar de hacer eso también se puede crear un símbolo con el fin de hacer que el proceso se apague, diseñando estos mensajes mucho más rápido. Entonces sigamos adelante y creemos un símbolo. Y aquí voy a escribir tarjetas slash mensaje. De acuerdo, así que de ahora en adelante, si voy a documentar, puedo ver autos aquí y lo puedo poner aquí. Está bien. Genial. Entonces ahora que tenemos un símbolo, podemos fácilmente cambiar todo aquí. Por lo que ahora sigamos adelante y cambiemos su foto que seleccione eso y haga clic en datos Refrescar datos para Master. Vamos a refrescarlo una vez más. Genial. Y luego elijamos este texto. Y aquí lo voy a cambiar a tristeza. Williams, ¿puedes ver? ¿ Cómo es? ¿ Facilidad? Y entonces eso se utiliza las estacas y cambiarlo a, por ejemplo, Saara posteó. Sabía que dio fantástico. Entonces sigamos adelante y duplicarlo y ponerlo aquí. Y una vez más, eso ha cambiado esta foto genial. Y también este nombre a Emma Jones. Y también voy a cambiar estos textos a Emma Life tu post. Está bien. Eso es bastante fantástico. Espera, ¿Y si quiero agregar algo a nuestros símbolos? Por ejemplo, ¿Qué pasa si desea agregar una hora aquí para que el usuario sepa la hora exacta en la que se ha recibido esta notificación o mensaje? O también, es agregar flecha pequeña aquí. Entonces para hacer eso, porque el que ves moldes, es tan fácil. De acuerdo, así que vamos a hacer doble clic en eso. Nos va a llevar a la raíz. O digamos el archivo maestro, voy a acercar. Entonces, cualesquiera que sean los cambios que hagas aquí, se va a aplicar a todos esos autos que acabamos de crear. Entonces vamos a crear ataques a la derecha hace una hora. Voy a cambiar su color del mismo grado de luz que tenemos. Y también cambiemos su tamaño a 12 puntos y es correcto y el relleno inferior va a ser de 16 píxeles perfecto. Y además, voy a añadir una pequeña flecha aquí, así que vamos a traerla de nuestros iconos. Como pueden ver, tenemos flecha pequeña, así que vamos a traerla por ahí. Impresionante. Y voy a cambiar su color a nuestro color primario para que puedas hacer doble clic en eso y elegir nuestro color primario. Fantástico. Y está bien. El relleno va a ser de 16 como Ball y su relleno inferior va a ser de seis. Perfecto. Ahora bien, si volvemos a nuestro incienso, se puede ver que se aplica a todos ellos. No obstante, tenemos que cambiar también estos tiempos. Entonces sigamos adelante y cambiémoslo a hace dos horas y al siguiente 1 a 1 día atrás. Permítanme ir una vez más con el maestro para asegurarme de que alineamos estos tiempos correctamente . Como puedes ver, es la línea de la izquierda. Cómo si se necesita alinear a la derecha. De acuerdo, ahora es genial. Y luego seleccionemos todos estos tres mensajes y comprobemos el espaciado entre ellos. Es 21. Hagámoslo 16. ¡ Impresionante! Y también deja de esconderse es 38. Hagámoslo 40. ¡ Increíble! ¿ Se puede ver lo poderosa que es esta característica de símbolo? va a ahorrar tanto tiempo de lo que estás diseñando una interfaz de usuario. Está bien. Muchas gracias por ver este video. Espero que lo hayan disfrutado. Y te voy a ver en el siguiente video. 84. Página de chat: todo el mundo. Espero que lo estés haciendo bien en este video. Vamos a estar diseñando nuestra página de chat. Entonces, de hecho, esta es una página que cuando un usuario hace clic en una de estas notificaciones o autos va a aparecer nuestro derecho sin más preámbulos, Empecemos. En primer lugar, voy a seguir adelante y duplicar este tablero de arte y pongámoslo aquí para mantener nuestra tarifa organizada del campus, y lo voy a llamar chat, y luego necesitamos quitar casi todo. Entonces quitemos estas tarjetas. Y además, sorprendentemente, tenemos que quitar thes tap son. No obstante, necesitamos un indicador domiciliario. Entonces vamos a seguir adelante y copiarlo y pegarlo desde aquí. Impresionante. El primero que necesitamos es una barra de navegación. Puedes ir fácilmente a insertar manzana en la tuya. Tú me barras navegación aburre iPhone compacto, y aquí tienes dos versiones diferentes porque es el 13 del Arya. Te gusta comer. No obstante, en lugar de elegir estos por defecto y ponerlo aquí, te voy a mostrar cómo puedes crear tu propia barra de navegación personalizable. Entonces sigamos adelante e insertemos aquí un rectángulo. Muy bien, y cambiemos su tamaño a 375. Está bien y empate al 88. Es el estándar, y voy a tomar estas fronteras y cambiemos su color a blanco. Genial como puedas adivinar, necesitamos añadir algunas sombras en Vamos a cambiar. Es todo demasiado 15 genial. Y también es Blair a 41. Genial. Lo siguiente que necesitamos es un título aquí. Por lo que en esta página va a ser el nombre de usuario. Entonces así es, David Smith. Y voy a seguir adelante y cambiar su color también, este gris. Y además agrandémoslo. Eso ha cambiado su tamaño a 17 puntos. Y también lo voy a cambiar de regular. Demasiado audaz. Fantástico. Entonces me voy a alinear al centro tanto vertical como horizontalmente. ¿ Y qué más necesito? Necesito una foto justo por ahí y también izquierda Arrow aquí. Entonces, sumémoslos. Tengo aquí la flecha izquierda, así que vamos a copiarla y pegarla. Lo voy a poner justo ahí. Y luego eso dicho, es relleno izquierdo a 24 y su relleno inferior a 20. Muy bien, necesitamos también poner estos títulos hacia abajo y alinearlo con nuestra flecha verticalmente. Genial. Y vamos a seleccionar todos estos elementos y ponerlos justo debajo de nuestra barra de estado. Fantástico. Y lo último que necesitamos es la imagen de perfil aquí. Entonces necesito la foto de David Smith. No puedo usar los datos porque me va a dar una imagen aleatoria, y tengo que actualizarla hasta conseguirla. Entonces es mejor seguir adelante y aquí voy a hacer doble clic en eso y voy a elegir esta foto, café y volver a esta página de chat y vamos a pegarla aquí. Ahí vamos. Su tamaño es grande y está bien. Acolchado va a ser 24 su relleno inferior va a ser 20. Todo está configurado ahora. Podemos crear un símbolo fuera de nuestra barra de navegación con el fin de utilizarlos mucho más rápido. Entonces vamos a seleccionar todos estos elementos, incluyendo la barra de estado y agruparlos, y eso es crear símbolo aquí. Así es, Barra Barra de navegación perfecta. Entonces lo siguiente que necesitamos es cambiar nuestro color de fondo, así que voy a seguir adelante e insertar un rectángulo dos pies nuestra página y en las fronteras checas, y eso ha cambiado su cuello a F cinco si cinco y F cinco. Genial como puedes ver, tenemos un gris claro, que es impresionante. Y ahora es el momento de crear nuestros mensajes. Entonces lo que voy a hacer es insertar a su alrededor y el dragón lo deje caer aquí. Y eso es hacer 290 por 52 en Fronteras checas. Y además aumentemos su radio de esquina a 15. Impresionante. No obstante, voy a Double Creek y este naufragio tango y elijo thes corner. Y luego voy a cambiar su radio 20 Ya puedes ver cómo va a ser. Y también cambiemos su color dedo del pie blanco, y es hora de agregar algunas sombras para comer. Cambiemos. Es todo de 4 a 10. Es X dos a su escritor, también . Y el Blair a 10 bastante bueno. Ahora voy a seguir adelante y crear unas tomas. Eso es correcto. Hola, John. ¿ Cómo le va? Voy a hacer su regular y también cambiar su tamaño a 14 puntos. Genial. Y aquí es morboso, y te voy a alinear al centro verticalmente y es relleno izquierdo va a ser 17 almas pico perfectas 17 de arriba a izquierda y abajo. Y luego voy a sumar un tiempo aquí. Entonces escribamos 12 Colin cuatro. Lo voy a poner aquí en Eso ha cambiado su tamaño a 10. Y también es color a DB db. Andy se genial. Eso es alinearlo verticalmente y es relleno correcto va a ser 16. Eso es asombroso. Ahora vamos a agruparlos y aquí quedan relleno a la izquierda su 19. Hagámoslo 24. Ahora es mejor. Y lo siguiente que tenemos que hacer es crear otro mensaje, que viene de John en lugar de David. Entonces aquí, cambiemos su nombre de grupo por primer mensaje. Y entonces eso es crear otro alrededor aquí, y te voy a hacer 290 por 70. Grande el mismo radio de esquina, y eso es doble clic en eso y esta vez, elige este punto de esquina derecha y disminuye su radio a cero en Fronteras checas. Y luego lo voy a sentir. Nos gustaría un Grady int, Así que vamos a dar click en el círculo y elegir 50 64 F nueve y el otro que se utiliza 54 3 F y E ocho. Genial. Voy a seguir adelante y cambiar la dirección va a ser así o podríamos cambiarlo aquí. Ahora es mejor. Perfecto. Entonces sigamos adelante y copiemos y peguemos. Estos tanques necesitan bajarlo y cambiar su color a la derecha, obviamente. Y aquí, vamos a la derecha. Hola, David. Yo soy genial. ¿ Cómo estás? ¿ Está todo bien? Impresionante. Y luego lo voy a mover aquí y tratar de hacerlo más pequeño y alinearlo a la izquierda. Creo que es mejor establecer el con 2 232 Genial. Y esa es una línea hacia el centro de donde cosquillas y queda. El relleno va a ser 17. Recuerda ser consistente en tu diseño. Vamos a seguir adelante y copiar y pegar esta vez, está bien. 17 de abajo y 17 de derecha, sin embargo, y voy a seguir adelante y cambiar su color a blanco y disminuir su capacidad al 50%. Eso es fantástico. Entonces sigamos adelante y agruparlos, y aquí tenemos segundo mensaje, y luego vamos a duplicarlo, y dependiendo de la parte superior va a ser ocho Genial. No obstante, esta vez que es doble clic en este rectángulo y haga clic en círculo undie y disminuyó el radio de esquina a cero y también elegir el círculo y aumentarlo a 15. Eso es bastante guay, ¿verdad? Entonces voy a seguir adelante y cambiar su impuesto para que termines tu proyecto. ¿ Todo bien? Y recuerda cambiar estos tiempos porque no tiene sentido tener el mismo tiempo para todos los mensajes. Entonces hagámoslo 14 y éste también. Está bien. Y aquí tenemos nuestro tercer mensaje. Y ahora tenemos una respuesta de David. Entonces vamos a seguir adelante y duplicar este mensaje y ponerlo aquí mismo. Pero antes de entonces, eso selecciona a los mensajes y comprueba el relleno. Va a ser 24 también para este 24 Y ahora voy a hacer doble clic en este rectángulo y cambiar su máximo a 70. ¡ Impresionante! Y alineemos estas tomas a la izquierda y cambiémoslo a Gracias. Yo estoy bien. Y sí, tengo. Entonces, ¿estás libre esta noche? Genial. Y esta vez va a ser el año 17 desde abajo y que sea 17 desde la izquierda. También para éste también. Genial. Entonces ahora necesitamos otro mensaje de John que esté duplicado. Ah, me olvidó cambiar el nombre del grupo. Entonces Primero que nada, cambiémoslo a cuarto mensaje llegue. Y ahora cambiemos también estos impuestos . Eso es genial. Sí, estoy libre después de las nueve PM ¿Por qué? Y vamos a disminuir el con 2 224 Es mejor. Casi lo olvido. Hagámoslo 12 25. Y para este, eso es que sea 12 35 genial. Y este va a ser nuestro quinto mensaje. Entonces vamos a la derecha, quinto mensaje. Y entonces eso es duplicar nuestro mensaje anterior y ponerlo justo ahí. El planeamiento máximo de nuestro mensaje anterior va a ser de 24. Entonces es correcto y también para este impresionante. Y eso ha cambiado sus tomas a Bueno, yo quería en blanco que, ya sabes, y también necesitamos disminuir su con 2 232 y eso ha cambiado. Es hora de 12 45 impresionante. Y entonces eso cambió su nombre de grupo a seis mensajes, y el último mensaje va a ser éste. Entonces vamos a duplicarlo y ponerlo aquí con un margen de 24 píxeles. Y entonces eso es correcto. Muchas gracias por la invitación. Me encantaría verte y luego cambiarme. Es hora de 12 55. Genial y que yo cambie el nombre del grupo a séptimo mensaje tienen razón. Ha sido tanto que sé. No obstante, es realmente necesario prestar atención a los detalles, y estás diseñando una interfaz de usuario. Entonces necesitamos un contenedor para que el usuario escriba dolor. Adelante y hagámoslo. Eso es insertar un rectángulo. Pero está justo ahí justo debajo de nuestro indicador de casa, y su tamaño va a ser 375 por 71. Está bien, vamos a Czech Borders y llenarlo de color blanco. Creo que es buena idea tener algún tipo de fronteras. No obstante, voy a disminuir su todo demasiado 20%. Y también es con 20 puntos a, y luego necesitamos cambiarlo de adentro a afuera. Ahí vamos, y luego eso es en algunas sombras. Voy a disminuir su oferta a 8% y eso dijo, es por qué a cero también y el desenfoque a cuatro que es bastante bueno. Entonces aquí necesitamos un impuesto. Eso es correcto. Escribe algo aquí y punto, punto, punto y yo también voy a cambiar su color . B seis, b seis y b busca. Y también es divertido tamaño a 14 puntos. Cambiemos. Es divertido para SF pro text. Ahora es mejor, bien, y es dejar de palmaditas va a ser 17 y 44 a la izquierda, así que necesitamos dos cosas más aquí. Uno es un icono más aquí con el fin de adjuntar algo. Por ejemplo, una foto o un video. Entonces sigamos adelante y traerlo de nuestro archivo de iconos. Ahí vamos. Es relleno izquierdo va a ser 15 genial, y el otro es un icono de emoji con el fin de agregar algunos emoji. Entonces vamos a traerlo. También aquí tenemos a Emordi like on Vamos a ponerlo aquí 20 a la derecha y 17 a la parte superior Bastante bueno, y voy a seguir adelante y agruparlos. Correcto, correcto, correcto, Contenedor de mensajes. ¡ Genial! Entonces voy a agrupar todos estos mensajes y eso son mensajes correctos y bajarlos así porque necesitamos agregar lo último, que es la fecha de esta conversación. Entonces sigamos adelante e insertemos a su alrededor y que sea 77 por 20 y también en las fronteras checas y cambiemos su color a blanco. Voy a alinearlo al centro. Entonces necesitamos un texto que sea correcto. Lunes 18 de marzo y voy a cambiar su tamaño a 11 puntos y su color, también. 83 83 93. Eso es un lago ambos jugadores y alinearlos vertical y horizontalmente y también agruparlos aquí. Voy a escribir fecha y deja de sumar, van a ser 16. Increíble. Por lo que hemos diseñado con éxito nuestra página de chat juntos, todo ahí mismo. Casi no, Sin embargo, necesitamos otro tablero de arte, así que vamos a duplicarlo. Tenemos que presentar un teclado aquí, así que vamos a la derecha, chatear , escribir, y voy a seguir adelante y quitar el último mensaje y vamos a quitar este indicador y está emoji encendido. Pongámoslo justo ahí y movamos un poco el resto de mensajes hacia arriba, algo así. Y luego tenemos un teclado aquí para que podamos seguir adelante y traerlo aquí, pegarlo y poner nuestro contenedor de mensajes correcto justo encima de él. Voy a cambiar su altura a 50 bien, y también necesitamos cambiar estas tomas también. Este. Muchas gracias por la invitación. Entonces sigamos adelante y alinémoslo mucho a la izquierda y a la derecha para la invitación y luego cambiemos su color a esta diversión. Y llevemos el marcador de entrada de texto como Whoa que necesitábamos aquí, Está bien, Todo está genial. Lo último que tenemos que hacer es agregar el botón de mensaje de arena por ahí. Entonces sigamos adelante y llevemos su icono de nuestros iconos. Tenemos mandar icono aquí. Vamos a traerlo aquí. Es esposa, así que no se puede ver eso. Vamos a seguir adelante y crear un círculo. Y en Jake Borders, eso es hacerlo 24 por 24 y elegir color primario para eso. Entonces voy a ponerlo justo debajo de nuestro ícono de arena. Aquí vamos. Alinémoslos vertical y horizontalmente y los voy a agrupar y llamar a su y abajo y su margen va a ser 13 a la izquierda. 13 el fondo y hurones a la parte superior. Está bien, todo está hecho. Creamos dos páginas diferentes juntos. Espero que lo hayas disfrutado, y te voy a ver en el siguiente video 85. Página de ajustes: Oigan, todos, bienvenidos de nuevo a otro video de thes curso en este video. Vamos a estar diseñando nuestra página de ajustes. Entonces, sin más preámbulos, empecemos. En primer lugar, voy a seguir adelante y duplicar estos tipos de chat, y eso ha cambiado su nombre a ajustes. Y luego voy a seguir adelante y quitar casi todos los elementos aquí. Muy bien, necesitamos este indicador de inicio, sin embargo, Entonces voy a cambiar nuestra barra de navegación en este espacio. No necesitamos esta imagen de perfil. Entonces, ¿cómo puedo quitar eso? Puedo fácilmente hacer clic derecho aquí y desconectarlo del símbolo y luego elegir thes foto de perfil y quitar eso. Y después de eso, voy a alinear estas tomas al centro y cambiarlo a ajustes. Genial. Entonces en esta página, vamos a crear dos secciones diferentes. De hecho, voy a crear dos tarjetas diferentes e incluir nuestra opción de configuración. Muy bien, La primera sección va a ser notificaciones. Entonces vamos a escribir notificaciones, y voy a cambiar su destino un regular y cambiar su tamaño a 16 puntos. Y también es color. Dos c ocho, c ocho y ver ocho. Eso es genial. Pongámoslo aquí bien. Anexionar que necesitamos es crear un rectángulo. Ah, así que sumémoslo aquí. Y voy a cambiar su tamaño a 329 por 139. Y eso es cambiar su radio de esquina a 17 bien, y en Czech Borders y alimentarlo de color blanco. Entonces necesitamos agregar algunas sombras. Entonces cambiemos. Es mi a 14 y split aire a 43. Y también disminuyamos esta oferta al 8%. Genial. Nuestra primera opción van a ser promociones. Yo también voy a cambiar su color, este gris. Entonces necesitamos un controlador de búsqueda. Entonces vamos a crear uno. En lugar de traerlo de alguna parte, voy a seguir adelante y mostrarte cómo puedes crear tus propios interruptores. Entonces lo primero que necesitamos estos alrededor de aquí, y es fronteras sin control y que sea 40 por 17. Está bien, y eso también le ha cambiado de cuello . Ocho a 84 f f genial y vamos a crear un círculo también, y va a ser de 25 por 25 píxeles y en Czech Borders, y voy a usar el mismo Grady Int que usamos en nuestro tablero de arte anterior. Entonces sigamos adelante y creamos un int Grady y elegimos éste como nuestro primer color y este fondo como nuestro segundo. Entonces eso ha cambiado la dirección impresionante. Y después de eso, vamos a alinear verticalmente y mover este círculo hacia la izquierda. Eso es bastante bueno, y lo último que necesitamos es agregar algunas sombras al círculo. Entonces agreguemos sombras. Eso ha cambiado el Y 23 y Blair dedo del pie ocho en. Disminumos su todo 4 a 18%. Eso es bastante bueno. Y luego voy a seguir adelante y agruparlos y llamémoslo activar guión y vamos crear un símbolo aquí. Encender la tira inclinada. Y ahora vamos a duplicarlo y separarlo de Símbolo y seleccionar su redondeado y cambiar su color a e seis, e seis y e seis. Y ahora elegamos a este grupo OK y correcto. Haga clic y transforme, huya presentable y luego haga clic en el círculo y cambie su color a blanco. Está bien. Después de eso, voy a cambiar su nombre para apagar y vamos a crear otro símbolo interruptor slash off perfecto. Entonces no necesitamos eso ahora mismo. Entonces, siempre que quieras alternar, puede seguir adelante aquí y cambiarlo con facilidad, ¿ verdad? Entonces vamos a quitar eso. Y voy a alinear estos interruptores con nuestro texto particularmente. Y el relleno a la derecha va a ser 13. Y el relleno a la izquierda también va a ser 13 aquí. Impresionante. Entonces sigamos adelante y agruparlos en promociones correctas. Por lo que estamos creando al menos en una tarjeta, bien, La parte superior agregando, va a ser 16. Entonces vamos a duplicarlo. Teníamos una tumba de margen de 16 píxeles, y voy a alinear estos texto de promoción a la izquierda y cambiarlo a nuevos ítems. Y hagámoslo fácil, ¿verdad? Y voy a cambiar estos nombre de grupo a nuevos elementos también, y una vez más duplicado y cambiado el nombre a mensajes y hacerlo en perfecto, entonces que seleccionan todos estos elementos y los agrupan y las notificaciones universitarias impresionante. Y después de eso, vamos a seleccionar esta notificación y este grupo y duplicarlos porque necesitamos crear otra sección que sea general, y ponerlos con un 40 picks. Vieja margen, genial, eso está alineado este título a la izquierda y cambiarlo a general. Ahí vamos. Y lo primero, voy a elegir este rectángulo y cambiar su máximo a 303 y la primera opción. Vamos a cambiarlo a lenguaje. No obstante, Aquí no necesitamos hablar. De acuerdo, necesitamos una pequeña flecha como la que usamos aquí en nuestras tarjetas. Entonces vamos a hacer doble clic en eso. Y Selected Arrow copiado y pegado aquí. Pongámoslo justo ahí con 13 píxeles de margen a la derecha, y también necesito otro texto. Entonces eso está duplicado. Y cambiémoslo a inglés, y yo también le voy a cambiar de cuello . C ocho, C ocho y ver ocho. Perfecto. Está bien, pongámoslo aquí. Está bien. El relleno va a ser un píxel encendido. Seleccionemos estas dos capas y alinéelas verticalmente. Y también vamos a seleccionar nuestro idioma y alinearlos. Cambiemos la línea alta a 20 y también para Tesis, lleva a 20 también y una vez más los alineó. Ahora es genial. Voy a poner esta capa de flecha izquierda a esta promoción fuller. Pero recuerden, cambiemos el nombre del grupo por el idioma, y pongamos bien este inglés lleva al idioma, y deje de agregar, va a ser 16. Perfecto. Entonces eso cambia este artículo a la noche de fotos más, y voy a mantenerlo apagado y el siguiente a usar dijo que estarías. Y sigámoslo encendido Y sigamos adelante y cambiemos el nombre de estos grupos. Hagámoslo o modo Tonight y el siguiente que veas celular. Genial. Entonces vamos a seguir adelante y duplicar el último elemento y cambiarlo a o similares. Yo también lo voy a mantener encendido. Y cambiemos el nombre del grupo a Photo Lark. Y para el siguiente ítem, voy a elegir Tesis uno y duplicarla porque necesitamos estas flechatita y cambiémoslo para pasar código y cara I D. Y quitarles estos ingleses, creo que aquí necesitamos mover estos Inglés un poco arriba. Ahora es mejor. Y cambiemos el nombre del grupo para pasar código y enfrentarnos a I D. Y necesitamos dos cosas más que estén duplicadas. Muy bien, cambiemos estos impuestos a acuerdo de usuario y aquí también. Acuerdo de usuario y por último pero no menos importante, va a ser privacidad. Y ahora cambiemos también este nombre de grupo por privacidad. Y luego seleccionemos todas estas opciones y comprobemos su espaciado. Van a ser 16 y también 16 de arriba y 16 de abajo. Muy bien, entonces para cambiar la altura, necesitamos calcular algo. Aquí tenemos 35 así que arrastrémoslo y soltémoslo aquí. Ya son 21. Deberían ser 16. Por lo que necesitamos disminuirlo en cinco píxeles. Entonces hagámoslo 284. Y ahora está bien. Entonces necesitamos cambiar el nombre del grupo a general y todo está encendido. Muy bien, chicos, espero que disfruten este video y yo recibiendo el siguiente video. 86. Gráficos: Hola a todos. Bienvenido de nuevo a otro video fuera de esta sección. En este video, vamos a estar diseñando nuestra página de un atletismo. Entonces, sin más preámbulos, empecemos. En primer lugar, sigamos adelante y duplicemos los ajustes no son tablero. Ahí vamos. Y eso ha cambiado su nombre a un atletismo perfecto. Y entonces voy a seguir adelante y quitar estas tarjetas y también tifones e intercambiar el título de este tablero de navegación por un atletismo. Impresionante. Entonces voy a quitar este rectángulo aquí porque vamos a tener algún tipo de círculo justo detrás de esta información. Entonces sigamos adelante e insertemos un círculo. Ahí vamos y voy en Czech Borders y cambiaré su color a Grady Int. Y es elegir el 1er 1 y cambiarlo a 50 64 F nueve y el otro a 54 3 f y e ocho. ¡ Genial! Y ahora cambiemos la dirección de este color. Creo que eso es genial, y lo voy a bajar justo debajo de nuestra barra de navegación así que va a estar aquí y vamos a subirlo un poco. Entonces cambiemos su con 2 630 y es alto a 540 Genial. Y voy a ponerlo así un poco arriba. Ahora Es genial. Entonces sigamos adelante y cambiemos el color de esta información. El primero que debes cambiar es nuestra barra de estado. Entonces vamos a elegir eso y cambiarlo de claro a oscuro y luego eso selecciona título y también cambiando a blanco y último pero no menos importante, esta flecha izquierda a blanco también. Genial. ¿ Qué más necesitamos? Necesitamos algunas tarjetas. Por ejemplo. Voy a poner aquí un carro grande con el fin de mostrar el número de seguidores y también un gráfico de barras y luego cuatro tarjetas pequeñas justo debajo de eso. Entonces sigamos adelante e insertemos alrededor de él, y eso ha cambiado su tamaño a 315 y 317. Muy bien, Y luego cambiemos El radio mintió a suavizar las esquinas y ponerlo en 24. Y luego voy a seguir adelante y en Czech Borders y cambiar su color a blanco. Genial. Esa es una línea hacia el centro, y como puedes ver, tenemos un relleno de 30 píxeles de izquierda y derecha, y es dejar de agregar, va a ser 115 al borde de estos no son tablero genial. Y entonces tenemos que añadir algo de sombra. Entonces sigamos adelante y sumamos algunas sombras y voy a cambiar todas estas 4 a 8 y cambiarme x 2 16 ¿Por qué? A ocho y también Blair a 33. Perfecto. Y ese es Renay yo a la tarjeta, está bien. Y tenemos que duplicarlo porque necesitamos cuatro autos más. No obstante, necesito reducirlo a 150. Genial. Eso es lo que aquí leía un margen de 16 píxeles, está bien. Y cambiemos su radio de esquina a 24 también. Impresionante. Después se duplicó y lo puso justo ahí y los seleccionó y duplicó y los puso justo aquí. Perfecto. Y voy a renombrarlos a tarjeta a tarjeta tres, carta cuatro y tarjeta cinco en el 1er 1 a tarjeta uno. Genial. Entonces aquí voy a sumar ataques. Y eso es correcto. 2566. Va a ser el número de seguidores lo que ha cambiado su fondo dos meses, Sarat, y cambiarlo de regular. Demasiado audaz. Ahí vamos. Y además voy a cambiar el tamaño a 28 puntos y cambiar el color a Dis Gray Perfect y la línea hola a 35. Genial. El combate de izquierda debe ser de 24 píxeles y el encabezamiento superior va a ser de 35. Entonces vamos a duplicarlo y ponerlo aquí y cambiarlo a numerar a tus seguidores, luego cambiarlo de negrita a regular y también su tamaño a 12 puntos grande y su color a ser cero b, e e y G cuatro. Genial y es relleno izquierdo va a ser de 24 su línea de alto. Van a ser 21. Genial. Por lo tanto, vamos a establecer el encabezado superior en cuatro píxeles. Impresionante. Y entonces lo que necesitamos es un ícono. Necesitamos un icono de configuración aquí, y podemos usar el mismo ajuste. Yo puedo eso ser usado para nuestra página de cantor. Entonces vamos a seguir adelante y copiarlo y pegarlo aquí. ¡ Impresionante! Y entonces necesitamos cambiar su color a éste. Entonces voy a seguir adelante y copiar y pegar el código y seleccionar estas formas y pegarlo aquí . Genial. Pongámoslo justo ahí y seleccionemos todas esas formas. Voy a agregar bordes porque esas formas eran para tema. Entonces voy a usar el mismo color y cambiar la frontera con 20 puntos. Bien. Genial. Y ahora es el momento de cambiar el tamaño de 24 píxeles a 18. Eso es genial. Y el relleno correcto es de 24. Permítanme alinear este ajuste con nuestro número aquí verticalmente. Perfecto. Ahora voy a seguir adelante y crear un gráfico de barras aquí puedes ya sea creado por ti mismo o puedes usar gratis. Ustedes yo niños para este propósito. También puedes comprar algunos que te gusten. Es si quieres para tu proyecto. No obstante, en estos puntajes te voy a enseñar cómo puedes crear tu propio gráfico de barras. Entonces sigamos adelante e insertemos alrededor de él. Ahí vamos. Vamos a desmarcar fronteras y directamente Kan Dat y elegir thes dos puntos y cambiar el radio 20 Genial. Ahora voy a seguir adelante y cambiar su con y esconderme a ocho y 55 respectivamente. Genial. Y entonces eso ha cambiado un collar al doble f E 700. Genial. Ahora vamos a duplicarlo y ponerlo aquí mismo con un margen de cuatro píxeles. ¡ Genial! Y esta vez voy a cambiar su máximo a 81. Entonces déjame cambiarlo tu grandioso. Y luego voy a seguir adelante y cambiar su color al doble F seis C y 40. Impresionante. Y vamos a seguir adelante y agruparlos y colega Colin uno. Necesitamos una cita aquí. Así que escribamos siete barras 12 y cambiamos sus fonds a SF pro display y su tamaño a ocho puntos. Genial y déjame cambiar el relleno superior a cuatro y otra vez, eso es agruparlos y llamarlos columna uno. Perfecto. Ahora podemos duplicarlo con relleno de 20 píxeles. Genial. Y usemos ambas barras y aumentemos sus alturas así bastante bien. Y también tenemos que cambiar el día aquí. De 7 a 8, va a estar llamando y una vez más duplicado y seleccionar ambas barras y disminuir sus alturas. Algo así, no deberían ser precisos por ahora. No obstante, si estás trabajando con riel más tarde, asegúrate de que su preciso entonces eso cambió el día a nueve y eso es llamarlo llamando a tres en una vez más duplicarlos y seleccionar barras y aumentar sus alturas a algo así. Voy a seleccionar thes bar específicamente un aumentarlo otra vez y cambiar el día a 10 y va a ser Llamarlo por y otra vez, vamos a duplicarlo y seleccionar esas barras y disminuir sus alturas. Impresionante. Y cambiemos el día al 11 y va a ser nuestra columna. Cinco. Y necesitamos dos más. Ahí vamos. Eso es zapatos esas barras y disminuir el tamaño en disco uno específicamente y cambiar el día a 12 y cambiarme el nombre de dos Columna seis y la última va a ser aún más corta. Entonces, vamos a seleccionarlos así. Y también el día al 13. Perfecto. Y cambiemos tu nombre para llamarlo siete. Muy bien ahora, voy a seguir adelante y agrupar todos esos Collins y el gráfico de barras de la derecha. Genial. Y ahora elegamos nuestra tarjeta. Uno, que es éste y en línea al centro. Genial. Y es relleno de fondo va a ser 23. Eso es genial. ¿ Se puede ver lo increíble que es? Necesitamos una cosa más aquí. Necesitamos algún tipo de burbuja aquí para mostrar información detallada como un porcentaje de aumento o disminución. Entonces sigamos adelante y creemos uno. Voy a insertar alrededor de él de nuevo llegó. Disminuya el radio de esquina 26 y cambiemos el con 2 70 Great. Voy a inyectar fronteras muy bien, y necesito un rectángulo aquí para crear flecha pequeña. Entonces insertemos un rectángulo. Sostener turno perfecto en Fronteras checas. Haga doble clic en eso y seleccione esquina superior y aumente el radio a dos. Perfecto. Y luego lo voy a girar a la izquierda 90 grados y reducirlo a ocho píxeles. Genial. Y entonces vamos a diferencia de su tamaño y aumentar el con 2 10 Eso es bastante bueno. Y ahora elegamos ambas formas. Grandes los alineó verticalmente. Como puedes ver, es 19 y aquí 18 pero necesitamos cambiar el tamaño de este rectángulo. Tenemos que aumentar su altura en una gran, y ahora son 19 y 19 por lo que se ha posicionado justo en el centro, y entonces eso es un como ambos y cambiar su color dedo del pie blanco. Y voy a usar el sindicato con el fin de hacerlos de una forma combinada. Genial Y por último, vamos a añadir algunas sombras. Entonces disminuyamos su todo hasta el 10. Y es por eso que a cuatro y es Blair a 10 tienen razón. Eso es bastante bueno. Necesitamos un año fiscal también. Entonces escribamos menos cinco por ciento. Y voy a cambiar el tamaño de fuente a 12 y alinearlo al centro vertical y horizontalmente. Genial. Y ahora los agruparemos y lo llamemos Bobbo Perfect. Y luego lo voy a posicionar aquí y reducirlo a 50 por 31 píxeles. Entonces pongámoslo aquí. Genial. Entonces cada vez que el usuario hace clic en uno de estos Barnes esta burbuja woodshop bastante bueno. Y ahora agrupemos todos estos elementos. Entonces vamos a elegir descarga y también esta burbuja y luego esta tarjeta y es números geniales y agruparlos y tarjeta de declaración Collett. Impresionante. Creo que es buena idea aumentar el tamaño del texto aquí en nuestra burbuja. Entonces sigamos adelante y alinémoslo al centro y también aumentémoslo a 10. Ahora es visible, supongo. Bastante bien. Muy bien, ahora es el momento de seguir adelante y diseñar nuestro siguiente gráfico. Entonces aquí necesito otro número como este. Entonces sigamos adelante y copiémoslo y péguelo aquí, y lo voy a disminuir a 15. Perfecto, y es relleno izquierdo va a ser 17 y su relleno superior debe ser 15. Genial. Entonces ahora cambiémoslo a 10.2 k Y luego necesito otro impuesto como este. Entonces vamos a copiarlo y pegarlo aquí, y voy a aumentar su tamaño a 14 y cambiarlo para que me guste debería ser regular. Y cambiemos la línea Hola a 10. Perfecto. Y queda. Los combates van a ser 17 grandes, y necesitamos cambiar la altura de línea de las estacas también a 19. Ahora podemos ver que tenemos un top de cuatro píxeles, agregando, Así que hagámoslo tres. Eso es bastante bueno. Esta vez. Voy a seguir adelante y crear algún tipo off care de líneas, así que voy a usar Victor Tool y aquí va a ser mi punto de inicio. Entonces voy a dar clic aquí y arrastrarlo de alguna manera así, y eso es dar clic aquí de nuevo y aquí y aquí. Perfecto. Ahora sigamos adelante y aumentemos la frontera con a 1.5, y voy a cambiar sus extremos a éste. Se ve la diferencia. Se va a hacer su ronda, lo cual es bastante bueno. Y después de eso, cambiemos el color del mismo naranja. Si tenemos aquí, asegúrate de ser consistentes en tu diseño. Voy a moverlo hacia abajo y necesitamos otro camino. Entonces vamos a crear uno el mismo punto de partida aquí y eso es fin él, como este perfecto volvió a cambiar el borde con a 1.5, y está terminando a éste, y puedes cambiar su color a dos c D nueve y C cinco. Impresionante. Y necesitamos un camino más. Entonces vamos a crearlo el mismo punto de partida aquí y aquí. Genial. Eso es cambiar su borde con a 1.5 también y su color al mismo amarillo que usamos para nuestro gráfico de barras. Bastante bien, entonces eso seleccionarlos a todos y agruparlos, y voy a llamarlo carga mentirosa. Genial. No obstante, voy a cambiar su con 2 116 su fingida y luego eso seleccione nuestra tarjeta y alinearlas horizontalmente. Como puedes ver, tenemos 17 de izquierda y 17 de derecha, y necesitamos tener 16 de abajo perfecto. Y ahora agrupemos estos elementos. Eso lo tiene como perfecto y para nuestra próxima tarjeta, necesitamos todos estos elementos. Entonces sigamos adelante y copiemos y peguemos estos tanques. Genial. Y cambiemos los primeros tanques a 1.2 K y el siguiente a comentar. Va a ser el número de nuestros comentarios. Y entonces voy a crear otro camino en un iniciado desde aquí y terminó aquí algo como esto. Perfecta y cambió la frontera con a 1.5 también. Y este final al medio y otra vez voy a usar este amarillo Perfecto para estos cargo. Voy a usar algunos círculos. Vamos a crear algunos de ellos en Czech Borders y ajustados a si 80 a 6 A y F nueve Genial, que la escala hacia abajo a tres píxeles. Impresionante. Voy a duplicarlo y al azar los pondré aquí, aquí, aquí, justo por allá. Y algunos de ellos aquí. Y eso es agrupar estos elementos ahora con nuestras tarjetas y también estos textos, y va a ser nuestro grupo de comentarios. Perfecto. Entonces asegúrate de la alineación. Por lo que necesitamos agrupar de nuevo a estos elementos y lo llaman carga mentirosa también. Y como pueden ver, tenemos 17 de izquierda, 17 de derecha, y necesitamos tener 16 de abajo. Impresionante. Muy bien, para nuestra próxima tarjeta, sigamos adelante y otra vez. Copia y pega estos elementos aquí. Van a ser 17 a la izquierda y 15 a la cima. Voy a seguir adelante y cambiar la parte superior, agregando de este impuesto el tiempo que debería ser. 15. También éste. Ahora es genial, entonces eso ha cambiado este número a 255 y cambiar estos impuestos, también. Nuevo seguidor. Y de nuevo, vamos a crear otro camino y empezamos a partir de aquí año. No tenemos ningún cuidado en este tipo de carga de línea y terminarlo aquí. Perfecto. Cambiemos el borde con a 1.5 y cambiemos el final al medio y también cambiemos el color del borde a este naranja bastante bueno. Y ahora seleccionemos nuestro camino y cambiemos su con 2 116 Genial. Vamos a alinearlo al centro Perfecto. Y ahora vamos a tener 26 de abajo y vamos a agruparlos y llamarlo nuevo seguidor Awesome. Y para la última tarjeta que seleccione estos elementos y la copie y pegue. Y cambiemos este número a 190 y esto toma dos mensajes. Se va a mostrar el número de mensajes que recibió el usuario. Y aquí necesitamos otro gráfico de barras. Entonces voy a seguir adelante y cortarlo pega una de estas columnas año en adelante, vamos a reducirlas. 29 pixels y voy a seleccionar el amarillo y ponerlo aquí con un pick auto encabezado . Y luego voy a dar click derecho en esa transformación, voltear vertical. Genial. Y voy a poner su derecho donde ahí así. De acuerdo, vamos a agruparlos y duplicarlos con un relleno de seis píxeles. Genial. Ahora disminuyamos la altura de la paz Bar naranja en a 26. Y también esta amarilla, 2 16 y una vez más se duplicó y disminuyó este naranja 20 y el amarillo a 12. Y de nuevo, necesitamos disminuirlo a 14 y este dedo del pie ocho y otra vez, éste deja que sea ocho y el amarillo 1 a 4. Y a partir de ahora, necesitamos revertir el lugar de estos anaranjados y este amarillo. De acuerdo, así que vamos a duplicarlo y haga clic derecho, transformar, huir presentable y cambiamos el color de esta naranja, una a amarilla y esta amarilla a naranja perfecta y otra vez duplicarlos y aumentar su tamaño. Por ejemplo, esta naranja del 1 al 18. Y este amarillo 12 22 el último, el naranja a 22 el amarillo a 31. Bastante bien. Entonces aquí está nuestro gráfico de barras. Entonces cambiemos el nombre. Y como puedes ver, nuestro relleno derecho es de 19. Por lo que necesitamos que sea 17. ¿ Cómo podemos hacer eso? Podemos aumentar fácilmente el con en dos. No obstante, necesitamos escalarlo. De acuerdo, entonces aquí, vamos a escribir 116 y seleccionar esta tarjeta y alinearlos horizontalmente. Ahí vamos. Y 26 al fondo. ¿ Puedes ver lo increíbles que son estos? ¿ Ahora? Voy a hacer algunos cambios para que se vean mejor. Creo que es mejor mover este gráfico de líneas un poco hacia arriba. Van a ser 20 hasta el fondo. Y también este que lo está moviendo de nuevo hacia arriba. 22. El fondo. Ahora es genial. Entonces agrupemos también estos elementos y lo llamemos mensajes. Perfecto. Ha sido demasiado. Yo sé, Sin embargo, es necesario saber crear este tipo de elementos por ti mismo. Por otro lado, puede usar recurso gratuito está en Internet, o puede comprar uno, pero es esencial saber crearlo usted mismo. Está bien. Espero que disfruten de este video, y te voy a ver en el siguiente video. 87. incorporación: Hola a todos. Bienvenido de nuevo a otro video de thes sección en estos videos. Vamos a diseñar las páginas de embarque. ¿ Qué hay en el embarque? De hecho, el abordaje es la primera impresión fuera de tu app. Funciona como un visual en el boxeo fuera de la app que estás diseñando, por lo que es fundamental ponerle suficiente atención. No compartimos. Yo sí. Bueno, empecemos. En primer lugar, voy a seguir adelante y duplicar este tablero de arte y eso cambió su nombre a, um, abordar uno. Genial. Y casi vamos a quitar todos estos elementos porque no los necesitamos. Eso es sólo mantener el indicador de casa. Y luego voy a cambiar el cuello de los fondos. Como puede ver, aquí tenemos un rectángulo que lo ha cambiado a 41 35 F tres. Genial. ¿ Qué más necesitamos? Vamos a poner aquí una ilustración y también ataca debajo de eso y un sub más apretado por ahí . Y al final, necesitamos poner dos cosas un indicador de página y también un botón siguiente ahí mismo. Entonces puedes usar tus propias ilustraciones o podrías usar ilustraciones gratuitas Hay una muy buena página web la cual se llama en Draw That CO déjame mostrarte que puedes encontrar tantas ilustraciones para tus proyectos. Y la buena noticia es todos son gratuitos. Entonces si abres el on drug que CO y vas a la sección de ilustración, puedes ver ahí tantas ilustraciones aquí en casi todas las categorías que se te ocurra. De acuerdo, Sin embargo, también puedes buscar aquí, digamos app. Ahí vamos. Se puede ver cuántas bellas ilustraciones hay. Por ejemplo, este que vas a usar en nuestro proyecto y mucho más. También puedes cambiar el cuello principal de estas ilustraciones. Por ejemplo, cambiémoslo a amarillo. Genial, y puedes bajar fácilmente con ellos con formato SPG y también PNG. Entonces no lo vamos a descargar ahora mismo porque ya lo puse en el activo fuller y se puede obtener acceso a ellos fácilmente. Entonces sigamos adelante y traerlos aquí. Ahí vamos ilustraciones y aquí hemos pagado Ejecutar página dos y página tres. Entonces vamos a arrastrar y soltar el 1er 1 Ahí vamos. Su tamaño va a ser de 250 por 192. Pongámoslo justo ahí y es relleno superior va a ser 130 bastante bueno. Entonces necesitamos que los tanques pongan su derecho bajo nuestra ilustración. Entonces vamos a la derecha. Toma y comparte tus recuerdos y voy a seguir adelante y cambiar su diversión a Monserrat. Es y también cambiar el camino a los grandes audaces y también el tamaño del fondo a 24 puntos. Fantástico. Y vamos a cambiar el con 2 307 y también alinearlo al centro. Perfecto. Deja de sumar, va a ser 68 genial y vamos a duplicarlo. Y voy a cambiar el camino a Regular y también el tamaño de fuente a 19. Y eso ha cambiado el color para ser seis b uno f f genial. Y aquí, vamos a escribir. Instagram es un servicio de redes sociales para compartir fotos y videos. Bastante bien. Eso ha cambiado un con a 300. Muy bien, y ahora sigamos adelante y cambiemos el fondo a SF Pro Display ocho y también la línea alta a 28. Lo siguiente que necesitamos es un indicador de página Así que sigamos adelante y creemos uno lo que necesitamos. En primer lugar, está a su alrededor. Déjame en Fronteras checas y voy a cambiar su con 2 22 y su máximo a cinco grandes. Y cambiemos el color a Blanco. Y luego eso está duplicado y ponlo justo ahí. Y hagámoslo un círculo, que es de cinco por cinco. Genial, tenemos relleno de cuatro píxeles. Necesitamos otra porque tenemos tres páginas. Fantástico. Entonces vamos a agruparlos y llamarlo indicador genial. Y lo voy a alinear al centro. Y vamos a seleccionar estos dos círculos y cambiar su color al mismo color que tenemos aquí . Perfecto tienen razón. Y ahora revisemos el espaciado. Es Tom. El relleno va a ser 127 genial, y lo último que necesitamos es un ex Martin. Entonces sigamos adelante y traigamos nuestro fondo aquí desde nuestra página de registro porque no vamos a crearlo una vez más. Y vamos a pasar el ritmo aquí. Lo único que tenemos que hacer es desmarcar las sombras porque no las necesitamos. Y también cambiemos el color a blanco y cambiemos el color de nuestra flecha a 41 35 F tres bastante bueno. Y ahora vamos a escalarlo a 40 por 40. Genial. Y es relleno de fondo va a ser para los tres de aquí. Impresionante. Está bastante bien. Entonces ahora es el momento de seguir adelante y crear nuestro próximo fatal Eso es duplica nuestro tablero de arte y cambió su nombre a algún embarque a. Entonces voy a quitar estas ilustración y traer la siguiente Página dos. Genial encendido. Cambiemos su posición a 63 y 145 bastante bien. Y luego voy a seguir adelante y cambiar el texto. Entonces vamos a la derecha. Comparte tus historias con el mundo Fantástico y también aquí. Cambiémoslo para compartir tus fotos, videos e historias con el mundo en poco tiempo. De acuerdo, lo siguiente que debes hacer es cambiar el lugar fuera de estos indicadores, así que sigamos adelante y cambiemos el lugar del primer rectángulo sin primer círculo impresionante y asegurémonos de que estén alineados al centro bastante bueno. Y una vez más, duplicemos este tablero de arte y cambiemos su nombre por adjudicar tres. Va a ser nuestra última página. Genial que se quita estas ilustración y trayendo la última perfecta. Y es X va a ser 77 el por qué. Hagamos que su 143 perfecto y ataques voy a escribir, se notifique en cualquier lugar y en cualquier momento y el siguiente x dos. Se te notificará instantáneamente sobre nuevas publicaciones e historias. Impresionante. Y sigamos adelante y cambiemos el lugar de nuestros indicadores. Ahí vamos bastante bien y nos aseguramos de que estén alineados al centro. Muy bien, ya casi terminamos. No obstante, tenemos que hacer lo último, que está cambiando. Estos Barton juntos iniciaron botón porque es nuestra última página. Entonces, elijamos a nuestro fondo aquí. Y a diferencia del tamaño y cambió el con 2 111 Gran titular en el centro, y voy a quitar estas flecha y crear un texto y derecha empezar. Genial. Cambiemos el tamaño del teléfono a 14 puntos y también su color a 41 35 F tres Grande, y alinémoslo al centro tanto vertical como horizontalmente. Como puedes ver, un encabezado maduro no es igual a nuestro relleno izquierdo. Por lo que necesitamos aumentar la wif fuera de nuestro tango EC por uno. Hagámoslo 112 y ahora todo está hecho. Entonces vamos a agruparlos y a la derecha ponerlo en marcha. Perfecto tienen razón, chicos. Estar finalmente terminado nuestro primer proyecto juntos y espero que realmente lo hayan disfrutado. Ese fue un viaje en línea. No obstante, estoy bastante seguro de que vale la pena. Espero que te guste este video y te voy a ver en el siguiente video. 88. Tipos de logotipos: Hola, todos en esta sección, vamos a estar diseñando nuestro logo. Y también en este video, vamos a estar hablando de siete tiempos diferentes fuera del diseño del logo. Entonces, sin más preámbulos, empecemos. El primer tipo local se llama Monograma o se podría decir marcas de letras. Aquí tenemos diferentes logotipos como ejemplos, como HBO, que significa Home Box Office. Como pueden ver aquí, tenemos cartas Onley, por lo que están un poco explicadas y representan a su compañía. El segundo tipo se llama Ward Marks o, digamos, horas locales en realidad son similares a una marca de letras. No obstante, premio Mark se centra solo en un nombre comercial, como Google, Canham o Jeep. El siguiente tipo local se llama marcas locales abstractas como Pepsi, Nike o BP. Como se puede ver aquí, de hecho, una marca abstracta es un tipo de logotipo pictórico, y el siguiente tipo local se llama marcas pictóricas o símbolos de logotipos como logotipo de Apple a Eater y otras marcas famosas. En realidad, una marca pictórica es simplemente un icono que representa las características de la empresa. El siguiente tipo local, estas mascotas logotipos de mascota son logotipos que involucran a un personaje ilustrado según 99 diseños dot com. Si quieres obtener más información sobre los horarios locales y cómo debes usarlos, puedes consultar ahí. Gran artículo bajo página web. El siguiente tipo local son las marcas de combinación, y esta es la hora local que te voy a enseñar cómo puedes crear en este tipo de logotipo. Se puede encontrar una letra combinada con una ilustración o una forma específica. Y por último pero no menos importante, logotipo de Emblema Logo es un emblema consiste en fuente dentro del símbolo o un icono como el logotipo de Starbucks . Muy bien, muchas gracias por ver este video en la próxima serie de videos. Van a crear cuatro logotipos diferentes juntos, así que asegúrate de descargar el proyecto de inicio porque ya preparé los colores para ti . Para ahorrar tiempo, puedes descargar la multa de la sección Recurso es de la siguiente conferencia 89. Diseñar tu primer logotipo: Hola a todos. Bienvenido de nuevo a otro video fuera de esta sección. En este video, vamos a estar diseñando juntos nuestro primer logotipo, de hecho, ese logotipo que voy a crear oriente para una aplicación de finanzas, que se llama dinero. Eso es interesante, ¿verdad? Entonces no hacemos mucho. Empecemos. Repuestos de primera cosa. Voy a mencionar que no vamos a crear un logotipo complejo, porque en ese caso necesitamos un curso completo para cubrir ese tema. No obstante, les voy a mostrar el poder del boceto y la combinación de formas básicas juntas. Entonces, antes que nada, sigamos adelante e insertemos alrededor de él aquí. Eso es tan malo Grande que aumentó su con todo bien, Perfecto. Y voy a ir en Czech Borders. Déjame aumentar el con más grande y luego vamos a duplicarlo y que está justo por ahí. Perfecto. Y el espacio va a ser de $20 selectos, dos capas y haga clic en diferencia. Lo que voy a hacer es en sacudir estas casilla de verificación y dejar que las fronteras de vástago grande y aumentar la frontera con 2 10 Genial! Y voy a usar thes Grady int aquí para nuestro primer logo. Cada go y este bastante bueno y déjame aumentar el con. Y luego si voy allá y doy clic en este ícono, se puede ver que elegimos la diferencia. Voy a cambiarlo a sindicato. Es mucho mejor, y eso es cambiar su tamaño. Para ver cómo se va a ver está bien. Y vamos a aumentar el con bastante bien. ¿ Se puede ver la M que acabamos de crear aquí? Eso es bastante impresionante. Eso es genial. Lo siguiente que voy a hacer es cambiar la dirección de nuestras salsas ins. Creo que va a ser mejor perfecto. Y luego escaneemos nuestra forma combinada hasta 65 píxeles por 64 Voy a hacer zoom media y necesitamos un texto porque vamos a crear una marca de combinación. Entonces déjenme disminuir el tamaño de la fuente a 30 y el dinero correcto. Entonces voy a cambiar el fondo a como pro, redondeado, redondeado, genial y también es demasiado ligero, previo, previo, impresionante y de opciones de Tex. Voy a capitalizar mi texto aquí así, y también vamos a aumentar la cantidad de caracteres, que es el espacio en blanco que tenemos entre nuestros personajes. Eso es aumentar él a Fine. Eso es impresionante. Y luego voy a añadir una sensación porque voy a tener una nota. Ian en realidad es el mismo Grady int que usamos para nuestro logo. Perfecto. Ahí vamos. Eso es bastante guay, ¿no? De acuerdo, lo siguiente que tenemos que hacer es la alineación, ¿de acuerdo? Porque aumentamos la cantidad de nuestro personaje aquí. No podemos alinearlos correctamente. ¿ De acuerdo? Como pueden ver, aquí tenemos estos espacios en blanco. Entonces, ¿cuál es la solución? No puede hacer nada fuera de curso que pueda. De hecho, si selecciona este texto y sigue adelante y da clic derecho en esta capa, puede tener la opción de contornos del convertidor. Y si pudieras tomar ese boceto va a convertir nuestros tanques en un contorno, lo cual es genial. Por supuesto, a partir de ahora, no podemos cambiarlo ni modificarlo, y eso no lo necesitamos. De acuerdo, entonces ahora podemos seleccionar nuestra forma y también nuestro texto y agitar alinear horizontalmente. Genial. Y el encabezamiento superior va a ser 16. Fantástico. Déjame agruparlo y llamarlo color dinero. De acuerdo, porque vamos a crear una versión diferente de este logo más adelante. Está bien, déjame ponerlo aquí. Perfecto. Entonces ahora vamos a crear otra versión de thes logo que llegamos color gris oscuro. Entonces voy a duplicar su importado aquí. Impresionante. Déjame seleccionar nuestra forma y cambiar el grado Ian's a un color sólido y elegir tres ee tres ee y tres e genial. Y también elijamos nuestro texto. O aquí tenemos nuestro contorno y cambiamos el campo a un color sólido y elegimos el mismo gris oscuro que utilizamos para nuestra forma combinada. Eso es fantástico. ¿ No te gusta eso? ¿ Se puede ver lo sencillo que es diseñar un logotipo creativo? Simplemente combinamos formas simples. O ahora mismo los voy a bajar. Perfecto. Es 96 por 83. Genial. Por lo que creamos exitosamente nuestro primer local juntos en el siguiente video. Vamos a crear otro logotipo que es tan sencillo de crear. Por lo que te veo en el próximo video 90. Diseñar nuestro segundo logotipo: Oigan, todos, bienvenidos de nuevo a otro video de esta sección. Espero que lo estés haciendo bien en estos videos. Vamos a estar diseñando juntos nuestro segundo logo, que es una luna. Entonces, sin más preámbulos, empecemos. Como pueden adivinar, necesitamos otra forma. Entonces sigamos adelante. Un inserto, un círculo. Ahí vamos. Y voy a ir en Czech Borders. Perfecto. Eso cambió los campos al inicio, gris, y lo voy a duplicar. Genial. Déjame cambiarlo por algo más ligero que puedas ver. Y luego voy a mover estos círculo así y seleccionar ambos osos y dar clic en Restar Awesome. ¿ Se puede ver qué tan rápido se crea nuestra luna? Eso es bastante guay. Lo siguiente que voy a hacer es agregar una sombra interior para comer. Entonces sigamos adelante y pinchemos sobre la sombra interior y cambiemos su color a esta vida gris, impresionante. Y disminuir la Blair a cero y cambiar la posición Y a dos y la exposición a una. Eso es bastante guay. ¿ Y qué más necesitamos? Tu derecho. Necesitamos el texto. Entonces aquí, escribamos Moon y de nuevo voy a seguir adelante y capitalizar eso y ponerlo aquí entonces eso bajó nuestras formas combinadas a 60 por 68 ponerlo justo por ahí. Y ahora cambiemos el color de nuestro texto por el mismo gris oscuro que tenemos aquí. Y después de eso, voy a convertir nuestro texto en un esquema. Así que vamos a hacer clic derecho por ahí, convertir contornos impresionantes y seleccionar nuestras formas combinadas o nuestra luna. Alinémoslos al centro, y va a tener un relleno de 16 píxeles. Bastante impresionante. Agrupémoslos y muévase derecho. Está bien para el lento ir. Yo sólo quería crear una versión porque va a ser repetitiva. Entonces si quieres, puedes seguir adelante y usar tu propia creatividad y elegir colores increíbles para eso. Pero por ahora, voy a poner fin a este video, y en el siguiente video, vamos a diseñar otro sencillo logo juntos. Entonces nos vemos que 91. Diseñar nuestro tercer logotipo: Hola, Ron. Bienvenido de nuevo a otro video de thes sección en estos videos. Vamos a estar diseñando juntos nuestro tercer logotipo. Este logotipo se llama asombrado. OK, entonces voy a crear una carta, por supuesto, con formas. Entonces, ¿qué opinas? Necesito tu derecho. Necesito un triángulo. Entonces insertemos uno. Impresionante. Voy a ser tan mezquino. Entonces voy a ir en Czech Borders y doble clic en nuestro triángulo. Y vamos a seleccionar todos estos puntos e incrementar el radio así. Bastante impresionante. Y eso es a diferencia del tamaño, porque voy a aumentar la altura a 148. Genial. Y de nuevo, voy a hacer doble clic en estas formas y mantener pulsada la tecla de turno. Y aquí se puede ver un punto aparece. ¿ Puedes ver eso? Voy a dar clic aquí y una tecla de cambio de acero mantenga presionada y arrástrala y soltarla así. Impresionante. Y como este punto está seleccionado, voy a aumentar el radio a 40. Genial. Por lo que probablemente puedas ver la forma a aquí, pero necesitamos una cosa más. De acuerdo, déjame insertarlo alrededor. ¿ Todo bien? Y lo voy a sentir con blanco. Pongámoslo aquí y disminuya su altura. 40 y es linea al centro bastante bueno. Ahora es el momento de cambiar el color de nuestro triángulo. OK, así que sigamos adelante y pinchemos y coloreemos radiante, y vamos a usar thes Grady int. Voy a elegir estos colores, y eso ha cambiado bastante bien la dirección. Entonces agruparemos estas formas, ¿verdad? Asombrotado. ¿ Y qué más necesitamos? Necesitamos un fondo Eso es correcto. Asombrotado. Y entonces eso es capitalizarlo igual que otros logotipos. Y voy a usar un solo color para estos, que es este amarillo Genial. Entonces vamos a reducir nuestra forma a 110 píxeles. Y después de eso necesitamos convertir nuestro texto sobre energía de contorno, alinear nuestra forma al centro. Genial. Y aquí la caricia va a ser ocho. Porque como pueden ver, aquí tenemos este espacio en blanco. Entonces creo que ahora podemos agruparlos. Y aquí podemos escribir, asombrados y finalmente patinados a 100 por 121 y ponerlo justo por ahí. Necesitamos sólo esta versión colorida. Eso es bastante bueno. Está bien. Espero que disfruten de este video. Vamos a terminar este video ahora mismo. Y en el siguiente video, vamos a diseñar nuestro último local juntos. Entonces nos vemos que 92. Diseñar nuestro logotipo de fortu: Oigan, todos, bienvenidos de nuevo a otro video de este curso en este video. Vamos a diseñar nuestro último logotipo, que se llama Rabbit. Es interesante, ¿no? Entonces lo que voy a hacer es crear una forma simple, que es como un conejo. OK, no exactamente, sin embargo, va a transmitir el mensaje, y voy a usar estos dos colores para eso. Entonces vamos a crear eso juntos. En primer lugar, eso es inserto a su alrededor. Genial. Como pueden ver, elegí rincones pequeños aquí. Aumentemos un poco el radio. Ahora es perfecto 49 aquí tenemos 132 por 130 para escoger canciones, luego en Czech Borders. Y eso es elegir este Liping como la piel de la cara de nuestros conejos. Entonces necesitamos crear los años. OK, entonces insertemos un círculo como este. Voy a zoom media en fronteras checas, perfecto y duplicado. Come y póngalo justo ahí. Disminuya el espacio a menos 30 y como ambos fuera de ellos se seleccionan, puede intersectar. Impresionante, ¿ puedes ver? ¿ Acaba de crear el primer año? Eso es bastante bueno. Y déjame aumentar el tamaño a 38 píxeles, y luego necesito girarlo 15 grados. Si mantienes presionada la tecla Mayús, puedes conseguir estos 15 grados fácilmente perfectos. Y déjame duplicarlo y ponerlo justo por ahí y una vez más giró aquí al positivo 15 o a la derecha. Y el espaciado va a ser cero así. Y entonces pongamos el color a este rosa oscuro. Está bien, eso es bastante guay. Voy a agruparlas y seleccionar estas formas también y alinearlas bastante bien. Lo siguiente que voy a crear aliviar sus ojos. De acuerdo, entonces necesito un guiño a su alrededor. Déjame arrastrar y soltar aquí, disminuir el radio, también. 15 en Czech Borders y elige aquí el mismo rosa oscuro y disminuye su tamaño a 18 píxeles en 18 píxeles. Y ponlo justo ahí con un encabezamiento superior de 30 píxeles encendido. Vamos a duplicarlo. Eso es un como ambos fuera de ellos. Agruparlos y seleccionar nuestro rostro y alinearlos al centro. Impresionante. El espacio en blanco entre ellos es de 24 píxeles. Ella es genial, y aquí no necesitamos ningún otro detalle. No obstante, lo último que voy a crear es algún tipo de sombras para nunca hacer este logo de dos d. Mira, tres d Vale, entonces necesito un círculo como este que esté en Czech Borders. Entonces vamos a añadir un Grady en ella o escribir el primer color va a ser estos rosa oscuro bastante bueno. Y eso es usar el segundo color y otra vez, el mismo ping oscuro. No obstante, esta ocasión necesitamos disminuir el todo demasiado cero. Impresionante. Entonces lo voy a girar así en Vamos a elegir nuestro rostro. Tanto nuestro círculo como nuestra forma de cara están seleccionados La máscara anglicana bastante buena. Ahora puedo personalizar la posición del círculo, así que lo voy a poner aquí y dejarme disminuir la capacidad al 40%. Eso es bastante guay. ¿ Se puede ver lo increíble y hermoso que facilidad? Lo último que tenemos que hacer es agregar un texto. Así que vamos a la derecha, conejo. No obstante, esta vez voy a cambiar la fuente. Dos meses. Sarit, Ahí vamos. Y una vez más eso es capitalizarlo perfecto y cambiar su color a este rosa oscuro y necesitamos agrupar son elementos tu forma de conejo universitario y lo asustó a 74 píxeles por 121 y lo puso aquí. Entonces voy a seguir adelante y convertir estos textos en un esquema en después de papá. Seleccionemos nuestra forma y alinémoslas al centro. Y el encabezamiento superior va a ser 16. Bastante bien. Llamemos a este grupo Conejo. Voy a reducirlo a 96 píxeles y ponerlo justo ahí. Muy bien, chicos. Creamos juntos nuestro logo final. En total, creamos cuatro logotipos diferentes y espero que te hayas dado cuenta de lo poderosa que es la combinación de formas. Espero que disfruten de este video. Se puede descargar el proyecto final del recurso es sección de esta conferencia. Te veo en el siguiente video. 93. Introducción a Adobe Photoshop: Hola a todos. Bienvenido de nuevo a otra sección fuera de este curso en esta sección. Vamos a estar hablando de Adobe para la tienda. A pesar de que mencioné antes, eso es Adobe para la tienda no es un buen software para el diseño de interfaz de usuario. Es bueno estar familiarizado leer en el ambiente antes del taller y también los fundamentos de la fototienda para preparar nuestras imágenes a veces o incluso editar nuestras multas. Entonces en el siguiente video, vamos a empezar nuestra lección con los entornos fuera de Adobe para el show. Nos vemos entonces. 94. Entorno de Adobe Photoshop: Hola todos En estos video, vamos a estar hablando del medio ambiente fuera de adobe further shop. Entonces sin justa lo hago. Abramos nuestro yo no antes de que la tienda tenga razón. Como puedes ver, estoy usando Adobe para la versión de tienda. Ver un seis. No importa qué versión estés usando en este momento, porque vamos a enfocarnos en lo básico de Lee. Y les puedo asegurar que casi elementos Onley son los mismos en todas las versiones. Pero sería genial usar una versión estadounidense también. Por lo que aquí otro antes de la tienda, podemos dividir este entorno en diferentes secciones. Por ejemplo, a tu izquierda, puedes ver que ahí está el panel de herramientas. ¿ De acuerdo? Y aquí están todas las herramientas que necesitamos para editar nuestras imágenes o incluso crear algún diseño gráfico. Y a tu derecha, puedes ver que hay más paneles. Por ejemplo, aquí tenemos el panel de capas, que es uno de los paneles más importantes en adulto antes de la tienda. Y también tenemos colores de ajuste, etcétera. OK, pero el panel más importante aquí es el panel de herramientas. Está bien. Muy bien, chicos, Muchas gracias por ver este video. Y en el siguiente video, vamos a estar hablando de lo básico de adulto antes de la tienda y cómo puedes usar estas herramientas. Entonces nos vemos en el siguiente video. 95. Conceptos básicos de Adobe Photoshop: Hola a todos. Bienvenido de nuevo a otro video de este curso en estos video. Vamos a estar hablando de lo básico de Adobe para el show. De acuerdo, Como mencioné en el video anterior, vamos a usar diferentes paneles. Otro antes de las tiendas como herramientas, capas de panel, colores de panel, ajuste, etcétera. Pero lo primero que repares. Necesitamos un lienzo o digamos, una página con la que empezar nuestro proyecto. Para hacer eso, puedes o bien ir a archivar a Anchalee, ¿verdad? O bien puedes presionar comando en extremo en Maxie Sstems o Control y N en Windows. Y aquí, como puedes ver, hay una ventana en la que puedes elegir la dimensión de tus palabras de arte. Por ejemplo, aquí podemos establecer el con 2 1920 asegurarnos de que está establecido en celdas de pico y el alto a 10 80 . Y como pueden ver células de pico y voy a cambiar la resolución a 72 porque es suficiente para fines informáticos y un modo Connor, necesitamos configurarlo en RGB porque vamos a presentar este proyecto en computadora o en pantallas. De acuerdo, Entonces, viendo por qué K se usa con fines de impresión. Está bien. Y puedo seguir adelante y dar click en. OK, y ahí vamos. Tu tablero de arte está listo. No puse un nombre específico para eso, pero asegúrate de establecer tu nombre de deseo. Y ahora vamos a hablar del panel de herramientas. Como puedes ver aquí, contamos con diferentes herramientas y diferentes secciones. Este se llama Move Toe, y es para mover objetos o elementos en tu lienzo o tus tableros de arte. Y la siguiente es la herramienta de selección. Está bien. Por ejemplo, permítanme crear una nueva capa aquí. Si desea crear una nueva capa, puede ir fácilmente a la sección de capa y hacer clic en este icono de capa. Como puedes ver, acabamos de crear una nueva capa. Y luego voy a utilizar la herramienta de selección con el fin de seleccionar un área específica como esta, y la puedo sentir con cualquier color que quiera. Entonces si quiero cambiar el color, puedo dar click en esta sección y puedo elegir estas gripe y dejarme elegir el pincel para llenarlo . Y ahora con este dedo del pie de movimiento, puedo mover fácilmente esto todo bien, la siguiente herramienta se llama selección a bien. Y cada herramienta aquí contiene algunas herramientas ocultas. De acuerdo, Como se puede ver, hay una pequeña flecha en la parte inferior, esquina derecha de cada herramienta específica, y se puede ver que aquí hay algunas herramientas ocultas de las que puede elegir. A la siguiente herramienta se le llama Lazo magnético. Está bien. Y es para seleccionar también. Puedes seleccionar fácilmente un área específica, ¿de acuerdo? Y puedes separar tu sección de deseos de esa imagen específica para la selección. Se puede presionar comando y D o controlar el en ventanas y aquí también, se tienen diferentes herramientas last so. Y esta es la varita mágica. De acuerdo, Es para selección los habitantes bosquejan también, por lo que puede seleccionar un área específica mágicamente. Y el siguiente sel es cultivo. Es para recortar tus poros de arte o tu imagen. Y el siguiente es el cuentagotas. Para que puedas elegir un color específico de una foto o un elemento. Está bien. Y estas herramientas son para retocar. Está bien. Como puedes ver, tienen pincel de curación puntual, herramienta de cepillo curativo, pashtu, etcétera. Y luego tenemos pinceles. Por ejemplo, puedo elegir el color rojo aquí Como pueden ver, aquí puedo pintar libremente. Y si hago clic derecho, puedo cambiar el tamaño de eso y también la dureza de mi cepillo. De acuerdo, La siguiente herramienta se llama Clon Stamp a ella. Por lo que retoque también no trabajamos mucho con eso. Y luego tenemos historia, pincel, herramienta y una maquinilla de afeitar que puedes borrar tu pintura o incluso un área específica de una imagen. Entonces tenemos a Grady int así y Blair a por abrir una imagen o parte específica de una imagen. Y esta es la herramienta Dodge, y es para editar el brillo de un área específica de una imagen. Después tenemos el panto, que es una herramienta muy importante en una puerta antes de la tienda y con herramienta de sartén. Se puede seleccionar un área específica con precisión. De acuerdo, Y entonces si hago clic derecho aquí, puedo borrar puedo hacer selección, el radio del alimentador va a ser cero, y eso es click en. OK, ahí vamos. Entonces ahora si elijo la herramienta de pincel, puedo sentir con color rojo como este, y la siguiente es herramienta de tipo para escribir y crear algún texto. Tienes diferentes opciones. Aquí tienes un tipo presentable, tiempo vertical a tipo horizontal, máscara y herramienta de máscara verity con tipo. La mayoría de las veces utilizamos horizontal Type dos y su herramienta de selección de trayectoria. No vamos a usar mucho eso. Y luego herramienta de rectángulo redondeado es para crear diferentes formas. Por ejemplo, puedo crear alrededor del objeto así. Entonces puedo hacer una selección con click seco, y ahora la puedo sentir con cualquier color que quiera. Al igual que esto. La siguiente opción es herramienta manual, y es para panear alrededor. También puedes presentarlo reteniendo espacio en tu teclado, y luego tenemos el zoom a bien para acercar media y alejar. Muy bien, chicos. Ahora centrémonos en la sección de capas para ver qué tenemos ahí. ¿ De acuerdo? Como puedes ver, acabamos de crear una nueva capa. Y como mencioné antes, cada vez que quieras una nueva capa, puedes hacer clic fácilmente en este icono, y crea una nueva capa para ti. Puedes cambiar el nombre de las capas haciendo doble clic en su nombre, y puedes cambiarlo a si quieres eso te está cambiando, yo perfecto. Y ahora voy a crear otra forma aquí con las herramientas de selección. Ahí vamos, y puedo andar por ahí. Si quieres ocultar una capa, puedes hacer clic en este ícono como en boceto. Y recuerda que el orden de colocar tus capas es tan importante en otra antes de la tienda . De acuerdo, entonces aquí la u está por encima de este rectángulo redondeado. Entonces si lo muevo encima de este rectángulo, se puede ver la diferencia. Entonces voy a cambiar el color para que quede más claro así. También puedes cambiar la opacidad aquí de 0 a 100% y lo otro importante en a oh , antes de la tienda es la ventana de tiempo de capas. Entonces vamos a hacer doble clic en esta tu capa. Y como se puede ver, aparece una ventana, que se llama lado capas. Y aquí tienes diferentes opciones para peinar tu capa, por ejemplo. Aquí tenemos opciones de mezcla por defecto, por ejemplo, quién puede cambiar la opacidad y el modo bland. Aquí tienes estas opciones justo en estos swing Ve tan bien como puedes ver, tienes un montón de opciones aquí tienes trazo por ejemplo, puedo cambiar el color a rojo y aumentar el tamaño que tienes. Sombra interior. Tienes color resplandor interno sobre lago, radiante y mucho más. De acuerdo, tienes sombra de gota también aquí. Al igual que esto. Muy bien, chicos, muchas gracias por ver este video. Espero que lo hayan disfrutado. Y en el siguiente video, vamos a hablar sobre el uso de Adobe más tienda para ti en diseño de UX. Entonces nos vemos. 96. Adobe Photoshop para el diseño de UI:UX: Hola a todos. Bienvenido de nuevo a otro video del discurso en estos videos. Vamos a estar hablando del uso de Adobe para la tienda para ti en ux design. que usted como joven diseñador de UX necesite editar sus imágenes para poder utilizarlas en su proyecto correctamente. De acuerdo, entonces hay algunas modificaciones que no se puede hacer en boceto, y es buena idea procesarlas en una puerta antes del espectáculo. De acuerdo, entonces en este video, voy a enseñar cómo puedes usar una puerta antes de la tienda para editar tus imágenes. De acuerdo, así que sin más preámbulos, abramos nuestro ídolo antes de la tienda. ¿ Todo bien? Como puedes ver, he descargado una imagen de este zapato de ceniza virgen que vienen con la finalidad de mostrarte cómo puedes separar cualquier objeto de su banco alrededor en adobe para la tienda. De acuerdo, entonces suponga que está diseñando una aplicación de compra y necesitamos tener unos zapatos en nuestras listas de compras, OK, entonces en este caso, es mejor separar este zapato de su fondo y luego guarde su como un PNG cinco y luego importado en su boceto. ¿ De acuerdo? por lo que hay diferentes formas en que puedes hacerlo. Se pueden utilizar diferentes herramientas de selección. Por ejemplo, puedes usar la varita mágica así. Funciona en algunos ejemplos, pero antes que nada, déjame mostrarte algo. Como puedes ver, esta capa se llama ronda de banco, ¿de acuerdo? Y no podemos hacer nada cuando está bloqueado. Por lo que la energía encendido así, puedes hacer doble clic. Y el cazador, por ejemplo, pone un nombre. No importa lo que sea. Puedes ponerlo en zapato, y ahora está desbloqueado para que puedas hacer cambios, y voy a dar clic y eliminar así. Como pueden ver, no tenemos ninguna bolsa por aquí. No obstante, debes asegurarte de que el fondo se haya eliminado por completo. Por ejemplo, aquí, como puedes ver, tienes algo de espacio en blanco, por lo que necesitamos volver a seleccionar este espacio en blanco y dar click en eliminar así. Ahora, con el fin de mostrarte cuál es la diferencia aquí, voy a crear una nueva capa. Y llamémoslo BG como nuestra ronda bancaria, y lo voy a mover abajo justo debajo de nuestra capa de zapatos y presionemos comando a o control y ventanas. Y entonces eso es elegir un color diferente. Por ejemplo, este y pulse la opción borrar. Ahí vamos. Como puedes ver, podríamos cambiar fácilmente el color de los fondos. De acuerdo, así también puedo quitar el fondo y guardarlo como un archivo PNG e importarlo en boceto y usarlo para que pudieras tener más posibilidades de trabajar con esta imagen. Pero hay algunas imágenes que no puedes usar la varita mágica fácilmente para separar tu objeto específico del fondo. De acuerdo, déjame deshacer estos procesos. En ese caso, puedes usar otras herramientas. Está bien. Por ejemplo, puedes usar el Lazo Magnético de esta manera, y puedes seleccionar tu objeto de manera fácil y perfecta. También puedes usar la herramienta de lápiz, que es la mejor opción posible porque puedes obtener una elección precisa de tu objeto. No obstante , lleva más tiempo. Y aquí, después de seleccionar dos puntos diferentes, debes mantener presionada la tecla de opción y presionar este punto así y seleccionar un nuevo punto y sierra. Está bien, está bien. Ahora te voy a mostrar otro ejemplo de usar Adobe más tienda para modificar tus imágenes. En ocasiones es posible que deba cambiar el color de su producto. De acuerdo, entonces primero que nada, déjame seleccionar el banco alrededor y quitarle eso así, y suponga que voy a cambiar el color de este zapato. ¿ De acuerdo? Es un poco difícil porque está demasiado oscuro. No obstante, lo voy a probar. En primer lugar. Vamos a crear una nueva capa. Entonces voy a seleccionar todo el rodaje. ¿ Cómo podemos hacer eso? Podemos mantener pulsada la tecla de comando y recortar calzoncillos Square aquí y como puedes verlo ya seleccionado . A continuación, asegúrate de haber seleccionado la nueva capa y cambia de color diferente. Por ejemplo, el color azul. A continuación, elige la herramienta de pincel. De acuerdo, Así, vamos a pintar todo así. Ahora se ve extraño, pero en un minuto se puede ver lo increíble que es esta técnica. Entonces como puedes ver aquí, tenemos dos capas diferentes. De acuerdo, aquí tenemos el moho bland y tenemos diferentes opciones. Si seleccionas color, puedes ver que son objetos. El color se ha cambiado perfectamente. Está bien. Y es fantástico porque a veces tú como diseñador U I, necesito tener diferentes versiones fuera de un producto específico, pero no está disponible en Internet para que puedas crear las tuyas propias. Ahora suponga que desea cambiar su color a otra cosa y desea ver cómo cientos de opciones en lugar de elegir cada color uno por uno. Tengo una buena solución para ti. Si vas a ajustes, puedes ver que tenemos diferentes opciones. Está bien. No obstante, si puedes, podemos matizar la saturación. Puedes cambiar el tono fácilmente y como puedes ver, el color apagado, nuestro zapato está cambiando al instante. Es increíble, ¿no? Y para guardar tus archivos, simplemente puedes presionar comando shift y s. y luego aquí puedes establecer el nombre, por ejemplo zapato. Entonces puedes elegir el formato específico que necesites aquí. Tenemos un montón de formatos. No obstante, cuando quieras usar esta imagen sin fondo, debes elegir PNG. Está bien. Gracias. Se puede ahorrar. Está bien. Y ya está hecho. Ahora podemos importar archivo PNG de tesis a tu proyecto de boceto. Muy bien, chicos, Muchas gracias por ver este video. Espero que lo hayan disfrutado. Y te veo en el siguiente video. 97. Proyecto 2: aplicación de financiación: Hola a todos, todos, bienvenidos de nuevo a otra sección de las anotaciones en esta sección. Vamos a diseñar una aplicación de finanzas moderna desde cero juntos. Entonces esto es lo que vamos a diseñar. Necesitamos diseñar 24 pantallas diferentes juntas. Como puedes ver, comenzamos con pantalla de lanzamiento, luego bien diseñado una página de bienvenida y también página de firma. Como puedes ver aquí, la página de inscripción también Y después de Dante diseñará la página de Verificación OTP. Como puedes ver aquí tenemos tres páginas diferentes para eso. En la primera página se está olvidando el número. La segunda página es cuando el usuario está ingresando a la OTP, y la tercera página es cuando la parte inferior está activa. Y después de eso diseñaremos el perfil y también la forma completada de nuestro perfil aquí como un engaño. Y entonces crearíamos nuestra página principal con estos gráficos por ahí. Y después de eso, tenemos aquí nuestro menú de hamburguesas con cinco secciones de menú diferentes. Y luego nos dirigiremos a nuestra página de tarjetas y diseñaremos dos autos diferentes aquí el principal y el segundo todos aquí. Y además diseñaremos algunas transacciones como estas, como puedes ver. Y entonces aquí tenemos la página de transacciones bien diseñada para diferentes pantallas para nuestra transacción. Como puedes ver, aquí tenemos un auto que el usuario puede buscar y encontrar la transacción específica. Y cuando estas tarjetas bajen, tendremos esta pantalla, que nos muestra el detalle de nuestros gastos. Y entonces aquí tenemos la pantalla de transferencia va a crear estos números pat juntos y todos estos elementos. Y después de eso, tenemos la página de confirmación, como puedes ver y luego la página de notificación. También aquí tenemos al menos de notificaciones con diferentes fotos con diferentes nombres. Aquí. El usuario puede buscar entre estas notificaciones, y también tenemos el perfil aquí con estos sentimientos fiscales y hermosos colores. Y por último pero no menos importante, diseñarás tres diferentes en páginas de embarque para nuestro laboratorio. Como puedes ver, es bastante bonito. Estoy tan emocionado de empezar a diseñar este proyecto juntos. Para poder iniciar este proyecto, es necesario descargar los activos que ya preparé para ti, y puedes obtenerlo del recurso es sección de la conferencia Activos. Muchas gracias por ver este video. Recibo la siguiente serie de videos 98. Pantalla de lanzamiento: Hola a todos. Bienvenido de nuevo a otro video del discurso en estos videos. Vamos a iniciar juntos el proceso de diseño fuera de nuestra aplicación de finanzas. La primera página que vamos a diseñar es la pantalla de lanzamiento. Está bien. Entonces sin para que lo haga, empecemos con agregar un tablero de arte a tu necesitamos un iPhone X s genial. Lo que voy a hacer es tan sencillo. Voy a poner juntos el logo del dinero que diseñamos en la sección local porque el nombre de esta app va a ser dinero. Eso es interesante. Entonces sigamos adelante y traerlo aquí. Cuando abres el culo, está bien. Podrás encontrar tres diferentes iconos de Fuller's aquí, ilustraciones y logo. Entonces aquí, voy a abrir el logo y tenemos éste el logo colorido. Genial. Es 96 por 77. Eso es fantástico. Permítanme alinearlo al centro tanto resentido como verticalmente. Y voy a cambiar el nombre de nuestra obra de arte a pantalla de lanzamiento. Perfecto. Está bien, ya terminamos. Acabamos de crear nuestra pantalla de lanzamiento. ¿ Recuerdas? Cuando estés diseñando la pantalla de lanzamiento, no pongas tantos elementos en ella, ¿de acuerdo? Tiene que ser simple, claro y atractivo. Aquí tenemos un logotipo muy atractivo y colorido, y también su sencillo porque la APP va a mostrar esta página por solo 1 a 2 segundos al usuario. De acuerdo, entonces no tenemos tanto tiempo para poner tanta información. Tan solo un logo sencillo sería genial, están justo en el siguiente video que vamos a diseñar están firmando página, así que voy a ver eso. 99. Página de inicio de sesión: Hola a todos. Bienvenido de nuevo a otro video fuera de este curso en estos video. Vamos a diseñar juntos la página de fichaje después de una pantalla de lanzamiento. Necesitamos la página de bienvenida aquí, acuerdo, para que los usuarios elijan entre firmar e inscribir fondos. No obstante, primer lugar, voy a diseñar la página de firma, y después de eso volveremos a nuestra página de bienvenida. Entonces vamos a duplicar estas pantalla grande, y voy a quitar nuestro logo porque no necesitamos eso. Y eso ha cambiado su nombre a fichar. Entonces a la derecha en la parte superior. Voy a poner nuestro logo y también a la derecha. Bienvenido de nuevo. Está bien. No obstante, primer lugar, voy a crear algunos círculos simples con el fin de hacer algunos elementos grandiosos y hermosos para poner justo ahí. De acuerdo, así que sigamos adelante e insertemos un jarabe enfermo así, y voy a hacerlo 352 por 352. Eso es en Czech Borders, y luego voy a ponerlo con un gris. No fue perfecto. El primer collar va a ser de 50 a 64 f nueve, y el segundo color es un azul claro, que es de tres a f nueve y e f impresionante. Entonces déjame cambiar la dirección de nuestro Grady int. Hazlo así ahora mismo lo voy a duplicar y poner el segundo círculo justo debajo de nuestro primer círculo. Déjame moverlo a la derecha para poder hacerlo con doble. Y entonces eso ha cambiado la calificación en dos. F 56 y F ocho tienen razón y el segundo color a ver busca 30 y f ocho. De acuerdo, entonces voy a cambiar la dirección de nuestra nota. Ian está aquí así, y después de eso voy a seleccionar este color y disminuir la oferta a cero. Impresionante. Déjame moverlo un poco así, y voy a cambiar la dirección un poco así. Perfecto. Entonces necesitamos otro. Entonces vamos a duplicarlo y ponerlo justo debajo de nuestro segundo círculo o a la derecha. Y necesitamos cambiar el int Grady una vez más para ver siete dos F y F ocho y el otro color va a ser el mismo bastante bueno. Necesito cambiar la dirección de nuestro Grady int a algo como esto y vamos a moverlo un poco y estos dos también. Tenemos que cambiar sus vacaciones para obtener los mejores resultados posibles. Por lo que puede llevar algún tiempo. Déjame subir un poco el tercer círculo. También, este año, elijamos el primer círculo y cambiemos su posición a menos 74. Y es por eso, a menos 84. Es genial en el 2do 1 a menos 43 menos 56 y el último a Todo ahora mismo lo voy a girar en menos 45 grados. Entonces escuchemos bien menos 45. Y entonces cambiemos su X dos menos 85 se va a menos 179. Tal vez te estés preguntando cómo podría conseguir esos números extraños. De hecho, lleva tiempo conseguir la mejor ubicación posible. Entonces con el fin de ahorrar su tiempo, cambio tantas veces sus vacaciones para conseguir esos números. Por lo que tú, para convertirte en un gran diseñador, necesitas tener paciencia para obtener los mejores resultados. Entonces así es como conseguí esos números, acuerdo? Y luego voy a seguir adelante y traer aquí nuestro logo blanco. Como pueden ver, exporté un Pdf encontrar aquí. Vamos a traerlo Terror. Ahí vamos. Se trata de una versión puntual de nuestro logo o derecho. Se queda. Patting va a ser 52 y es parada rumbo va a ser 64. Entonces necesitamos un texto aquí. Eso es correcto. Bienvenido de nuevo. Nos gustaría fonds de Monserrat. El peso va a ser regular, y también el tamaño de la fuente va a ser de 28 puntos. Perfecto. Y ahora disminuyamos el con a 136. ¡ Impresionante! Y alinémoslo con nuestro logo Perfect, y su acolchado superior va a ser 16 celdas de pick como esta. Entonces podemos agruparlos. Y aquí, ¿no podemos logo? Impresionante para el espacio. No necesitamos ninguna barra de estado, sin embargo. Necesitamos el indicador de inicio, así que sigamos adelante e insertemos su manzana. Emite yo barras indicador de casa iPhones y aquí luz retrato, Vamos a ponerlo aquí, la línea lo o resentir temprano y alinearlo al fondo bastante bueno. Lo siguiente que necesitamos es un título, así que voy a seguir adelante y añadir título de firma aquí firmando. Hagámoslo Gris oscuro con el código tres un tres a y tres a y lo voy a hacer audaz y van a ser los mismos 28 puntos. Bastante impresionante. Ahora el relleno izquierdo va a ser de 30. Genial. Voy a agrupar nuestros círculos. Así es, formas bastante buenas. Y nuestra mejor palmadita para este título de fichaje va a ser 16 así. Entonces necesitamos gravar se siente como el instagram de eso. Rediseñamos. Si lo deseas, puedes seguir adelante y copiarlo y pegarlo aquí para ahorrar tiempo. O podría usar ese proyecto como biblioteca para utilizar los mismos elementos que usamos su. No obstante, lo voy a crear justo abajo porque no se necesita tanto brillo. Entonces lo que necesito es un título que sea la dirección de correo electrónico correcta y cambiar el fondo a SF pro text y luego disminuir el tamaño de la fuente a 14 puntos y también cambiar el color de los impuestos a ser nueve B nueve y B nueve, y va a ser regular bonita impresionante. Ponlo aquí con el relleno de 30 píxeles izquierdo y luego lo voy a duplicar. Y aquí vamos a escribir la dirección de correo electrónico. Eso es correcto. Diseño. Ese es un medio de comunicación que van y cambian el color al mismo gris oscuro que usamos para nuestro título de firma. Impresionante. Y por último, necesitamos crear nuestras tomas. No es así voy a insertar una línea aquí así. Van a ser 345 y aquí tenemos 315 y alineamos al centro. Entonces aquí nos dieron 30 a la derecha. 32. El izquierdo. Esto es exactamente lo que necesitamos. Y luego cambiemos el color a 27 43 f de. Este es nuestro collar primario para este proyecto. El encabezamiento superior para nuestros Symantec va a ser de 16 píxeles, como tenemos aquí. Y también el relleno inferior va a ser de ocho. Entonces hagámoslo ocho impresionante. Y entonces eso es grupo lo correcto? Dirección de correo electrónico y duplicado porque necesitamos la contraseña toma sentir también con un relleno de 24 píxeles, y voy a cambiar estos título para pasar y este cemento a algunos círculos negros, reteniendo la tecla de opción y presionando ocho número perfecto. Ahora permítanme cambiar el nombre de nuestro grupo aquí por contraseña. Entonces, ¿qué más necesitamos? Tu derecho. Necesitamos diferentes iconos aquí. Necesitamos un icono de teca y también un icono de ojo para estos pasados para campo fiscal. Entonces abramos nuestros iconos, Fuller. Aquí tenemos la teca, y aquí tenemos el yo bastante bueno que la ponemos aquí. Y este de aquí, voy a poner el icono de tick Teoh nuestra carpeta de direcciones de correo electrónico y luego alinémoslo. Van a ser 16 al fondo y 16 a la derecha. Y para estos yo tanto tiempo, déjame ponerlo en el pasado primero Fuller 16 al fondo y 16 a la derecha. Bastante bien. Y el color de este icono de tick va a ser CB tres e f nueve. Es nuestro color secundario, ¿verdad? Entonces ahora vamos en un ambos se siente fiscal y los agruparé y voy a nombrarlo. Toma sentir. ¿ Qué más necesitamos aquí? Voy a añadir un enlace de contraseña olvidada. Entonces vamos a escribir para Dios contraseña un signo de interrogación y cambiar su color para que sea 47 y F c, que es nuestro color primario, ya que usamos para estos textos se siente las líneas impresionantes. Es fondo va a ser un profesional seguro, redondeado y también ligero, y su tamaño va a ser de 16 puntos. Vamos a sacudir el relleno. Deberían ser 30 a la izquierda y 24 a la parte superior así. Muy bien, Lo único que tenemos que hacer es agregar aquí un botón de firma. Por lo que ahora necesitamos insertar a su alrededor. Déjame cambiar el con 2 315 y alto a 72 luego en Jake Borders y cambió el radio. Tiempo a rincones pequeños y aumentando a 28 así, me voy a alinear en el centro. Bastante impresionante. Entonces tenemos que sumar un gran en ella. Entonces usemos los colores. El 1er 1 va a ser 49 60 y f nueve, y el 2do 1 va a ser 14 33 y f f genial. Permítanme cambiar la dirección de nuestro Grady int aquí y también aquí así. Impresionante. Entonces agreguemos algunas sombras. Voy a elegir el mismo azul aquí y disminuir su todo por 2 20 y cambié el Y 28 y el Desenfoque a 15. Eso es bastante genial. Entonces necesitamos agregar un texto que ella está firmando. Déjame cambiar el color y cambié el fondo a Mont Sarah lo. Y luego voy a cambiar el tamaño de la fuente a 20 puntos, y también va a ser irregular. Eso puede alinearlo al centro verticalmente bastante bueno. Como puedes ver, tenemos 24 píxeles en la parte superior y 24 píxeles en la parte inferior, y también necesitamos tener 24 picos a la izquierda. ¿ Qué más necesitamos? Tu derecho. Necesitamos una flecha derecha para poner su derecha por ahí. Entonces vamos a traerlo aquí, flecha derecha arrastra y suelta. Pero está justo por ahí, y entonces eso es alinearlo verticalmente. Genial. Tenemos 24 píxeles en la parte superior y 24 píxeles en la parte inferior y también a la derecha. De hecho, es genial en este momento, sin embargo, voy a añadir algunos detalles a nuestro fondo para que sea único y sorprendente. Entonces lo que voy a hacer es agregar círculo orden correcto y vamos en Czech Borders y que sea 144 por 144 píxeles. Genial. Y luego eso. Seleccione el círculo manteniendo presionada la tecla de comando y haciendo clic en eso. Y aquí en nuestra capa, menos podemos hacer click derecho en, Haga clic en copiar Stein. De acuerdo, entonces usemos el círculo y otra vez, derecho Haga clic y pegue I. Eso es genial. Después de eso, voy a rotar 90 grados así y ponerlo bien estaban ahí. Entonces elegamos nuestro rectángulo y pateemos una máscara. Bastante impresionante. Eso puede moverlo un poco. Voy a cambiar la dirección de estos Grady ins como este Awesome, y déjame duplicarlo y ponerlo justo por ahí. Y una vez más, eso es elegir el primer círculo y copiar el estilo porque vas a usar el mismo grado Ian's aquí y pegarlo para nuestro segundo jarabe enfermo. Y voy a cambiar la dirección así y pongamos esta capa debajo de nuestro círculo morado Bastante impresionante. Voy a moverlo un poco, y también este. Creo que es genial. ¿ Se puede ver lo bonito que es facilidad? Simplemente agregamos formas simples. Podríamos hacer que se vea mucho, mucho mejor que agrupemos todos nuestros elementos y lo llamemos firmando fondo. Es relleno de fondo va a ser 64 como este en Eso es todo lo que creó con éxito firmando la página están bien. Espero que disfruten de este video. En el siguiente video, seguiremos creando nuestras páginas de firma y también la página de bienvenida. Entonces nos vemos. 100. Registrarse y registrar la página Parte 2: Hola a todos. Bienvenido de nuevo a otro video fuera de esta sección en estos video que vamos a diseñar son página de bienvenida las otras páginas de firma y también nuestra firma una página así sin, para yo sí vamos a empezar. En primer lugar, voy a mover estas ilustraciones al lado derecho y vamos a duplicarla y dejarme traerla aquí. Impresionante. Y luego voy a cambiar su nombre para dar la bienvenida a Great. Quitemos estos elementos porque no los necesitamos. Perfecto. Y luego voy a seleccionar nuestro grupo Spiles. Y vamos a asustar a Lee al 970 bastante bien, y luego lo voy a girar 28 grados. Eso es impresionante. Lo último que tenemos que hacer es cambiar su posición. Pongamos los huevos a menos 595 y a y tu menos 581. Eso es genial. Entonces, ¿qué más necesitamos? Necesitamos otro botón aquí para nuestro signo una página y déjame subirla un poco y lo voy a duplicar y ponerla justo por ahí. Va a tener un relleno de 16 picos L bastante impresionante y voy a cambiar las carpetas. Nombre para inscribirse, botón. Ups. Tenemos que cambiar estas carpetas. ¿ Y la de Emma? Bueno, escribí letrero abajo. Necesito cambiarlo a fichar. Genial. Y para estos botones, voy a revisar campos y también sombras. Y vamos a revisar fronteras. Recuerda, cuando estás poniendo dos botones diferentes como estos firma y signo de botones que tenemos aquí, debes usar dos tipos diferentes de botones. Por ejemplo, aquí, vamos a tener en un botón de contorno para nuestro signo un botón, está bien. Y quitemos estos círculos porque no los necesitamos. Y voy a cambiar el color de nuestro dedo del pie del borde, nuestro color primario, que es 27 43 F d. Déjame copiar estos código hex porque lo necesito, y voy a cambiar estos techs para apuntarme. Permítanme cambiar su color a nuestro color primario también. Y además, voy a cambiar el color de nuestra flecha por el mismo color primario. Fantástico. Y vamos como ambos fondos y moverlos hacia arriba porque necesitamos tener un relleno de 64 abajo. Al igual que lo que teníamos aquí. Es 64. Perfecto. Esta va a ser nuestra página de bienvenida. Muy bien, necesitamos una página más de firma aquí, Así que déjame duplicarla. Y esta vez voy a revelar estas contraseñas. De acuerdo, Así que voy a cambiar estos tableros de arte. Nombre para firmar contraseña. Genial. Y cambiemos estas contraseñas a algo como tú, yo a cualquier 20. Y también necesitamos cambiar estos ícono. Entonces vamos a traer nuestra nueva puedo escuchar mis latas y necesitamos buscar que me escondiera. Ahí vamos. Lo voy a poner justo ahí y vamos a quitar el ícono anterior y ese asiento. Esta pantalla también está lista. Ahora vamos a diseñar dos signos de páginas diferentes. De acuerdo, así que déjame duplicar esta página de firma, acuerdo? Y voy a cambiar de nombre para inscribirme. Impresionante. Y sigamos adelante y cambiemos su título para inscribirnos también. Y también este botón necesitas cambiarlo para registrarte y recuerda cambiar el nombre de Fullers aquí para inscribirte botón. Bastante bien. Esta página también está lista, y la última página va a ser otro signo de página. No obstante, esta vez vas a cambiar el estado de este campo fiscal. De acuerdo, eso cambió el nombre de los puertos de arte para apuntarse. Correo electrónico de remo de Dash. Está bien, déjame hacer zoom. Significa Así aquí. Voy a modificar esta dirección de correo electrónico a algo así. ¿ De acuerdo? Definitivamente. Es la dirección equivocada. Y lo que vamos a hacer es cambiar el color de la dirección de correo electrónico del título y también nuestra línea de campos de texto a color rojo. De acuerdo, entonces elegamos nuestro título. Y te voy a cambiar a f d 27 27. Genial. Y también seleccionar thes texto se siente nueve y cambiar el erudito fronterizo a F D 27 27. Lo último que necesitamos es un texto informativo aquí. De acuerdo, así que déjame agregar tomas aquí y a la derecha, la dirección de correo electrónico está incompleta. Impresionante. Voy a cambiar su camino a la luz y también su tamaño a un 13. Bastante bien. Eso puede alinearlo a la izquierda, y lo voy a poner dentro de nuestra dirección de correo, Fuller, que está aquí, y entonces podemos alinearnos perfectamente. Va a tener un relleno de un pixel top. Impresionante. Y vamos a elegir estos campo de texto en. También se olvidó el pasado para el texto y se mueve hacia abajo. Obtendrás un 24 picks. L top agregando, así Ahora todo está bien. Si lo deseas, puedes seguir adelante y diseñar diferentes estados fuera de cualquier sensación fiscal. No obstante, por el bien de estos curso, sólo vamos a diseñar dos estados diferentes, acuerdo? Y necesitamos una pantalla más aquí, que es el estado de mecanografía. De acuerdo, entonces déjame duplicar thes firmar una página. Genial. Y voy a cambiar el nombre de nuestros puertos para inscribirme escribiendo. Entonces lo que necesitamos es un teclado. Entonces sigamos adelante e insertemos una manzana yo usu. Sistema teclados iPhone, y voy a usar la luz. Y aquí, alfabético, lo voy a poner justo ahí. Bastante cool. Entonces ahora elegimos estos elementos son signo de título y también nuestros campos de texto y moverlos hacia arriba así. Nuestro top escondite es 299. Voy a hacer que 300 así, y también necesitamos añadir un marcador de entrada de texto. De acuerdo, entonces lo que necesitamos es simplemente agregar una línea como esta. Voy a cambiarlo a 19 y también su borde con a 1.5 y su color al mismo morado aquí. Y déjame bajarlo así, y lo voy a poner dentro de nuestro pasado por textiles. Fuller. Ahí vamos. Al igual que esto Bastante bien. voy a cambiar algo. Elegiremos estos textiles y movelos hacia arriba hasta que consigamos un top de 24 píxeles agregando. Genial. Y ahora elegamos tanto nuestros campos de texto como nuestro título y moverlos hacia abajo hasta que consigamos un 311 top escondido así. Creo que es genial. También podemos previsualizar Come esto. Todo está bien para diseñar con éxito nuestras páginas de firma y registro y también nuestra página de bienvenida. Por lo que en el siguiente video, diseñaremos nuestras páginas de verificación OTP. No puedo esperar a verte ahí. Entonces nos vemos que 101. Verificación de OTP: Hola a todos. Bienvenido de nuevo a otro video de estos cursos en este video. Vamos a diseñar juntas nuestras páginas de verificación OTP. Entonces, sin más preámbulos, empecemos. Lo primero Spurs, necesitamos una nueva obra de arte. Entonces déjame seguir adelante y duplicar esta página de bienvenida aquí, y la voy a poner justo donde están para mantener nuestras cámaras organizadas así. Y necesitamos quitar estas formas y también este logotipo y también nuestro botón de registro. Voy a insertar el estatus muy a la derecha en la parte superior. Ahí vamos, y lo voy a alinear hasta la parte superior y déjame poner esta canción en botón aquí. Tenemos que cambiarlo más adelante. Entonces, ¿para qué sirve la verificación OTP? OTP significa contraseña de una sola vez. De acuerdo, entonces necesitamos obtener el número de usuarios, y luego deberíamos enviar un código de pase, por ejemplo, una contraseña de cuatro dígitos, y luego la APP necesita confirmarlo. Entonces vamos a diseñar tres páginas diferentes para eso. Primeras cosas tarifas. Déjame seguir adelante y cambiar. Estos son puertos nombre a OTP. Genial. Y luego voy a poner una ilustración justo ahí. Entonces abrimos la carpeta de ilustraciones desde nuestro archivo de activos. Ahí vamos. Aquí tenemos OTP. Perfecto. Descargué esta ilustración de la página web de Andhra. Como mencioné antes, puedes conseguirlo de forma gratuita. Entonces alinémoslo horizontalmente y pare. Pelear va a ser tú 100 así y voy a seguir adelante y copiar y pegar este título aquí porque necesitamos los mismos fondos en el mismo color y una línea en el centro y también aquí. Entonces el cambio, el tamaño de fuente a 24 puntos y la verificación OTP derecha Bastante bueno. Va a tener un relleno de 60 píxeles como este y déjame duplicarlo y cambiarlo. Es divertido de tamaño a 16 puntos y también de toro a regular y la línea alta a 24. Entonces vamos a la derecha. Te enviaremos al mismo tiempo contraseña a este número de móvil. ¿ Todo bien? Y luego voy a disminuir el con 2 310 y una línea al centro Perfecta. Y va a tener un pico 24 de venta top peleando así. Entonces necesitamos tener aquí un campo de texto y también un título. Entonces terminemos bien su número más bilis, y voy a cambiar el fondo a texto SF Pro y también su tamaño a 14 puntos y el color a un gris claro. Eso es correcto. B nueve b nueve y siendo nueve bastante bueno alineándose al centro y necesitamos aquí el campo fiscal . Entonces voy a elegir el mismo campo toma que creamos para nuestra página de firma. Déjame seleccionar eso y copiarlo y pegarlo aquí. Y luego te voy a hacer 233 y está alineando al centro y bajarlo. También necesitamos un número aquí, así que vamos a duplicarlo. Y aquí puedes escribir cualquier número. Entonces vamos a la derecha. Más 49. +111222333 Vale, Y hagámoslo audaz y cambié un collar el mismo gris oscuro aquí. Y también necesitamos aumentar el tamaño del fondo a 18 puntos una línea al centro. Va a tener 24 pixel top peleando, así que hazlo 24 bastante impresionante. Y vamos a seleccionar todos estos elementos. Agruparlos a la derecha, más número de bilis. Y ahora es el momento de crear aquí nuestro nuevo fondo. De acuerdo, voy a hacer algunos cambios para que sea único. Primero en primera, voy a quitar estos ícono y seleccionar estos textos y nuestro rec tango y alineando al centro Perfecto. Entonces vamos a la derecha. Consigue OTP bastante bien. Una vez más alinearlo. Y por último pero no menos importante, vamos a cambiar la posición de estas formas. OK, voy a seleccionar este azul y ponerlo justo donde Ahí eso se está moviendo hacia abajo. Voy a rotarlo así. Perfecto. Y vamos a seleccionar el 2do 1 y ponerlo aquí y vamos a rotarlo también a la derecha para conseguir algo como esto. Eso es bastante impresionante, ¿no? Y voy a cambiar el nombre de Fullers para conseguir OTP. Barton, Déjame mover un poco este azul a la izquierda y este morado cada poquito sea abajo y a la izquierda. Ahora es genial. Ahora es el momento de revisar el relleno fuera de este spot. Necesita tener un relleno inferior de 64 píxeles, así que hagámoslo 64. Y ahora todo está hecho. Está bien, Ahora es el momento de crear nuestra segunda página aquí, Así que déjame duplicar aquí y lo voy a llamar verificación OTP. Entonces eso también cambió estos impuestos. Entra a la arena OTP también. Este número. Está bien, así es. Más 49 +111 222 y 333 Luego selecciona este número y hazlo en negrita. Perfecto. Y necesitamos quitar estos elementos thes entrar mi título de maderera y también este número. No obstante, necesitamos mantener esta línea. Entonces vamos a seleccionarlo y hacerlo para los ocho así y crear texto. Por ejemplar. Escribamos siete y cambiemos el fondo a SF pro text y aumentemos el tamaño a 24 puntos. Impresionante que seleccionan ambos elementos y los alinean. Va a tener un pico de venta sobre impactar así. Agrupémoslos y aquí necesitamos escribir campo de texto. Entonces eso se duplica tres veces. Vamos a añadir un relleno de 24 píxeles entre ellos. De acuerdo, Como este Perfecto. Voy a agruparlos, alinearlo al centro y se siente texto derecho o TP. Entonces eso ha cambiado estos números. Voy a cambiar el 2do 123 y también vamos a quitar estos dos porque vamos a desactivar Thies a gravar se siente bien como si el usuario estuviera escribiendo. Entonces voy a cambiar estos colores de frontera para ser nueve B nueve y B nueve Bastante impresionante, y voy a moverlo hacia arriba. Vamos a tener 58 Peak, vendemos relleno top y tengamos un impuesto aquí. Vamos a la derecha, No recibió la OTP reenviar OTP. Muy bien, voy a cambiar el tamaño de la fuente a 14 puntos y también una línea al centro y luego que seleccione la primera parte de esta frase y cambie el color para ser nueve benignos, benignos y seleccionar la segunda parte, que es reenviar OTP y cambiarte a nuestro color primario, que es 27 43 F d Eso es fantástico. Entonces vamos a subirlo. Va a tener un top de 40 píxeles, agregando, así y por último pero no menos importante, vamos a cambiar a los espartanos. Eso es cambiar dos. Muy bien. No obstante, Como puedes ver, el usuario no completó estos tanques, se siente bien, por lo que este botón se va a desactivar. ¿ Cómo podemos hacer eso? Vamos a seleccionar nuestra máscara aquí en eso está duplicada, luego películas directamente a la cima así, necesitamos cambiar el int Grady para sentir y vamos a hacerlo blanco y disminuir la capacidad a un 40% bastante impresionante. Y además, elijamos nuestros donde encontrar tanques y disminuimos la opacidad al 50% bastante grande, ¿ verdad? ¿ Se puede ver la diferencia aquí? Muy bien, estas páginas hechas también. Necesitamos una página más. Entonces vamos a duplicarlo y voy a completar estos sentimientos de Impuestos. Entonces déjame duplicar este número. Ponlo justo ahí y alinearlo al centro. Y lo voy a poner en su propia carpeta. Vamos a cambiarlo a cero Awesome. Y también una vez más duplicado. Ponlo aquí, alinearlo y pongámoslo en su propio fuller también y cambiarlo a dos. Ahora necesitamos cambiar el color de nuestras líneas. De acuerdo al mismo color primario como este. Y por último pero no menos importante, emitió agua activadora. Lo que tenemos que hacer es quitar esta capa adicional como esta y también aumentar la capacidad de nuestro texto al 100%. Eso es fantástico. Y déjame cambiar el nombre de nuestros puertos a OTP Verify. Muy bien chicos, eso es todo por este video. Espero que lo hayas disfrutado y te veo en el siguiente video 102. Perfil: Hola a todos. Espero que lo estés haciendo bien en estos videos. Vamos a diseñar dos pantallas diferentes. El primer pantalla es nuestro perfil, y el 2do 1 es nuestra página de perfil completada. Entonces no escuchamos que sí. Empecemos. En primer lugar, necesitamos duplicar este tablero de arte, y voy a cambiar su nombre a perfil. Impresionante. Entonces necesitamos quitar casi todos los elementos aquí porque no los necesitamos. No obstante, voy a mantener este botón ahí mismo. Entonces voy a seguir adelante e insertar el tango erecto como nuestro fondo así. Perfecto. Entonces eso es en Czech Borders, y lo voy a sentir. Teníamos un gran no. El primer color va a ser 49 60 y f nueve, y el segundo color va a ser 1937 f e impresionante. Y déjame cambiar un poco la dirección. Voy a hacerlo así. Perfecto. Entonces hagamos blanco nuestra barra de estado y también nuestro indicador de inicio. Entonces lo voy a cambiar a éste y también aquí. Perfecto. ¿ Qué más necesitamos? En primer lugar, necesitamos una flecha izquierda para nuestros propósitos de navegación. Entonces vamos a traerlo aquí desde nuestros iconos de archivos de activos. Y aquí nos queda Arrow Dragon Suéltalo. Bastante tratando de ordenar. Al igual que miso significa Va a tener un relleno izquierdo de 30 píxeles y también un top 68 agregando, como este Perfect. Entonces necesitamos un marcador de posición de imagen aquí. De acuerdo, así que insertemos alrededor de todo el turno y haga clic y arrastre. Impresionante. Va a ser de 100 por 100 píxeles y cambiar el radio Tiempo para fumar esquinas y también cambió la cantidad a 36 luego en Czech Borders y hacerlo blanco. Perfecto. Ahora es el momento de alinearte al centro para es enteramente Entonces lo voy a duplicar y poner nuestra nueva capa justo debajo de nuestra primera capa así. Y te voy a cambiar a azul porque tenemos que cambiar el color a azul también. Y el color va a ser 40 c e f. dos. Impresionante. Entonces vamos a rotarlo. Y aquí, vamos a escribir 38 grados bastante bien en. Ahora elegamos al Asesino el azul y cambiemos su tamaño a 104 y alineándonos al centro así y una vez en contra elijamos nuestro rectángulo blanco y duplicado y pongamos este rectángulo por debajo son azules uno y cambiamos su color para ser cinco para duplicar F y ocho y luego vamos a rotarlo 30 grados, y voy a cambiar su tamaño a 106 celdas grandes por 106. Entonces alinémoslos al centro. Tanto vertical como horizontalmente tienen razón. Y ahora elegamos este azul y voy a rotarlo un poco a la derecha así . 57 grados estaría bien. Entonces, ¿qué más necesitamos? Necesitamos un ícono de cámara justo por ahí, así que vamos a traerlo aquí. Aquí tenemos cámara. Lo voy a arrastrar y soltar aquí y es lugar. Está justo por ahí, y lo voy a alinear con el centro tanto recientemente como verticalmente. Perfecto. Entonces vamos a agruparlos y voy a nombrarlo. Imagen de Perfil. ¡ Impresionante! Y deja de sumar, va a ser 84 al borde de nuestra pantalla así. Bastante bien. Entonces es hora de sumar aquí nuestros sellos fiscales. OK, necesitamos agregar nombre de usuario, nombre, apellido y fecha de nacimiento toma campo así que Vamos a usar los tanques siente que creamos para nuestra página de registro. Voy a usar este. Puedes copiar y pegar lo que quieras. Pongámoslo aquí. Perfecto. Muy bien, Ahora déjame subirlo así, y voy a cambiar el primer título a nombre de usuario Y esto Gracias también a tu nombre de usuario . Perfecto. Las líneas van a ser blancas, así que déjame hacerlas blancas. Perfecto. No necesitas este ícono, obviamente. Y déjame ocultar este icono de tick. Voy a cambiar el segundo título de los campos de texto a nombre. Y aquí tienes nombre. Entonces necesitamos duplicar estos campos fiscales. Y aquí voy a escribir apellido. Y aquí necesitamos escribir tu apellido. Y la última va a ser la fecha de nacimiento. Entonces eso es correcto. Fecha fuera de nacimiento. Y aquí voy a escribir tu cumpleaños. Y aquí voy a escribir D D. Que es día Mm. ¿ Qué son las mamás Y por qué? ¿ Por qué ? ¿Por qué? ¿ Cuál es el año perfecto? Entonces seleccionemos tanques viejos. Puedes mantener pulsada la tecla de comando y turno y elegirlos y cambiaron su color a una T E. cero doble f. Fantástico. Voy a cambiar el nombre de nuestro Fuller aquí. El 1er 1 va a ser nombre de usuario. El 2do 1 va a ser primero el apellido y el cumpleaños. Impresionante. Es encabezamiento superior va a ser 44. Ahí vamos. Y entonces lo último que tenemos que hacer es cambiar este manchado. Entonces las tarifas de lo primero. Voy a elegir un rectángulo y hacerlo blanco. Y aquí derecho, completo. Y cambiemos el color a un gris claro como C ocho c octavo y veamos ocho. Y no necesitamos estos círculos. Eso es quitarlos están bien. ¿ Qué más necesitamos? Tu derecho. Necesitamos un icono de teca aquí, así que vamos a traerlo aquí. Voy a seguir adelante y copiarlo y pegarlo. Entonces cambiemos su posición. Va a tener un relleno de ocho píxeles a la izquierda, y voy a hacerlo más grande. Entonces vamos a cambiar el con 2 22 perfecto y alinearlo verticalmente, así que necesitamos conseguir 28 al top 28 al inferior y ocho canciones de pico a las noches de izquierda. Hora de cambiar el color aquí. Así es, C ocho c ocho y ver ocho. Bastante bien. Entonces necesitamos agrupar icono ártico con nuestro texto y elegir nuestro rectángulo y alinear, comer o es completamente fantástico. Ahora sigamos adelante y duplicemos. Estos no son bordo de un nombre que perfiló, terminado. Impresionante. Entonces eliminemos el icono de la cámara y seleccionemos nuestra imagen de perfil colocar holer, datos anglicanos, boceto de datos rostros. Actualicemos los datos para obtener lo mejor para lo posible. Creo que es genial. Y luego voy a seleccionar la forma azul y morada que creamos y sacarlos de estos más llenos así y ponerlos justo sobre nuestro rectángulo de ejecución bancaria. Y vamos a matarlos a 438 así, y los voy a poner aquí. Si hago doble clic en este azul y rondando mi boca sobre este camino, puedo ver que aparece un punto pinchando aquí. Puedo moverlo así. Yo también puedo cambiar el radio, así que pongámoslo aquí. Voy a cambiarlo para conseguir la mejor forma posible. Perfecto. Ahora es el momento de cambiar nuestra forma morada. Es doble clic en eso y haga clic aquí. Haga clic en este camino para insertar un punto y moverlo un poco así y cambió un radio. Bastante impresionante. Y por último, movámoslo aquí, giró un poco en Vamos a escalarlo a 445. Eso es fantástico. Entonces necesitamos agregar nuestros datos aquí. Entonces usemos el nombre de usuario de la derecha Emma en su línea, Ashley, y que sea blanco y recordemos presentar aquí un ícono de tic. De acuerdo, entonces cambiemos el nombre a Emma en. Hazlo Blanco también. Y aquí, el apellido a realmente Perfect y el Cumpleaños al 20-12 Dash 1990. Hazlo blanco también, y eso es duplicar estos ícono de tic. Tampoco tenerlo en cada campo fiscal. Lo voy a poner en su propio fuller y aquí también. Teníamos un píxel de 16 sobre impactar, y ese es uno para nuestra fecha de nacimiento. Bonita respuesta. Ahora es el momento de activar nuestro podrido. Entonces elijamos estos textos y cambiemos el color para que sea 47 FC. Ella es nuestro color primario. Y para que el palo icona lento sea 47 f c. Todo bien. Ya casi terminamos. No obstante, voy a añadir algunas sombras a nuestra foto. Entonces vamos a seleccionar ese rectángulo y a sombras y disminuir el en granja a 20 y el vino a ocho y Blair a 22. Bastante impresionante. Y recuerda cambiar el nombre de estas carpetas. Aquí tenemos botón OTP porque duplicamos la palabra R. Entonces eso está cambiando para completar a Botton y aquí también. Fantástico. Muy bien chicos, eso es todo por estos video. Espero que lo hayan disfrutado y reciba un en el siguiente video. 103. Página de inicio: Hola a todos. Bienvenido de nuevo a otro video de thes secciones en este video. Vamos a diseñar juntos nuestra página principal. Entonces, sin más preámbulos, empecemos. En primer lugar, voy a insertar un nuevo tablero de arte. Ahí nos doramos se muevan aquí. Entonces necesitamos la barra de estado. Voy a copiarlo y pegarlo. Voy a dejarlo como una burla. Es blanco porque vamos a agregar un fondo por ahí. Entonces voy a insertar a su alrededor así, y voy a cambiar su alto a 278 y su radio a esquinas lisas para luego aumentar el radio a 66. Perfecto. Después de eso, voy a hacer doble clic en ese primero Let's on Czech Borders y luego selecciona top points perfectos y disminuir el radio a cero. Entonces tendremos una forma como esta. Entonces le voy a añadir una nota. Vamos a tener los mismos INTs Grady que usamos aquí en nuestra página de perfil. Entonces déjame elegir Theis Rectángulo en perfil, página completada y clic derecho. Y eso es copiar estilo y dar click en ángulo indirecto en thes art board click derecho pegar. Yo bastante bien entonces voy a seguir adelante y cambiar los tableros de arte. Efecto de nombre a página principal. Entonces, ¿qué más necesitamos? Necesitamos una imagen de perfil por ahí. Hamburguesa, muchos derechos de icono en la parte superior. Un texto aquí. Vamos a insertar una tarjeta aquí y poner nuestro cargo en eso y justo en la parte inferior. Necesitamos tener un grifo. Son Así que vamos a seguir adelante y el diseño son tap están juntos. ¿ Qué necesitamos? Tenemos que insertar a Eric tango así, y voy a cambiar el máximo a 92 en Czech Borders, luego alinearlo resentosamente y alineándome al fondo. Perfecto. Y después de eso, voy a cambiar su color a querer, no algunas sombras. Voy a disminuir la cantidad de los cinco al 10% y la Blair a 20. Eso es genial. Ahora necesitamos un indicador de casa aquí, así que voy a seguir adelante y traerlo aquí. Vamos a cambiarlo a luz. Eso es genial para este tipo. ¿ Necesitamos tener tres secciones diferentes o, digamos, tres iconos diferentes. El primer icono va a ser una billetera. De acuerdo, que es para la página principal. Entonces vamos a traerlo aquí. Iconos. Y aquí hemos aprovechado para Fuller y tres iconos diferentes sobre sus carteras, perfil y edificación. Entonces, llevémoslos a todos así. Voy a poner la billetera aquí. El perfil aquí y una notificación escribe en el centro. Impresionante, entonces eso Seleccionarlos todos y alinearlos verticalmente. Y el icono de la billetera derecha de los cuarenta va a ser de 90. Y también para estos ícono de notificación va a ser 90 también. Entonces vamos a mover estos ícono de perfil a la izquierda así, luego agruparlos y moverlos hacia arriba. Y vamos a tener un relleno superior de 24 píxeles y alinéelos al centro así. Perfecto. Por lo que para mostrar que estos ícono o esta página está activada, vas a cambiar el color de estos iconos a nuestro color primario así. De acuerdo, entonces porque esta página va a ser nuestra billetera o página principal, tenemos que mantener eso tal como está. No obstante, le voy a agregar algo. Fui insertar un pequeño círculo en las fronteras checas y hacerlo cinco por cinco y cambiar su color a nuestro primario así. Bastante genial y va a tener un ocho pico de venta top rumbo Perfecto. Elegiremos un ícono de billetera y también nuestro círculo y una línea hacia el centro. Impresionante. Entonces lo que voy a hacer es crear algunos símbolos para que activemos o desactivemos son iconos. Fácil. De acuerdo, entonces déjame agrupar este ícono de la billetera con este círculo y voy a escribir, lo quiero. A continuación, crea símbolo. Eso es correcto. Chancs slash cartera slash activo. De acuerdo, entonces vamos a copiar el código de color de este gris oscuro y vamos a la página de símbolos, y voy a duplicar este símbolo así. Entonces quitemos el círculo y cambiemos también el color de nuestra cartera . Son de color gris oscuro. Y por último pero no menos importante, necesitamos cambiar el nombre aquí de activo a activo perfecto, y vamos a hacer lo mismo para los otros dos iconos. Entonces volvamos a nuestros poros. Perfecto. Y aquí si dijera como esta cartera, fácilmente puedo alternar entre activo y lo activo aquí. ¿ Ver? Cómo es que él es fantástico son ahora mismo vamos como la nuestra notificación que puedo y haga clic en crear símbolo y aquí voy a escribir taps slash notificación slash el activo. Entonces vamos a los símbolos. Ahí vamos. Y luego voy a aumentar la altura aquí para conseguir la misma altura que nuestro icono de cartera. Perfecto. Y está duplicado y voy a copiar y pegar e Sirico. Alinémoslo al centro, y es hora de cambiar el color de nuestra forma. Ahí vamos. Y ahora cambiemos los tableros de arte. Nombre demasiado activo. Perfecto. Y aquí podemos alternar fácilmente entre lo grande activo y activo y el último. Vamos a crear otro símbolo. Pestañas barra barra perfil barra barra el activo. Vamos a los símbolos Página. Ahí vamos y luego aumentamos la altura perfecta. Y ahora lo voy a duplicar y copiar y pegar el círculo aquí y alinear en el centro y cambiar el color de estas formas. Y eso es lo menos. Recuerda cambiar el nombre de este símbolo aquí. Tenemos que tener activos, eso es todo. Vamos a comprobarlo. Dos funciona perfectamente. Muy bien, entonces podemos agrupar todos estos elementos y pestaña derecha son, y también podemos crear un símbolo nerd para usar que en nuestros próximos tableros de arte fácilmente aquí podemos escribir Tab son perfectos. Lo siguiente que tenemos que hacer es mover el rectángulo recto al fondo así. Y luego necesitamos traer aquí nuestro icono de menú de hamburguesas. Tenemos menú de hamburguesas arrastrarlo y soltarlo. Impresionante. Pongámoslo aquí. Va a tener un relleno de 30 pizza izquierda y 68 pixel top patty como esta. Y después de eso, necesitamos poner nuestra imagen de perfil ahí mismo. Entonces vamos a seguir adelante y copiarlo y pegarlo de nuestra página de perfil así en una escala bajarla a 50 por 50 píxeles cuando lo pongo justo por ahí. Miso significa Ahora es el momento de insertar un círculo un pequeño círculo aquí y hacerlo de 10 por 10 píxeles . Cambia el color del borde dedo blanco y cambia el campo a 20 c nueve 68 para conseguir este hermoso verde. Y es el indicador de estado con el fin de mostrar si el usuario está en línea o no. De acuerdo, así que va a tener un relleno superior de 42 píxeles y un 38 pixel izquierdo palmaditas. Entonces podemos agruparlos, y aquí, imagen de perfil derecha. Como puedes ver, tenemos un relleno derecho de 30 píxeles, y necesitamos tener un top de ventas de 68 grandes, agregando perfecto. Lo siguiente que necesitamos es un texto. Entonces insertemos uno y escribamos Buenos días, terminen con ella Emma y una coma que se está alineando a la izquierda y que sea blanca. Y voy a cambiar el tamaño de fuente a 24 puntos también. Al igual que esto. Lo siguiente que necesitamos es una tarjeta. Entonces insertemos por aquí así, y lo voy a hacer 315 por 316. Ya lo calculé porque necesitamos ponerle un cargo a eso, que lo hagamos blanco en Czech Borders y añadamos sombras. Cambia tu vino a nueve y Blair a 49 disminuyó el on para 2 10% como este y luego alinearlo resentosamente. Como puedes ver, tenemos 30 píxeles de relleno izquierdo y 30 píxeles de relleno derecho que lo movemos hacia arriba y luego voy a disminuir el radio a 40 para conseguir un hermoso rectángulo. Y es parada. Agregar al borde de la pantalla va a ser 199. De acuerdo, así que hagámoslo 199. Y el relleno entre este texto y este rectángulo va a ser de 16 píxeles como éste. Entonces aquí en esta tarjeta, necesitamos agregar un texto y corregir tu saldo total y cambiamos el color 23 un tres a y tres A. Y cambiamos el tamaño del teléfono a 16 puntos como este y va a tener un 32 picos de venta top agregando y también un 32 picos. L relleno izquierdo como este duplicado y lo hacen negrita y también cambian el tamaño de fuente a 30 puntos. Entonces voy a escribir $8500. Eso ha cambiado el color a dos D 99 doble f bastante bueno. Y la altura de la línea va a ser 37 el encabezamiento superior. Es que sean ocho píxeles así. Impresionante uno. Además, necesitamos poner un gráfico justo en estos espacios en blanco y un icono justo en la parte superior aquí . De acuerdo, entonces vamos a traer nuestro ícono más. Ahí vamos. Cuando lo pongo aquí, déjame tomar el pad ings. Va a tener un 32 picks, ayuda agregando a la derecha y lo voy a alinear, Pete, este texto para conseguir un encabezamiento superior de 32 píxeles también. Ahora es el momento de crear nuestro gráfico. De acuerdo, También podemos usar gráficos pre hechos para nuestro proyecto. No obstante, te voy a mostrar cómo crear un gráfico tú mismo. Voy a crear un gráfico de barras que también tenga un valor negativo. Entonces insertemos a su alrededor así. Y voy por Czech Borders y cambié un con 29 y un máximo a 122 que miso significan doble Haz clic en este tango naufragio y elige estos puntos de fondo y disminuye el radio 20 Perfecto. Entonces necesitamos cambiar el color al 99 doble F. Es el mismo color que usamos para nuestro texto de balance. De acuerdo, entonces voy a duplicarlo, moverlo aquí, clic derecho, transformarse para la vertical y hacerlo más corto y ponerlo aquí. Ahora, ¿qué ha cambiado? Un collar a un cinco F tres y doble f perfecto, y va a tener un relleno izquierdo de cuatro píxeles como este. Entonces vamos a agruparlos. Ese es Collett Colin uno duplicado y colocarlo alimentar un relleno de 16 píxeles una vez más duplicado. Voy a tener cinco columnas por ahora, así. Después selecciona estas columnas altas y disminuye su altura. Perfecto. Y también este Disminuirlo Y éste también para algunos. Genial. Y ahora voy a seleccionar estas columna azul claro y otra vez voltearla verticalmente y ponerla aquí. De acuerdo, eso es disminuir su altura. Y lo voy a duplicar dos veces así. Y ahora necesitamos dormir. Inician columna azul, teoría disminuyeron la altura y la pusieron en la sección negativa, Entonces aumentan la altura de nuestra vida de la barra a 70 celdas de pick. Y lo voy a quitar para ahorrar algo de tiempo y duplicar la última columna y aumentar la altura de esta barra azul oscuro e incrementar esta también. Voy a seleccionar a este pobre y disminuir también su altura. Ahora es el momento de agrupar todas las columnas, y lo voy a llamar gráfico de barras. Perfecto. Después selecciona un tango de naufragio , alinéalo al centro horizontalmente y su relleno inferior va a ser 32 como este. ¿ Se puede ver lo increíble que facilidad? Y ahora es el momento de agrupar nuestros elementos y llamar impresionante a esta tarjeta de balance grupal. Y lo último que necesitamos es otra tarjeta. O bien, digamos algún tipo de fondo para navegar usuario desde billetera, página dos, página de cuentas bancarias. De acuerdo, entonces lo que voy a hacer es duplicar el rectángulo de Theis y moverlo hacia abajo y cambiar el alto a 146 así y cambiar el color a nuestro color primario, que es ser impresionante 47 f y C. Y va a tener un top de 24 píxeles agregando y déjame insertar aquí los tanques. Voy a escribir, chequear sus cuentas bancarias. Voy a cambiarlo a regular y también el tamaño de fuente a 20 puntos y un collar a blanco . Y por último pero no menos importante, voy a disminuir el con 2 150 Eso es bastante impresionante. Ahora lo voy a alinear verticalmente, y va a tener un 32 picos. L dejó relleno como este mientras se debe agregar a estas tarjeta o digamos botón. Voy a seguir adelante y copiar y pegar estas formas aquí así y seleccionar este tango Rick y hacer clic desenmascarar. Entonces vamos a elegir el morado y voy a hacerlo 198 píxeles y ponerlo bien. Orden y el azul también a 198 pixeles y ponlo aquí bastante bien. Y luego necesitamos una flecha pequeña para colocar aquí. ¿ De acuerdo? Entonces vamos a traerlo aquí. Flecha pequeña. Ahí vamos. Y lo voy a alinear verticalmente al centro, y va a tener un relleno derecho de 32 píxeles también. Entonces cambiemos el nombre del grupo a tarjeta de cuentas bancarias. Impresionante. Y ya terminamos. Todo es genial. Por lo que está previsualizado. Como puedes ver, esto diseñó con éxito una página de inicio increíble juntos. Espero que lo hayas disfrutado, y te veo en el siguiente video. 104. menú: Hola a todos. Bienvenido de nuevo a otro video fuera de este curso en este video. Vamos a diseñar la pantalla del menú. De acuerdo, Entonces cuando el usuario hace clic en estos menú de hamburguesas, icono y menú viene del lado izquierdo de la pantalla aquí. De acuerdo, Entonces primero que nada, déjame seguir adelante e insertar un tablero de arte, y voy a cambiar su nombre a menú. Entonces lo que necesitamos es exportar esta página principal. Entonces, vamos a dar click en eso. No obstante, recuerda ocultar esta barra de estado y también este indicador de inicio. Te diré por qué en un minuto. De acuerdo, entonces voy a seleccionar este indicador de inicio, y aquí puedo ponerlo a non are right. Entonces seleccione nuestro no son board hacer exportable. Y aquí, como pueden ver, no tenemos ningún fondo, así que voy a chequear color de ejecución bancaria, incluyendo exportación, y es blanco por valores predeterminados. Entonces voy a cambiar el tamaño 23 x y su tambor dragón. Aquí Pete. Perfecto. Voy a escalarlo hacia abajo y cambiar el con 2 375 que es el con fuera de nuestra pantalla. Y ahora permítanme traer de vuelta nuestra barra de estado y el indicador de casa. Impresionante. Entonces, ¿por qué la página de inicio de la exportación thes? Pero, ¿ven qué está pasando aquí? Cuando el usuario haga clic en este botón de menú, esta página se va a mover al lado derecho así y escuchar que aparecería un menú. Entonces déjame moverme a la derecha, y luego voy a insertar alrededor de él año que es doble clic en eso y elegir estos dos puntos. La esquina superior izquierda y la esquina inferior izquierda. El radio 20 bastante impresionante y cambió el con 2 281 Y el radio Aquí, como podemos ver, tenemos 40 para estos dos puntos. Voy a hacerlo 20 y en Fronteras checas y hacerlo blanco. Perfecto. Entonces voy a mover nuestra imagen hacia la derecha. Ahora es genial. No obstante, es demasiado brillante. OK, entonces es una buena idea poner una capa de superposición con el fin de oscurecerla. Entonces permítanme insertar aquí un rectángulo así en las fronteras checas. Hazlo negro y disminuye la capacidad al 30%. Ahí vamos. Eso es impresionante. ¿ Qué más necesitamos? Necesitamos el indicador de inicio, así que déjame traerlo aquí ahora puedes ver por qué retiré el indicador de inicio y el estado lejos cuando estaba exportando ese puerto, porque en ese caso tendría dos indicadores diferentes, y no tiene sentido. OK, entonces es necesario prestar atención a los detalles cuando quieras convertirte en un diseñador yuanes UX profesional . Muy bien, necesitamos una imagen pro fina justo por ahí, luego el nombre de nuestro usuario, el nombre de usuario y escuchar algunas secciones de menú. Entonces llevemos nuestra imagen de perfil desde aquí. Copiarlo y pegarlo. Cuando un protector, el tamaño va a ser el mismo. Y vamos a tener un 30 picks. Acolchado LF en un encabezamiento superior de 68 píxeles, entonces voy a escribir un año de nombre. Vamos bien, Emma en realidad lo haga audaz, y voy a disminuir el tamaño de la fuente a 18 y cambiar el color. 23 un tres a y tres a. Perfecto. Va a tener un relleno de ocho píxeles a la izquierda y lo voy a duplicar. Ponlo aquí, y eso es justo en Emma. Subrayar Ashley. Hazlo regular y disminuye el tamaño de la fuente a 14 puntos bastante bueno. Entonces voy a moverlo hacia arriba y ponerlo así, va a tener un 22 picks en la parte superior rumbo al borde superior de nuestro nombre. Texto. De acuerdo, así. Después agruparlos y alinearlos con nuestra foto perfecta. Agruparlos nuevamente y cambió el nombre a usuarios. Información. Fantástico. Ahora es el momento de crear nuestras secciones de menú. Lo primero que voy a hacer es insertar por aquí, y va a ser de 281 por 60 píxeles y cambiar el radio a 14 como este en Jake Borders, doble clic en eso. Elige estos puntos arriba a la izquierda e inferior de las esquinas y disminuye el radio 20 Entonces cambiemos el color dos F dos, F cuatro y F ocho. Por lo que obtenemos un cuello azul claro, como se puede ver aquí, un color azul muy vivo. Y entonces necesitamos un texto. Por lo que la primera sección va a ser pagos. Ahí vamos. Hagámoslo 18 puntos y cambiemos su color a nuestro color primario, que es ser 47 f c. Muy bien, ¿qué más necesitamos? Tu derecho. Necesitamos un ícono. Entonces vamos a traerlo aquí. Aquí en nuestra carpeta de iconos tenemos un menú, Fuller. Entonces, llevemos bien los pagos y lo pongamos aquí. Voy a alinear nuestros tanques con nuestro ícono verticalmente. Genial. Y va a tener un relleno de ocho píxeles a la izquierda. Perfecto. Lo último que necesitamos es una flecha pequeña. De acuerdo, así que vamos a traerlo de aquí en adelante, pegarlo cambia el color a nuestro primario. Ella es ésta. Lo voy a poner justo ahí. Esa es una línea Verticalmente, incluso nuestra toma un ícono, y va a tener un relleno derecho de 30 píxeles como este. Entonces no podemos agrupar estos elementos y los pagos de compañeros. Y después de eso, vamos a hacer doble clic aquí agrupar también estos elementos y aquí, pagos correctos, y luego lo voy a copiar y pegar aquí y moverlo hacia abajo. Déjame cambiarlo a transacciones, y va a tener un 50 picos encima. Agregar a nuestros pagos lleva aquí, así que vamos a comprobarlo. Es 48. Voy a moverlo hacia abajo ahora. Son 50. Entonces necesitamos cambiar el icono aquí. Entonces, vamos a quitar eso. A continuación, arrastremos y soltemos el icono de transacciones. Ella es un pdf. Bien. Aquí. Lo voy a poner justo ahí y vamos a elegir estos ícono de pago y alinearlos horizontalmente. Impresionante. Eso ha cambiado el nombre de estos grupos a transacciones y los agrupa una vez más con este icono transacciones. ¡ Impresionante! Y una vez más, necesitamos duplicarlo y ponerlo con el relleno de 50 píxeles así. Cambiemos los tanques a mis tarjetas y quitemos este ícono y llevemos a mis tarjetas. Icono, ponlo aquí. Va a tener un relleno de venta de ocho semanas y voy a poner esta carpeta dentro de las transacciones Copiar Fuller y cambiar la copia de las transacciones a mis autos. Impresionante. Una vez más, duplicémoslo perfecto y cambiemos el texto a promociones. Voy a traer el ícono de promociones. Ahí vamos. Eso lo puso aquí. Eso es alinearlo y va a tener en un pico vendedor relleno derecho. Y eso cambió el nombre a promociones. Y por último pero no menos importante, vamos a duplicarlo para nuestra sección de ahorros. Eso es cambiar a ahorro y quitar estos ícono y llevar el icono de ahorro cuando lo alinee . También que ponemos este icono de ahorro a carpeta de copia de promoción y voy a cambiar el nombre de la copia de promociones a Ahorro. Entonces voy a seleccionar todos estos iconos reteniendo comando y desplazar y alinearlos todos al centro o es entidad ¿Ok? Por lo que ahora podemos estar seguros de que todos los iconos están perfectamente alineados. Ahora, vamos a revisar el relleno izquierdo. Aquí. Son 50. Voy a hacer 32. Y ahora elegamos todas las secciones y moverlas a la izquierda. Hazlo 30 para recoger celdas, y luego necesitamos mover estas flechas pequeñas a la derecha para conseguir un 32 picks son el relleno correcto ahora. Es fantástico. Necesitamos una cosa más. Necesitamos un botón de cierre de sesión justo en la parte inferior. Entonces déjame seguir adelante y traer nuestro botón de registro. Aquí. Copiarlo. Pega. Aquí. Voy a usar el mismo contorno. Botón eliminado estas flecha, hazla más pequeña. Van a ser 221 pixeles y cambiaron los tanques para cerrar sesión. Y tenemos que sacar la pierna. Puedo oír que va a tener un relleno derecho de 24 píxeles. Agruparlos y llámenlo. Botón de cierre de sesión, y va a tener un relleno inferior de 56 píxeles como este. Muy bien, chicos, diseñamos con éxito nuestra página de menú también, y espero que les guste en el siguiente video. Diseñaremos la página de autos juntos, así que nos vemos entonces 105. Tarjetas de crédito: Hola a todos. Bienvenido de nuevo a otro video de este curso en estos video. Vamos a diseñar juntos la página de tarjetas. Entonces sin más lo hago. Empecemos. Repuestos de primera cosa. Voy a seguir adelante y duplicar esta página principal. Déjame moverlo. Aquí están bien. Y luego voy a cambiar la obra de arte. Nombra dos tarjetas. Perfecto. Y necesitamos casi eliminar todos los elementos. Está bien. Excepto este rectángulo, que es nuestro encabezado. Adelante y quitemos todos estos elementos. Y también esta imagen de perfil y este ícono de menú. Entonces necesitamos una flecha izquierda para nuestros propósitos de navegación. Entonces sigamos adelante y copiemos y pasos de nuestra página de perfil. Ahí vamos. Y además, necesitamos un indicador de inicio, así que lo voy a copiar y pegar desde aquí. Perfecto. En primer lugar, necesitamos tener un texto. Está bien. Aquí. Y yo voy a escribir. Aquí puedes revisar tus tarjetas, y luego voy a ponerla en negrita. Y por último, voy a cambiar el con 2 274 así. Está palmaditas a la izquierda van a ser 30 celdas de pick y deja de sumar al borde de la pantalla . va a ser 125 como burla. Entonces vamos a colocar aquí dos tarjetas de crédito diferentes, la 1ª 1 que es nuestra principal tarjeta creada. Y el 2do 1 que es la alternativa. De acuerdo, Y después de eso, justo al fondo, vamos a tener transacciones recientes. Entonces ahora sigamos adelante y creamos nuestras tarjetas. Para hacer eso, necesitamos insertar alrededor de él así. Entonces hagámoslo 209 por 305 y cambiemos el tipo de radio a esquinas lisas y también aumentemos el radio a 40 Perfect on Czech Borders. Voy a llenarlo de blanco. No obstante, en estas partes, te voy a enseñar una muy buena técnica con el fin de crear un resplandor muy interesante o, digamos, correr bancario para nuestras tarjetas. Entonces lo que voy a hacer es hacer clic en estos botón más para agregar otra sensación. Y esta vez te voy a cambiar por radio Radiant. De acuerdo, entonces eso es usar el primer color y cambiarlo a 40 d tres f y dos, y voy a copiarlo y pegarlo al segundo color. Y aquí vamos a tener el mismo color. No obstante, voy a disminuir la caída todo a cero perfecto. Y luego lo voy a mover aquí así, y voy a cambiar el efecto de dirección. Entonces agreguemos otros campos nuevamente Radial Grady int y elijamos el primer color. Y te voy a cambiar a mi 100 doble F y del mismo color para el 2do 1 y otra vez disminuyó el off a cero. Y lo voy a poner aquí. Haber cambiado la dirección así. Voy a rotarlo así. Perfecto. Y luego necesitamos otro Grady int. Entonces hagamos otro radiante radial aquí y cambiemos el color para que sea 47 FC y lo usemos para el otro color también. Y disminuir el todo 4 a 0. Perfecto. Y voy a posicionarme a comer aquí en la esquina inferior derecha. Está bien. Y ahora voy a mover nuestros INTs Grady para obtener el mejor resultado posible. Entonces vamos a disparar a este rosa o digamos morado cuando lo mueva aquí, y luego voy a elegir este azul. El primer Grady int, como tenemos aquí tienen razón y el último como este. Eso es perfecto. Usemos de nuevo estos morados. Voy a moverlo a la derecha para conseguir aquí este color claro. Eso es bastante impresionante. Entonces, ¿puedes ver con qué facilidad podrías crear fondo para que tu tarjeta sea única? Alternativamente, puedes crear tu fondo con colores sólidos, y después de eso puedes poner una nueva capa y comprobar la opción de fondo Blair. No obstante, con el uso de esta técnica, puedes fácilmente disfrazarte cualquiera de los antecedentes aquí. Perfecto. Entonces voy a mover esta tarjeta ilegal con arriba, y va a tener un top de 16 píxeles agregando así y un 30 pixel a la izquierda palmaditas, ¿Qué más necesitamos? Necesitamos un saldo aquí, Así que escribamos $4500. Perfecto. Voy a moverlo aquí. Va a tener un relleno superior de 38 píxeles y un bateo de 24 píxeles que está duplicado. Y aquí voy a escribir empresa, lo que significa que esta tarjeta está relacionada con propósitos laborales y que sea 18 puntos. Y también cambiemos de línea de escondite a 22. Podría estar preguntándose, Podría cambiarse una altura de línea. De acuerdo, porque aquí sólo tenemos una línea. Entonces, ¿cuál es la trampa cuando queremos sentar el relleno entre nuestro impuesto aquí, la altura de la línea importa mucho. De acuerdo, entonces supongamos que eso está aquí. Tengo una pieza de ocho en la parte superior Si mi altura de línea Waas 29 aquí conseguiría cuatro púas relleno Celta, y sería así. Entonces la altura de la línea importa mucho, pero lo ponen aquí con un top de tres píxeles, agregando y voy a insertar otro texto justo por ahí y vamos a cambiarlo a regular y también el tamaño a 14 puntos y las apuestas van a representan nuestra fecha de caducidad. De acuerdo, entonces aquí tenemos mes y el año bastante bueno. Tenemos 24 pixeles a la izquierda o a la derecha, y ahora lo voy a duplicar, ni para crear nuestro número de autos para el 1er 12 dígito de este número de tarjeta, voy a usar una estrella como esta. Y los últimos cuatro números van a ser 22 04 Voy a mover estas fechas de caducidad hacia arriba y va a tener un relleno de fondo de 13 píxeles. Y este también necesita tener un relleno inferior de 40 píxeles déjame mantener el turno y seleccionar nuestra fecha de caducidad también, y los movió hacia arriba. Perfecto. lo único que necesitamos aquí es el logotipo de MasterCard o comadreja. Carla, ve como quieras. De acuerdo, Pero para este proyecto, voy a usar MasterCard. Entonces, traigamos el logo aquí. Ahí vamos. Aquí tenemos logo y logo de MasterCard. Déjame arrastrarlo y soltarlo aquí. Perfecto. Va a tener 22 píxeles,relleno derecho, relleno derecho, y también una palmadita izquierda de 12 píxeles. OK, y el relleno inferior va a ser 32. Y estos dos están perfectamente alineados. Bastante impresionante. Creo que es mejor mover en un poquito estos morados Grady. Hazlo así. Ahora crea un mejor contraste. Alimenta nuestro contenido. De acuerdo, entonces vamos a seleccionar nuestros elementos y agrupados en la universidad MasterCard. Y lo último que necesitamos aquí es agregar algunas sombras. Entonces elegamos un rectángulo. Y aquí voy a añadir algunas sombras, y voy a cambiar el color a 59 88 f ocho. Impresionante y cambia el todo para a 20%. Y también la Blair a 49 el Y 2 90 Se ve muy bien a la derecha. Tenemos una ligera sombra detrás de ella. Está bien. Como mencioné antes, necesitamos otra tarjeta aquí, que es nuestra alternativa. Entonces déjame duplicar estas tarjetas, ponla aquí, y luego la voy a bajar y poner el con 2 176 Perfect. Y va a tener un 24 picos en la parte superior, agregando 24 píxeles relleno izquierdo y 24 celdas de picos, relleno inferior. De acuerdo, así. Y voy a cambiar el nombre a Master car a. Y esta noche vamos a tener una tarjeta blanca. De acuerdo, así que desmarquemos estos grado Ian's, luego seleccionemos nuestros elementos aquí bastante buenos y cambiemos el color. 23 un tres A y tres A. Y también, necesitamos cambiar estos color sombra año un cambio a 29 29 29 que sea 10% así. Recuerda cambiar algunos de estos contenidos con el fin de transmitir el mensaje de que estos dos autos son completamente diferentes. Eso lo hace para 1000 esta empresa a casa. Y también esta fecha de caducidad. Cambiemos el año a 20 a cualquiera y un mes a tres o cuatro y Además, estos cuatro dígitos 2 90 50 Muy bien, creamos con éxito nuestros autos juntos. Ahora necesitamos diseñar la sección de transacciones recientes. OK, entonces primero cosas las tarifas. Necesitamos un mal apretado que sea correcto, transacciones recientes y luego ponerlo en negrita y cambiar el tamaño a 22 puntos. Perfecto. Y va a tener un top de 50 píxeles agregando y un 30 picos de patty izquierda. Entonces lo que vamos a crear aquí es al menos de transacciones, deberíamos poner aquí tres transacciones diferentes. Por ejemplo, el 1er 1 podría ser para ir de compras y el siguiente para medicina y el último para deportes. Entonces lo que voy a tener aquí es un icono para representar un tipo específico de transacción. Entonces déjame insertar círculo y cambiarlo a 48 por 48 como thes en los bordes de sacudida y cambiar el collar a doble si C. F y 87 perfecto. Y aquí necesitamos insertar un icono. Entonces traigamos el ícono de la compra aquí tenemos mis conos y transacciones, y aquí tenemos cuatro iconos diferentes. Necesitamos las compras para el 1er 1 o derecha, déjame una línea al centro. Bastante impresionante. ¿ Se puede ver de qué color se utilizan para estos bancos de compras? Puedo suponer que aquí tenemos un color negro y queremos elegir un gran color. De acuerdo, Mi sugerencia. Facilidad. En primer lugar, elige el mismo color que tenemos para nuestra ronda de banco, y luego mueve estos recolectores de color para encontrar una versión de pelo oscuro de color específico de la muerte. Esta es la mejor manera de crear un contraste adecuado. De acuerdo, así es como elegí este color específico. Entonces necesitamos un título aquí. Eso es correcto. De compras y que sea 18 puntos y también regular. Y la línea alta al 22. Bastante bien. Y déjame duplicarlo porque necesitamos tener tiempo aquí y también una fecha. Y escribamos 15. marzo 2019 coma 8:20 p.m. Y voy a hacer 12 puntos y me cambié de cuello también. B f b f y B f k y la altura de la línea también a 15. Bastante impresionante. Por lo que estas gracias va a tener un top de cuatro píxeles agregando, como esta que seleccionar las compras toma así agruparlas. Y aquí tenemos textos. Elige el círculo y alinearlos verticalmente. Bastante bien. De acuerdo, voy a seleccionar thes circle y también nuestro ícono y agruparlos. Aquí tenemos mi Khan y poner este icono Fuller dentro de nuestra carpeta de compras. Entonces, ¿qué más necesitamos para una transacción? Tienes razón. Necesitamos la cantidad aquí. Y además, voy a poner una flecha pequeña justo por ahí. Entonces déjame copiar y pegar estas compras de texto. Lo vamos a poner aquí y cambiarlo a menos $120 cambiar el tamaño de la fuente a 16 puntos. Y también la línea hola al 19. Bastante bien. Eso lo puede alinear verticalmente. Y entonces necesitamos una flecha pequeña aquí, así que vamos a traerla aquí. También podemos crear un símbolo ni usar eso fácilmente, pegarlo y cambiar el color a C siete C siete y C siete así. Y lo voy a poner justo ahí con un 16 picos. LF relleno como este y con una celda de 30 pick, derecha, Patty, sin embargo, recuerda alinear el texto para escribir, vale, vale, porque de lo contrario, cuando cambiemos esto cantidad, la alineación va a estar equivocada. ¿ De acuerdo? Y luego voy a poner estas dos capas dentro de nuestra carpeta de compras también. Perfecto. Entonces como puedes ver, tenemos un 30 picos nos quedan y relleno Ryan, que es lo que queremos. Entonces duplicemos esta capa y la coloquemos con el relleno de 16 píxeles así y cambiemos el color del círculo a más fácil 09 f F F. Eso se quita este ícono y traiga el medicamento que puedo escuchar que se está alineando al centro vertical y horizontalmente. Bastante impresionante. Entonces es hora de cambiar el nombre de Fullers a medicina como esta y también este título y el tiempo al 13 de marzo de 2019 y aquí Cambiemos el tiempo a las 12:10 de la mañana y la cantidad a 89 voy a tener algún cambio aquí. Por lo que 89.50 porque lo alineamos a la derecha. El con automático, aumentaron desde el lado izquierdo. OK, entonces necesitamos duplicarlo una vez más. Y aquí voy a cambiar el nombre de Fullers a deporte y el color de los cereales a un azul claro . Escribamos 87 F cero f f r. derecho eliminado este ícono y trayendo el ícono del deporte de nuestras transacciones. Fuller, déjame ponerlo en iconos Fuller y alineando. Ambos resentieron a Lee y verticalmente. Entonces voy a cambiar el título a deporte y el tiempo al 10 de marzo y el tiempo a las 6 50 PM Y aquí vamos a cambiar el monto a 99.90 y ya está. Todo parece línea. Permítanme agrupar estas transacciones y nombrarlo transacciones. Y eso es todo están bien, chicos. Finalmente creamos juntos espacio de cartas. Espero que disfruten de este video y los veo en el siguiente video. 106. Transacciones: Hola a todos. Espero que lo estés haciendo bien en estos videos. Vamos a diseñar nuestra página de transacciones. Entonces, antes que nada, duplicemos este tablero de arte, y voy a quitar casi todos los elementos aquí. Mantengamos estas flecha izquierda porque necesitamos eso. Y voy a quitar estos tanques y también estas transacciones. ¿ De acuerdo? No los necesitamos ahora mismo. Entonces voy a cambiar un poco este rectángulo. Cambiemos el alto a 245 y el radio de 66 a 62. De acuerdo, entonces voy a cambiar estos dos números, así que tenemos una forma como esta. Ahora lo voy a duplicar y poner esta capa justo debajo de nuestra primera película de rectángulo hacia abajo aproximadamente tres píxeles porque se puede ver aquí los vinos tres. Y luego cambiemos el color a uno sólido y ciudad a 87 F cero y doble izquierda para conseguir un bonito azul claro. Está bien, entonces voy a fijar el Y 25 creo que es mejor. Sí, se ve genial. Y aquí, ¿qué necesitamos? Necesitamos una barra de navegación. Podemos insertar fácilmente de nuestra manzana en nosotros. Te gusta comer aquí. Barra de navegación. Está bien. No obstante, te voy a mostrar cómo crear uno. Entonces escribamos transacciones y cambiamos el fondo a como de pro texto. Y entonces hagámoslo audaz y también blanco. Por último, cambiemos el tamaño de fuente a 17 puntos. Voy a alinearme en el centro horizontalmente. Ese miso significa que lo voy a poner con un top de 50 píxeles, agregando al borde de nuestra pantalla así. Y luego voy a mover estos flecha izquierda Scalea abajo a 19 picos. Posee perfecto. Y luego lo voy a cambiar de escena a regular así. Después selecciona nuestra flecha izquierda y también este texto Alinearlos verticalmente. Por lo que necesitamos llegar con píxel divino. Deja de sumar y un bateo de 24 píxeles a la izquierda. Muy bien, entonces voy a agrupar estos elementos con nuestra barra de estado. Y aquí, vamos a escribir Barra de navegación. Perfecto. Entonces, ¿qué más necesitamos aquí? En primer lugar déjame cambiar. Estos son derrama nombre a las transacciones. Por lo que aquí necesitamos montar los gastos. De acuerdo, así que voy a añadir unos tanques y escribir tus gastos totales así. Entonces déjame cambiar el fondo a Monserrat él y el tamaño de la fuente a 22 puntos y también el color a este azul claro. Como tenemos aquí, voy a seleccionar tanto nuestros tanques como este encabezado, nuestro rectángulo alineándose con el centro horizontalmente. Y va a tener un relleno inferior de 82 píxeles. Entonces déjame hacerlo 82. Perfecto. Entonces duplicado aquí. Vamos a la derecha. 1000 y $63.30 Voy a cambiarlo demasiado audaz. Y también el fondo firma a 28 puntos. El motivo por el que elegí este número es por nuestras transacciones. De acuerdo, así que más adelante, cuando creemos nuestras acciones de turnos y las calculemos, obtendremos el número de tesis. Está bien, Ahora, déjame una línea en el centro o es enteramente, y va a tener un 16 picks. L top agregando, así. Recuerda fijar la línea hola a 34. De lo contrario, nuestra alineación sería diferente. Está bien, así que todo está bien aquí. El siguiente paso es crear nuestra tarjeta que el usuario pueda deslizarse hacia arriba o deslizarse hacia abajo. De acuerdo, para conseguir más detalles. Entonces lo que voy a hacer es seleccionar pieza rectángulo duplicada. Voy a moverlo aquí, entonces eso está cambiando a tarjeta derecha gatito con dat transformar 50 partícula y luego establecer el alto a 541. Bastante impresionante. Voy a moverlo hacia arriba. Se va a crear un top de 21 píxeles, añadiendo a la edad de nuestra forma azul claro. De acuerdo, Y entonces voy a elegir esta tarjeta. Y aquí, vamos a cambiar la dirección de nuestro Grady int así y también aquí. Eso sería genial. Muy bien, lo siguiente que necesitamos cambiar es este indicador de casa de esta luz a oscura. Perfecto. Ahora es lindo. Y entonces necesitamos crear aquí un indicador para esta tarjeta con el fin de mostrar al usuario cómo pueden abrir y cerrar esta tarjeta. Entonces sigamos adelante e insertemos alrededor de él aquí así en Czech Borders y cambiemos el máximo a cuatro. Y con dos 47 entonces voy a cambiar el cuello a blanco y alineándome al centro, o es enteramente y va a tener un top de 16 píxeles, agregando perfecto. Entonces aquí, justo en la parte superior. Necesitamos una búsqueda de, por lo que no necesitamos usar la parte de búsqueda estándar que necesitamos para crear nuestra propia barra de búsqueda. Entonces sigamos adelante e insertemos alrededor de él aquí así. Voy a cambiar el con 2 315 y alto a 53. Perfecto en las fronteras checas. Alineándome al centro y voy a cambiar el radio para suavizar las esquinas y cambiar la cantidad a 16 así. Y por último, cambiemos el cuello. 2051 99 e Así conseguimos este bonito azul oscuro aquí con el fin de obtener una buena relación de contraste. Y entonces tenemos que añadir un texto aquí. Entonces escribamos, busquemos y cambiemos los fondos a SF alrededor de ID así, y voy a hacerlo regular. Y también el tamaño divertido va a ser de 14 puntos y cambiar un poco el personaje aquí. Vamos a ponerlo a cero puntos el camino a ahora Es mejor. Y por último, necesitamos cambiar su color. Serán tres B 54 FB Perfect. Es alinearlo verticalmente. Entonces, ¿qué? También necesitamos aquí? Tienes razón. Necesitamos un ícono de búsqueda, Así que vamos a traerlo aquí. Ahí vamos iconos Y aquí tenemos búsqueda bastante buena. Tiene el mismo color que nuestros tanques de búsqueda que pueden alinearlo verticalmente. Y luego necesitamos conseguir un 16 picks en el acolchado superior, izquierdo e inferior. De acuerdo, así que déjame hacerlo 16. Perfecto. Y la palmadita izquierda de este tanque de sobretensiones va a ser ocho picos posee así, y luego podemos agruparlos y llamarlo barra de búsqueda así. El relleno superior de nuestra barra de búsqueda va a ser 44. Muy bonito. Entonces, ¿qué más necesitamos aquí? Tienes razón. Necesitamos las transacciones. Por lo que aquí creamos tres transacciones diferentes. Déjame copiarlos y pegarlos aquí así. Se va a tener un relleno superior de 24 píxeles. Perfecto. Entonces, ¿qué se debe cambiar aquí? Obviamente, los colores de nuestros tanques deben cambiarse. Entonces, vamos a seleccionarlos. Y los voy a hacer blancos y dijo como estos textos también en nuestra fecha y hora y hacerlos 80 e cero doble F para conseguir este bonito azul claro. Y vamos a copiar y pegar este código de color con el fin de usarlos también para estas flechas pequeñas . Pagan asiento. Perfecto. Entonces, ¿qué debemos hacer aquí? Tenemos que duplicar algunas de estas transacciones y crear una nueva. OK, entonces voy a duplicar estas compras así. Y como recuerdan, tienen un relleno de 16 píxeles entre ellos y aquí. Cambiemos la fecha para disputar por marzo y un tiempo a 7 20 como este y también la cantidad para que parezca rial a 155 dólares. Entonces una vez más, duplicémoslo. Y ahora necesitamos crear otro tipo de transacción. De acuerdo, que es viajar. Entonces voy a seguir adelante y tan cruel y elegir el círculo y cambiar el color, también. Doble F 87 87 que se quitó este ícono y trayendo aquí nuestro ícono de viaje transacciones. Y aquí tenemos viaje. Perfecto. Voy a elegir el círculo y permitiéndoles tanto vertical como horizontalmente. Y obviamente necesitas cambiar estos títulos para viajar y un día a tres y un tiempo a 5 50 la cantidad va a ser de 399 dólares. Tiene sentido, ¿verdad? Acuérdate de cambiar el Zane más lleno. Vamos a cambiarlo para viajar. Y por último pero no menos importante, necesitamos una transacción más aquí. Por lo que prefiero usar el deporte. Vamos a duplicarlo. Puedes elegir lo que quieras, ¿de acuerdo? Y cambiemos el día a 10 de febrero. Y el tiempo va a ser, por ejemplo, 5 20 Y la cantidad igual. De acuerdo, entonces le gusta que sea un servicio de suscripción. De acuerdo, entonces tenemos la misma cantidad cada mes, y voy a seguir adelante y seleccionar estos elementos para agruparlos. Y eso tiene auto de transacción de comer. Bastante impresionante. Podría estar preguntándose por qué no creamos un símbolo para estas transacciones. Y después de eso, podríamos cambiarlos fácilmente. Tienes toda la razón. Pero por el bien de este curso, te voy a mostrar todo a detalle para que practiques en el lanzamiento. De acuerdo, porque así es como te convertirías en un gran diseñador. Pero recuerda, si quieres crear cuencos parecen, debes crear cuatro símbolos diferentes. ¿ De acuerdo? Es necesario tener un símbolo específico para cada tipo de transacción porque tenemos transacciones diferentes . Icono, y luego puedes cambiar fácilmente. Los montos son correctos. El único que creo que necesitamos cambiar es el tamaño de estas flecha izquierda. Aquí Así que déjame es un doble clic medio en eso. Y debido a que es un símbolo de activo de la aplicación de símbolos SF, que es desarrollada por Apple, puedo cambiar fácilmente su tamaño como una fuente. De acuerdo, así que déjame cambiarlo a 20 y luego lo voy a alinear una vez más con nuestro texto aquí y ahora . Creo que se ve genial. Están en lo cierto. Diseñó con éxito nuestra pantalla de transacciones juntos. Espero que lo hayan disfrutado. En el siguiente video, vamos a diseñar otra transacción. El pantalla, que tiene todos estos elementos con una diferencia en esa pantalla. Tenemos que cerrar esta tarjeta y moverla hacia abajo. Y en dicho necesitamos crear algunos detalles sobre nuestros gastos. Estoy tan emocionado de empezar a diseñar esa página juntos. Entonces nos vemos que 107. Transacción: detalles: Hola a todos. Bienvenido de nuevo a otro video de estos curso en estos video. Vamos a diseñar otra página de transacción para mostrar cómo el usuario puede interactuar con esta tarjeta. ¿ Y qué pasa si el usuario decide mover estas tarjetas hacia abajo? De acuerdo, así que no lo intentamos, lo hagamos Vamos a empezar. Nosotros duplicamos estos tablero de arte, y voy a cambiar su nombre a transacciones dash detalle como este que voy a seguir adelante y mover este auto hacia abajo, Contado, Seleccionar que parece que nos olvidamos de agrupar estos viajes icono aquí. Entonces déjame incluirlo aquí. Lo voy a poner en viaje para LIRR así. Entonces voy a poner el y 2 693 Perfecto. Entonces, ¿qué necesitamos poner aquí? Tenemos que añadir un título justo por ahí, luego cuatro autos pequeños diferentes para mostrar el monto total de cada tiempo de transacción. Y luego necesitamos otra tarjeta grande. Al igual que lo que tenemos aquí así, y tenemos que hacerlo para sección de reembolso de tarjeta de crédito. De acuerdo, así que sigamos adelante e insertemos nuestro texto aquí y aquí. Voy a escribir seguimiento tus gastos perfecto. Entonces voy a cambiar el fondo a Mancera él y también su tamaño a 22 puntos. Va a ser audaz y su altura de línea debe ser 27 el color va a ser nuestra rejilla oscura El queso. Tres un tres un tres A Así. Déjame ponerlo aquí deja de agregar va a ser 32 2 El borde inferior de nuestra forma azul claro como esta y es relleno izquierdo va a ser de 30 píxeles. De acuerdo, entonces necesitamos crear nuestras tarjetas. Entonces insertemos a su alrededor. Perfecto. Y lo voy a hacer 153 por 103 así. Cambia el radio para ahumar esquinas y aumenta la cantidad de radio a 25 en las fronteras checas . Y aquí voy a elegir un Grady int. El primer color va a ser ver 16 a y seis A. En el segundo color debe ser doble F 87 87 así. Entonces voy a cambiar la dirección de nuestro radiante algo así que se ve bien y deje de palmaditas va a ser de 16 píxeles así que déjame hacerlo 16. Muy bien, Entonces, ¿qué más necesitamos aquí? Necesitamos un texto. Está bien. Lo que indica el tipo de transacción que es correcta. Viajes. Y voy a hacerlo regular y cambiar su tamaño a 18 puntos y un collar a un 7 31 31 Bastante impresionante. Entonces déjame alinearlo. Va a tener un relleno izquierdo de 16 píxeles y un top de 24 píxeles escondido. Entonces lo voy a duplicar, y aquí lo voy a alinear a la izquierda. Y eso es correcto. $399. Déjame ponerlo en negrita. Y voy a cambiar el tamaño de fuente a 24 puntos y una línea alta a 29. Asegúrese de alinear estas estacas también al lado izquierdo. Y no lo es. El relleno va a ser de cuatro píxeles como éste. ¿ Todo bien? Y luego voy a añadir más detalles a esta tarjeta. Entonces lo que voy a hacer es insertar un círculo aquí como este en Czech Borders, y voy a hacerlo 112 por 112 pixels para luego añadir un gran dentro y el primer color va a ser el doble F 91 91 en el segundo color que lo puso en blanco y disminuir oferta a cero. Entonces voy a cambiar la dirección como toda esta tecla de comando y cambiar y seleccionar rectángulo de tesis, máscara anglicana. Y después de dejar la posición fuera del círculo, voy a cambiar nuevamente el grado Ian. Entonces déjame alinearlo. Va a tener un relleno inferior de seis píxeles en un relleno derecho de 54 píxeles. Entonces cambiemos el Grady int este que dijimos a negro y elijamos este color. De acuerdo, entonces disminuya lo horrible así. Y voy a cambiar un poco la dirección para conseguir algo como esto. Eso se ve fantástico. Ahora es momento de agrupar son elementos juntos, eso los agrupa y lo voy a llamar viajar. Entonces eso está duplicado y ponlo aquí con una palmadita izquierda de nueve píxeles. Después cambia el nombre de Fullers a ir de compras y el empate cayó a ir de compras también. Y la cantidad va a ser de 375 dólares por último, necesitamos cambiar nuestros colores. Entonces a primera hora escaleras. Cambiemos aquí el Grady int y el primer color va a ser ver un 95 y 47 el segundo color va a ser doble F C F y 87 así. Y también, cambiemos estos círculos. Grady en dos F, seis C cinco y siete A. Voy a copiar este color y acelerarlo para el segundo color aquí y luego disminuir la oferta. Y por último, vamos a cambiar nuestro color de texto a un 27 43 0 bastante impresionante. Y entonces eso se duplica una vez más porque necesitamos conseguir cuatro cartas diferentes como esta cambiar su nombre a deporte y también el título a deportes y la cantidad a 199.80. , Entonces cambiemos el color de nuestros tanques a 29 86 93. Y después de eso, vamos a cambiar nuestro grande en tres Doble A a B y una y la segunda llamada a 87 F cero doble F perfecto, y ahora es el momento de cambiar el color de nuestro círculo. Aquí, vamos a ponerlo en 73 D C y e ser impresionante, y eso se copia y pega para el segundo color. Al igual que esto y disminuir lo horrible a cero bastante impresionante y la última carta. Déjame duplicarlo. Cambia tu nombre a medicina y cambia el título a medicina también. Y la cantidad va a ser de $89.890.50 entonces que cambien los colores a 91 37 B C y ingrediente a ocho, un 46 y un B y el segundo color a más fácil o nueve y f f NF así. Y es hora de cambiar el color de nuestro círculo aquí. Dos D, Doble ocho F f f y déjame copiarlo y pegarlo para nuestro segundo color e incrementó la oferta a cero. Eso se ve fantástico. Está bien. Ahora es el momento de crear aquí nuestra tarjeta de reembolso de autos creada, así que sigamos adelante y copiemos y peguemos esta tarjeta. O digamos botón hombre, pegarlo aquí. Entonces vamos a hacer doble clic y elegir rectángulo de tesis, y voy a hacerlo 315 por 105 así y cambiar el radio a 25. Y la razón por la que lo cambiamos a 25 es porque usaron 25 nuestros autos arriba, por lo que necesitamos ser consistentes. Entonces vamos a usar estas formas y moverlas hacia arriba así. Y voy a alinear verticalmente esta flecha pequeña aquí. Además, este texto bastante impresionante y luego cambió su texto a reembolso de tarjeta de crédito Bastante bueno. Entonces eso cambió el nombre del grupo a reembolso de tarjeta de crédito así y moverlo hacia abajo para conseguir un top de 16 píxeles, agregando Y ahora todo está hecho. ¿ Se puede ver lo increíble que se ve? Si lo deseas, puedes seguir adelante y añadir algunas sombras a estas cartas. No obstante, prefiero mantenerlo sencillo porque, como puedes ver, tienen tantos elementos en esta página. Y si agregamos algunas sombras aquí, se va a ver pesado. De acuerdo, así que voy a mantenerlo sencillo. Espero que disfruten de este video y los veo en el siguiente video. 108. Transfer: Hola a todos. Bienvenido de nuevo a otra radio fuera de este curso en este video, vamos a diseñar nuestra página de transferencia juntos. Entonces sin justa, sí. Empecemos con la duplicación de la pantalla de thes. Perfecto. Y lo voy a llamar traslado. Muy bien, entonces vamos a eliminar casi todos los elementos de esta página. Quitemos estos tanques. Además, esta diversión en todas nuestras tarjetas Bastante bien. Entonces eso cambió el color de su indicador de inicio a esta versión de luz. Muy bonito. Entonces, ¿qué necesitamos cambiar aquí? Estás justo aquí. Tenemos que cambiar nuestra barra de navegación. Eso ha cambiado el título a transferir. No obstante, primero necesitamos alinearte con el centro y luego cambiarlo para transferirlo así. Entonces voy a seleccionar nuestras formas aquí, ambas fuera de ellas. Agruparlos bien. Y pongamos el y tu menos 141. Bastante impresionante. Esta es nuestra barra de navegación. Ahora pues, en esta página, necesitamos colocar algunos elementos aquí necesitamos escribir entrar un montículo que la cantidad real. Y después de eso, un separador y el receptor o beneficiario y justo al fondo. Vamos a tener una llave Pat. De acuerdo, así que sigamos adelante e inserta el texto a la derecha y su cantidad, y voy a cambiar el fondo a Monsour lo. Y cambiemos el camino a Regular y es tamaño divertido a 18. Y luego voy a cambiar el color a 27 43 f d y la línea alta a 22. Realmente impresionante. Lo voy a alinear resentidamente. Déjame duplicarlo. Y aquí necesitamos un signo de dólar. Espacio cero. OK, pero ¿para qué? Es el lugar donde el usuario puede ingresar la cantidad real que quiere transferir. De acuerdo, así que déjame ponerlo en negrita, y voy a hacer 36 puntos como este No cambies el color. Cero aquí para ser busca B f f f f like thes para demostrar que está inactivo en este momento. Entonces cuando el usuario ingrese una cantidad aquí, va a tener el color oscuro. Está bien. No obstante, cuando sea cero, va a verse así. Entonces déjame alinearlo al centro y su altura de línea va a ser 44 bastante impresionante. Entonces eso puso el máximo peleando a 16 células pico como esta. Y aquí como mencioné antes, necesitamos un separador. Entonces vamos a crear una línea de una semana. Voy a hacerlo 224 y cambiar el color a la E E y una e f así. Alineándose al centro, déjame decirlo. Deja de sumar a 16 así. Bastante impresionante. Entonces necesitamos otro texto. Entonces voy a seguir adelante y duplicar este texto y así es. Dos. Bastante bien otra vez. Va a tener un top de 16 píxeles, agregando una vez más duplicado. Y aquí necesitamos anotar el nombre de nuestro beneficiario. De acuerdo, así que vamos a la derecha, Grace Edison, y voy a cambiar el color. 23 un tres A y tres A y el tamaño de fuente a 16 así. Entonces, ¿qué más necesitamos aquí? ¿ No te parece agradable tener la foto de nuestro usuario? O digamos nuestro beneficiario aquí, Así que voy a seguir adelante e insertarle alrededor, y van a ser 34 por 34 picos. Celdas. Déjame cambiar el tipo de radio a esquinas suaves, y aquí voy a ponerlo a 12 en Czech Borders. Y usemos la base de datos de bocetos para agregar una foto para comer así. Es bonito. También podemos agregar algunas sombras. Hagamos que el Y sea cero y el jugador siete, y necesitamos disminuir el off obviamente a 20% bastante bonito. Y después de eso, comprobemos la alineación. Este impuesto va a tener un relleno de ocho píxeles como este, y los voy a alinear verticalmente, agruparlos y una vez más permitiéndoles al centro, o es enteramente, y nuestro grupo va a tener un top de 16 píxeles encabezamiento así. Eso es bastante impresionante, ¿no? Entonces, ¿qué más necesitamos aquí? Necesitamos un teclado. De acuerdo, entonces vamos a crear uno. En primer lugar, sólo cuando un grupo, todos estos elementos juntos y ese es detalle de transacción correcto, los mueve hacia arriba así. Entonces, ¿qué necesitamos para nuestro número, Pat? ¿ Aquí? Necesitamos tener rectángulos diferentes totales y tener números del 1 al 9, incluyendo cero justo en la parte inferior. Entonces insertemos alrededor de eso aquí. Voy a hacer su 89 por 70 y su radio va a ser 17 en Fronteras checas y cambiar el color a F cinco, F seis y F A así. Entonces voy a escribir uno y déjame cambiar el fondo a como de texto pro y el tamaño divertido también. 24 puntos como este, y voy a hacerlo medio. Por último, el color a nuestra primaria aquí. Entonces vamos a alinearlos vertical y horizontalmente y agruparlos. Démosle un nombre. Después duplique y colóquelo con el 10 pixel que queda. Acolchado una vez más duplicado. Y voy a cambiar su nombre de este fuller 22 y este 123 Y otra vez, necesitamos duplicarlos. Y una vez más, y necesitamos la última fila. De acuerdo, entonces cambiemos el nombre del grupo. En primer lugar, este último botón va a ser nuestro botón de arena. De acuerdo, entonces ahora necesitamos cambiar este texto. Entonces vamos a estar cambiando también. Y nuevamente alinearlos y así sucesivamente. Y aquí tenemos punto y cero. Ok, Y finalmente, aquí, necesitamos tener nuestro botón de envío, así que necesitamos una flecha derecha aquí, así que vamos a traerlo desde aquí. Voy a copiar es un texto, ¿de acuerdo? Y pegarlo aquí y necesitas cambiar el fondo a s un pro a su alrededor porque es un sf parecer arco y no funciona con los otros fondos. Hazlo 28 puntos y también vuelo bastante impresionante. Entonces eso es alinearlo y también cambiar el color a viento. Y necesitamos agregar un Grady a este botón, que es el mismo Grady int que tenemos aquí. De acuerdo, entonces voy a seleccionar este encabezado click derecho en ese estilo de copia. Y aquí voy a ir, Correcto. Haga clic y pegue son bastante buenos están bien Ahora es el momento de agrupar nuestros botones, los alineó al centro. Como puedes ver, tenemos 44 píxeles a la izquierda. 44 recoge celdas a la derecha, y necesitamos tener 74 celdas de pico al fondo. OK, y ahora movamos nuestros detalles de transacción hacia abajo para conseguir unas 58 picks. L fondo peleando así. Muy bien, ahora cambiemos el nombre del grupo aquí también. Número pan y también el nombre del grupo aquí a la barra de navegación así son correctos. Todo está hecho. Espero que disfruten de este video. Y en el siguiente video diseñaremos juntos nuestra página de confirmación. Entonces nos vemos ahí 109. Confirmación: Hola a todos. Bienvenido de nuevo a otro video de este curso en este video. Vamos a diseñar juntos la página de confirmación. Entonces, sin más preámbulos, empecemos con la duplicación de este tablero de arte de transferencia, y voy a renombrarme a confirmación. Muy bien, entonces eliminemos este número, pad y también algunos de estos elementos. Por ejemplo, no necesitamos esta cantidad y el separador, así que vamos a quitarlos. Y aquí podemos cambiar este título ya sea a transacción o confirmación. Entonces voy a escribir transacción así, Entonces déjame en grupo estos elementos, ¿no? Da click aquí en grupo Bastante impresionante. Y aquí, así es. Has enviado exitosamente 99 dólares a Grace Addison tienen razón y luego disminuir el con 2 248 y la línea alta a 27 así. Voy a alinearlo al centro y pelearé bastante impresionante. No obstante, voy a decir como este nombre y ponerlo en negrita con el fin de llamar la atención del usuario. A ver, ¿qué más necesitamos aquí? Primeras respuestas. Permítanme quitar estos nombres. Y voy a asustar esta foto a 78 así. Y voy a agregarle algunos detalles. De acuerdo, Así que déjame traer aquí el ícono de estado. Voy a elegir este verde, copiarlo y pegarlo aquí en agrandarlo a 18 por 18 píxeles. Bastante impresionante. Y por último, voy a cambiar el color a naranja, y muestra que el usuario no está disponible en este momento. Entonces escribamos F siete A y 700 así. Va a tener 60 picos de relleno izquierdo y un encabezamiento superior de 60 píxeles. Agruparlos y una vez más alinearse con el centro. Entonces necesitamos un ícono de tic como Don Icon aquí. Entonces vamos a traerlo de sus iconos. Icahn. Y aquí lo hemos hecho se ve muy bien. Eso es alinearse con el centro. Se detiene. Peleas van a ser 217 células pico a la edad de nuestra pantalla así, y es relleno inferior va a ser 16 picos zonas. Entonces déjenme mover las estacas hacia abajo y la parte superior peleando contra nuestra imagen van a ser 40 así . Él niega. Entonces necesitamos dos cosas más. Tenemos que colocar dos botones aquí. El botón superior va a ser el botón ejecutar de nuevo, que permite al usuario ejecutar una vez más la misma transacción. Y el botón inferior es nuestro botón de confirmación. ¿ De acuerdo? Lo que da al usuario la confirmación de esa transacción. Entonces sigamos adelante y copiemos y peguemos este botón de verificación. No. Por lo que quiero este botón de registro. Y en primer lugar, cambiemos también el nombre de Fullers. Ejecuta de nuevo y ahora cambia los tanques para volver a ejecutarlos. Bastante bien. Muévelo hacia arriba. Quitemos esta flecha de nuestro segundo botón y me voy a alinear. Esto lleva al centro y cambiarlo a confirmación una vez más una línea hacia el centro. Y aquí voy a cambiar las carpetas. Nombre a confirmación Like are are right. El relleno inferior de este botón de confirmación va a ser 37 que se detuvo. El relleno va a ser de 16 píxeles como este son los correctos. Chicos. Espero que disfruten de este video. Diseñamos con éxito nuestra página de confirmación juntos y te vería en el siguiente video. Entonces nos vemos entonces 110. Página de notificación: Hola a todos. Bienvenido de nuevo a otro video de thes curso en estos video. Vamos a diseñar juntos nuestra página de notificación. Entonces, sin más preámbulos, empecemos con la duplicación. Estos no son board, y voy a renombrarme a notificación Bastante bien. Entonces eliminemos casi todos los elementos aquí. ¿ De acuerdo? No obstante, necesitamos la barra de estado como tenemos aquí. Déjame traerlo aquí, y te voy a cambiar a luz. Bastante bien. Entonces, ¿qué necesitamos aquí en esta página? Tenemos que colocar una barra de búsqueda justo en la parte superior. OK, así que sigamos adelante y llevemos la búsqueda de un ha recreado siendo página de transacción Voy a copiar y pegar aquí. Bastante impresionante. Entonces eso es cambiar su color a f cinco f busca y f A como este y no necesitamos cambiar nada más. Dejar de pelear va a ser 68 pixeles al borde de nuestra pantalla así. Entonces aquí, necesitamos un título. De acuerdo, entonces voy a traer título de tesis aquí. Copiémoslo y peguémoslo y déjame una línea a la izquierda y cámbiela a que puedas revisar tus notificaciones aquí. Bastante impresionante. y eso se ha reducido. Eso con 2 274 Bastante bien. Bueno, dejar de agregar van a ser 32 píxeles y palmaditas a la izquierda van a ser 30 celdas grandes. De acuerdo, entonces, ¿qué más necesitamos aquí? Tenemos que crear nuestras identificaciones, obviamente. Por lo que necesitamos una imagen para nuestra notificación y también en nombre y un mensaje. De acuerdo, Entonces lo que voy a hacer es copiar y pegar esta foto de nuestra página principal así y déjame haberla escalado a 40 por 42 picks. Los elfos niegan. Voy a hacer zoom media, y voy a agrandar el tamaño de este icono de estado. De acuerdo, eso aumentó a 11 alinearlo al fondo y escribir tres negaciones. Y entonces aquí necesitamos un título. Entonces, vamos a escribir un nombre. ¿ De acuerdo? Y que Lane, necesitamos cambiar la foto más adelante. Entonces, vamos a la derecha, Floyd Farmer. Y te voy a cambiar demasiado regular y disminuir el tamaño de la fuente a 14 puntos como este. Y la línea hola al 18. Bastante niega que lo pongan aquí, lo dupliquen, y aquí necesitamos escribir nuestro mensaje. Así que vamos a la derecha Floyd sólo te manda $20 como este y voy a cambiar el tamaño a 16 puntos y también el color a nuestro color primario. Se puede utilizar este color pre niega el encabezamiento superior va a ser tres picks, celdas o derecha. Y el relleno izquierdo va a ser de ocho píxeles como éste. Después agruparlos y en línea con nuestra foto suplicando verticalmente ojos. ¿ Qué más necesitamos para nuestra notificación? Necesitamos una flecha pequeña para poner aquí. De acuerdo, entonces vamos a traer eso desde aquí. Están en lo cierto. Lo voy a alinear con nuestra foto y tanques verticalmente, y va a tener un relleno derecho de 30 píxeles. Bastante bien. Ahora agruparemos todos estos elementos. Y aquí, escribamos notificación. Impresionante. Y recuerda cambiar esta foto, refresca los datos que necesitas para conseguir una foto masculina. OK, eso es bastante bueno. Entonces, para hacer de este proceso un cuidado mucho rápido, voy a crear un símbolo. Y aquí eso es correcto. Notificación. De acuerdo, entonces vamos a la Página de Símbolos. Ahí vamos. Entonces por el momento podemos cambiar la foto y también estos dos títulos, pero necesitamos poder cambiar también el ícono de estado. Por lo que necesitamos crear otro símbolo aquí. Vamos a crear símbolo. Y aquí, vamos a escribir barra de estado Disponible. Impresionante. Entonces aquí tenemos otro símbolo que está duplicado. Tenemos que crear tres estatus diferente. De acuerdo, entonces vamos a cambiar el nombre aquí. Demasiado ocupado, y voy a cambiar el color a naranja. Entonces escribamos F siete a siete. Doble cero. Bastante impresionante. Y se duplica una vez más, que es nuestro último estatus, y cambiar el color a ce y ce bastante impresionante. Y también cambió el nombre a offline. Bastante niega. Ahora volvamos a nuestra página un año. Y como pueden ver aquí, podemos cambiar estos tanques y también el estatus. De acuerdo, eso es bastante impresionante. Entonces, ¿qué más necesitamos aquí? Necesitamos un separador. De acuerdo, pero antes que nada, duplicemos esta notificación, y va a tener un 32 picos. Todo acolchado superior. De acuerdo, una vez más duplicado bastante bien. Necesitamos también tap son. Entonces insertemos aquí un manipulador de nuestro documento porque creamos un grifo o símbolo. Lo voy a poner aquí, y necesito al fondo y recordar hacer que thes tab el activo bien, y hacer que esta certificación sea activa así. Entonces pongamos aquí nuestro separador. Entonces necesitamos insertar una línea como esta, y va a ser 315 y cambiar el color a D doble E uno e f Bien. Va a tener un 16 picks en el encabezamiento superior y un relleno inferior de 16 píxeles. Entonces lo voy a duplicar bastante bien. Agrupemos estas líneas. Y aquí voy a renombrarme a separadores Bastante bien, de acuerdo. Y ahora es el momento de cambiar nuestros datos. OK, entonces vamos a elegir el es no educación, y voy a cambiar el nombre por otra cosa. Así que vamos a la derecha, Jane. Bastante bien. Y también aquí voy a escribir. Jane te envió aquí estamos reunidos sólo porque ella envió al usuario, por ejemplo, hace un día. OK, así que vamos a la derecha. Jane te envió 99 dólares y voy a copiar bastante impresionante. Y es una foto como esta y refrescarla. Está bien. Vamos a cambiar el 3er 1 voy a escribir en ah Maxwell, y eso es pegar que lleva aquí y cambiar el nombre a en absoluto. Y la cantidad a 500 dólares que necesitamos para cambiar la foto así. Pero ahora cambiemos el estatus de disponible para ser fácil. De acuerdo, Si quieres hacer que este proceso pelo rápido OK, puedes usar el tapón en llamado Craft. Como pueden ver, tengo aquí. Puede generar algunos datos para usted de manera fácil y rápida. Por ejemplo, aquí puedo generar nombres, titulares, artículo, artículo, incluso fechas, monedas, países, ciudades, etcétera. OK, pero por ahora, lo vamos a hacer manualmente, uno por uno. Entonces ahora cambiemos el siguiente. Cambiemos el nombre a Herman Fraiser. Al igual que esto. Y aquí, también Presidente. Y la cantidad? Eso es correcto. $25. Recuerda cambiar la foto. Eso es genial. Y los cambios de estado a nuestro vuelo bastante impresionante. Y el siguiente aquí, cambiemos el nombre a William Weight. Y aquí William te envió 10 dólares. Déjame cambiar la foto. Está bien. Está bien. Está bien. Necesitamos dos más. Entonces cambiemos el nombre. No. Parecen tranquilos y aquí a Elsie también. De lo contrario te envió $12 el estado está ocupado y necesitamos cambiar la foto a algo así . Y el último. Cambiemos el nombre a Harriet Coleman. Bastante impresionante. Y ataques para llevar su te mandan $25 el estado va a estar fuera de línea. Y además, la foto va a ser ésta. Eso es bastante bueno. Y eso es todo. Y créeme, si lo trabajas artesanalmente enchufando, toma menos tiempo hacer todo este proceso. Entonces déjame mostrarles cómo esta plaga en mandamientos. Supongamos que aquí tenemos un texto, ¿de acuerdo? Y va a ser un nombre. Nombres de silicio, y puedo elegir entre varón, hembra o ambos. Entonces escribamos femenino. Ahí vamos. O puedo elegir países, ciudades, incluso fechas. Eso es fantástico, ¿verdad? Por lo que usar este tapón te ahorra tanto tiempo. ¿ Todo bien? Ahora déjame agruparlos. No necesitamos esta última notificación que creamos, así que voy a eliminar eso. Y ahora vamos a agruparlos. Aquí están nuestras notificaciones, y podemos agruparla una vez más con nuestros separadores. Y eso es todo. Muy bien, chicos, Muchas gracias por ver este video. Hemos diseñado con éxito nuestra próxima página de vacaciones juntos, y en el siguiente video, diseñaremos nuestra página de perfil. Por lo que te veo en el próximo video 111. Página de perfil: Hola a todos. Espero que lo estés haciendo bien en estos videos. Vamos a diseñar nuestra página de perfil. Entonces, sin más preámbulos, empecemos con duplicar este tablero de arte, acuerdo? Y voy a renombrarme a perfil bastante bueno, y necesitamos eliminar casi todos los elementos excepto este título bastante impresionante. Y hagamos de este toque el activo y hagamos que éste esté activo. Eso es genial. Y necesitamos cambiar el título a perfil y hacerlo más grande porque es nuestro título grande o, digamos, digamos Cabecera Large. Voy a hacer 41 puntos y son nueve de altura van a ser 50 y va a tener un relleno superior de 90 pixeles y un 30 pixel a la izquierda así. Entonces necesitamos seguir adelante y copiar y pegar estas formas de nuestra empresa de perfiles que lo aceleran aquí, moverlas al fondo de nuestra lista de capas así, bastante impresionantes. Y aquí los voy a girar un poco así en Let's like this purple. Muévete hacia arriba y escribió, Si es un poco a la izquierda, eso es fantástico. Necesitamos la imagen de perfil del usuario, el nombre, el estado y escuchar algunas tomas se siente como nombre de usuario, nombre, apellido, fecha de nacimiento, y en la parte inferior. Tenemos que tener el mismo botón de venta. De acuerdo, entonces empecemos a traer esos elementos. En primer lugar, necesitamos esta imagen de perfil, así que la voy a traer aquí. Vamos a dar miedo a 60 zonas de pick como esta. Va a tener un relleno de 30 pizza a la izquierda y un 33 picos venden encabezamiento superior como este. Entonces necesitamos un nombre. Así que vamos a la derecha, Emma , en realidad, y cambiar el tamaño de fuente a 20 puntos y la línea alta a 24. Y por último, necesitamos cambiar el color a tres D 56 f a como este. Y cambiemos el fondo a como texto pro, y voy a hacerlo medio fantástico, luego duplicado. Y aquí, vamos a la derecha. El estado que está en línea, sea ligero en la fuente Tamaño va a ser de 16 puntos y la altura de la línea debe ser de 19. Va a tener en una parte superior de píxel como este. Agruparlos y alinearlos verticalmente con nuestra imagen de perfil. Y vamos a tener un relleno de 16 píxeles a la izquierda. Bastante impresionante. Una vez más, agruparlos aquí. Tenemos que escribir información de los usuarios como esta. Entonces sigamos adelante. Y desde aquí voy a copiar y pegar todos estos tanques campos año. Y ahora elijamos todos estos títulos, que son nombre de usuario , nombre, apellido y fecha de nacimiento. Y necesitamos cambiar el color 23 un tres A y tres A y también seleccionar la entrada bien y cambiar el color a este de esta manera. Y tenemos que quitar estos iconos de teca. Y por último pero no menos importante, cambiemos el color de nuestros separadores. Tenemos que cambiarlos a D E y una e f así. Ah, me olvidó seleccionar este. Entonces cambiémoslo también. El e e y uno e f tienen razón. El máximo palmaditas de nuestro impuesto se siente va a ser de 40 Seres máximos. Y luego, como mencioné antes, necesitamos un botón de cierre de sesión. Entonces sigamos adelante y copiemos y peguemos el botón de registro que creamos para nuestro menú. Voy a moverlo hacia abajo impresionante. Y cambiemos el tamaño también. 315 por 72 así. Alineándose con el centro. Y aquí necesitamos mover este ícono hacia el lado derecho para obtener una palmadita derecha de 24 píxeles así . Fantástico. Y por último, eso es moverse hacia abajo para conseguir una celda de pico 30. Pero estoy acariciando, y eso es todo. Muy bien, chicos. También creó nuestra página de perfil juntos. Espero que disfruten de este video. Y los veo en el siguiente video, que es nuestro último video. Y se trata de en páginas de embarque. De acuerdo, entonces nos vemos. 112. incorporación: Hola a todos. Bienvenido al último video fuera de esta sección. En este video, vamos a diseñar juntas las páginas de on boarding. Entonces nosotros, doctor, yo sí. Empecemos. En primer lugar, voy a seguir adelante y inserciones y tablero de arte aquí. Bastante impresionante. Entonces cambiemos su nombre por el propio abordaje Juan. Y lo voy a duplicar dos veces porque necesitamos diseñar tres páginas diferentes y se les renombra tu on Boarding a un on boarding tres, respectivamente. Perfecto. Entonces, ¿qué necesitamos aquí? Justo en la parte superior. Voy a poner un logo. De acuerdo, El color para logo. Entonces vamos a traerlo de nuestra pantalla de almuerzo. Este copiado, pegado aquí. Y voy a quitar estos tanques que no necesito eso. Vamos a subirlo y dejar de esconderse va a ser 84. Eso es genial. Déjame copiarlo y pegarlo en todos los tableros de arte así, entonces aquí. Tenemos que poner nuestra ilustración. De acuerdo, así que traigamos aquí nuestra ilustración. Ahí vamos. Aquí tenemos bicicletas de seguridad. Ahorrar y operar. La primera ilustración va a ser salvando, así que la voy a arrastrar y soltar aquí, déjame alinearla al centro y va a tener un 170 top escondido así. Entonces aquí necesitamos colocar nuestros tanques y aquí en el fondo, tenemos que poner nuestro fondo. Entonces insertemos el texto aquí y a la derecha, ahorren su dinero. Convenientemente así. Yo lo voy a hacer más grande. Hagámoslo 24 puntos y también cambiemos el fondo a Monserrat lo. Y va a ser audaz y la línea hola a 36 bastante impresionante. Y lo último que tenemos que hacer es disminuir el con dos 307 como este y va a tener un relleno de 30 pizza a la izquierda. Bastante impresionante y un 116 picos. L top agregando, Está bien así. Entonces vamos a duplicarlo porque necesitamos escribir una descripción aquí y ahora voy a usar un fondo de auto protección y vamos a hacerlo 19 puntos y también regular, y voy a cambiar el color a siete c dos una doble F como esta hermosa. Entonces eso lo cambió con 2 300 cambio estos tanques para obtener 5% en efectivo. Bancar para cada transacción y gastarlo fácilmente. Bastante impresionante. Y ahora cambiemos la línea alta a 28 así, y deje de rumbo va a ser de 22 píxeles. Impresionante. Entonces aquí necesitamos un botón y también el indicador de página. Entonces sigamos adelante y copiemos y peguemos este botón de inicio de sesión y voy a cambiar el tamaño a 153. Entonces disminuyamos el con, así. Bastante bien. Voy a traer de vuelta a nuestros técnicos dentro del Spartan, y va a tener un 24 pixel a la izquierda palmaditas así. Vamos a cambiarlo a siguiente. Fantástico. Voy a cambiar el nombre de esta carpeta a la siguiente, y va a tener un relleno derecho de 30 píxeles y un de 38 píxeles que no impacta así. Entonces, ¿qué más necesitamos aquí? Necesitamos un indicador de página. Entonces hagamos uno. Necesitamos un círculo aquí y voy a ir en Czech Borders. Que sea cinco por cinco en Mizzou. Media duplicada, y va a tener una palmadita de cuatro píxeles a la izquierda. Y ahora voy a insertar alrededor de él aquí así en Czech Borders poner el máximo a cinco. Y con 2 22 así, va a tener un relleno de cuatro píxeles Agruparlos, y eso ha cambiado el color fuera del primer indicador a un 46 y doble F y seleccionar estos dos círculos y cambiar su color para ser cinco b f f f f impresionante. Entonces voy a renombrar estos dos indicadores más completos y vamos a crear un símbolo aquí. Voy a escribir indicadores, inclinar página uno, luego ir a la página de símbolos y duplicar dos veces así y renombrarlos a Página dos y página tres porque más adelante, podemos cambiarlos fácilmente. Por lo que ahora, en la página dos, necesitamos cambiar el lugar de nuestros indicadores. Entonces coloquemos el indicador grande aquí en el medio, un año a la izquierda y para el último. Se coloca este grande un año, y los otros dos, vamos a moverlos a la izquierda así. Perfecto. Está bien, va a tener 30 picos de palmaditas izquierdas. Puedes alinearlo con nuestro fondo verticalmente. Fantástico. Lo único que voy a añadir aquí es un círculo. Entonces insertemos un círculo y lo hagamos 470 por 470. Y en Czech Borders, voy a cambiar el color para tener cinco f busca y F A como esta película a derecha al fondo de nuestra lista de capas y cambié la Exposición Tu menos 125 y la blanca a 423 así y se ve fantástica. Espero que te guste también. Por lo que para otras páginas, necesitamos también estos contenidos. En lugar de solo copiarlos y pegarlos, prefiero quitar estos son tableros, pagarlos y duplicarlos. Va a ser mucho más fácil una vez más que ha cambiado el nombre de estas tablas de arte Tom boarding a y tu on boarding tres como este. Entonces, antes que nada, aquí, cambiemos la ilustración. Entonces traigamos aquí la caja de seguridad. Impresionante. Alinearse al centro y cambiar la guerra en 170 para conseguir un 170 picos en la parte superior, agregando, Y aquí tenemos que cambiar el título para asegurar tu dinero de forma gratuita y obtener recompensas. Impresionante. Entonces cambiemos la descripción aquí para obtener la aplicación de pago más segura de la historia y disfrutarla . Entonces necesitamos cambiar el indicador tu dos página dos así y la última página. Quitemos esta ilustración y traigamos aquí la ilustración de trading. Voy a alinearlo al centro y cambiar el vino a 170. Impresionante. Y aquí, cambiemos el título para disfrutar de la negociación de acciones libre de comisiones. Y aquí, vamos a escribir. Invertir en línea nunca había sido más fácil de lo que es en este momento, Previ. Impresionante. Y ahora cambiemos el indicador a la página tres. Y tenemos que cambiar nuestro botón aquí para que empiece. Impresionante. Alinear al centro y quitar nuestra flecha derecha así y cambiar el nombre de esta carpeta para empezar bastante bien. Y eso es todo. Diseñamos con éxito nuestras propias páginas de embarque juntos. Y este es el último video de esta sección. Muy bien, chicos, espero que disfruten de esta serie de videos. Fue tan interesante crear este proyecto juntos, y espero que realmente lo hayan disfrutado. Si deseas obtener acceso al proyecto final, puedes descargarlo desde el recurso es sección de la última conferencia en este apartado. Por lo que una vez más, espero que lo hayan disfrutado. Y te veo en el siguiente video. Entonces nos vemos. 113. Proyecto 3: página de aterrizaje: Hola a todos. Bienvenido a otra sección de este curso en esta sección. Vamos a diseñar una página de aterrizaje para nuestra aplicación de dinero. Entonces como puedes ver, vamos a diseñar y página de aterrizaje moderna, hermosa e interesante juntos. Por lo que aquí utilizó las capturas de pantalla fuera de la aplicación que diseñamos en la sección anterior. Y además, como pueden ver, tenemos menús en la parte superior. Tenemos un llamado a la acción. Entonces tenemos características clave. Como puedes ver, aquí tenemos seis características clave diferentes. Vamos a diseñar cada cosa aquí y luego tenemos característica uno y característica a y también tenemos la sección de clientes y aquí tenemos el llamado a la acción nuevamente por última vez y la comida ella. Por lo que al final de esta sección, entenderás cómo podrías diseñar una página de aterrizaje increíble y también creativa. Por lo que para empezar a diseñar juntos estos landing page, asegúrese de descargar los activos hallazgo del recurso es sección de la conferencia de activos. Por lo que te veré en el próximo video 114. Diseño y cuadrículas: Hola a todos. Bienvenido de nuevo a otro video de este curso en este video. Vamos a crear nuestros diseños o vamos a estar de acuerdo IR con el fin de empezar a diseñar nuestra página de aterrizaje. Entonces lo primero que necesito que hagas es abrir la app de dinero que diseñamos previamente y aquí en páginas, voy a añadir otra página en. Escribamos página de aterrizaje. Perfecto. Entonces aquí, necesitamos una obra de arte. De acuerdo, así que sigamos adelante e insertemos un tablero de arte. Ahí vamos. Aquí, puedes elegir Responsive Web. Está bien. Y como pueden ver, tenemos diferentes opciones. Contamos con la inversión móvil, tablet y escritorio. De acuerdo, vamos a diseñar la versión de escritorio. No obstante, cada uno tiene disco arriba, que es de 10 24 por 10. 24 o HD de escritorio, que es 14. 40 por 10. 24. Está bien, está por debajo del tamaño estándar. No obstante, vamos a cambiar su con 2 1920 y empatar a 10. 80. De acuerdo, vamos a aumentar la altura más adelante a medida que nuestro diseño va a mayores niveles. Vale, Así que recuerda, cuando crea un nuevo tablero de arte, esta es una obra de arte personalizada. Entonces para que pudieras Previte apropiadamente unidad Quicken personalizado aquí y crear un tamaño constante. Puedes escribir, por ejemplo, HD de escritorio como thes, o puedes llamarlo landing page así. Por lo que cuando creamos un tablero mart constante, podemos previsualizar fácilmente de una manera apropiada. Y cuando aumentemos la altura más adelante, podemos desplazarnos hacia abajo y desplazarnos hacia arriba fácilmente. Está bien, Perfecto. Lo siguiente que tenemos que hacer es configurar nuestros diseños y saludos. Entonces, ¿qué son los diseños y saludos? Saludos, básicamente, ¿están bien nuestros chicos? Por lo que para diseñar una página Web sensible, es muy recomendable utilizar grandes sistemas. Se pueden utilizar diferentes sistemas de cuadrícula. No obstante, para estos proyectos, voy a utilizar un sistema de grupos de 12 columnas. Entonces, ¿cómo podemos crear nuestra codicia? Es tan fácil. Podemos seguir adelante y dar click en vista. Y aquí, como puedes ver, tenemos dos opciones show greet show layouts. De acuerdo, así que te voy a matar, puedo mostrar un layout como este, y luego vamos a hacer clic en la configuración de diseño perfecta. Aquí tenemos diferentes opciones que podemos modificar. El total con se establece en 1920 píxeles. Ahora mismo, sin embargo, no nos comemos con nosotros para ser ese viento. OK, entonces vamos a escribir 1600 así. Y por cierto, no es un aleatorio con es un estándar uno también puede usar 960 para eso. Entonces voy a fijar el desplazamiento a 160 el número de columnas, como se puede ver dicho a 12. De acuerdo, y esto es lo que queremos esa cuneta sacudida afuera. Por lo que agrega, la sacó fuera de nuestras columnas. Y aquí tenemos dos opciones diferentes. La consiguió con y columna con. Entonces la canaleta es este espacio en blanco entre nuestras columnas y nuestra columna, obviamente, es esta zona más oscura. Entonces pongamos la columna con dos, 117 celdas de pic. Y como puedes ver, la canaleta con cambió automáticamente a 16 píxeles, esto es exactamente lo que queremos. También podemos revisar a Rose, sin embargo, no necesitamos eso. Entonces vamos a mantenerlo sin control. Y aquí puedes elegir los colores para que yo pueda elegir el oscuro o las luces. Depende de ti. Puedes cambiarlo como quieras. Puedes cambiarlo por lo que quieras. Voy a mantenerlo así Eso es perfecto. Asegúrate de matar a Lincoln Center. OK, perfecto. Creamos con éxito nuestros lineamientos o, digamos, nuestros saludos para este proyecto. Por lo que en el siguiente video comenzaremos a diseñar juntos nuestra sección de héroes. Entonces nos vemos. 115. Sección de héroe 1: Hola a todos. Bienvenido de nuevo a otro video de la sección En el video anterior configuramos nuestros diseños, como puedes ver aquí con el con off 1200 pixels. Y en este video, vamos a empezar a diseñar nuestra página de aterrizaje. Estoy tan emocionado juntos empezamos. Entonces, ¿qué? Que mansión algo. Cada sitio web tiene una sección de héroes. OK, ¿qué es una sección de héroes? Déjame abrir el sitio web de la app sketch para mostrarte un ejemplo. Ahí vamos. Este es el boceto. Soy página web y esta sección se llama sección héroe. De acuerdo, entonces, ¿qué necesitamos aquí? Ah, sección. Como puedes ver, necesitamos un logo en la parte superior y también algunos menús. Y luego un título y un título stop. Y finalmente necesitamos contraacciones. Está bien. Y puedes ver que tenemos algunos botones, prueba gratis y ver precios. Estos se denominan llamado a la acción. Y después de eso tenemos otra sección. Podría ser características clave fuera de la aplicación o del sitio web o incluso del producto. De acuerdo, ahí vamos. Estas son las características clave y aquí tenemos algunas otras características y luego la sección de clientes , Otra sección de espinilla contrato Y al final, tenemos el pie de página. De acuerdo, entonces en este video, nos vamos a centrar en crear nuestra sección de héroes. Empecemos. Como mencioné antes, necesitamos un logotipo para poner aquí mismo. De acuerdo, así que sigamos adelante y abramos nuestro archivo de activos. Ahí vamos. Y aquí, preparé para ti algunas carpetas. Contamos con pantallas, que es la captura de pantalla de nuestra aplicación Playa rediseñada. Se exportaron cinco tablas de arte aquí. Como puedes ver, contamos con autos, página de inicio, transacción de menú y detalle de transacciones. Y luego tenemos iconos, ilustraciones, logotipos y ataques. Bien aquí. Entonces ahora mismo necesitamos abrir los logotipos y aquí tenemos dinero. Perfecto. Déjame arrastrarlo y soltarlo por ahí. En realidad, creé otra versión de nuestro logo así. Lo único que cambié waas la posición de nuestro texto. De acuerdo, así que creé una versión horizontal de nuestro logo así. Ahora voy a zoom media, y necesitamos usar nuestra codicia para alinear nuestros elementos. De acuerdo, Entonces lo que voy a hacer es mover estos elementos así hasta que toque nuestra columna. Perfecto. Y su acolchado superior va a ser 50 así. Perfecto. ¿ Qué más necesitamos aquí? Necesitamos algunos menús que sean ataques publicitarios. Y voy a elegir en Sarah teléfonos perfectos. Y eso ha cambiado el tamaño de un teléfono a 17. Y va a ser irregular y el personaje, vamos y el personaje va a ser cero efecto. Y luego cambiemos el color. Voy a cambiarlo a tres a. tres a y tres a. El mismo color oscuro que utilizamos para diseñar la aplicación virgen de este producto. ¿ De acuerdo? Y finalmente, pongamos la línea alta a 24 porque estamos usando un sistema de ocho píxeles son los números deben ser divisibles por ocho. Bastante bien. Voy a hacer zoom significa. Y aquí, vamos a la derecha. Los productos tienen razón. Que el estado de ánimo aquí duplicado y correcto, Desarrolladores perfectos. Una vez más, duplicado en el precio correcto otra vez, voy a duplicarlo. Y aquí eso es correcto. Apoyo. Déjame moverlos al lado izquierdo. Y necesitamos dos cosas más aquí que lo dupliquen. Y aquí necesitamos gusto. Y la última opción va a ser nuestro botón de registro. De acuerdo, entonces lo que voy a hacer es ir a página Juan. Está bien. Y aquí voy a zoom media y elegir esto consigue o tp botón copiado. Y aquí en landing page, voy a pagar estado perfecto. Y ahora voy a duplicar una vez más porque necesito el mismo fondo. Y ahora vamos a hacer doble clic en el 1er 1 y quitar estas formas bastante buenas. Si quiere ocultar estos diseños, puede sostener fácilmente el control y l ¿Y por qué, señor? Vender. Perfecto. Y ahora voy a seleccionar mi fondo aquí. Y eso ha cambiado su con dos, 178 por 72. Voy a alinear nuestros tanques al centro. Bastante impresionante. Y ha cambiado el tamaño de un teléfono a 17. Una vez más, alinearlo bastante bien. Y recuerda cambiar el león Alto a 24. Y como pueden ver, tenemos 24 píxeles en la parte superior y 24 píxeles en la parte inferior. Y aquí voy a renombrar este fuller para inscribirme. Y además, cambiemos este texto para inscribirnos bastante bien. Y vamos a moverlo aquí, y voy a presentar nuestros saludos. Muy bien, Entonces, ¿dónde exactamente deben reposicionar nuestros elementos para este proyecto? Decidí usar la segunda columna del lado izquierdo y la segunda columna del lado derecho también. Por lo que este botón tiene que estar aquí así, y su ocultamiento superior va a ser de 40 píxeles. Perfecto. Entonces voy a seguir adelante y seleccionar son muchos humanos, moverlos al lado del laboratorio. Y ahora alinémoslos. En primer lugar, todo lo que voy a alinear estos tanques de carga. Va a tener 64 picos de relleno correcto como este. Bastante impresionante. Esa es una línea. También está verticalmente, entonces eso es un soporte similar, y va a tener un 72 picos. Muy bien, relleno y demás. Por lo que estos precios 72 picos células también, desarrolladores y productos. Bastante impresionante. Entonces vamos a seleccionar todos estos textos y alineados verticalmente agruparlos. Y aquí, vamos a escribir menú perfecto. Y como puedes ver, tiene un top de 64 píxeles, agregando, eso es fantástico. Y una vez más, voy a alinear todos nuestros elementos aquí, así que necesitamos elegir nuestro logotipo, nuestro menú en nuestra parte inferior, y alinearlos verticalmente. Bastante impresionante. Entonces lo único que cambió fue la posición de nuestro logo. Como puedes ver, es dejar de esconder sus celdas de 56 p en este momento. Fantástico. Entonces voy a mover el spot hacia el lado izquierdo y aquí tenemos que sumar algunos elementos que son tanques. Entonces agreguemos un texto y voy a cambiar su tamaño a 65 así. Y también ha cambiado el fondo a como han pro text, y voy a cambiar el camino a la escena y la línea hola a 80. Perfecto. Y lo último que necesitamos cambiar es el color lo voy a poner a un 46 en doble F así, y entonces eso está cambiando Para asegurar tu dinero gratis y conseguir re warrants bastante impresionantes. Déjame disminuir el con 2 667 y lo voy a alinear con el lado izquierdo, y creo que es mejor cambiar los Fonds. Voy a cambiarlo a SF pro display, así que vamos a buscarlo. Eso es un pro mostrando perfecto. Ahora es mejor. Y luego me voy a acercar y alinear perfectamente con nuestras lecturas. Como puedes ver, está alineado perfectamente y es dejar de agregar va a ser 367 píxeles como este, Entonces voy a duplicarlo. Recuerda, como mencioné antes, aquí tienes una multa fiscal, así que si la abres, puedes conseguir todos estos tanques. Ese es tu uso en este proyecto, y puedes copiarlos y pegarlos de manera fácil y rápida. Sólo un recordatorio. Necesitamos la segunda línea. Copiarlo y aquí pegarlo. Y luego cambiemos el tamaño del teléfono a 17 puntos y la línea alta a 24 píxeles bastante buena. Y luego voy a cambiar el peso de tema a luz encendida. Déjame cambiar el con a 472 así. Podemos cambiar la alineación de auto hide a fix size, así que voy a cambiar el alto a 48 como este y su encabezamiento superior va a ser 16 pixeles perfectos. Y entonces es hora de poner aquí nuestro llamado a la acción, que es nuestro botón de registro. Entonces lo que voy a hacer es renombrar esta carpeta juntos comenzó, y también estas tomas juntas comenzaron también y déjame cambiar la ciencia telefónica de 17 puntos y la línea alta a 24 bastante bien voy a seleccionar nuestro rectángulo, y me gustaría cambiar el con 2 251 así y alinemos una vez más nuestros elementos al centro, vertical y horizontalmente. Es bastante bueno, y dejar de rumbo va a ser para los pixeles como este. Es genial, ¿no? Por el momento agregamos el subtítulo del logotipo de los menús y un botón de contracción a nuestra sección de héroes . En el siguiente video, vamos a sumar y marcar hasta su con el fin de que se vea interesante y fantástico. Espero que hayan disfrutado del CDO y estoy recibiendo el siguiente video. 116. Sección de héroes 2: maquetas: Hola a todos. Espero que lo estés haciendo bien. Como mencioné antes en este video, vamos a diseñar nuestro marcado para colocarlo justo ahí. De acuerdo, ¿qué es un marcado? Permítanme mostrarles un ejemplo. Si buscas iPhone Mark copping Google, podrás ver que obtendrás diferentes opciones y diferentes ejemplos. Por ejemplo, este, es bastante genial. Como puedes ver, es un marcador de posición para tu energía de capturas de pantalla. Presenta tu diseño. Tenemos el iPhone 11 aquí también. Hay tantos recursos gratuitos y pagados está ahí fuera que puedes usar. No obstante, vas a crear nuestra propia marca porque va a ser tan simple y único. Entonces volvamos a nuestro boceto para arriba y aquí voy a insertar alrededor perfecto. Y luego vamos a seguir adelante y cambiar su con 2 260 por 563 como este bordes sin marcar y cambiar el tipo de radio a esquinas suaves y es la cantidad de 41 bastante impresionante. Entonces voy a añadir algunas sombras. Entonces disminuyamos el todo 5 a 10% y un Y 2 43 También quiero cambiar la x 21 Y finalmente la Blair a 56. Bastante impresionante. Entonces lo que voy a hacer es colocar nuestras capturas de pantalla desde la aplicación que diseñamos en estos rec tango. Entonces, ¿cómo podemos hacer eso? En realidad, hay corsé diferente. El primer camino es solo arrastrar y soltar la captura de pantalla y luego elegir este rectángulo sobre máscara. Es, sin embargo, hay otra forma que te recomiendo que uses eso y que está usando patrón feel in feel section. Entonces si abres campos, puedes ver aquí tenemos sensación de patrón y yo puedo elegir una imagen. Entonces aquí, abramos pantallas y voy a elegir la página principal como esta. Y ahí vamos. Fue fácil, ¿verdad? En mi opinión, es la mejor manera de hacerlo. Y además, es la forma más precisa, Muy bien, entonces voy a seguir adelante y duplicarlo así. Voy a colocarlo con una palmadita de 60 píxeles perfecta. Y cambiemos la foto dos tarjetas bastante buenas una vez más duplicadas y cambiemos la foto a detalle de transacciones, y necesitamos dos más, así que voy a duplicarla una vez más y cambié la foto a transacción y la última uno que está cambiando demasiados bastante bueno. Entonces elegamos la que de estos dos pantalla media y los movamos un poco más arriba así. Y también vamos a seleccionar a estos dos y moverlos hacia arriba así. Y por último, tenemos que elegir todos ellos, agruparlos y llamarlo markup ¡Awesome! Entonces eso se gira 30 grados hacia el lado izquierdo. Entonces digamos a menos 30 grados, y voy a moverlo hacia abajo para conseguir el mejor lugar posible. Voy a presentar aquí mis saludos y vamos a moverlo un poco cuando un zoológico signifique y esta pantalla va a tocar esta columna, Vale, creo que ahora es genial. No obstante, tal vez te estés preguntando qué va a pasar para el resto de estos mark ups. En realidad, no se van a recortar porque necesitamos aumentar la altura aquí, así que voy a multiplicar por dos. Es una buena manera de calcular tamaños aquí, así que voy a multiplicar por dos y llegaremos a cualquiera 60 pixeles perfectos. Entonces ahora si haces clic en vista previa, puedes desplazarte fácilmente hacia abajo así y aquí vamos a poner nuestras características clave. Eso es fantástico, ¿no? Está bien. Algo que debemos recordar es cambiar el color de nuestros fondos. De acuerdo, entonces si seleccionas este tablero de arte, tendrás la opción de color de fondo. Voy a seguir adelante y marcar esta casilla y revisar incluyendo exportación como esta en ese settee. Dos F cinco F seis y F A para conseguir esto muy ligero y bonito azul. OK, ahora se ve fantástico. Muy bien, chicos, espero que disfruten este video. Te veo en el siguiente video por crear nuestras características clave. Entonces nos vemos. 117. Sección de características clave: Hola a todos. Espero que lo estés haciendo bien en este video. Vamos a diseñar nuestras características clave. Está bien. De hecho, necesitamos diseñar seis características clave diferentes para esta página de aterrizaje, las cuales son seguras y seguras. Fácil de guardar. 5% cash back, amigable para el usuario, basado en la nube y soporte 24 7. De acuerdo, Así que si te has dado cuenta, ya preparé para ti seis iconos diferentes y los puede encontrar en archivo de activos. Entonces ahora podemos seguir adelante e insertar alrededor de eso aquí así. Voy a hacerlo 80 por 80. Perfecto. Y cambió un radio. Tiempo para suavizar las esquinas y la cantidad a 25. Bastante impresionante. Déjame hacer zoom significa, entonces voy a seguir adelante y en Czech Borders, y vamos a cambiar el color. Voy a hacerlo naranja o están seguros y seguros. Característica. Entonces escribamos F cinco a seis y 23 así. Bastante impresionante. Y ahora es el momento de abrir nuestros activos. Bien. Y aquí podemos seguir adelante y abrir los iconos, más llenos. Y como pueden ver, tenemos diferentes iconos. ¿ De acuerdo? Voy a seguir adelante y Dragon dejó caer un ícono seguro como este perfecto. Y cuando una película abajo, esa es una línea tanto vertical como horizontalmente y finalmente los agruparé y voy a escribir seguro bastante impresionante. Entonces necesitamos escribir un texto. De acuerdo, entonces lo primero refacciones. Voy a seguir adelante y cambiar la diversión a SF Pro mostrando así en. Cambiemos el tamaño del teléfono a 22 puntos. Perfecto. El alto de la línea es de 26. Está bien y hacer que la línea alta 24 sea bastante buena. Y por último, necesitamos cambiar el color. 23 un tres a y tres a k. Y aquí voy a escribir seguro y seguro bastante bien. Eso es alinearse con el centro, y el relleno entre ellos va a ser de 16 píxeles. Pero esto eso es impresionante. Asegúrese de que el texto sea una línea hacia el centro. Una vez más, agrupémoslos y llamémoslo seguro y seguro. Bastante impresionante. Entonces necesitamos duplicarlo, tienen razón. Y en primer lugar, cambiemos el color. Entonces si sigo adelante, puedo elegir otro Connor fácilmente. Si no estás seguro de lo que Connor son geniales para combinar juntos, es mejor simplemente mover esta selección de color aquí o digamos slider como estos. Y como puedes ver, puedes elegir los mejores Connors posibles de esta manera. Asegúrate de no cambiar la posición de este selector de color así. No es una manera ideal, sin embargo. Es una opción. Por ejemplo, estos dos son geniales, pero para estos landing page, ya preparé los colores, así que voy a seguir adelante y ponerlo en 23 5 c y F cinco. Bastante impresionante. Quitemos este ícono y llevemos el icono de la caja de dinero así. Lo voy a alinear al centro tanto vertical como horizontalmente. No obstante, no siempre se debe confiar en este tipo de alineación, porque a veces se tiene que equilibrar y alinear una manualmente para obtener los mejores resultados posibles. Entonces como puedes ver, no está en el centro. Entonces vamos a elegir eso y moverlo hacia arriba por dos píxeles y voy a mover esta carpeta y ponerla dentro del fuller seguro así. Como puedes ver, es salto agregando Eastern Devaughn y su impactante spot es de 24 píxeles. Ahora mismo, sin embargo, como se puede ver, se puede reconocer que es una línea al centro. De acuerdo, así que déjame cambiar los tanques demasiado fácil ahorrando así y una vez más alineado al centro Bastante bueno. Y aquí tenemos que cambiar el nombre de Fullers demasiado fácil guardar también. Eso es impresionante una vez más duplicado. Y aquí voy a cambiar el color para ser 32 3 F y cinco Awesome. Eso se quitó este ícono y trayendo aquí el icono de devolución de efectivo. Por lo que tenemos autos de crédito. Va a ser nuestro icono de devolución de efectivo. Esa es una línea hacia el centro, y necesitamos equilibrarla manualmente. Se ve genial. Y luego voy a seguir adelante y mover esta carpeta y ponerla dentro de esta segura, más completa y cambiar el impuesto al 5% de devolución de efectivo como esta línea al centro y luego renombrar esta carpeta. Así es, Cash Bank. Bastante bien. Necesitamos tres características clave más. De acuerdo, así que sigamos adelante y duplicarlos así. Y ahora necesitamos cambiar el color de este rectángulo. O, digamos Square Teoh tiene 5 23 y 23 bastante bueno que se quita este ícono y trae aquí el ícono me gusta. Ahí vamos. Lo voy a alinear al centro tanto vertical como horizontalmente. Y cambiemos estos tanques a fáciles de usar. Bastante bien. Recuerda mover estas carpetas y ponerla dentro del Fuller seguro aquí y renombró su Fuller a fácil de usar. Fantástico. Y el siguiente también, voy a cambiar la esquina a 23 d c y F. Fine. Está bien. Y luego voy a quitar este ícono y traer aquí el ícono de la nube porque se trata de basado en Cloud. Voy a equilibrarlo manualmente así. Y eso ha cambiado el nombre a Cloud basado bastante bueno. Por último, voy a mover esta carpeta y ponerla dentro de un fuller seguro y renombré la carpeta principal a Cloud. En base al último pero no menos importante, necesitamos cambiar también el color de thes cuadrado. Entonces lo voy a cambiar a F 5 23 y nueve D así. Quitar estas tarjetas de crédito y llevar el apoyo. Puedo escuchar una línea hacia el centro tanto vertical como horizontalmente y cambiar estos textos a 24 7 soporte. Entonces voy a seguir adelante y mover el soporte fuller dentro del seguro fuller y renombrado la caída principal o para apoyar Fantastic are right. Lo siguiente que tenemos que hacer es alinearlos. Entonces voy a seguir adelante y elegir su seguro y fácil de usar así, y voy a poner el relleno entre ellos a 107 pick cells como esta. A estos dos también les pasa lo mismo. 107 y Oriente a bastante bueno. Entonces elijamos seguro y seguro. Agruparlos y cambiémosme el nombre a un solo grupo. Ahorro fácil con Cloud, basado en Lee dos y 5% en efectivo Banco B 24 7 Soporte y llámalo tres. Selecciónelos anglicano. Distribuya resentidamente así, y vamos a establecer el pateo entre ellos en 200 píxeles. Bastante impresionante. Una vez más, agruparlos . Y aquí, vamos a escribir sección de características bastante impresionante, y me voy a alinear hacia el centro horizontalmente moviéndome hacia abajo así. Creo que voy a poner el vino a 14 45. Es una mejor posición, y eso está previsto. Ahí vamos. Se ven increíbles. No obstante, creo que es una buena idea agregar algunos detalles aquí porque tenemos algo de espacio vacío justo en la parte superior y también aquí en la esquina inferior derecha. Entonces, ¿qué? Yo voy a hacer se va a pagar a John. Y si recuerdas, en perfil tablero de arte completado, creamos dos formas, así que voy a elegirlas, copiarlas y escuchar página de aterrizaje, pegarlas, luego seleccionar el azul. Muévete aquí y el morado. Aquí. Voy a seleccionar el azul y rotar los calentadores hacia el lado izquierdo así. Vamos a moverlo aquí y el morado otra vez, girado a la derecha y moverlo aquí así. Entonces voy a presentar mis diseños año sosteniendo el control L. Y vamos a mover estos azules al lado izquierdo así. Perfecto y el morado también. el lado derecho, eso es impresionante. Como puedes ver, nuestras características clave no están alineadas con nuestros diseños. De acuerdo, perfectamente así que no es un problema. Simplemente debes enfocarte en eso, que todo debe estar alineado con tu diseño. Los diseños y la codicia están justo aquí por ayudarte a mantener todo organizado, está bien, y a veces sucede que los cruzas. No obstante, es perfectamente normal, bastante bueno. Una vez más, eso es Previte. No obstante. En primer lugar, cambiemos el máximo a 3000 así y creemos ahora. Es fantástico, ¿no? Tienen razón, chicos, vamos a poner fin a este video. Espero que lo hayan disfrutado. Y en el siguiente video, vamos a diseñar nuestro primer largometraje aquí mismo. Entonces viendo el siguiente video. 118. Característica 1: Hola a todos. Bienvenido de nuevo a otro video fuera de las puntuaciones en este video, vamos a diseñar nuestra característica de tarifas aquí. De acuerdo, Así que primero insertos, déjame presentar nuestros diseños aquí bastante buenos. Y luego voy a hacer zoom significa, Vamos a añadir un texto aquí. El fondo se dice a sf pro exhibiendo, que es lo que queremos. Y voy a cambiar el camino a medio y el tamaño a 15 puntos. Bastante impresionante en la línea. Hola a 24. Voy a escribir, siempre mejorando así y se capitaliza a partir de tomas opciones que es fantástico. Y el color va a ser cinco para doblar F y ocho como este, alineándose al lado izquierdo y duplicado. Y ahora pongamos las señales del fondo en 24 puntos. La altura de la línea va a ser la misma, y el peso también va a ser medio. Cambiemos el texto para que sigamos mejorando nuestros servicios así y cambiemos el color a un fantástico 46 doble f, y va a tener un relleno superior de 16 píxeles como este y una vez más duplicado. No obstante, esta vez, cambiemos la ciencia telefónica a 16 puntos y la línea hola a 32. No se va a capitalizar. Voy a volver a ajustarlo a la opción anterior. Y eso ha cambiado el color a un cuatro B cero y doble s como este. ¿ Te acuerdas de eso? Mencioné sobre el archivo de texto que preparé para ti. Entonces ahora lo vamos a abrir. Ahí vamos. Y como puedes ver aquí, tienes todos los tanques. Entonces con el fin de ahorrar su tiempo, lo voy a copiar y pegar. Ahí vamos. A por fin, eso ha cambiado Con 2 517 así. Bastante impresionante. Es parada de rumbo va a ser 32 pixeles como este. Selecciónelos todos y moviéndose hacia el lado izquierdo y alineándose al borde izquierdo de nuestra segunda columna así. Lo único que necesitamos aquí es un fondo. De acuerdo, Necesitamos crear un botón de aprender más aquí. Entonces lo que voy a hacer es desplazarme hacia arriba, acuerdo? Y copiar y pegar thes empezar. Botón. Ahí vamos. Voy a ser tan malo. En primer lugar, eliminemos estas dos formas. No los necesitamos y cambiamos el texto para aprender más. No obstante, voy a cambiar el con 2 200 aliando las tomas al centro. Fantástico. Recuerda renombrar nuestro Fuller Conoce más. Y como puedes ver, está alineado perfectamente y es dejar de agregar, Va a ser 32 celdas de picos también. ¿ Así? Eso se ve genial. Entonces vamos a seleccionarlos todos, agruparlos y llamarlo característica uno. ¿ Qué más necesitamos aquí? Tienes razón. Necesitamos una ilustración. Entonces vamos a traerlo aquí desde nuestra carpeta de ilustraciones. Tenemos tres ilustraciones diferentes. Voy a arrastrar y soltar el 1er 1 En realidad, obtuve esta ilustración del sitio web de Andhra como la mencioné antes. Puedes comprobarlo. Es una gran fuente de ilustraciones. Bastante bueno en Mizzou significa? Voy a moverlo al lado derecho. Como pueden ver, se alinea perfectamente con nuestra segunda columna, y voy a hacer el por qué 22. Y a cualquiera como esto bastante bueno. Moveamos estos derribos también y alinémoslo con nuestra ilustración. Eso es fantástico. Por lo que ahora es el momento de previsualizar nuestra página de aterrizaje. Ahí vamos. Eso es genial, ¿no? Muy bien, chicos, Muchas gracias por ver el video. Espero que lo hayan disfrutado. En el siguiente video, trabajaremos en nuestro segundo largometraje. Entonces nos vemos. 119. Característica 2: Hola, Ron. Espero que te vaya bien en estos videos. Vamos a diseñar nuestro segundo largometraje. Entonces sin para yo lo hago, Vamos a empezar. Voy a desplazarme un poco hacia abajo. Y vamos a seleccionar nuestro mundo del arte porque necesitamos aumentar el tamaño de altura a, digamos, para 1000 como este Es suficiente, supongo. Está bien. Por lo que para nuestra segunda característica, necesitamos otra ilustración para colocarla a la derecha del lado izquierdo. Tienes razón. Tenemos que ponerlo en el lado opuesto. Está bien. Con el fin de mantener el saldo fuera de nuestra página de aterrizaje. Por lo que ahora elijamos nuestra primera característica duplicada. Voy a bajarlo y ponerlo aquí así. Asegúrate de que sea una mentira perfectamente, bastante buena. Voy a seguir adelante y cambiar estos contenidos. Entonces voy a abrir el archivo de texto. Y aquí voy a copiar y pegar 24 7 soporte Eso es pegarlo aquí. Perfecto. Y para el subtítulo, vamos a copiar y pegar la frase Experiencia Ayuda cuando necesites bastante bueno. Y aquí tenemos la descripción competir y pegarlo aquí. Y eso es todo. Recuerda cambiar el nombre de Fullers por la función dos. Entonces necesitamos colocar una ilustración justo enfrente de nuestro texto. Está bien. No obstante, antes de hacer eso, eso es insertar un círculo aquí y lo voy a hacer 11 06 por 11. 06 en Fronteras checas Bastante bien. Y necesitamos usar un increíble e interesante Grady en para ello. Entonces sigamos adelante a la página uno. Y como recuerdan, creamos alguna gran nota. Ian está aquí. Entonces voy a seguir adelante y seleccionar este azul click derecho sobre eso y copiar estilo bastante bien. Y voy a pagar sentado aquí. Impresionante. Eso ha cambiado un poco una dirección de nuestro radiante. Se ve fantástico. Entonces vamos a duplicarlo una vez más y en Chek Fields y chequear Borders. Y voy a ponerlo en 0.9 y vamos a usar el mismo color aquí. Entonces usemos el primer color y elijamos thes soplado. El código es 48 un tres F cinco y el segundo color de nuevo aquí y disminuir el encendido para 20 Bastante impresionante. Ahora movámoslo al lado derecho así. No obstante, creo que es mejor cambiar el color a algo más oscuro. Entonces pongámoslo a tres C 54 f un bastante bueno. Voy a cambiar un poco la dirección ahora. Se ve fantástico, y se está moviendo hacia el lado izquierdo y mueva hacia arriba una vez más duplicado con al lado derecho y moverlo hacia arriba así. Ahora es el momento de agregar nuestra ilustración a nuestra página de aterrizaje. Entonces vamos a traer nuestra segunda ilustración bastante buena. En realidad, obtuve esta ilustración del sitio web de humanos. Es un recurso muy grande fuera de las ilustraciones, así que asegúrate de echar un vistazo a este sitio web. Puede descargar esas ilustraciones de forma gratuita. Bastante bien. Entonces lo que voy a hacer es colocar estas ilustraciones aquí. Lo voy a alinear, alimentar nuestra segunda columna desde el lado izquierdo, como pueden ver, y elegamos nuestros círculos agruparlos. Voy a llamarla Círculo una película al lado izquierdo así. Ahora es genial. Y la parte superior luchando contra estos impuestos va a ser 430 picks posee así. Ahí vamos. Vamos a adelantarlo y previsualizarlo. Eso se ve increíble. Muy bien, chicos, Muchas gracias por ver este video. Espero que lo hayan disfrutado. En el siguiente video, diseñaremos la sección de clientes juntos, así que nos vemos que 120. Sección de clientes: Hola a todos. Bienvenido de nuevo a otro video de la sección en este video. Vamos a diseñar la sección de clientes juntos para que no nos favorezca hacer. Empecemos con aumentar nuestra altura aquí a 5000 como ésta. Bastante bien. Entonces voy a presentar aquí mis diseños y necesitamos un texto. Como puedes ver, la fuente se dice a SF Pro Display y el tamaño divertido va a ser de 24 puntos y la altura de la línea va a ser de 29. Y por último, cambiemos el color. 23 un tres a y tres a. Bastante impresionante. Entonces voy a escribir, visitar a algunos de nuestros clientes así, una línea al centro y va a tener un 610 picks. Alterar el relleno, como se puede ver, entonces aquí necesitamos colocar nuestros logotipos. Entonces sigamos adelante y arrastremos y soltemos nuestros logotipos aquí. Logos, clientes. Tenemos cinco logotipos diferentes, así que los voy a arrastrar y soltarlos aquí bastante bien así. El segundo reserva Munn. Y luego voy a colocar Shopify y después de esa holgura y en su lugar carrito, como se puede ver la altura, tener estos logotipos se establece en 30. De acuerdo, y los voy a seleccionar a todos. Puede Puedes distribuir Presente Lee y distribuir de manera desigual así. Por lo que ahora necesitamos poner un relleno de 60 Peaks Ella entre ellos así. Impresionante. Bastante bien. Perfecto. Ahora vamos a agruparlos y voy a escribir no, va una línea al centro y vamos a shakthi alineación. Como puedes ver, necesitamos cambiar el relleno entre ellos en urgimiento, alineándonos perfectamente con nuestras columnas. Entonces vamos a seleccionarlos todos, moverlos hacia el lado derecho hasta que tengamos una buena alineación aquí. Bastante bien. Y eso es como el último logo y película al lado izquierdo. Asombroso otra vez. Seleccionémoslos a todos. Francamente, puede distribuir de manera desigual están bien bastante bien. Entonces elegamos nuestros logotipos Fuller y vamos a establecer un 72 picos. Vendo top escondiéndose para ello. ¡ Fantástico! Y eso es todo. Entonces vamos a previsualizar Bastante impresionante. Muy bien, chicos, muchas gracias por ver este video. Espero que lo hayan disfrutado. Y en el siguiente video diseñaremos otra sección de llamada a la acción aquí. Entonces nos vemos. Eso 121. Llamado a la acción: Hola. Todos volverán a otro video fuera de las partituras en este video. Vamos a diseñar otro llamado a la acción aquí. De hecho, casi todos los sitios web tienen una acción de condominio justo antes del pie de página. Entonces vamos a crear una aquí para estas partes. En primer lugar, voy a aumentar la altura 26 1000 así. Entonces sigamos adelante y duplicamos nuestro círculo encendido. Voy a voltearla horizontalmente así. Bastante bien. Está bien, lo voy a poner aquí. Tenemos 1234 y cinco columnas. Eso es genial. Y va a tener un 72 picos vender encabezamiento superior. Entonces lo que vamos a hacer es cambiar aquí el Grady int por otra cosa. Entonces vamos a elegir el primer color, el azul ligero, y ponerlo en una F tres c y F E. Y el segundo 1 para ser cinco para duplicar F en ocho así. Entonces cambiemos la dirección de nuestro Grady int Bastante impresionante. Y por último, necesitamos traer aquí nuestra ilustración. Es otra ilustración del sitio web de humanos, y la voy a poner aquí así como esto. Muy bien, entonces qué necesitamos aquí. Tenemos que Tex. De acuerdo, así que vamos a crear el 1er 1 que voy a escribir. ¿ A qué esperas? ¿ Un signo de interrogación? Entonces hagámoslo 30 puntos y sean nueve. La altura va a ser de 24 y el color será de cinco para duplicar F un ocho. No obstante este tiempo, voy a cambiar el personaje aquí. Entonces cambiémoslo a 1.5 con el fin de conseguir más espacio entre nuestros personajes y duplicarlo , y va a tener un relleno Eldar de 32 picks y cambiarte para registrarte hoy y disfrutar de tu 5% de devolución de efectivo. Entonces voy a cambiar el color a un 46 y doble F como este Bastante impresionante. Y aquí necesitamos botones como nuestro llamado a la acción. Entonces vamos a seguir adelante y copiar y pegar este botón de inicio, y voy a cambiar estas tomas, también. Pruébalo gratis. Y esta vez lo voy a hacer en mayúscula así, y deje de sumar va a ser de 64 píxeles y necesitamos otro botón. Pongámoslo aquí. No obstante, recuerda renombrar el Fuller Voy a hacer que se trate gratis y por el espartano. Voy a quitar estas dos formas, y voy a seguir adelante y cambiar el color a un blanco sólido como este. En eso ha cambiado el color del texto a uno e tres b y f e así. Eso está cambiando para contactarnos. Bastante impresionante. Y por último, necesitamos cambiar el color de nuestra sombra. Hagámoslo tres C tres C y tres c k Y después de eso voy a disminuir el todo hasta el 10% y el resto debe estar intacto bastante bueno. Por último, necesitamos cambiar el nombre de la carpeta para contactarnos. Ahora elegamos estos textos y estos dos botones los agruparán. Escribamos llamada a la acción, muévalos un poco hasta que obtienes un 555 picks out son palmaditas así y luego eso está previsto. Ahí vamos. Eso se ve increíble. Muy bien, chicos, Muchas gracias por ver el video en el siguiente video, que es nuestro último. Vamos a crear un pie de página para ese final fuera de nuestro tablero de arte. Entonces te veré. Eso 122. Footer: Hola a todos. Espero que te vaya bien en este video. Vamos a diseñar la última parte de esta página de aterrizaje, que se llama Footer. Cada sitio web tiene un pie de página, y tiene que tener con seguridad, porque necesitamos poner al usuario alguna información importante de Ling's o alguna información importante sobre el idioma o ubicación. Y por último pero no menos importante, necesitamos escribir sobre el derecho comp, así que sin más lo hago. Empecemos con insertar una línea, que va a ser nuestro separador aquí, así que voy a crear una sola línea. Como puedes ver, su longitud es de 1920 pick canciones bastante buenas. Voy a cambiar su con 20.5 y luego el color a un azul claro. Entonces voy a ponerlo en nueve b a nueve y voy a ser bastante impresionante y vamos a alinearlo así que voy a quitar estos puntos aquí. Así que pongamos el encabezamiento superior a 100 canciones de pick como esta. Y entonces qué necesitamos aquí? Vamos a crear tres columnas fuera de los menús o digamos enlaces y aquí mismo vamos a poner dos tanques diferentes los cuales son los siguientes, los dos iconos diferentes con el fin de indicar la ubicación del usuario y el lenguaje fuera ese página de aterrizaje. Y finalmente, año, vamos a escribir nuestro derecho comp, así que sin más lo hago. Empecemos con la creación de nuestra primera columna. Entonces aquí voy a escribir producto. Impresionante. El fondo va a ser Monsour it, así que es perfecto. No obstante, voy a cambiar el tamaño de fuente a 16 puntos, y voy a ponerlo en negrita. Y cambiemos la línea alta a 24. Eso es genial. Por último, necesitamos cambiar el color, así que voy a usar un azul claro. Vamos a ponerlo en nueve b a nueve. Onda será bastante buena. Lo voy a poner aquí. Eso es comer duplicado y es dejar de esconderse van a ser 16. Pick Canciones como esta hacen su alineación regular a la izquierda, ambos fuera de ellas. Entonces lo voy a cambiar por pagos duplicados, y va a tener un top de ocho píxeles escondido. Vamos a cambiarte a facturación una vez más, duplicados, y aquí vamos a tener préstamos y la última diversión va a ser tarjetas de crédito como esta. Selecciona todos ellos agrupados y llámalo producto. Y entonces eso está duplicado. Y voy a cambiar las carpetas Nombre a empresa, Muy bien, Y ahora vamos a seguir adelante y cambiar estos productos a empresa bastante bien. Y los pagos van a estar a punto. Y el siguiente va a ser emprendimiento impresionante. Y los préstamos van a ser clientes en el último, esa ciudad a empleos, está bien, y necesitamos uno más común. Entonces vamos a duplicarlo, y voy a cambiar el nombre de la carpeta a Resource Is. Y aquí la empresa debe cambiarse a Resource es también y sobre debe ser apoyo. Enterprise debe ser contacto y los clientes. Vamos a cambiarlo por políticas, y la última va a ser mapa lateral. Muy bien, ahora, sigamos adelante y seleccionemos todas estas tres columnas. Y como puedes ver, el recurso es Columna está en nuestra segunda columna del lado derecho, bastante bueno, y van a tener un top de 100 picks up, agregando, como puede ver y aquí vamos a crear la ubicación en el idioma fuera de la página de destino. Entonces sigamos adelante y escribamos un nombre de ciudad, por ejemplo, voy a elegir a San Francisco así, y eso es cambiar el color a un 46 en doble izquierda. El tamaño de la fuente va a ser el mismo. Deberían ser 16 puntos, sin embargo, Vamos a cambiar la línea. Hola a 30 tienen razón, y ahora es el momento de traer el ícono. Entonces aquí en iconos, tenemos otra carpeta, que se llama Footer, y tenemos dos iconos diferentes, años de antigüedad. Arrástrelos y soltémoslos aquí. Tenemos lenguaje y brújula, Vale, así que vamos a bajarlos así. El 1er 1 que es una brújula, va a ser para nuestra ubicación, y va a tener un relleno de 16 píxeles como este. Agruparlos y llamarlo vocación. Y voy a copiar y pegar este texto bastante bien aquí. Escribamos inglés Estados Unidos bastante impresionante. Va a tener un relleno de 16 píxeles como nuestra ubicación y agruparlos. Déjame renombrarme a un lenguaje como este, y como puedes ver, tiene un relleno superior de 16 píxeles, cual es perfecto. Y por último pero no menos importante, tenemos que añadir aquí nuestros derechos de autor, así que voy a cambiar el color también. Nueve b a nueve y doble B y cambiemos la línea alta a 24. Y voy a añadir un símbolo de copyright manteniendo pulsada la tecla de opción y haciendo clic en G así. Y así es, dinero arriba coma 2019 y todos los derechos reservados. Es un texto estándar y se está alineando al lado izquierdo y va a tener un 60 picos y top escondiéndose así son chicos de la derecha. Ahora lo único que tenemos que hacer es disminuir nuestra altura, OK, porque también vamos a conseguir un relleno de fondo de 100 píxeles. Entonces como puedes ver aquí tenemos 250 células pico. Necesitamos obtener 100 pixeles. Entonces sigamos adelante y elijamos nuestro tablero de arte. Y aquí voy a escribir menos 150. Ahí vamos. Todo está configurado a la perfección, tienen razón. Y recuerda alinear a estos dos también van a tener un top de 100 píxeles escondiéndose así . Por lo que necesitamos cambiar la alineación de nuestro texto de copyright aquí obtiene una alineación perfecta. Ahí vamos. Ahora todo está genial. Entonces, por última vez, vamos a previsualizar juntos nuestra página de aterrizaje. Previ. Impresionante. Todo se ve bien. Aquí está nuestro pie de página. Muy bien, chicos, espero que hayan disfrutado este video. Y también la sección si quieres conseguir el proyecto final puede descargarlo del recurso es sección fuera de la última conferencia la cual se llama Proyecto Final. Una vez más, espero que lo hayan disfrutado. Y te veo en el siguiente video. 123. Introducción al modelado en 3D: Hola a todos, todos, y bienvenidos de nuevo a otra sección de estos cursos en esta sección. Vamos a hablar sobre el modelado de tres D. Quizás te estés preguntando cómo te va a ayudar el modelado de tres d en tu carrera como diseñador Yuan UX. Entonces déjame explicártelo en un término sencillo. Para ti como yuan UX diseñador es bueno saber un poco sobre el modelado de tres D porque a veces quieres diseñar una página de aterrizaje creativa o, digamos, un grito para una aplicación que necesita algunas formas simples o incluso algunas tres D contextos. Entonces en la sección, voy a enseñar cómo puedes usar estas técnicas con el fin de crear un auto increíble para tu diseño. Por lo que puede estar familiarizado con los tradicionales programas de modelado de tres D, como Cinema cuatro D tres D's Max etcétera. No obstante, trabajar con estos softwares tradicionales podría ser bastante burlante para los principiantes. Entonces en lugar de trabajar con esos Softwares, les voy a mostrar otro gran ambiente. Se cuenta con una aplicación Web, que se llama Victoria. Se trata de una aplicación Web increíble y totalmente nueva que puede ayudarte a crear increíbles tres pisoteadores D de una manera rápida y fácil. Entonces en lugar de trabajar con algunas herramientas complejas, te voy a enseñar cómo podrías usar la victoria para obtener los mejores resultados posibles. Entonces si te diriges al punto de victoria com, como puedes ver, esta es la página de aterrizaje. Ahí vamos. Podemos ver estas características. Y la buena noticia es que, cuando termines esta sección, puedes crear fácilmente este tipo de cosas. Y puedes poner el abrigo en tu página web o incluso puedes previsualizarlo como un modelo de realidad aumentada . De acuerdo, entonces lo primero que tenemos que hacer es crear una cuenta. De acuerdo, hay dos tipos de cuentas. La primera vez es gratuita. Entonces si vas a precios, puedes ver tenemos dos tipos gratis y premium Para estos cursos. Puedes usar la cuenta gratuita porque nos vamos a centrar únicamente en lo básico, así que asegúrate de crear tu cuenta. Y en el siguiente video, iniciaremos juntos nuestro primer proyecto de modelado tres D. Entonces nos vemos entonces 124. Shapes de 3D: Hola a todos. Cuando volvamos a otro video de estos cursos en estos video, vamos a empezar a trabajar con rectoría. Entonces, sin más preámbulos, empecemos. En primer lugar, sigamos adelante y pinchemos y empecemos a crear. Entonces aquí puedes crear nuevo proyecto. O en lugar de eso, puedes usar algunos proyectos pre hechos. Entonces voy a seguir adelante y dar click en este proyecto a nuestra derecha. Como se puede ver aquí, tenemos un entorno de tres D con tres dimensiones. Ahí vamos. Por el momento, estábamos trabajando en un ambiente con dientes. No obstante, ahora nos vamos a sumergir en un entorno tres D Eso es tan interesante. Entonces, primer lugar, permítanme explicarles algunos conceptos básicos. Si quieres moverte por estos lienzo, vale, puedes mantener fácilmente espacio en tu teclado y moverte. Si vas a acercar o alejar, puedes desplazarte así y también puedes desplazarte por ahí. Nos dejó click en su ratón. Rectoría es una aplicación bastante compleja, por lo que no vamos a cubrir todas las herramientas. No obstante, te voy a enseñar los requisitos con el fin de que sepas cómo puedes usar esta gran aplicación. Justo en la parte superior. Tenemos algunos momentos. Como puedes ver, tenemos el modo de edición de objetos, biblioteca y comentarios en objeto. Tenemos diferentes opciones también. Aquí tenemos primitivas, como ustedes conciben, tienen bicicletas, miedo, miedo, tubo de cilindro, etcétera. Puedes hacer click fácilmente y bancos aquí y allá vamos. Tienes tus literas, así que vamos a alejarnos. Bastante impresionante. Y a tu derecha, puedes modificar algunas variables como posición, rotación, rotación, tamaño de escaneo e incluso material como este. Bastante impresionante, ¿no? Segmentos de nombre también, Así que voy a hacer 10 por ahora. Como pueden ver aquí tenemos un artiluto. Son algunas flechas, algunos cubos y algunas artes. De acuerdo, Este gizmo te permite girar escala y mover tu objeto. ¿ De acuerdo? Entonces si quieres mover tu objeto, puedes usar estas flechas como esta en cualquier dirección que quieras. Si quieres asustar a tu objeto, podemos usar thes cubos. Como usted concibe. Tenemos dos cubos diferentes. El cubo exterior te permite escalar tu objeto en una dirección como esta. Y el cubo interior te permite escalar tu objeto proporcionalmente. Si quieres rotar tu objeto, puedes usar thes arcos. Fantástico. Por lo que ahora voy a quitar este objeto. Otra cosa que puedes usar es texto. De acuerdo, así que cada vez que hagas click en estos tres tanques D, puedes ver que la victoria crea automáticamente un nuevo año fiscal para ti. Y si quieres cambiar estos tanques, eso puede fácilmente dirigirse a una sección fiscal de tres D. Y cambiémoslo a ti. Yo ux diseño bastante impresionante, y puedo moverme. Es facilmente aquí. Puedo cambiar la profundidad perfecta. Y también puedo cambiar el material. O, digamos que el color en este caso bastante impresionante, y también puedes cambiar los fondos. Entonces busquemos meses aretz ahí atrás. También se puede cambiar el peso, el ritmo de los personajes y el espaciado de líneas. Cuando estás trabajando con un objeto tres D, necesitas renderizar su OK. Por lo que aquí en la parte superior se puede ver la razón más grandioso toggle. Y si pasas el mouse encima de eso, puedes ver que hay tres opciones diferentes, baja calidad, calidad media y alta calidad. Entonces voy a ir con calidad media. Ahí vamos. Se ha renderizado perfectamente, por supuesto, Hay algunas marcas de agua en versión libre. Si quieres quitarlos, puedes usar la licencia premium off victory. Entonces ahora dejemos de renderizar nuestro texto. Muy bien, chicos, eso es todo por estos videos. Muchas gracias por ver este video. Espero que lo hayan disfrutado. Y en el siguiente video, hablaremos de la cámara y la iluminación. Entonces nos vemos. 125. Cámara y iluminaciones: Hola a todos. Bienvenido de nuevo a otro video de thes curso en estos video. Vamos a seguir trabajando en nuestro proyecto anterior. Como pueden ver, tenemos estos tres d tex. No obstante, ahora es el momento de agregar una cámara a nuestro lienzo o a nuestra vista. De acuerdo, vamos a ponerlo en estas cámara bastante impresionante. Y ahora si sigues por ahí, puedes ver que la cámara está fija y frente a nuestro impuesto en la vista específica que dijimos. De acuerdo, entonces si haces click en esta capa de vista de cámara menos allá vamos. Obtendrás tu vista de cámara de diseñador. Una cámara nos ayuda a mantener una vista específica cada vez que queremos renderizar nuestro proyecto. OK, entonces ahora vamos a renderizar nuestros tanques una vez más. Y como puedes ver, no parece realista, acuerdo? Porque no tenemos grandes sombras e iluminación gris, así que vamos a arreglarlo. Lo que vamos a hacer es elegir un avión sombra bastante impresionante. Voy a moverlo hacia abajo, y como pueden ver ahora tenemos un plano sombra. De acuerdo, De hecho, cada vez que pones un objeto o algo, sido un muy pone un objeto o digamos un tres tanques D encima de un plano sombra. Creará automáticamente una sombra para eso. Entonces, por ejemplo, aquí en Mizzou Mean, Como pueden ver, nuestros tanques no están perfectamente por encima de nuestro plano sombra. Entonces, en primer lugar, elegamos nuestros tres tanques D y presionamos un bastante bueno. Y luego lo voy a subir así. Asegúrate de que esté por encima de tu plano de sombra. De acuerdo, Como puedes ver, no es así. Voy a subirlo otra vez. Ahora está bastante bien. De acuerdo, Entonces si renderizas tus objetos ahora mismo, puedes ver que tenemos una gran sombra. ¿ Puedes ver eso? De hecho, también se pueden añadir algunas luces, por ejemplo. Aquí, voy a ir por una luz de rectángulo como esta. Voy a moverlo un poco y vamos a renderizar se ven una vez más. Es demasiado brillante ahora es mejor. Fantástico. Muy bien, chicos, Muchas gracias por ver este video. Espero que lo hayan disfrutado. Te veo en el siguiente video. 126. Materiales y texturas: Hola a todos. Bienvenido de nuevo a otro video fuera de thes sección en este video. Vamos a hablar de texturas y materiales cuando estés diseñando un objeto tres D seguro que necesitas una participación fiscal o material. Como mencioné antes, tienes una biblioteca justo en la parte superior. Entonces sigamos adelante y pinchemos en eso. Y aquí tienes diferentes opciones. Aquí tenemos colecciones. Tenemos una colección de diferentes formas, como puede ver aquí, podemos usar estas formas como esta o esta. Y tenemos otras opciones también, como los activos. Tienes bastante fuera de tres activos D y luego tenemos materiales. De acuerdo, entonces supongamos que aquí queremos cambiar el material de nuestro texto. De acuerdo, entonces aquí podemos elegir uno de estos materiales. Voy a ir por este para que puedas arrastrarlo y soltarlo en tu texto de tres d así. Eso es bastante guay, ¿no? Es. Renderíalo una vez más y podrás ver la diferencia. Puedes ver lo increíble que Getty's puedes cambiar fácilmente el material como desees. Entonces cambiémoslo por otra cosa. Por ejemplo, este Para que puedas elegir tu texto y dar click en eso. Perfecto. O es mejor crear otra forma. Aquí. Vamos a crear unos bloques aquí. Voy a bajar la escala. Vamos a moverlo. Eres perfecto. Y luego voy a cambiar su material por otra cosa. Está bien. Por ejemplo, éste Es bastante guay, ¿no? Puedes reconocer cuántas posibilidades hay para que crees objetos increíbles ahí ? Eso es fantástico. Muy bien, chicos, Muchas gracias por ver este video. Espero que lo hayan disfrutado. Y te veo en el siguiente video. 127. Crear una escena 3D: Hola a todos. Y bienvenidos de nuevo a otro video fuera de esta sección. En este video, vamos a empezar a diseñar nuestro 1er 3 D visto juntos. Entonces, ¿qué es un tres D? Visto como se puede adivinar, una escena de tres d es una escena la cual consiste en diferentes tres objetos D. De acuerdo, entonces, por ejemplo, aquí tenemos una escena porque aquí tenemos al menos dos elementos. No obstante, vamos a crear juntos una escena más interesante. Entonces, en primer lugar, vamos a quitar estos dos objetos bastante buenos. Voy a mantener Shadow Plane tiene razón, y ya no necesito la cámara. Entonces, vamos a quitar eso. Y después de eso, voy a crear un texto. Así que vamos a dar click en tres texto D por ahí bastante bueno. Y luego te lo voy a cambiar. Esto me gusta y pongamos este color también. B 7 42 y doble F como este bastante impresionante. Y luego lo voy a duplicar y vamos a cambiar su posición. Y cambiémoslo a ti. X como esta. Y después de eso voy a cambiar el color a 36 46 en doble. Si eso es bastante impresionante, eso significa Mizzou y luego lo voy a girar 90 grados así. Bastante impresionante. Y déjame moverlo. Las guerras del dedo del pie, La u me texto así, y una vez más, voy a rotarlo así. Parece que la U X está tendida encima de ti estas bien, está bien. Y luego voy a disminuir el tamaño de UX K por este cubo así en. Vamos a moverlo al lado izquierdo. Bastante impresionante. Y vamos a moverle esto. Yo subo un poco porque necesitamos conseguir esa sombra. Si recuerdas, cuando estás usando un plano de sombra, tenemos que poner son objetos por encima de él para conseguir una sombra. Muy bien, Fantástico. Entonces eso son zapatos que x aquí y pelean al lado izquierdo así. Eso es fantástico. No obstante, te voy a hacer x un poco más pequeño. Creo que ahora es mejor. Bastante bien. Y lo siguiente que voy a hacer es agregar un muro detrás de esto. De acuerdo, así que vayamos a la biblioteca y luego vayamos a las formas en zigzag por la victoria. Y aquí tenemos un rincón equivocado. Así que vamos a dar click en ese Bastante impresionante. Voy a alejarme porque necesitamos agrandar este muro. Entonces aquí, asegúrate de que el muro esté seleccionado y utiliza este cubo para agrandarlo. Y esta Cuba también. Bastante impresionante. Entonces lo que voy a hacer es cambiar su color. Entonces cambiemos su color a algo así. Eso es bastante grandioso. Voy a zoom media y luego voy a ir a la biblioteca. Y esta vez voy a abrir ambientes como este. Y aquí tenemos diferentes tipos de ambientes. Entonces, por ejemplo, podemos probar este. Puedes arrastrarlo y soltarlo así y vamos a renderizar se ven para ver cómo se ve. Eso es genial. No obstante, lo voy a cambiar por otra cosa como ésta. Recuerda que el entorno que elijas va a haber fingido los reflejos y también las sombras. OK, así que asegúrate de elegir el mejor ambiente posible. Probemos este también. Creo que es genial. Entonces eso es sumar unos tres activos D a nuestra escena. Entonces vamos a la Sección de Activos y aquí buscamos libros y voy a elegir éste bastante impresionante. Agrandémoslo fantástico. Y voy a buscar otra cosa por ejemplo, una taza de bebida como ésta. Hagamos una película más pequeña al lado derecho. Fantástico. Y también podemos añadir una rosquilla. Entonces busquemos No. Podemos añadir, por ejemplo, esta diversión. Es una rosquilla local. Lo voy a hacer más pequeño y lo pondré junto a nuestra taza de bebida. Está bien, está bien. Como se puede ver, tienen una luz de rectángulo. No obstante, voy a añadir otra luz se ven. Entonces busquemos la luz direccional bastante buena. Voy a alejarme. Vamos a moverlo al lado derecho. Giró un poco. Creo que ahora es mejor. También podemos añadir diferentes objetos se ven con el fin de que se vea más profesional y también más complejo. No obstante, por el bien de este curso, voy a mantenerlo sencillo. O Ryan. Vamos a renderizar se ven para ver cómo se ve. Es bastante genial, ¿no? También puedes seguir adelante y agregar algunos objetos de colecciones. Por ejemplo, podemos seguir adelante y abrir formas orgánicas, y aquí tenemos diferentes objetos como este que la escala hacia abajo. O podría usar otros objetos, por ejemplo, alrededor de las formas como ésta. Depende de ti y del proyecto en el que estés trabajando. Así que asegúrate de elegir grandes objetos con el fin de crear la mejor combinación posible. Muy bien, chicos, muchas gracias por ver este video. Espero que lo hayan disfrutado. Y en el siguiente video, hablaremos de renderizar y exportar. Entonces nos vemos. 128. Renderización y exportación: Hola, Ron. Y bienvenidos de nuevo a otro video de thes sección en estos videos. Vamos a hablar con él, renderizando Se ve como mencioné antes. Siempre que estés trabajando en un proyecto de tres d, necesitas renderizarlo al final. Muy bien, entonces ahora te voy a mostrar cómo puedes modificar la configuración de renderizado y también cómo puedes usar la opción del visor y también cómo puedes exportar. Estás bien. Entonces antes de hacer eso, voy a hacer algunos ajustes a nuestro plano sombra. Vamos a seleccionar nuestro plano de sombra, y voy a cambiar su color a algo así. Voy a elegir el recolector de color. Está bien, ahora vamos a renderizar se ven. Es genial, ¿no? Muy bien, para renderizar tu escena, tienes diferentes opciones. En primer lugar, sigamos adelante y abramos el menú de render justo en la parte superior. El primer apartado es como thes toggle. De acuerdo, para que puedas modificar la calidad. Puedes ponerlo demasiado bajo, medio o alto, y puede matar. Puedes empezar amigo o previsualizar así. Puedes agregar algunos efectos a través de ella. Podemos cambiar la situación. El contraste el filtro de color y también el equilibrio de color, etcétera. Y por último pero no menos importante, se puede exportar. Se te ve como una imagen. No obstante, necesitas actualizar tu licencia para poder obtener esa funcionalidad, y luego puedes hacer click sobre abajo con imagen. El siguiente rasgo importante de la victoria es el espectador. De acuerdo, entonces cuando vas a la sección de visor, tienes diferentes opciones aquí que puedes modificar como texturas horneadas. Y se trata de iluminaciones. Y aquí puedes elegir la vista central de la cámara, y significa que la vista de la cámara estará centrada en el objeto seleccionado actualmente. De acuerdo, entonces si seleccionas tu ojo, la vista de la cámara estará centrada en este objeto y la realidad aumentada está encendida, lo cual es genial porque también podemos conseguir que se vea una realidad aumentada. Entonces generamos nuestra cancha aquí y ahora podemos hacer click y generar. Lleva algún tiempo, y se hace bien. Y aquí puedes conseguir el abrigo. Como puede ver, se puede copiar y pegar el código I frame. Eres una vergüenza y un código, o si no estás desarrollando tu sitio web o la aplicación puede dárselo fácilmente a tu desarrollador y él o ella podría usar eso perfectamente. No obstante, si quieres mostrar a tus clientes con anticipación, puedes cambiar el formato de un marco de vergüenza Ally a enlazar, y puedes copiar este enlace a tu portapapeles y enviarlo a tus clientes o a tu amigo. Entonces, antes que nada, vamos a comprobarlo aquí. Ahí vamos. Se va a ver así. ¿ No es genial? Podemos mantener el mando y así mezquino. Eso es fantástico, ¿no? Y si abres esta escena en tu teléfono, podemos usar teatro, opción de realidad comentada en orderto like significaba esta escena en tu entorno, eso es bastante impresionante, así que asegúrate de comprobarlo. Puedes usar tanto dispositivos Android como RUS para hacer eso, y eso es fantástico. La siguiente opción es exportar, y aquí podrás exportar tu archivo con cualquier formato que desees. O B g d a ust Z, que es formato de realidad aumentada para Rus etcétera. No obstante, para poder utilizar este tipo de funcionalidad, hay que obtener una licencia extendida para eso. Muy bien, chicos, eso es todo para esta sección. Espero que disfruten de este video y te veo en el siguiente video 129. Herramientas de prototipo: Hola a todos, a todos, bienvenidos de nuevo a otra sección off. Apunta en esta sección. Vamos a hablar de prototipado, Pero primero lo primero. Te voy a presentar algunas de las mejores herramientas para crear prototipos de tus proyectos. De hecho, se puede hacer un prototipo, están usando boceto. No obstante, si quieres hacer un prototipo lujoso y complejo, te recomiendo que utilices bien otros sitios web y aplicaciones, si las mejores herramientas de prototipo Número uno prototipo I, que es mi aplicación favorita como bien porque es tan fácil trabajar con. Y hay una versión de prueba, y puedes probarla antes de comprar cualquier licencia número dos Zeppelin número tres Framer X y luego vislumbrar Studio Sketch y Morrow en esta sección. Vamos a trabajar con algunos fuera de ellos con el fin de familiarizarte con el proceso fuera prototipado en cada aplicación. Por lo que en el siguiente video, comenzaremos a crear prototipos de uno de nuestros proyectos anteriores en boceto. Entonces nos vemos que 130. Prototipos en el boceto: Hola a todos. Espero que te vaya bien en estos videos. Vamos a hablar de prototipado en boceto. Como mencioné antes, puede crear un boceto de prototipado complejo. No obstante, a veces no se necesita un prototipo complejo. Por lo que en ese caso, puedes usar fácilmente catch para crear prototipos de tu proyecto. Entonces, como pueden ver, voy a prototipar nuestra app de finanzas que ya diseñamos. Déjame hacer zoom significa. Y aquí tenemos una página de bienvenida, si recuerdas, y tenemos dos botones diferentes. Entonces, básicamente, cuando el usuario hace clic en el botón de firma, esta página de inicio de sesión se va a deslizar desde el lado derecho, bien. Y siempre que el usuario haga clic en el botón de registro, la página de registro se va a deslizar. Entonces lo que vamos a hacer es dar click en el botón Iniciar sesión, como él reconoce, seleccionado en este momento. Después haz click en Link en la parte superior y Kelly Candies Art board como este. Como se puede ver, aparece inmediatamente una flecha. Y aquí se pueden ver dos opciones diferentes los objetivos y la animación. De acuerdo, el objetivo es nuestra pantalla de destino, que es en este caso están firmando pantalla y la animación, por ejemplo, aquí no tenemos arte para la animación. Entonces si hago clic en vista previa y hago clic y firma, se puede ver que no hay animación. No obstante, voy a elegir deslizarse desde el lado derecho y una vez más previó la firma. Ahí vamos. Es increíble, ¿no? Entonces necesitamos crear otro enlace para nuestro botón de registro que museo fuera y dar click en la pantalla de registro. Bastante impresionante. Una vez más previsualizarlo. Eso es fantástico. Entonces, ¿puedes ver lo fácil que es hacer prototipos en boceto? Pero no se pueden esperar tantas funcionalidades en este tipo de prototipos. Adelante. Y aquí voy a añadir un enlace a este botón completo y dar clic en esta página de inicio bastante impresionante y previsualizado. ¡ Fantástico! Voy a cambiar el tipo de animación de abajo a arriba así. Eso es bastante grandioso. Muy bien, chicos, eso es todo por este video. Espero que lo hayas disfrutado, y ahora puedes empezar a crear prototipos de tu proyecto fácilmente en el boceto. No obstante, recuerda que vamos a trabajar con prototipos más complejos en los siguientes videos. Entonces nos vemos entonces 131. Prototipos en InVision Studio: Hola a todos. Bienvenido de nuevo a otro video de thes curso. En esta lección, vas a aprender a hacer prototipos en el estudio InVision, una de las mejores aplicaciones de la industria del diseño. En primer lugar, puedes descargar e instalar el estudio de visión tanto en Mac OS como en Windows de forma gratuita. En segundo lugar, necesitas importar tu archivo de boceto al estudio de la visión. Para ello, fácilmente podemos hacer click en el botón de estudio abierto tu archivo de boceto. Alternativamente, puede elegir importar archivos y seleccionar su boceto. Bien. Muy bien, así que ahora necesitamos importar nuestro sketch find year. Entonces sigamos adelante e importarlo aquí. Ahí vamos. Tu es nuestra financiación y proyecto. Entonces aquí, te voy a mostrar algunas técnicas que puedes usar para crear prototipos o proyectar. Recuerda que en el video anterior, empezamos a crear prototipos de esta página de bienvenida y estos firmando y inscribir páginas en boceto. No obstante, fue tan sencillo, pero podemos hacer que se vea mejor y más profesional. Entonces lo que voy a hacer es seleccionar esta página de bienvenida. Y como pueden ver, tenemos algunas formas comunes en esta página de bienvenida y página de firma. De acuerdo, por ejemplo, aquí tenemos el logo y estos círculos, y estas son las cosas comunes que tenemos aquí. ¿ Te acuerdas? Ahí es cuando tu prototipado en estudio de visión necesitas asegurarte de que el nombre de tu capa sea el mismo en ambas pantallas. Por ejemplo, aquí voy a crear una animación que cuando el usuario haga clic en estos botones de firma, círculos se harán más pequeños y se colocarán en esta posición y estos elementos. Por ejemplo, firmar y estos tipos de impuestos se van a desvanecer. Y aquí, en esta página de bienvenida, estos dos botones van a desvanecerse. De acuerdo, entonces aquí, recuerda revisar el nombre de tu Fuller's. Por ejemplo. Aquí tenemos formas y en signo en pantalla, también son formas lo que es perfecto. Ahora vamos a elegir el botón de inicio de sesión y haga clic en este icono para agregar una interacción. Y aquí tienes una flecha flotante, y voy a seleccionar este letrero en nuestro cordón. Entrevista con tienda de inmediato. Aquí tenemos algunas opciones. Disparador, por ejemplo, ¿quieres que sea click completo click, doble click o incluso tap hole tap, touchdown, etcétera. Pero ahora vamos a elegir Click, y el destino va a ser nuestra página de inicio de sesión. Y aquí tenemos tiempo de transición, presets o movimiento. Voy a cambiarlo a movimiento. Aquí tenemos dos opciones diferentes que podemos modificar la duración y el retraso. Voy a establecer el retardo a cero y la duración a 0.6 segundos y hacer clic en Guardar. Está bien, así que ahora es previsualizar prototipo para ver qué está pasando aquí. Ahí vamos. Es nuestra página de bienvenida, y voy a dar click en Firmarme. Eso es increíble, ¿no? ¿ Viste lo bonito que waas de animación? Con tan solo dos clics, podríamos lograr este tipo de prototipado, Así que busquemos nuevamente la página de bienvenida para comprobarla una vez más. Ahí vamos. Eso es bastante impresionante. Espero que te guste también. Ahora es el momento de agregar un enlace a nuestro botón de registro, así que sigamos adelante y hagamos el Mt. Haga clic en este anuncio en el botón de reacción y elija Volver a inscribir tablero de arte, movimiento, y no es necesario que cambie nada aquí. Haga clic y guarde. Una vez más. Vamos a previsualizarlo Fantástico. Eso es bastante genial, ¿no? Si miras el lado derecho. Aquí puedes ver que en la sección de interacción tienes la opción de editar línea de tiempo. Entonces, vamos a dar click en eso. Y aquí tienes una línea de tiempo que puedes ver tus interacciones y tu animación a menor velocidad. Se puede ver lo guapa y pequeña que es la década de los cincuenta? Bastante impresionante. De hecho, hay tantas cosas que puedes hacer en el estudio de invasión. No obstante, no podemos cubrir todas las características y todas las funcionalidades. Muy bien, chicos, muchas gracias por ver este video. Espero que lo hayan disfrutado. Y te veo en el siguiente video. 132. Prototipos en InVision Studio parte 2: Hola a todos. Bienvenido de nuevo a otro video de estos cursos en este video. Te voy a enseñar otra gran técnica para crear prototipos de tu proyecto en el estudio de InVision . Entonces sin, para yo, empecemos en el video anterior. Como recuerdan, iniciamos nuestro proyecto con prototipado. Esta página de bienvenida. Y agregamos dos alas diferentes a estos dos botones. OK, ahora te voy a mostrar otra técnica para poder usar eso en tus proyectos. Entonces sigamos adelante. Y como pueden ver aquí, tenemos dos transacciones diferentes. Página, el 1er 1 se llama Transacciones, y el segundo se llama transacciones Detalle. Entonces lo que vamos a hacer es crear prototipos de esta tarjeta de transacción. De acuerdo, así que cada vez que el usuario lo arrastra hacia abajo, va a ser así en detalle de transacciones. Y, por supuesto, cada vez que el usuario lo mueva hacia arriba, va a ser como el tablero de arte del mismo. Como mencioné antes, cuando vamos a crear prototipos de un componente específico en dos tableros de arte diferentes, necesitamos asegurarnos de que su nombre sea el mismo que puedes ver. Aquí tenemos tarjeta de transacción y en estos tablero de arte, tenemos tarjeta de transacción también. De acuerdo, hasta ahora, es perfecto. No obstante, el único problema que tenemos es que en estas son malas transacciones. No tenemos estos elementos. No tenemos estos títulos y estas tarjetas. Entonces si empiezas a crear prototipos, estos dos son poros como lo son ahora. Cuando el usuario lo arrastra hacia abajo, estos elementos van a desvanecerse. De acuerdo, no es lo que queremos, así que probémoslo para mostrarte y darte una visión clara. En primer lugar, voy a seleccionar esta tarjeta de transacción y hacer clic en calzoncillos e interacción o, digamos, agregando un enlace. Entonces haga clic en estos tablero de arte y aquí en gatillo, voy a elegir bebió así podemos ahorrar, y es que las vistas previas están bien. Ahora probémoslo. Como se puede ver estos elementos desvaneciéndose de inmediato, y esto no es lo que queremos. Por lo que la mejor manera de solucionar este problema es simplemente seguir adelante y seleccionar estos elementos. Todos ellos los copian y los pegan en esta pantalla de transacciones. Entonces vamos a pegarlas aquí, y voy a mover estas carpetas hacia abajo y ponerlas justo debajo de nuestra tarjeta de transacciones así Así que ahora eso es revisarlo una vez más. Y como puedes ver, funciona perfectamente. No obstante, debes asegurarte de crear otro enlace para deslizar hacia arriba. OK, así que sigamos adelante y digamos, como estas transacciones detalle tablero de arte. Y aquí voy a seleccionar la tarjeta de transacción Anglicana en Interaction Button y esta vez que seleccione nuestras transacciones no valen. Y ahora voy a seleccionar arrastrar hacia arriba y guardar. Eso se previó una vez más. Y como puedes ver, funciona perfectamente. Voy a mencionar algo más aquí. Como puedes ver, tenemos muchos diferentes nuestros puertos aquí, por lo que necesitamos encontrar una forma de especificar cuáles son los puertos es nuestro punto de partida. Por lo que para hacer eso, fácilmente puedes seguir adelante y dar click en estos ícono de casa justo por ahí. Y de esta manera, InVision studio sabe que nuestro punto de arranque o digamos nuestra pantalla de inicio son estas transacciones. De acuerdo, Puedes cambiarlo cuando quieras. Muy bien, chicos, Muchas gracias por ver este video. Espero que lo hayan disfrutado. Te veo en el siguiente video. 133. Encuéntrate una aplicación: Hola a todos. Y bienvenidos de nuevo a otro video de thes curso en estos video, vamos a estar hablando de mark ups. Crear mark ups es una tarea importante para ti como diseñador de UX porque no importa lo asombrosos y lo creativos que sean tus diseños, si no pudieras presentarlo de gran manera, puede impresionar a los demás e incluso a tus clientes o a tu jefe. Entonces en este video, voy a mostrar cómo puedes crear y marcar en el boceto. Como puedes ver aquí, tenemos nuestra app de finanzas que diseñamos juntos. Y te voy a mostrar cómo puedes crear un simulacro de arriba para thes proyecto. Hoy en día. Hay tantos recursos que hay por ahí que puedes usar de forma gratuita o de pago, y te voy a mostrar cómo puedes obtener acceso a ellos. Déjame abrir el sitio web de Google y aquí voy a buscar el iPhone X s mark up y sketch . De acuerdo, aquí tienes un montón de fuentes. Por ejemplo, aquí tenemos acceso a iPhone y acceso a iPhone Max recurso es, y en estos sitios web, fuentes de ketchup, puedes enterarte de tantos gran recurso es Y como puedes ver, estas plantillas o este simulacro de arriba ha sido diseñado por esta persona o esta cuenta, no estoy seguro de que puedas revisar su cuenta en Dribble Teacher o su página web. En primer lugar, te voy a mostrar cómo puedes usarlo. Eso está pasando abajo, Old resource es, y luego lo voy a abrir en sketch están bien. Fantástico. Como puedes ver, tenemos exceso de iPhone en exceso. Max. Voy a seguir adelante y copiado thes art board iPhone exceso riel. Vamos a copiarlo y pegar. Está en nuestro proyecto aquí. Y si abres la carpeta del cuerpo, puedes ver que aquí hay una pantalla más completa y una capa de pantalla. Por lo que para poder poner tu pantalla dentro de este teléfono, puedes exportar fácilmente tu tablero de arte para incienso. Escojamos este, y aquí voy a exportarlo, están bien, y ahora puedes seleccionar esta capa de pantalla, y aquí en imagen sentir puedes elegir tu imagen o, digamos, nuestra pantalla y ya está hecho. Eso fue bastante rápido e impresionante, ¿no? Es fantástico. También puedes modificar esta plantilla o este iPhone como quieras, y hay otros. El recurso es también. Entonces déjame mostrarte. Hay una muy buena página web para encontrar marcas, y se llama ls que gráficos? Ahí vamos. Y aquí puedes buscar maquetas de dispositivo bajo un montón de recursos gratuitos y pagados está aquí que puedes usar. También puedes ir a mock ups gratis y herramientas para encontrar recursos gratis está aquí. Ahí vamos. Tenemos iPhone X gratis son markup, por ejemplo, o éste también. Podrás descargarlo gratis y usarlo como desees que tengan razón, chicos, muchas gracias por ver este video. Espero que lo hayan disfrutado. Y te veo en el siguiente video. Entonces nos vemos que 134. ¿Cómo usar la aplicación de bocetos en tu teléfono?: Hola a todos. Y bienvenidos de nuevo a otro video de estos curso. En este video, vamos a estar hablando de la aplicación sketch mirror para Android y nuestro EU. De hecho, siempre que termines tu proceso de diseño, puedes previsualizar fácilmente tus pantallas. O digamos que eres nuestros poros en tu teléfono al instante, y eso es increíble. Entonces para hacer eso primero necesitas instalar la aplicación de espejos de boceto en tu teléfono, y luego necesitas conectarte a la misma WiFi que tu computadora es. Y después de eso, cuando abras tu aplicación de boceto Muir, puedes hacer click y esta notificación justo por ahí y puedes dar click. Conecta el nombre de tu teléfono, y eso es todo. Entonces podrás previsualizar fácilmente tus pantallas en tu teléfono al instante y cualquier cosa que cambies en tus tableros de arte. Se cambiará al instante e inmediatamente en tu teléfono, lo cual es una característica increíble. Muy bien, chicos, Muchas gracias por ver este video. Espero que lo hayan disfrutado. Te veo en el próximo video 135. ¿Cómo crear tu propio portafolio en línea?: Hola a todos. En este video, vamos a estar hablando de portafolio en línea. Usted como diseñador de UX, absolutamente necesita un portafolio en línea para mostrar sus habilidades y habilidades de diseño. Es extremadamente esencial tener un portafolio sobresaliente para que puedas conseguir un buen trabajo, ya sea como diseñador a tiempo completo o como freelancer. Entonces, ¿cómo puedes crear tu propia cartera online sin escribir una sola línea de código? Para ello, puedes usar sitios web como Dribble o Be Hands, que están diseñados para diseñadores, y casi todos los empleadores necesitan consultar tu perfil en uno. Fuera de estos sitios web, Be Hands es una plataforma en línea para mostrar y descubrir el trabajo creativo. Es propiedad de Adobe y puede crear una gran cartera usando su de forma gratuita. Alternativamente, puedes usar rebelde para mostrar tu obra de arte, y automáticamente crea un portafolio en línea para ti. También puedes personalizar tu portafolio como quieras, pero necesitas tener algo en tu mente. Para poder utilizar los servicios rebeldes de forma gratuita, necesitas ser invitado por otros diseñadores. De lo contrario se pueden parroquias. El abono premium 136. ¿Cómo usar Dribbble?: Hola a todos. En este video, vamos a estar hablando de cómo puedes usar drivel para usar servicios impulsados. En primer lugar, es necesario tener una cuenta. Una vez que creas tu cuenta, puedes si navegar por otros diseñadores, ilustraciones en busca de inspiración. O puedes subir tu propia obra creativa cada mes. Puedes subir hasta 48 disparos, y tus disparos deben cumplir con las pautas de huesos DRI. Puedes subir imágenes de alta resolución nosotros PNG J pic y formato GIF y también GIF animados a tu perfil. Adicionalmente, si eres miembro pro, también puedes subir videos. Después de aplaudir tu obra de arte, puedes ponerle un título. También puedes agregar tanques relativos para que otros usuarios encuentren tu obra de arte más fácil. último, pero no menos importante, debes escribir una breve descripción para tu toma, y luego podrás publicarla de inmediato o en el futuro. 137. ¿Cómo usar la conducta: Hola a todos. En este video, vamos a estar hablando de cómo puedes usar ser manos al igual que usar dribble. Para poder utilizar los servicios de Behan, primero es necesario tener una cuenta. Después podrás navegar y consultar otras obras de arte de diseñadores o crear tu propio proyecto. La principal diferencia entre las manos DRI Bell y B es la relación de aspecto de tus tomas o proyectos en regate. No se puede subir tiro vertical como una página de aterrizaje por completo. No obstante, al ser manos, puedes subir imágenes con cualquier relación de aspecto. Para exhibir tu obra de arte, te recomiendo usar tanto ser manos como rebelde al mismo tiempo e intentar usar sus características únicas para presentar tu diseño a la perfección. Behan's también te permite subir tus imágenes y videos de alta calidad en un solo proyecto, lo cual es una gran característica para presentar un producto interactivo en poco tiempo. 138. ¿Cómo conseguir tu primer cliente ?: Hola a todos. Y bienvenidos de nuevo a otra sección de este curso en estos video. Vamos a hablar de ideas de negocios y cómo puedes conseguir tu primer cliente e iniciar tu propio negocio. Como diseñador de unidades, puede que te estés preguntando cómo puedes conseguir a tu primer cliente. Bueno, esperemos que haya muchas maneras de empezar. El primer paso para encontrar clientes es contar con un portafolio fuerte. Si aún no has visto la sección de portafolio, te sugiero que veas la sección de portafolio de este curso. Después de crear tu portafolio, debes preguntarte qué tipo de saltos te gusta tener. ¿ Quieres trabajar como diseñador de tiempo completo o quieres trabajar como freelancer? Si quieres trabajar como tiempo completo eres diseñador. Es necesario preparar tu currículum y solicitar las de la empresa que deseas trabajar. Por otro lado, si quieres trabajar como freelancer, puedes registrarte en algunas webs freelancing y encontrar que tu primer cliente es muy. Hay tantos sitios web por ahí que puedes trabajar con, Por ejemplo, freelancer dot com fiver up work 99 diseños. Tres Campana etcétera. Así que asegúrate de revisarlos y averiguar cuál es la opción más adecuada para ti. 139. ¿Cómo empezar tu propio negocio?: Hola a todos. Espero que lo estés haciendo bien en estos videos. Vamos a hablar de cómo puedes iniciar tu propio negocio. Empezar un negocio es difícil, por lo que debes determinar el nivel de tu motivación antes de entrar en este proceso. Cuando estás pensando en iniciar un negocio, debes saber que se necesita tanto tiempo, energía y pacientes para lograr tus objetivos. Si estás al tanto de todos estos aspectos, estás listo para dar el siguiente paso. En primer lugar, debes evaluar tu nivel de habilidades y averiguar qué tipo de servicios te gusta ofrecer . Entonces necesitas saber quiénes son tus clientes potenciales. Además, debes trabajar en tu precio y analizar tus números. En segundo lugar, es necesario que registre su propia empresa. En este sentido, recomiendo obtener alguna asesoría de un abogado y asegurarme de que entienda todos los requisitos legales asociados al registro de una empresa. Después de registrar tu empresa, debes empezar a crear tu propia marca, diseñar un logotipo para tu empresa y elegir tus collares de marca. último, pero no menos importante, definitivamente debes diseñar tu propio sitio web porque es la parte más crucial de tu negocio. Ahora que ya tienes tu sitio web listo, es hora de pensar en tu estrategia de marketing. Si no pudieras ofrecer tus servicios y habilidades a las personas adecuadas, tu negocio no sería exitoso, profesionales y útiles que sean tus habilidades, así que asegúrate de tener un gran plan de marketing y ejecutarlo con precisión. 140. ¿Cómo escalar tu negocio?: Hola a todos. Espero que lo estés haciendo bien en estos videos. Vamos a estar hablando de cómo puedes escalar tu negocio. Ahora que estás dirigiendo tu propio negocio, tal vez te estés preguntando cómo puedes escalar tu negocio o, en otras palabras, cómo puedes aumentar dramáticamente los ingresos de tu negocio. Cuando se trata de negocios en línea. La mayoría de los empresarios usualmente se enfocan en una región geográfica por el bien de la simplicidad. Es una gran idea para comenzar tu viaje. No obstante, no es suficiente para desarrollar un negocio rentable. Entonces, como puede adivinar, la mejor solución es expandir sus opciones globales y conseguir clientes de todo el mundo. El siguiente paso es intentar automatizar tus procesos manuales, lo que puede evitar perder el tiempo porque no importa cuántos clientes tengas, solo hay 24 horas al día. Podemos utilizar el sitio web buffer para administrar tus redes sociales automáticamente, y también hay un montón de otras herramientas para recordarle a tus clientes, su factura dice en poco tiempo. Por lo que no necesitas dedicar tanto tiempo a esas tareas que se pueden delegar y hacer automáticamente. En cambio, debes enfocarte en tu contenido y el resultado de cada proyecto 141. Comuní: Hola a todos. En este video, vamos a estar hablando de comunicar a los clientes de video. La comunicación eficiente con los clientes juega un papel clave en cualquier tipo de negocio. Y para los diseñadores, no hay excepciones. tan importante la forma en que interactúas con tus clientes. Si quieres ser un emprendedor exitoso, ¿cómo debes manejar la situación si algo sale mal? Bueno, en cualquier tipo de negocio, hay momentos en que algo sale mal y es normal. No obstante, la forma en que afrontas estas dificultades, es tan importante. Supongamos que establece un plazo para entregar el proyecto final al cliente y en medio del proceso de diseño, usted entiende que podría tardar más tiempo. Bueno, en estos casos unidad, informe a su cliente al respecto lo antes posible y trate de encontrar una buena solución que funcione para ambos. 142. Contrato: Hola a todos. En este video, vamos a estar hablando de contratos igual que cualquier otro negocio. Deberías tener un lugar de contratación adecuado para iniciar un proyecto, no importa lo grande que sea ese proyecto o lo pequeño que sea. Tener un contrato mantiene todo claro y protege a ambas partes escribe lo que debe incluirse en el acuerdo. Lo más importante que debes agregar al contrato es la declaración de tus servicios de una manera clara. Y a veces también, es aún mejor mencionar lo que no harás por los clientes. Asegúrese de mencionar el plazo para entregar el proyecto y también sobre el calendario de pagos . Recuerda que el contrato no debe ser sólo sobre esas cosas que podrían salir mal. Es mejor enfocarse en lo que se debe hacer bien. En general, es una buena idea obtener asesoría legal de un abogado con anticipación 143. ¿Dónde encontrar la inspiración del diseño de clase mundial: Hola, todos En este video, vamos a estar hablando de la inspiración y el recurso está siendo inspirado por otros diseñadores es absolutamente fino e importante. No obstante, es necesario asegurarse de que no se copian sus obras. Si te interesan sus diseños y mentirías para usar partes de ellos en tu proyecto, primero debes pedir permiso. Como recordarán, hablamos de ser manos y regate en las secciones anteriores de las partituras. Estos dos sitios web son los lugares más populares para encontrar inspiración artística. Hay tantos sitios web y páginas de instagram que puedes referirte como fuente de inspiración. También puedes mostrar a tus clientes lo que tienes como inspiración para saber cuáles son sus expectativas. 144. Recursos de imagen: Hola a todos. En este video, vamos a estar hablando de fuentes de imágenes. Tenemos Diseñadores trabajan mucho con imágenes. Podría ser cualquier tipo de imágenes en forma de perfiles, productos, etcétera. Por lo que contar con un recurso eficiente es absolutamente esencial para obtener las imágenes más adecuadas para nuestros proyectos. Hay tantos sitios web que te ofrecen una variedad de imágenes, Algunas de ellas son pagadas y algunas de ellas son gratuitas. No obstante, si buscas imágenes libres de regalías para usar en tus proyectos sin duda alguna sobre su licencia, te sugiero que uses ceniza virgen que vienen. Es uno de los mejores sitios web por ahí para encontrar casi cualquier tipo de imágenes en diferentes categorías. Recuerda que debes asegurarte de la licencia de las imágenes que deseas usar, lo contrario puedes estar en problemas. 145. ¿Cuál es el siguiente paso?: más arriba arruinado en estos video, vamos a estar hablando del siguiente paso como diseñador Yuan UX. Ahora que has aprendido tanto sobre el diseño de la interfaz de usuario, es hora de dar el siguiente paso. Ya estás listo para empezar a diseñar increíble más mientras APS y sitios web. Como diseñador, siempre debes ser creativo, Así que intenta desafiarte cada día para descubrir secretos ocultos del joven diseño de UX . Seguramente debes haber escuchado que la práctica hace perfecta, pero recuerda que tu diseño no debe ser siempre perfecto. Lo único que importa es tu progresión y mejoras. Entonces creo que es una buena idea cambiar esa famosa frase a la práctica hace progreso. Y con eso dicho, deberías convertirte en un er mejor renunciante cada día. último pero no menos importante, debo agradecerles por ver estos tutorial. Ha sido un largo viaje para los dos, y espero que lo hayan disfrutado. Te deseo la mejor de las suertes, y no puedo esperar a ver tus palabras de arte