Principios de diseño gráfico: aprende los principios de diseño necesarios para crear diseños increíbles.

1. Introducción: Hola ahí. Mi nombre es Talía y soy instructora de Diseño Gráfico, y tengo una confesión. Cuando empecé como diseñadora gráfica, aprendí todas estas herramientas de diseño de lujo, pero aún así no podía hacer ningún buen diseño. Bueno, es porque no conocía adecuadamente sus principios de diseño. Y para asegurarse de que no cometas esos mismos errores. Creé este curso in vitro. Te enseñará todo sobre los principios de diseño y 2D para que puedas hacer un diseño increíble. Después de completar este curso, estarás mucho más seguro mientras diseñas. Pasarás mucho menos tiempo trabajando. Y por último, sabrás exactamente lo que le falta a tus diseños y cómo solucionarlos. Entonces, ¿qué aprenderás exactamente en este curso? Empezaremos aprendiendo sobre espacio negativo y cómo las empresas más grandes del mundo como Apple, Google y Tesla, y las usan en su diseño. Entonces aprenderemos sobre la alineación y el equilibrio y sus diferentes tipos con la ayuda de algunos ejemplos. También aprenderás sobre la jerarquía, cómo crearla en tus diseños, y sus diferentes patrones. La diferencia entre y ritmo, y cómo usarlos de manera efectiva en tu diseño. También aprenderemos cómo el contraste y énfasis realmente pueden hacer o romper tu diseño. Y por último, cómo puedes hacer que tus diseños sean más interactivos. Es proporción y movimiento escalado. Entonces, ¿para quién es este curso? Bueno, si haces cualquier tipo de trabajo creativo visual como diseño gráfico, motion graphics, o hacer sitios web. Creo que esto realmente se beneficiará. Se puede descargar el archivo del proyecto desde el enlace que se indica a continuación. Y no puedo esperar a verte en esa cohorte y vomitar después de que termines de ver el curso, no olvides dejar tus comentarios porque tu retroalimentación realmente me ayuda a hacer mejor curso. 2. Espacio blanco negativo contra: Oigan chicos, espero que lo estén haciendo muy bien. Tú llegaste al curso, y me gustaría darte la bienvenida al primer video. Por lo que hoy vamos a aprender sobre espacio negativo y el espacio en blanco. Estos son dos conceptos con los que mucha gente se confunde. Son realmente importantes para ser honestos. Empecemos. Empecemos con el primero, que es el espacio negativo. Entonces vamos a definirlo. En primer lugar. espacio negativo es el área vacía alrededor o entre nuestro elemento de diseño. Por lo que podría estar alrededor su elemento también y en el medio también. Más adelante te explicaré lo que quiero decir con eso. Se utiliza para mostrar otro elemento de diseño aparte del tema principal. Por lo que podría tener un logotipo principal o elemento de diseño principal. Si quieres mostrar algo más con espacio negativo, puedes mostrarlo también. Confundiendo un poco. Déjame mostrarte algunos ejemplos. su mayoría se usa en logos y vamos a usar logos como ejemplos. El primero es FedEx. Puedes ver el logo de FedEx por aquí, y es muy intuitivo. A mí me encanta totalmente. Se puede ver eso entre la E y la X por aquí. Déjame mostrarte, mostrarte con mi ratón. Por lo que se puede ver que entre la E y la X del logo, están mostrando el logo completo, pero también está esta flecha en el medio. Entonces básicamente esto muestra avanzar ya que son una empresa de reparto. El segundo ejemplo es Tobler en el chocolate. Se puede ver que mucha gente no sabe de esto. En realidad hay un oso en la montaña por aquí. De acuerdo. Por lo que Tobler on se hizo en una ciudad. No recuerdo el nombre de la ciudad, pero es en Suiza Esa ciudad es popular por sus cervezas. Es por ello que decidieron incorporar cerveza a su logo. Y por último, la fórmula uno, que es muy icónica, muy popular. Se puede ver que en realidad hay uno entre la F y la bandera por aquí. Supongo que esta es una bandera para la línea final. Pero se puede ver que esto se ve tan bonito y usan el espacio negativo tan bien por aquí. Entonces este fue un espacio negativo. Ahora, déjame explicarte los espacios en blanco. Entonces, ¿qué es el espacio en blanco? espacio en blanco es el área vacía alrededor del elemento de diseño o texto para hacerlo más visible. Déjame explicarte más a fondo. En su mayoría se utiliza en sitios web. Vamos, déjame mostrarte con un par de ejemplos. Por lo que Google es uno de los mejores ejemplos de espacios en blanco. Se puede ver que toda la interfaz está justo en el medio. Y hay mucho espacio en blanco alrededor de todo para que la gente se centrara en el medio mismo. Y hay mucho espacio para respirar para el diseño. De igual forma, Apple lo usa muy bien. Se puede ver que se aseguran de que sus productos tengan mucho espacio en blanco. Y a estas alturas podrías haber descubierto esto. Espacio en blanco realmente no significa blanco. Podría ser de cualquier color o tal vez una imagen también. Solo quieres asegurarte de que tus elementos de diseño estén enfocados correctamente. Y por último, Tesla, como dije, ese espacio en blanco no significa realmente, básicamente significa vacío. Si quieres mostrar tu elemento principal en el medio, asegúrate de que haya mucho espacio para respirar a su alrededor. Entonces sí, estos fueron ejemplos de espacio negativo y espacio en blanco. Espero que ustedes realmente hayan disfrutado esto. Espero que lo hayas aprendido correctamente. Si ustedes tienen alguna pregunta, básicamente pueden comentarse abajo y me aseguraré de responderlas. Los veo chicos en la siguiente clase. 3. Variedad de Unity Vs: Bienvenidos de nuevo chicos. Espero que lo estés haciendo muy bien. Y hoy vamos a aprender sobre unidad y variedad en el diseño. Por lo que estos son dos de los principios más importantes también. Pero la unidad es realmente importante porque si no tienes unidad en tu diseño, todo se desmoronará. Deja que te lo explique más. Entonces básicamente tenemos unidad por aquí y directamente le damos al diseño la apariencia de unidad o resolución. Así que cada vez que estés diseñando, quieres asegurarte de que cada elemento y cada color y cada forma tenga sentido, todos encajan entre sí. También hay una cosa con la unidad. Lo siento, sobre el diseño. Un buen diseño es sin costuras. No es obvio que cada vez que alguien mira su diseño, no puede decir por qué se ve bien. Si son un limón obviamente, pero sólo saben que se ve bien. Entonces esa es unidad en tu diseño. Esto asegura que ninguna parte sea más importante que la otra. Cuando tienes unidad en tu diseño, gente no puede simplemente darse cuenta de que nos estamos enfocando en esta parte específica porque queremos asegurarnos de que todo el asunto en su conjunto tenga sentido. Lo siento, eso fue mucho agujero en una frase. Vayamos a la variedad por aquí. Por lo tanto, la variedad en el diseño significa usar diferentes tamaños, formas y colores en su obra de arte. Para crear diversidad visual, quieres asegurarte usar diferentes tamaños y formas, y colores y patrones y texturas que hagan que tu diseño se vea realmente bonito. Pero si te vas por la borda con ellos, podría parecer hueco, horrible. Perdón. Sí, también hay un código muy bonito para la unidad por aquí. Por lo que lograr la unidad visual es el objetivo principal del diseño gráfico cuando los elementos están de acuerdo, o el diseño se considera unificado. Esta es la parte importante cuando todos los elementos están de acuerdo, podrían ser de diferentes formas y tamaños y todos lo discutiremos después conferencias también. Pero todos deberían tener sentido. Tengo un ejemplo para ustedes por aquí. Por cierto, esta cita es de Alex blanco. El libro es el elemento del diseño gráfico. Los elementos del diseño gráfico, perdón. Entonces Vr, por aquí, tenemos dos ejemplos, unidad y variedad. A la izquierda se puede ver que tenemos un par de círculos los cuales son del mismo color pero de diferentes tamaños. Entonces básicamente tienen unidad en color pero variedad en tamaño. Entonces tenemos otro ejemplo por aquí. Hay muchos círculos por aquí, pero tienen diferentes colores. Por lo que tienen, están unificados por tamaño, pero tienen variedad por color. Olvidé agregar algunos ejemplos de la vida real de unidad y variedad por aquí. Pero dejad, dejadme hacer esto como una tarea para vosotros chicos. Ve por ahí y encuentra algunos ejemplos de unidad y variedad que básicamente demuestra que están presentes en nuestro diseño y publícalo aquí. Y lo discutiremos más adelante también. Esto fue más o menos en unidad y variedad y cómo puedes usarlos en tus diseños. Espero que ustedes realmente hayan disfrutado esta clase y los veo chicos en la siguiente. 4. Alineación: Hola chicos, bienvenidos de nuevo a otra clase y hoy vamos a aprender sobre alineación en diseño gráfico. Entonces sé que me veo un poco diferente. En realidad me corté el pelo mientras grababa este curso. Pero, eh, sí, empecemos. Entonces vamos a aprender sobre alineación y vamos primero a definirla. Por lo que básicamente la disposición de diversos elementos en relación con los bordes o elementos mismos se llama alineación. Pero eso básicamente significa es que alineas las cosas en base a un sitio o un Corner, rincón travieso. Pero aparte, como alineado a la izquierda o a la derecha o arreglas la cosa en base a las cosas mismas, como la línea central. Deja que te lo explique más. Entonces básicamente hay dos tipos de alineaciones, como dije, alineación de bordes y alineación central. Permítanme darles algunos ejemplos de alineación. En primer lugar, es posible que hayas visto estos íconos por aquí. Permítanme centrarme en esto. Por lo que es posible que haya visto estos alinean a la izquierda, a la derecha, a la línea superior y a la línea inferior. Estos son básicamente los cuatro tipos de alineación de bordes. Puede que lo hayas hecho. Sea cual sea la herramienta que uses, como Adobe XD o Figma o Photoshop o Illustrator. Cualquiera que sea la herramienta de diseño que utilices, siempre hay opciones de alineación en ellas. Por lo que estos son ejemplos de alineación de aristas. Es posible que hayas visto estos íconos antes. De igual manera, podrías haber visto estos también, como este y éste. Entonces este está centrado verticalmente y éste está centrado horizontalmente. Puedes usar center align o Agilent dependiendo de tu necesidad. Entonces aquí hay algunos ejemplos de alineación. Y se puede ver el primero, que es buena alineación. Se puede ver que todo está correctamente alineado y se ve limpio y todos los bloques son adecuados. Y el correcto, se ve un poco desordenado porque es mezclado align. Lo que pasa con la desalineación es que también puedes usarla. Pero si no lo usas correctamente, como por aquí, se ve raro y parece caos y su diseño. Entonces te daré algunos ejemplos de desalineación también, que ¿cómo puedes usarlos también en tus diseños? Por lo que las alertas primero, ver algunos ejemplos de buena alineación. Entonces estos son algunos de los diseños son libros que me gustan mucho. Los dos primeros están básicamente alineados al centro. Por lo que se puede ver que todo el texto de aquí está alineado al centro, manera similar por aquí también. Pero lo que pasa con la línea central es que es un poco complicado. Tienes que asegurarte de que lo usas correctamente. Hay, tiene que haber cierto énfasis en el importante texto. De lo contrario, la gente no lee muchos textos de línea central. La gente puede leer mucho texto alineado a la izquierda. Lo mismo con la alineación derecha, alineación derecha. Esto también muy complicado. aquí en este ejemplo, se puede ver que este libro hiperenfoque, todo el texto está alineado a la izquierda. Por lo que siempre que tenga dudas, utilice siempre alineación izquierda. Entonces aquí hay algunos ejemplos de línea de mezcla. Como dije, esa mezcla una línea también se puede usar si se usan los otros principios con ella correctamente y sobre todo equilibrar. Se puede ver que en esta imagen, en esta portada, se puede ver que todo el texto es, todo el texto y todo lo demás es línea de mezcla. Pero la cosa es que todo está balanceado. De igual manera por aquí, no está alineado adecuadamente, pero es equilibrio. El equilibrio es uno de los principios más importantes a la hora de utilizar alineación mixta. Así que asegúrate de usarlo correctamente. Por último, el uso de grid es muy importante cuando se trata de alineación, especialmente en un diseñador de UX que usa esta interfaz de usuario UX, como usted trabaja en Figma y Adobe XD y otro software similar, hacen asegúrese de usar Grid correctamente porque las calificaciones son realmente importantes cuando se trata de alineación. Sí, supongo que esto fue más o menos en la alineación. Espero que ustedes realmente hayan disfrutado la conferencia. Si ustedes tienen alguna pregunta, no dude en hacérmelo saber y me aseguraré de responderlas. Los veo chicos en la siguiente clase. 5. Balance: Bienvenidos de nuevo chicos. Espero que lo estés haciendo genial. Y hoy vamos a aprender sobre equilibrar el diseño gráfico. Por lo que el equilibrio es también un principio de diseño realmente importante. Y en la clase anterior, tal vez recuerden que mencioné que usar balance de alineación mixta es realmente importante. Por lo que hoy vamos a aprender exactamente qué es el equilibrio y cuáles son sus diferentes tipos. Entonces comencemos. Primero definamos el equilibrio, la distribución del peso visual de los objetos, colores, texturas y espacio. Básicamente todo esto define el equilibrio. Equilibrio no significa realmente que en el mundo real, cómo decimos es que una cosa es un kilo y otra cosa son dos kilos. Por lo que este tendría mayor peso. En diseño. El equilibrio podría basarse en muchos factores, como dije, colores, texturas, espacio, objetos, muchas otras cosas. Entonces definamos los tipos de equilibrio. Básicamente, hay dos tipos de equilibrio, equilibrio simétrico, equilibrio asimétrico, equilibrio radial. Tenemos tres ejemplos por aquí también. Entonces por aquí se puede ver que en equilibrio simétrico, todo está bien equilibrado hacia fuera desde el lado izquierdo y el lado derecho. Pero cuando se trata de equilibrio asimétrico, todo no es ni siquiera esto. Esta es una cuadra. Aquí hay seis cuadras, y están equilibradas pero no simétricas. Al mismo tiempo, te mostraré algunos ejemplos y podrás entenderlos correctamente entonces. Por último, balance radial. Entonces, si básicamente copias algo en un círculo, se vuelve fácilmente equilibrado. Te daré ejemplos de esto también. Primero cubramos el equilibrio simétrico. Entonces aquí es el mejor ejemplo de equilibrio simétrico. Se puede ver que todo es básicamente idéntico. Se vería que hay tres círculos por aquí y tres por aquí también. Entonces está este bloque en el medio. De igual manera por aquí, básicamente podemos llamar a esto en algún lugar para radialmente equilibrado también. Si hubiera tal vez más de estos bloques. Y luego aquí está este ejemplo también. Déjame darte algunos ejemplos de la vida real. Por lo que pueden ver que tenemos esta portada de revista. Básicamente, todo por aquí no está debidamente equilibrado de acuerdo con, dirías, la regla. Pero como éste y éste está debidamente balanceado, igual manera, este texto y este texto están debidamente equilibrados. Todo el asunto está básicamente equilibrado simétricamente. Vayamos primero y luego cubrimos el equilibrio asimétrico. Entonces se puede ver que todo por aquí, todo parece un caos, pero se ve agradable a los ojos. Si tu diseño se ve agradable a los ojos, diría que está equilibrado. Porque cada diseño en el mundo, todo buen diseño en el mundo, es básicamente equilibrado, de lo contrario, se ve raro. Y por último, equilibrio radial. Se puede ver que por aquí, todo está en círculo. Todo el Mandela, como podrías haber oído hablar de este término, es un término muy popular en diseño. Diseño de Mandela o básicamente equilibrado. Por eso se ven tan bien. De igual manera por aquí, esto se ve muy bien también. Sí, supongo que esto fue más o menos en equilibrio. Hagamos un pequeño resumen. Entonces básicamente hay dos tipos de saldos. Balance simétrico, equilibrio asimétrico , equilibrio radial. Y si sabes cómo usarlos correctamente, será un cambio de juego para ti porque tienes que usarlo en todos tus diseños. Entonces espero que ustedes realmente hayan disfrutado esta clase. Si ustedes tienen alguna pregunta, no dude en preguntarme. 6. jerarquía: Bienvenidos de nuevo chicos. Espero que estés haciendo grid y hoy vamos a aprender sobre jerarquía en diseño gráfico. Entonces comencemos. Primero lo definamos. El proceso de clasificación visual de los elementos se denomina jerarquía. ¿De acuerdo? Entonces déjame decirte cuál es el uso de jerarquía porque solo entender esa definición no será suficiente para ti. Básicamente, la jerarquía se usa para agregar estructura a su diseño. Gran organización visual, igual que la redacción es importante y lo que no lo es. Crear dirección. Se le puede decir al usuario qué leer primero y dónde leer después. Entonces agrega énfasis en una cosa específica. Y, por último, te ayudará a navegar y digerir información fácilmente. Por lo que si tienes una jerarquía adecuada en tu diseño a usuario no te abrumarás con toda la información. Podrían leer todo el diseño fácilmente, no solo detectar, sino todo el diseño fácilmente. Entonces, ¿qué pasa si no se tiene jerarquía en el diseño? Entonces, ninguna jerarquía básicamente crea confusión. Tu usuario se queda con la confusión que lo que estás tratando de transmitir en tu diseño, porque como sabes, ese diseño gráfico se trata de transmitir tu información. Y por último, no dice lo que es importante. Si tu diseño no dice lo que es importante, tu diseño es inútil porque un diseño básicamente resuelve un problema y le dice al usuario lo que es importante. Por ejemplo, si en un diseño estás tratando de mostrar un zapato y el precio del zapato. Si el usuario no compra el producto al final de ver tu diseño, tu diseño es inútil. Entonces, ¿cómo crear jerarquía? Básicamente, hay múltiples formas a través de las cuales puedes crear jerarquía. El número uno es el tamaño. Por defecto, si nos fijamos en este diseño específico, toda esta pantalla, ¿Qué estás leyendo primero? Obviamente, el texto rojo en negrita en la parte superior. Entonces el tamaño básicamente crea jerarquía. El segundo es el color. Nuevamente, estoy usando jerarquía en mi propio diseño por aquí. El texto rojo es importante y tú estás leyendo eso primero. Entonces topografía. También se puede utilizar tipográfico para crear jerarquía. Y por último, el layout. Te voy a dar ejemplos de los cuatro de estos en el próximo par de diapositivas. Entonces el número uno es el tamaño. Se puede ver que tengo tres ejemplos por aquí. Y todo, en los tres ejemplos, básicamente estás leyendo los textos que se hierve primero, muere con 0. Siguiente regla, Sherlock Holmes, siempre leerás la negrita y el tamaño más grande del texto o lo más grande primero, porque tus ojos, es importante y después de eso lees el otro información. Por lo que el tamaño es una de las mejores formas de crear jerarquía. El segundo es el color, también. Tengo dos ejemplos por aquí. Y en estos dos ejemplos, se puede ver que hay muchos íconos en el derecho y hay algo de textura en el izquierdo también. Pero al instante voy a contrastar y el primero, y la palabra artes en el segundo, porque hay jerarquía dependiendo del color. Entonces tipografía. Entonces se puede ver que dice, es muy bonito que sepa. jerarquía permite que el lector sepa dónde buscar primero. Se puede crear, lo siento, Se puede crear usando tamaño, color extraño, y espacio. Entonces, por defecto, estás leyendo todas estas dependiendo de la forma en que el usuario quiera que leas, ¿de acuerdo? Y por último, el layout. Entonces, si te gusta la interfaz de usuario y diseño de UX es extremadamente importante porque lo contrario no podrás decirle al usuario cómo debe leer todo el asunto. Y votar es importante y lo que no lo es. El diseño también es muy importante. Entonces lo que pasa con la jerarquía es que no tienes que usar una regla. Puedes usar múltiples reglas. Por lo que en ambos de estos ejemplos, se puede ver que en éste, también se usa el color. Incluso en el color, hay diferentes colores para que sí te enfoques en ambos. Y luego de manera similar por aquí en tamaño también. Así que de manera similar por aquí, puede ver que el diseño se ha utilizado en el tamaño se ha utilizado, se ha utilizado el color. Incluso la tipografía se ha utilizado porque se lee primero el texto en negrita y el resto del texto más adelante. ¿ De acuerdo? Y por último, los patrones de jerarquía. Estos son realmente importantes a la hora de crear cualquier tipo de diseño, pero sobre todo texto. Y siempre que estés haciendo sitios web. Entonces está el patrón F y el patrón Z. Entonces primero, primero cubramos el patrón Z. El patrón Z es realmente importante en diseños de sitios web porque la gente realmente lee la información de izquierda a arriba. Después bajan como este patrón Z y luego leen el resto de la información. Por lo que podría haber visto que la barra de navegación siempre está ahí en la parte superior y tiene todos los enlaces importantes porque la gente lee de izquierda a derecha primero. Y de manera similar en el patrón F, ese patrón es realmente importante a la hora escribir porque la gente lee de izquierda a derecha, como dije en los tutoriales anteriores también. Esto fue más o menos en jerarquía y cómo usarlo. Espero que ustedes realmente hayan disfrutado esta clase. Si ustedes tienen alguna pregunta, no dude en hacérmelo saber. Me encantaría responderles a todas. Por lo que los veo chicos en la siguiente clase. 7. Repetición vs ritmo: Bienvenidos de nuevo chicos. Espero que lo estés haciendo genial. Y hoy vamos a aprender sobre repetición y el ritmo y ¿cuál es la diferencia entre ellos? Esta va a ser una clase realmente corta, pero yo diría que estos dos conceptos son realmente importantes si te interesa hacer patrones y texturas. Entonces comencemos. Empecemos por la repetición. repetición es la recurrencia de un elemento de diseño comúnmente utilizado en patrones o texturas. Entonces si no has hecho una textura o un patrón en mayormente ilustrador, es posible que hayas visto que solo creas un elemento o un par de elementos y luego los repites infinitamente. Eso es lo que es nuestro patrón o textura. Entonces déjame mostrarte algunos ejemplos. Por aquí. Se puede ver que sólo hay un elemento por aquí y sigue repitiéndose. Básicamente, tenemos un solo elemento hexagonal y sigue repitiéndose. De igual manera por aquí, tenemos este círculo por aquí y sigue repitiéndose. Pero el patrón o textura no es el único uso de la repetición. Puedes usar la repetición para básicamente el énfasis también. Ya que todo lo que es el fondo, mantener, sigue repitiendo. El énfasis está en la pelota. Y este tipo de aquí, esto fue repetición. Házmelo saber, te explicó ritmo. El ritmo es similar a la reputación, pero un poco diferente. Entonces ritmo básicamente, básicamente significa igual que reputación es creada por elementos de diseño recurrentes. Pero sí, hay un pájaro, pero no tienen que ser similares en repetición. Déjame mostrarte aquí en la petición, todo sigue repitiéndose. Pero en hacerlas, déjenme mostrarles un ejemplo y hacerlas, las cosas siguen repitiéndose, pero no son parecen. Entonces en este ejemplo de aquí, se puede ver que tenemos estos óvalos por aquí y siguen, el tamaño de estos sigue aumentando. Y básicamente se están repitiendo en espiral. Pero al mismo tiempo, están repitiendo, pero no son lo mismo. Básicamente están causando un ritmo en el diseño. De igual manera por aquí se puede ver que tenemos un par de círculos. Básicamente, todos ellos son diferentes. Todas las líneas, todos los círculos son diferentes, pero todavía nos están dando una sensación de repetición. Por lo que incluso se puede llamar al ritmo como reputación asimétrica porque todas las cosas no son similares, pero aún así te dan la sensación de repetición. Por lo que espero poder transmitirles adecuadamente los conciertos. Espero que hayas podido entender bien la repetición y el ritmo. Si ustedes tienen alguna pregunta, como siempre, no dude en preguntarme y me aseguraré de responderlas. Los veo chicos en la siguiente clase. 8. Contraste: Bienvenidos de nuevo chicos. Espero que lo estés haciendo genial. Y hoy vamos a aprender sobre uno de los principios de diseño más importantes a la hora de tipografía. Y eso es contraste. Porque si no tienes contraste en tus diseños y tu tipografía, gente no podrá entender lo que estás tratando de decir. Entonces hoy vamos a aprender eso y comencemos. Por lo que la diferencia entre dos elementos en nuestro diseño se llama contraste. Hay otro principio bajo principio de diseño, que se llama énfasis, que es muy similar al contraste, pero vamos a cubrir eso en el siguiente video. ¿ De acuerdo? Por lo que se utiliza para crear un efecto. Entonces, si deseas crear cualquier tipo de efecto en tu diseño, el contraste es realmente importante. Se utiliza para crear énfasis en, se utiliza para agregar un atractivo visual. Y hay algunos ejemplos de contraste también. Así que al igual que muchos otros principios de diseño, puedes crear contraste basado en la forma, escala, el color y el diseño. Pero el más importante, que yo diría que está basado en el color, como se puede ver por aquí en esta pantalla. qué es una cosa en la que más te enfocas , la palabra contraste, porque el contraste de este color según el fondo es realmente, muy alto. De igual manera por aquí puedes leer esto correctamente porque el contraste de este color y el color de fondo es el adecuado. De acuerdo, pues déjenme darles un ejemplo de contraste bueno contra malo. Por aquí. El primero definitivamente es buen contraste porque lo puedes ver correctamente, ¿de acuerdo? En la siguiente, no se puede ver correctamente porque el contraste no es adecuado. En este ejemplo, el color granate no es apropiado dependiendo del color de fondo. ¿Sabes qué? Olvidémonos de estas diapositivas y déjame mostrarte un sitio web que es realmente muy útil y me gusta mucho. Así que déjame ir a Google por aquí y vamos escribir en verificador de confianza. Hay un par de absurdos los cuales puedes usar el pero el que realmente me gusta es coolers.co. Entonces déjame abrir este. Y este sitio web es realmente agradable. Realmente me encanta porque te muestra si tienes un color de fondo y el color del texto, y en realidad te da una calificación que si debes usarlo o no. Por ejemplo, si tengo el color del texto como este y cambié el color de fondo a tal vez algo como negro. Se puede ver que este texto no es legible y nos está dando una lectura adecuada para esto también. Tal vez verde leve, un verde muy claro. Se puede ver que la lectura realmente importa porque nos está diciendo que el contraste es muy bueno para estos dos colores. Entonces básicamente puedes seleccionar cualquier color para el texto y el fondo. Y te dará una calificación adecuada para una lectura de contraste. Y también te dice si el texto se ve bien en texto pequeño o texto grande. Entonces, sí, este es un absurdo muy útil y pensé que os lo diría chicos al respecto. Espero que ustedes realmente hayan disfrutado esta clase y los veo chicos en la siguiente. 9. Énfasis: Bienvenidos de nuevo chicos. Espero que lo estés haciendo muy bien. Y hoy vamos a aprender sobre el énfasis en el diseño gráfico. El énfasis es similar al contraste como mencioné en la clase anterior, pero son un poco diferentes. Y en esta clase, les diré cómo. Entonces empecemos con énfasis. Vamos a definirlo. Por lo que se utiliza el énfasis para centrar la atención del espectador en cierta parte de una composición. Si quieres que tu espectador se centre en una cosa específica, esto es en lo que el énfasis se usa básicamente para cómo se logra. Por lo que el efecto se logra manipulando los elementos de diseño como el color, forma y el tamaño para hacer que parte específica de un diseño destaque. Entonces en toda esta diapositiva, que es una cosa en la que me estoy enfocando, estoy enfatizando en la palabra énfasis. Entonces sí, esa es la sección de énfasis, perdón por el chiste cojo. Entonces, en este ejemplo, se puede ver que tenemos este patrón por aquí, pero nuestros ojos instantáneamente van a este hexágono específico de aquí. ¿ Por qué? Por Es color, es diferente de los demás. También los mismos conceptos que son para el contraste, también se aplican por aquí. El énfasis también se crea dependiendo del tamaño, el color, la topografía y el diseño. Del mismo modo en estos ejemplos también. Pero déjenme darles un ejemplo poco más práctico. Entonces tenemos dos diseños por aquí. Y en ambos diseños, tus ojos automáticamente van a un punto determinado. ¿ Por qué? Porque hemos enfatizado en esa parte específica, como en este ejemplo, tus ojos automáticamente pasan por aquí, pesar de que el resto del diseño hay diferentes colores y el fondo es negro. Pero aún así suben a este punto porque hemos enfatizado en ello. De igual manera en este ejemplo, o los ojos automáticamente van a esta persona aquí porque enfatizamos en esta persona. Este concepto es mucho, mucho tiempo, este concepto es judío en las películas también. Sí, básicamente, si te digo cuál es la diferencia entre contraste y énfasis, contraste es como en una muy pequeña escala y énfasis es como el panorama más amplio de todo el diseño. Si estás tratando de crear contraste entre sólo dos cosas, si lo estás intentando, sí. Entonces el contraste es entre dos cosas y el énfasis es entre muchas cosas. Esta es la forma más sencilla en la que puedo definirlo. Entonces sí, espero que ustedes ahora entiendan el contraste y énfasis de rutina diferente. El énfasis es tan importante y cómo usarlo. Espero que ustedes realmente hayan disfrutado esta clase y los veo chicos en la siguiente. 10. Escala, proporción y movimiento: Bienvenidos de nuevo chicos. Espero que lo estén haciendo muy bien y felicidades, hayan llegado al último video de todo el curso. En esta clase, vamos a aprender sobre tres conceptos y se escalan, proporción y movimiento. Ya que creo que estos tres conceptos son bastante similares, por eso deberíamos cubrirlos todos juntos. Entonces comencemos con el primero, que es escala. Por lo tanto, la escala en el diseño es el dimensionamiento de los elementos para crear un punto focal. De acuerdo, pues déjame decirte cómo. Entonces lo que pasó es que a medida que creas escala basada en algo realmente grande o realmente pequeño, creas una escala poco realista y un tamaño realista de las cosas. Se puede ver que tenemos unos carros realmente pequeños por aquí. En la parte superior de los carros, tenemos algunos elementos realmente gigantescos. Este helado, esta pelota y esta lanzadera de bádminton acog, supongo que esta fría. Entonces como hay escala en el diseño, los carros son tan pequeños, nos vemos obligados a enfocarnos en las cosas más grandes. ¿ De acuerdo? Entonces básicamente así es como creas escala. Tengo otro ejemplo por aquí. Tenemos un texto realmente grande al fondo y un auto muy pequeño. Dado que los textos no pueden ser más grandes que el auto, esto crea un tipo de expectativa poco realista y es por eso que estamos enfocados en el texto y en el auto ambos. ¿ De acuerdo? Entonces esto es escala. Ahora vamos a cubrir la proporción. Proporción es el tamaño real entre dos elementos de diseño. A diferencia de escala y proporción, te aseguras de que los tamaños sean en realidad los mismos porque la proporción tiene que ser misma según el ejemplo de la vida real. Perdón si pueden escuchar esto, pero supongo que hay alguien usando el martillo en mi casa, así que siento si están golpeando esto, pero estoy seguro de que no tendré que volver a grabar esto. Proporción agrupada versus buena proporción versus mala proporción. lo que en el primer ejemplo, se puede ver que esta es una mala proporción. Una persona no puede ser tan grande como la casa, ¿de acuerdo? Es posible que puedas usar esto en un ejemplo de escala, pero no en este ejemplo de proporción. Esta es buena proporción. La persona está de pie de frente y artistas ¿por qué? Es así como una persona en la casa puede ser del mismo tamaño Dependiendo de la perspectiva. De acuerdo. Sí, esto fue más o menos en escala y proporción. Supongo que si tenemos otro ejemplo, el basquetbol obviamente es así de mucho más grande que el beisbol. Si el beisbol fuera tan grande como este basquetbol, no habría tenido sentido según la proporción. Pero por escala, definitivamente puedes hacerlo. Y el último concepto es el movimiento. El movimiento, entonces movimiento de diseño gráfico no se refiere al movimiento de imágenes en pantalla porque de lo contrario se convertiría en motion graphics o en una emisión. En el diseño gráfico, es algo muy diferente. En cambio, se refiere al movimiento o ojo del espectador a medida que se mueven por la pantalla. Entonces básicamente creas el movimiento del ojo de tu usuario en la pantalla. Su diseño es tan conmovedor que ni se mueve de manera espiritual. Déjenme darles un ejemplo. Entonces tenemos un par de ejemplos por aquí. Y en este ejemplo, en el primero, se puede ver que por defecto nos vemos obligados a mirar en el medio porque ambos los golpes se mueven por dentro. De igual manera en este ejemplo, hay círculos por aquí y este vértice se reduce a esta parte y estamos enfocados, estamos hechos para enfocarnos en esta parte. Del mismo modo, por aquí, parece que el, supongo que esta es una ranura y la ranura se está ejecutando, palabras correctas. Entonces básicamente así es como puedes crear movimiento en tus diseños. Entonces supongo que esto fue más o menos en escala, proporción y movimiento. Espero que ustedes realmente hayan disfrutado de todos los conceptos en este curso. Y si ustedes tienen alguna pregunta, siéntanse libres de preguntarme porque me encantaría responderlas porque me gustaría que ustedes entiendan estos conceptos correctamente y los implementen en sus diseños. Entonces, sí, esto fue más o menos. Espero que ustedes realmente hayan disfrutado el curso. Y ojalá te vea en el video outro. Adiós. 11. Proyecto de clase: Bienvenidos de nuevo chicos. Espero que lo estés haciendo genial. Y supongo que es momento de hablarte del proyecto de clase. El crédito de clase es muy sencillo. Todo lo que tienes que hacer es básicamente seleccionar cualquier principio de diseño de todo el curso. Podría ser a cualquiera que te guste más, y básicamente tienes que explicarlo con al menos dos ejemplos. El asunto de ejemplo esto, que se podrían tomar los ejemplos de Internet. O sería mucho mejor que diseñaras algo tú mismo y explicaras el concepto usando esos ejemplos. Entonces espero que ustedes realmente hayan disfrutado todo el curso. Espero que hayas pasado un rato divertido aprendiendo los principios del diseño. Y si ustedes tienen alguna pregunta, siéntanse libres de preguntarme abajo, y espero verlos chicos en otro de mis cursos. Así que adiós.