Transcripciones
1. Bienvenido a el curso de Canva: teoría gráfica de la teoría del diseño volumen2: Hola a todos. Y bienvenidos a este curso de Canadá sobre el uso de la teoría del diseño y las redes sociales. Te quiero dar la bienvenida y también gracias por unirte a este curso, y espero que lo encuentres valioso en este curso. Te voy a mostrar los principios básicos de la teoría del diseño que debes saber siempre que estés creando cualquier tipo de imágenes o gráficos. Y esto podría ser para tu sitio web, tu marca para redes sociales para Twitter Facebook Pinterest. Si solo ves este video y entiendes algunos de estos conceptos clave que utilizan
los diseñadores gráficos y artistas, tendrás una mejor comprensión de cómo realmente hacer que tus imágenes y gráficos
destaquen del resto. Y estoy seguro de que has visto los sitios web e imágenes y gráficos en línea
y solo miras y sus horrendos y realmente no sabes qué pasa con, um, Pero tu mente dice que hay algo malo con él, y es porque los principios básicos de la teoría del diseño no se han aplicado a esos gráficos. Entonces en este curso, vamos a entrar en lo profundo de um, cuáles son cada uno de estos principios, y vamos a cubrir o amplia gama de cosas desde los principios y elementos del diseño hasta tipografía, color y composición. Y así es como se ve uno de los cursos. Estamos dando una breve descripción del tema en cuestión, y luego proporcionaría un par de ejemplos que tiré juntos y tal vez algunas fotografías sobre algunas cosas que estoy deseando sacar sobre ese tema en particular. Y luego entro a proporcionar algunos ejemplos de diseños gráficos que saqué directamente de Canadá. Y uso estos ejemplos para mostrarte que, ya
sabes, estos no son los que hice. Acabo de sacarlos de aquí para poder mostrarles por qué funcionan tan bien y los principios que se están utilizando y son un gran recurso. Y realmente te muestra el poder de este software para poder juntar muy rápidamente , un diseño que se ve muy bien. Y todo lo que tienes que hacer es simplemente cambiar parte de la información y estás en camino. Pero si tienes estos principios en mente mientras estás diseñando y juntando esta información, entonces realmente vas a destacar
2. Acerca de Canva: Por lo que antes de empezar, me gustaría tomarme un momento para mirar. Este programa, llamado Canvas Camera, es una herramienta en línea que puedes utilizar para realizar todo tipo de diseños de gran aspecto. Ahora tengo otro curso sobre cómo configurar este programa y usarlo de principio a fin. Te sugiero que eches un vistazo y encuentres ese curso y lo compruebes, pero básicamente voy a dar un rápido resumen de este software. Lo que es la cámara. Se trata de un software de edición fotográfica y gráfica que tiene una tonelada de diseños pre hechos que utilizan para ayudarte a ponerte en marcha en poco tiempo. Y puedes elegir entre estos diseños pre hechos, que lo hace realmente simple. Ahora, este es el tablero principal después de haber creado una cuenta, y puedes ver aquí que puedes seleccionar fácilmente uno de estos objetos y hará un diseño para ti. Y si amplias esto, tienen todo tipo de cosas diferentes. Aquí puedes hacer eventos. Ah, blawg y él reservó gráficos, gráficos de
marketing, um, cosas del tipo de redes
sociales, diferentes tipos de documentos, como presentaciones. Si estás dando una presentación de mentira en los anuncios. Por lo que sólo vamos a seguir adelante y escoger uno de estos realmente rápido para esto. Perdón. Pulsa el botón equivocado ahí. Um, para esto, he estado usando el gráfico de redes sociales solo porque es de tamaño bastante básico para usar, como Instagram, Facebook y esas cosas. Pero podrías escoger cualquiera de estos. Um, ya
sabes, podrías hacer un póster. También recién agregaron infografías, lo cual es realmente agradable para hacerlas. Ah, si recogemos esto aquí, se abrirá una nueva ventana, y esto te lleva a sondeos diseñado tablero. Y aquí puedes elegir algunos de estos diseños de pre may, que utilizo en ejemplos. En los siguientes cursos y volúmenes. Se pueden añadir textos en fondos. Podrás subir tus propias imágenes, y también puedes escoger entre una variedad de formas e ilustraciones. Ahora es gratis configurar una cuenta, y es gratis usar algunas de sus plantillas y gráficos. En ocasiones sí hay que pagar algunos de los gráficos, y ellos son $1 cada uno. Y así lo que pasa es que ponen esta marca de agua con un logotipo de Campbell aquí, y si usas ese elemento o esa plantilla o lo que sea, Cuando vas a descargar esto o um, sí, cuando vas a descargar esto como imagen o un Pdf, vas a tener que pagarlo, y va a aparecer,
Ah, Ah, pantalla ahí para que pongas la información de tu tarjeta de crédito. Se pueden comprar créditos para hacerlo un poco más barato y todo, pero básicamente se paga parte de las cosas. Pero aquí hay un montón de cosas gratis. Por lo que quería usar este software para mostrarte que no tienes que ser una experiencia o diseñador gráfico
profesional para llegar a imágenes impresionantes y logotipos y cosas de esa naturaleza. Entonces básicamente, lo que he hecho es que he sacado información del lienzo, como sus formas e iconos y diseños de texto y pre mayo para describir los fundamentos que estoy enseñando en este curso ahora. Como dije, si quieres profundizar más en cómo usar realmente el software, tengo un curso separado al respecto, y te aconsejo que vayas a buscarlo y echarle un vistazo. Um, es definitivamente realmente útil, y cubre todo lo relacionado con la cámara de principio a fin, y muestra algunos atajos. Por lo que estos cursos todo tipo de van juntos. Tienes el curso mostrado cómo configurarlo, y entonces este curso aquí te enseñará cómo,
um,
usar um, principios de diseño para hacer que esos gráficos sean impresionantes. Y realmente espero que, um, esto te ayude. Echa un vistazo a este software. Me encanta. Es realmente genial de usar. Simplemente se integra tan bien en las redes sociales. Cuando creas uno de estos diseños de pre may, si dice Facebook o Twitter, en realidad
están usando las dimensiones de esas plataformas de redes sociales. Entonces sabes que las dimensiones van a ser correctas, y eso es simplemente impresionante en sí mismo. Tan solo dedo del pie ten eso al alcance de tu mano, y están constantemente actualizando cosas, agregando cosas nuevas, Así que echa un vistazo y sigamos con el curso
3. Dirección: dirección proporciona movimiento y dirige el ojo del espectador. Entonces cualquier cosa en tu imagen de diseño gráfico que esté apuntando en una dirección o ayudando a mover a tus audiencias yo alrededor. El diseño gráfico se considera como dirección, por lo que la dirección se puede mostrar de múltiples maneras. Algunas de esas formas pueden ser con líneas y puntas de flecha. Podrían mostrarse con imágenes de direcciones mostradas en la propia imagen, y puede ser línea de visión implícita. Por lo que alguien mirando hacia la distancia en esta dirección puede conducir el ojo mediante la colocación de imágenes o información. También, lo que la dirección se puede mostrar por la forma en que los elementos y gráficos se colocan realmente dentro del propio diseño. Entonces echemos un vistazo a un par de ejemplos, y aquí tenemos una ilustración y se puede ver que
aquí están pasando dos tipos de direcciones y en realidad múltiples direcciones, que podemos tocar en séptimo. Um, pero el tubo principal es la forma en que los personajes que miran al personaje no parece
necesariamente estar mirándote a ti, al espectador, pero algo así que quizá te pasen como si estuviera parado en la carretera buscando un auto para pasar
para que pueda señalar el camino. Y luego, por
supuesto, la otra es la flecha que apunta hacia la dirección cuando estás mirando esto a tu derecha, y cuando estás usando cosas como esta, como las puntas de flecha para la dirección, hay que tener cuidado porque puedes guiar la línea de visión de los espectadores justo fuera de la página. Porque las flechas apuntando hacia la derecha y hay espacio negativo más amplio en esa dirección y nada más, hay nada que impida que el espectador continúe con sus ojos justo fuera de la página y
pase a otra cosa. Por lo que una buena manera de usar este diseño sería poner algún tipo de mensaje que quieres que el público vea justo al lado de la flecha del lado derecho, con los espacios negativos que hace dos cosas. Señala lo que quieres que vean,
poniendo énfasis en ese texto o imagen, y impide que un espectador deje que sus ojos deambulen fuera de la página. Este ejemplo funciona de la misma manera exacta, excepto que es una fotografía en lugar de una ilustración. Pero aquí tenemos la carretera con algunas marcas extra en ella, apuntando hacia una zona por la carretera y Esto sería bueno de la misma manera agregando texto o elementos en la dirección que apunta la flecha, lo que podría tener una imagen de su auto conduciendo fuera que quieres que la persona vea. O tal vez tengas texto, um, allá
arriba en el cielo en el horizonte que quieres que lea el espectador. Entonces esto es proporcionar dirección apuntando con una fotografía real y textura asfáltica y lo que tienes. Entonces cuando son ejemplos se puede ver aquí que tenemos un poco de dirección por Las imágenes en el fondo, como este archivo fueron un reflejo de esta flor porque está actuando como una punta de flecha y apuntando hacia abajo hacia los textos. Las gafas también pueden ser líneas orientadoras, apuntando en la dirección para ayudar a tipo a empujar los ojos hacia atrás hacia la imagen y también tipo de bloquear esta dirección aero yendo hacia abajo. En este diseño gráfico, está sucediendo
el mismo concepto exacto, excepto que estamos usando símbolos en lugar de cualquier tipo de imagen o fotografía, Así que esto parece una insignia. Pero también parece que una flecha apuntando hacia abajo al texto dice, proporcionando dirección de esa manera, y luego tienes alguna jerarquía y dirección pasando con la forma que detecta se presenta aquí. ocasiones Texas enfatizó en medio, pero aquí se enfatiza en la parte superior y fluye naturalmente hacia abajo, como si estuvieras leyendo. Entonces eso también es proporcionar dirección por la colocación. Y finalmente, en este, se tiene dirección por la línea de visión implícita. Entonces cuando estás mirando la fotografía de fondo, como
que deambulas en la misma dirección que la persona de esta foto está mirando hacia esa salida o puesta de sol,
o tal vez a menudo, esa ciudad. Y como que consigues el mismo sentido del estado de ánimo y sentimiento que el artista quiere retratar en este tipo de imagen dejando que tus ojos vayan en la misma dirección que ellos quieren que veas . Entonces, cuando leas este texto, podrías entonces mirar al personaje y luego mirar hacia fuera en esa misma dirección y
pensar en tus vacaciones, dice muy poderoso la forma en que lo han hecho. Así que usa la dirección en tus diseños, sobre todo cuando quieras apuntar específicamente como algo no hay nada más fácil que pegar una flecha justo al lado de un bloque de textos y decir:
Oye, Oye, mira esto. Entonces usa los de tus diseños, y espero que eso te ayude.
4. Escala: escala es tamaño inconmensurable, elemento
horno en relación dedo del pie otros elementos en el diseño. Entonces, ¿qué escala? Puedes usar formas e iconos para ayudar a enfatizar diferentes elementos de tu diseño, y puedes usar escala y texto para enfatizar también lo que quieres que vea el espectador. Escala ayuda a proporcionar un cierto estado de ánimo con elementos de diseño e imágenes basados en lo que estás tratando de retratar en ese elemento o imagen de diseño específico. Entonces sigamos adelante y echemos un vistazo aquí. Entonces en este ejemplo, tiene escala entre los planetas, pero sin nada más que ver realmente alrededor de estos planetas o nada con lo que comparar, no
sabemos la escala de estos planetas y lo grande que estamos hablando. Entonces, por ejemplo, podríamos decir que este es el universo real y estos planetas aéreos dentro de nuestro sistema solar , y eso es una escala mucho mayor porque ahora estamos hablando de cientos de miles de millones de millas de distancia una de la otra. O podríamos hablar de tu clase de ciencias de secundaria o secundaria cuando harías de esos pequeños dia Rama de los planetas unas nuevas bolas de poliestireno. Cuando estás hablando de eso, es en un partido Mawr escala media o regular de lo que estamos acostumbrados. Algo sobre mucho más pequeño debería decirlo. En función de otros objetos que interactúan que dentro de la escena, obtienes diferentes cosas a escala o más grandes o más pequeños, y con Onley estos objetos para compararse entre sí. Tu mente es un poco dejada en tu imaginación llena esos vacíos. Ahora en esta imagen, se están utilizando los mismos principios el aire que va a escala para especie de retratar esta imagen. Y a primera vista, esto casi se parece a un tren de juguete, algo que verías en una televisora local para Ah, sabes algo así como un programa para niños. Pero cuando vemos a la gente algo con lo que estamos familiarizados en una escala normal de tamaño humano , inmediatamente
sabemos que se trata de vagones de tren reales. Entonces ahora tenemos un sentido de escala de que esta no es una pequeña ciudad de juguete. Esta es una verdadera gran ciudad de la vida real. Entonces veamos algunos ejemplos de escala y diseños, y estos son los mismos principios. Aquí tenemos este diseño de Los Ángeles, y estamos a gran escala fuera en la montaña, mirando al otro lado de la ciudad y viendo esta gran escala de la ciudad y sin compensación toda la ciudad en una sola imagen. No estamos abajo en el nivel de la calle o no estábamos volando en el en el espacio mirando hacia abajo. Pero sí tenemos un gran sentido de escala basado en esta imagen. Y por supuesto, en este, estamos en una escala mucho menor. Mirando una taza en esta botella. En esta agua, como
que consigues una habilidad de realizar qué, que en realidad contenta el vidrio real sería como y el tamaño que pertenecería. Así que corre un nivel mucho más personal aquí. No estamos muy por encima de la ciudad mirando hacia abajo. No somos también hormigas microscópicas mirando hacia arriba estas cosas, pero estamos en esa escala humana natural donde podríamos simplemente alcanzar y agarrar ese vaso. Está casi en el mismo tamaño y proporción de un vaso normal, así que en realidad es como si pudieras alcanzarlo y agarrarlo. Por lo que la escala definitivamente está ayudando en esta fotografía a retratar la sensación de que quieren
atravesar , que debes mantenerte hidratado y alcanzar y agarrar por ese vaso de agua. Y luego finalmente, se
puede ver escala en estos iconos y texto. Y con el ícono de Twitter ahora ahí, como
que consigues un sentido de escala. Ahora bien, si tomáramos ese ícono de Twitter y lo voláramos para que eso llenara todo el diseño gráfico , te daría una especie de sensación diferente, y tal vez el texto se sentiría un poco más pequeño para ti. Pero como tenemos un icono más pequeño, el texto tipo de pops y destaca y se enfatiza. Pero aun así obtienes una buena escala de ese ícono de Twitter y revertir a Lee. Si tomáramos el ícono de Twitter y lo hiciéramos
extra, extra real pequeño, te daría otra sensación de escala en el diseño. Por lo que escalas en tus diseños. Puede ayudar a traer contraste, y ahora puede guiar los ojos de los espectadores. Además, también puede proporcionar equilibrio. Si algo de un lado de tu diseño se escala mucho por encima, todo lo demás en tu diseño va a tener mucho más peso visual y tirar de
los ojos de los espectadores en esa dirección. Eso podría ser un estado de ánimo. Vas hacia adelante. También puede causar molestias y algo que quieras evitar, pero todo está basado en las ideas que estás tratando de atravesar
5. Textura: textura proporciona un aspecto tridimensional en una superficie bidimensional, y esto se puede lograr una serie de formas diferentes con valor con color,
con formas y diseños, con formas y diseños, por lo que la textura muestra el aspecto o la sensación de una superficie. Puede agregar interés visual y proporcionar contraste con otros elementos en el diseño. Algunos ejemplos de textura podrían ser algo que sea liso o áspero, peludo
sedoso o que tenga una textura metálica. Por lo que aquí puedes ver este viejo tocadiscos de estilo tiene algunas texturas múltiples pasando. Tenemos la textura de esta campana de bronce o cobre y la forma en que ese tipo de metal se ve. Y luego también tienes el disco de vinilo, y es de superficie lisa y luego la textura de madera de la caja. Se pueden ver los granos dentro de eso lo haría, así que hay mucha textura dentro de esta ilustración, y solo presenta. Ah, muy bonito, agradable, mirada
tridimensional al objeto. Ahora bien, si estas fueran solo formas y colores sólidos, tendrías cierta sensación por esto. Se vería más como un ícono o símbolo, pero cuando empezamos a proporcionar color y patrones y textura, empieza a tener una sensación de realmente lo que es esto, y simplemente se ve más realista cuanto más profundo se llega dentro de las texturas y colorear iluminación. En esta fotografía, se pueden
ver dos texturas yendo sobre la textura de la superficie de la madera. Y antes de que se puedan ver los granos y los hoyos, los arañazos, los reflejos, las áreas de dole, y luego se puede ver la textura del teléfono aquí, la parte superior de cristal lisa y limpia en el tipo metálico de lado o lado de plástico. El bonito, suave detalle ahí y las diferentes texturas en esta foto ayudan a que ese teléfono destaque. Definitivamente obtienes una sensación de contraste pasando dentro de estas dos texturas. En esta escena, se
puede ver que comienza realmente texturizado en la parte inferior y poco a poco se mueve menos textura cerca de la parte superior. Se desvanece con las montañas a medida que sube, y esto también proporciona contraste. Entonces tienes las texturas de los árboles y el pasto y la arena, y luego a medida que te acercas a la cima, se aclara y realmente hace el contraste en la parte superior. Pop out primero. Por lo que empiezas a leer que primero esta imagen, Por
supuesto, proporciona un montón de texturas diferentes también y da solo una agradable, agradable sensación. Pero en el fondo se pueden ver múltiples texturas pasando. Tenemos la textura de la mesa en la madera. Tenemos la copa de vino, y es de superficie lisa. Tienes la textura del pan con sus, ya
sabes, hoyos y agujeros y su corteza. Y luego tienes la superficie lisa de la botella de vino y la etiqueta y luego el
material de tela , esos aire, todas las texturas y todas definen qué tipo de sentimiento tienen esos objetos en la escena . Y luego finalmente, aquí otra vez es otro buen uso del uso de texturas y no texturas para crear contraste. Entonces tenemos este fondo de tal vez este tipo de look de pizarra que tiene algunos arañazos y manchas y destinos, y el texto en las imágenes y símbolos son este blanco de alto contraste sin textura. Por lo que realmente sacas el popping del contraste ahí y tener dos texturas diferentes o tener una textura y una no textura realmente proporciona un buen contraste y muestra esa
espera visual para que puedas usar texturas en tus diseños para hacer un par de cosas que puedas que presenten cierto estado de ánimo o sentimiento. En base a la textura que estás usando, puedes mostrar algo que es desarmónico. Si tienes algo que estamos acostumbrados a ver, es texturizado, y entonces tal vez en su lugar tenga una textura diferente en él. Entonces, por ejemplo, quién sabe si tenías algún tipo de animal o criatura que estaba hecha de ladrillos o arena o algo de esa naturaleza, pueden proporcionar un tipo diferente de estado de ánimo o sentimiento, y luego puedes usarlo como contraste cuando estés teniendo cosas como esta imagen, donde hay textura y no textura,
así que usa textura y estás viendo dar a tus escenas una buena sensación y definitivamente echa un
vistazo a este elemento de diseño.
6. Color: color se utiliza para expresar estados de ánimo o emociones en un diseño y también ayuda a proporcionar contraste. El color se puede aplicar a fondos, líneas, formas, tipografía y textura. Los colores pueden tener diferentes significados, y ayuda saber cuál es tu objetivo de audiencia para que estés expresando el tipo correcto de sentimientos con los colores que estás usando al público. El color también se puede identificar por su temperatura de color si un color es frío o si es cálido y caliente. Y los colores también se desglosan en esquemas de color, lo
que facilita la categorización de los colores y los tipos de principios de diseño con estos esquemas de
color que discutiremos. El color utiliza múltiples propiedades como el matiz, el valor y la saturación para describir de qué tipo de color es el que estamos hablando. Entonces echemos un vistazo aquí En esta primera ilustración, se
puede ver que estas carpetas de archivos se están rompiendo un par de maneras diferentes. Por supuesto, tienes el orden de las formas de arriba a abajo, y luego tienes los números 12 y tres para separarlas. Pero también tienes color para separarlos . Esto hace que la organización en la mente sea muy fácil y fácil de asociar dedo del pie y proporcionar unidad dentro de los objetos y elementos de tu escena. En esta imagen, se están utilizando
colores para proporcionar un contraste muy alto. El rojo muy caluroso, cálido contra el azul muy frío y fresco ayuda a que ese puente se vea muy llamativo. Por lo que el color definitivamente se usa aquí para enfatizar el objeto o elemento que están tratando mostrarte. En este ejemplo, puede ver que el color ha sido de saturado, y hay un esquema de color de tipo monocromático pasando aquí donde es esencialmente un color que se está utilizando. Eso ayuda de la saturación D del color y lo dibuja a un tipo de valor para que
sea especie de un solo color. Pero puedes ver otros colores si miras de cerca, como los verdes y los rojos. Pero hay saturación D sacada de los colores aquí para especie de darte la cierta apariencia y sensación que quieren que muestres de este taller artesanal. En este esquema de color, podría
tener un esquema de color estrecho análogo donde los colores son similares entre sí en el color eran. Ahora hay algunos greens aquí, algunos colores complementarios que ayudan a que destaque y luzca llamativo. Pero hasta donde van las Bayas, todas
caen dentro del mismo tipo de colores. Los tonos están muy unidos, y está altamente saturado para realmente hacer estallar esa fruta y hacer que la desees. Por último, aquí podría verse un esquema de color tipo tríada o incluso mawr, donde se están utilizando múltiples colores múltiples, y cada sección está especie de dividida en diferentes colores. Observe que ninguna persona está usando ropa del mismo color, y esto ayuda a proporcionar equilibrio y uniformidad y ayuda realmente a dar al espectador e idea de la variación que van por en este tipo de foto. Entonces el color es un diseño muy fuerte y gráfico, y hablaremos de esquemas de color para sumergirnos realmente en el tipo de principios que ayudarán. Dale a tus imágenes los ciertos estados de ánimo y sentimientos que quieres g o. Porque en base a los esquemas de color, inmediato
se pueden llegar con algunas grandes opciones de color en lugar de simplemente preguntarse qué tipo de colores van juntos. Por lo que definitivamente usa el color en tus imágenes y gráficos para proporcionar contraste y énfasis donde quieras que se vea el espectador
7. tipografía: tipografía es un diseño y estilo de texto en tu arte, Así que esta es básicamente la forma en que el texto se muestra en un diseño. No son solo las palabras las que se muestran, sino también cómo se muestran. ¿ Qué estilo Qué sentimiento en los estados de ánimo? Un retratar diferentes tipos de tipografía dentro de su diseño puede proporcionar énfasis o un
punto focal basado en las diferentes propiedades que utiliza, como su altura de fuente de estilo de fuente. Si es negrita, subrayado en cursiva, puedes usar texto con boletas de tipografía para crear lista y ayudar a mantener tu texto organizado y fácil de digerir. La tipografía también puede contar una historia con su estilo visual. Entonces echemos un vistazo a lo que algunos tipos diferentes de tipografía aquí y en esta ilustración, se
puede ver que están usando dos tipos de tipografía, uno que nosotros causaríamos. San Serif. Solo somos bloques básicos de texto, fáciles de leer, formateados
fáciles, y luego tenemos una especie de frente tipo script, creo, um, tal vez es un fondo tipo especialidad, pero tienes un poco de guión al principio aquí. Entonces incluso podrías decir que estos EMS son un poco serif, así que solo diremos que esto es, ah, mostrar teléfonos apretados extranjeros o de especialidad. Pero usar los dos tipos diferentes de fondos dentro de esta imagen ayuda a que las palabras sobresalgan y también usar los diferentes colores dentro de la fuente. Entonces este azul claro en este rojo aquí tenemos en esta imagen tipografía siendo utilizada, y le tiene un bonito estilo visual poco, la forma en que está como en una curva o ángulo aquí, opuesto a estos grupos de huevos de Pascua. Ahora se trata de una fuente serif. Se puede ver la Sarah en la facilidad y la S es y cosas de esa naturaleza. Por lo que está usando solo una fuente gruesa, tipo de letra tipo serif ID negrita para mostrar esto. Pero es hacerlo hecho de una manera agradable dentro de una imagen y no sólo texto en la pantalla. Entonces en el primer ejemplo, ve el mismo tipo de patrones dos tipos de teléfonos a diferentes estilos de fuente, y uno está más enfatizado y no le tiene más peso. Entonces uno tiene un poco menos de espera. Es algo delgado y gratuito para mí, Así que tener esos dos tipos de fondos juntos proporcionan la cierta sensación Loker de que
van dentro de esta cierta imagen de diseño gráfico. En este diseño, tienes diferentes tamaños de fuente para ayudar a dibujar tus ojos por la página. Por lo que en
la parte superior, lo principal que quieren que veas tiene un tamaño de fuente grande, por lo que más destaca, y luego lo segundo importante que quieren que veas tiene el tamaño de fuente mediano y luego información que quieren mantener, pero es tal vez el menos importante de los otros dos que tienen en el tamaño peleado más pequeño, y ayuda a guiar tus ojos por la imagen. También puedes ver que hay un poco más de peso y el primero y segundo que el último. Los fondos también tienen una clasificación llamada murciélagos ding o abollados, y esto es cuando escribes caracteres en el teclado y cada letra corresponde a un símbolo o imagen, y estos podrían estar haciendo apuestas aquí arriba. Entonces es una clase de fuente real que podrías descargar y usar, y proporciona todo un montón de símbolos y arte extra, y cuando golpeas puede ser la clave a, obtienes este símbolo, y cuando golpeas el Beaky, se obtiene este símbolo en el Seiki, el símbolo y la Clave D así de simple. Por lo que definitivamente echa un vistazo a los murciélagos ding cuando estás diseñando algo, porque abre tu biblioteca de arte a muchas más opciones. Y luego, finalmente, sólo otro ejemplo de diferentes esperas frontales, estilos de
fuente y tamaño de fuente se está mostrando en una imagen para especie de guiar tus ojos alrededor de la forma en que quieren que veas todo en orden. Por lo que las fuentes son tipografía. Los bebés son una gran parte del diseño, y sobre todo cuando estás tratando con las redes sociales, donde estás tratando de retratar ciertos tipos de mensajes, tipografía puede ser realmente fácil para transmitir ese mensaje y saber lo que los diferentes tipos de tipos de fuentes y estilos en los diferentes pesos pueden ayudar a dar. Enfatizas el dedo del pie lo que estás tratando de mostrar en tus diseños, así que usaste la tipografía, pero úsalo bien y estudialo porque es un tema grande y algo que podría ser un curso
entero todo para sí mismo.
8. Proximidad: proximidad se refiere a la agrupación de elementos para crear armonía y equilibrio. Entonces en tus imágenes, cuando pones cosas similares juntas, estás creando proximidad entre esos objetos o elementos, y hacer show realmente puede ayudar a guiar al espectador y crear organización dentro de tus gráficos. A veces se quiere poner a diferencia de las cosas juntas, para especie de crear un poco de caos o llamar la atención. Pero echemos un vistazo a cómo es esto. lo que en este sencillo ejemplo, se
puede ver en la esquina superior izquierda. Se crea proximidad entre estos cuatro cuadrados, y están agrupados en función de su forma, pesar de que todos tienen diferentes colores. puede decir que pertenecen juntos porque todos tienen el mismo tipo de formas
pasando en la esquina inferior derecha. Se puede ver que tenemos diferentes formas, pero todas tienen el mismo color, por lo que se podría adivinar que estas formas pertenecen juntas en función de sus mismos valores de color. Ahora podrías mezclar y emparejar estos dos grupos juntos, y eso crearía un poco de caos porque algunos de los cuadrados coloreados serían algunos de los objetos rojos, y eso podría ser algo que estás buscando en esta imagen, se pueden ver algunos granos de café que están bien agrupados para crear esta bonita atractiva imagen, y hay un poco de caos con la forma en que se rotan y se tiran aleatoriamente sobre la mesa. Pero se puede ver que todos están estrechamente relacionados juntos Ahora. Si teníamos algún tipo diferente de frijoles o nueces o algo más en la mesa y simplemente tirados ahí, entonces no tendrás tan bueno como la proximidad. Todo simplemente se machacaría juntos. Pero si tuviéramos tal vez algunos tipos diferentes de seres, pero bien almacenados aquí en la esquina, tendrías la proximidad de los unos con los otros y luego de este grupo a sí mismo. En esta imagen, se
puede ver que el cuadro de texto se han agrupado para crear un orden agradable y fácil de
entender . Esto solo ayuda a llamar tu atención, lo
hace agradable para el espectador, y no tienes que pensar demasiado para especie de armar esta imagen. En esta imagen, la obra de arte está usando la proximidad para crear especie de este borde superior, y estas pequeñas flores que tienen pasando aquí incluso tienen su propio tipo de espaciado donde las flores más grandes se airean en la parte superior, en el flores pequeñas o en la parte inferior. Y todos tienen este bonito espacio en relación entre sí. Y esto es toda cercanía a este gráfico y la forma en que tienen para Slade fuera tipo equilibra la imagen porque aquí tienes este borde inferior y esto crea una especie de borde
superior. Y luego finalmente, aquí se pueden ver relaciones de proximidad trabajando donde se tienen los bloques de texto
agrupados en el lado derecho y los Times agrupan juntos en el lado izquierdo. También puede ver cosas como los tiempos tienen cierto color para ellos donde el texto tiene el cierto valor blanco para ellos. Por lo que esto ayuda a distinguir los dos tipos diferentes de información que están dando aquí. Ya sabes que estos tiempos de aire basados en los números, los colores y la agrupación de los mismos, y luego sabes que estas son las ciudades basadas en el valor blanco y también en la agrupación de los mismos. Por lo que la proximidad es básicamente la distancia de los elementos en relación entre sí, y solo ayuda a crear un like objetos agrupados para crear equilibrio de organización y armonía dentro de la escena. También ayuda a diferenciar entre diferentes grupos de elementos, por lo que puedes demostrar que tienes dos tipos de grupos opuestos pasando y tu imagen de
diseñador gráfico . Así que usa la proximidad cuando quieras intentar ya sea crear caos o crear orden, y definitivamente ayudará a guiar tus puntos de vista atención por lo que tu grupo juntos.
9. Proporción: proporción es un tamaño de un elemento relativo a otros elementos en el diseño y proporción ayuda a lograr armonía, equilibrio y orden dentro de un diseño. También puedes hacer que un elemento sea desproporcionado y enfatizar o llamar la atención sobre el
punto focal de esa desproporción en tu diseño. Entonces echemos un vistazo aquí y aquí. Tenemos una ilustración divertida, y se puede ver de inmediato que el cuerpo es desproporcionado. Las piernas parecen mucho más largas de lo que deberían ser y el cuerpo como mucho más pequeño de lo que debería ser. Y lo obtenemos de nuestro sentido natural de la proporción a las cosas que nos rodean y
mentiras cotidianas y humanos Personajes. Las cifras son las más fáciles de percibir cuando algo no está en proporción porque estamos tan acostumbrados a ver a la gente todos los días. Por lo que en cosas como las caricaturas, agregar desproporción realmente ayuda al énfasis de paja a un personaje y puede hacer que ese personaje único. Por lo que el personaje podría tener una cabeza muy grande o manos muy pequeñas o un torso muy largo y teniendo proporción relativa a su propio cuerpo. Podrás llamar la atención sobre las diferentes partes del cuerpo de ese personaje que quieres lo mismo es cierto y diseño. Puedes hacer que las cosas se escalen y dimensionen de manera diferente para mostrar proporción y desproporción y tener algo muy grande y una escena que es, ya
sabes, todo lo demás es muy pequeño. Entonces aquí tenemos un cuadro de proporción agradable, equilibrado, armonioso. Y cuando estabas lidiando con objetos cotidianos, las cosas suelen estar en proporción porque están hechas de esa manera, y así es como las vemos. Entonces cuando tenemos esta mesa aquí con la computadora, el café, los auriculares,
los bolígrafos en el cuaderno, todo es bonito ,
organizado en proporción, y es agradable mirar nada realmente está atrayendo demasiado una atención de 10 años en base a escala o tamaño, sin embargo, digamos que tomamos el bolígrafo en la esquina inferior derecha y hicimos ese bolígrafo tres pies de grande. Entonces obtendrías una diferencia sentido de sentimiento basado en la proporción del dolor relativo a todos los demás objetos de la escena. Parecería un poco tonto tener un bolígrafo tan grande cuando sabes que la computadora,
el café, el café, los auriculares y todo lo demás en la escena, o de tamaño normal natural que estamos acostumbrados a ver. Entonces en el primer ejemplo, tenemos una buena proporción equilibrada en este pastel, y se puede ver que es solo un pastel regular, y todas las Cerezas en la parte superior están bien proporcionadas a todo lo demás. También puedes dividir la escena y en capas ya que el pastel está en las capas y la proporción de las diferentes partes de la imagen dividiendo esa escena ahora. Igual que con la analogía de la pluma. Si una de estas Cerezas fuera extra grande, podría crear un tipo de estilo o sensación diferente a la imagen, sobre todo si pudieras demostrar que esa cereza extra grande era riel. Entonces comienzas a preguntarte si esa es una verdadera cereza que es realmente, realmente grande. Entonces debemos estar hablando de un pastel muy pequeño para que la proporción pueda ayudar a mostrar escala y puede o bien dibujar organización y unidad o crear caos y llamar la atención. Entonces aquí hay un ejemplo de donde se ha utilizado la desproporción para especie de llamar toda la atención. Y aparte de cualquier color o cualquier otra cosa que esté pasando aquí, las comillas de comillas son desproporcionadas al texto porque sabes que si
hubiera comillas normales al texto serían,
ah, ah, mucho más pequeñas y encajarían muy bien entre esos bloques de texto. Pero aquí han escalado estas citas y hecho el tamaño mucho más grande y
las han hecho desproporcionadas a la tipografía real en el diseño, llamando la atención. Entonces con agregar un poco de color y encabezar alguna escala y desproporción, inmediatamente
ves que esta imagen destaque de inmediato, y ayuda a llamar tu atención hacia adentro para leer el texto que quieren que veas. Y finalmente, aquí te dejamos una ilustración de un personaje y se puede ver alguna proporción pasando con la nube dentro de la cabeza, y te da una idea de una pequeña tormenta cerebral que está pasando si quitamos al personaje y acabas de tener la nube, no
sabes cuál es la escala, también. Cualquier otro objeto dentro de la escena, por lo que en realidad podría estar arriba en las nubes. Podría ser realmente grande cuando tenías la cabeza del personaje y ves la proporción de la nube con respecto al personaje. Se puede decir que se trata de una pequeña mini lluvia de ideas que está pasando dentro de la cabeza. Otra característica genial es que el yo que usaron en la parte inferior. Esa pequeña imagen también es más o menos en proporción a la cabeza. No lo he movido, pero diría que podría ser un poco más grande para hacer un poco más de énfasis. Pero básicamente es del mismo tamaño que la cabeza y tipo de conecta a esos dos juntos.
10. Ritmo: ritmo ocurre cuando formas, líneas, patrones o diseños, o se utilizan para crear movimiento en el diseño y patrones, sobre todo, realmente
pueden ayudar a crear este ritmo y movimiento al crear esta estética visual de algo que se está moviendo aunque sea estacionario. El ritmo también se puede lograr en una página mediante la colocación de elementos como en una revista. Cuando tienes una imagen en el lado izquierdo del cargador y luego un bloque hacia abajo, está en las imágenes en el lado derecho y luego el siguiente bloque hacia abajo. Está en el lado izquierdo. Estás creando un ritmo del ojo rebotando de ida y vuelta por la página, y esto ayuda a guiar el ojo del espectador y crear uniformidad dentro de tu diseño. Entonces aquí solo hay un patrón básico de algunas líneas, y crea una especie de ritmo. Y si tuvieras que pegar un bloque básico o rectángulo en el centro, podrías romper el ritmo y crear contraste para lo que querías decir, o una imagen que querías mostrar mientras mantenías el ritmo del resto del diseño en el afuera. En esta imagen, se
puede ver el ritmo siendo utilizado por estas cuentas y en realidad los colores de las cuentas tipo de ayudaron a crear su propio ritmo. Además, obtienes una especie de forma curvilínea y la forma en que es como que dibuja tus ojos alrededor de la imagen y en este estilo de onda. Entonces echemos un vistazo a algunos ejemplos en En esta imagen, realidad
hay un poco de ritmo a la forma en que la tipografía ha mostrado. Entonces tienes aquí el texto más notable, y luego el segundo, basado en su tamaño, serían estas palabras en estas palabras. Y luego finalmente, al fondo, tienes la fecha, que es un poco más pequeña. Entonces tienes este ritmo natural de rebotar desde el medio de arriba hacia abajo en medio de arriba hacia abajo cuando estás leyendo eso basado en el énfasis y la tipografía que utilizaron. También hay un poco de ejemplo de algún movimiento y ritmo yendo aquí en este patrón
en la parte inferior, y estos también están creando algunas líneas guiadoras disparando hacia arriba hacia el texto para que leas , y esta imagen te puede ver también que tienen el mismo tipo tipografía, ritmo, pero también se puede ver un patrón de movimiento pasando en el fondo, este tipo de onda diagonal sucediendo, y sólo como que hace que tu yo rebote diagonalmente entre el esquinas ida y vuelta, revisando los cheques que hay en el centro. Y me gusta mucho este porque está creando ritmo en un movimiento circular basado en las imágenes que utilizaron. E incluso usan,
um, um, imágenes en el fondo, que son un poco contrastantes ing dedo del pie lo que está pasando en primer plano. Pero ayuda a crear el ritmo espiral, y creo que eso te inicia en la dirección,
como si fuera un reloj y esto te está lanzando en esta dirección. Y luego tus ojos como que vagan por estas imágenes, revisando todo, mirando los diferentes elementos de diseño, y está creando un ritmo circular y dibujándote como una espiral de regreso al centro de lo que quieren ver, ya que es un sitio web de comida. Esto también muestra movimiento que es activo que es, ya
sabes, cocinando con pasión y movimiento, y lanzando las especias y picando las cosas y y montando movimiento pasando. No estamos hablando de un tipo estacionario de habilidad. Estamos hablando de una habilidad que tiene mucho movimiento de acción y ritmo pasando y que se retrata en este diseño circular que tienen pasando aquí. Por eso usa el ritmo en tu diseño para ayudar a guiar a tus espectadores los ojos hacia donde quieres que vayan. Tienes que tener cuidado porque si creas un ritmo que se desvía de la página, guiarás al público lejos de tu imagen o diseño. Así que asegúrate al usar el ritmo que el ritmo vaya en línea con tu punto focal y lo que realmente quieres que vea el espectador.
11. Unidad: unidad crea una sensación de integridad mediante el uso de los mismos colores, gráficos y fuentes en tus diseños e imágenes para que puedas usar la unidad para crear organización y una estética agradable al espectador. Y también puedes hacer que las cosas no sean unificadas y crear caos o disrupción o llamar la atención
sobre las cosas de la escena. Pero usar la unidad es una muy buena idea, sobre todo cuando se trata de cosas como el branding, porque en tu marca quieres un look unificado. No quieres darle al espectador impresiones de mezcla sobre tu identidad o tu negocio, por lo que usas los mismos logotipos en todas las plataformas. Usa los mismos colores en tu cerebro a través de todas las imágenes y gráficos de redes sociales que creas. Por lo que al elegir algo como una identidad de marca, asegúrate de que intentes escoger un par de colores clave y tal vez una o dos fuentes clave que usarás para mantener esa misma estética en toda tu marca y mantener ese look unificado. Por lo que aquí podemos ver que tenemos unidad de un par de maneras diferentes. En tienes los círculos que circula aire, creando unidad porque puedes identificar que estos son todos agrupados en base a sus formas tenemos el texto es todo lo mismo, por lo que tenemos otro nivel de unidad y tenemos los colores de sus elegidos, que también está creando unidad. Entonces si estos círculos porcentuales estuvieran en un sitio web pero estuvieran espaciados, crearía, aún así crearía un look unificado porque puedes agruparlos en función de su apariencia, su forma, su tipografía, sus colores y tan cálidos. Por lo que aquí se está utilizando la unidad para ayudar a crear una estética agradable. Mira. En esta imagen, se
puede ver que la unidad está siendo utilizada por los corchos ahora. También es una forma redondeada, pero todos están de color señorita, sin embargo todos van juntos. Tienen el mismo tipo de textura, y son el mismo objeto, la misma escala de tamaño relativo en proporción entre sí. Por lo que crea una unidad. Crea un sentido de unidad y la forma en que están dispuestos de manera equilibrada. En esta imagen, ayuda a crear un poco de organización y y columnistas y Paciencia por la naturaleza unificada de estos objetos iguales en la escena. Entonces echemos un vistazo a algunos ejemplos sobre esto es bastante básico, pero básicamente tienes texto unificado con el color y el tipo de granja. Y como puedes ver, está usando lo mismo todo el camino abajo de la página. No usaron el segundo tipo de diversión. Está creando un look unificado con el mensaje que quieren sacar. También pasa un poco de unidad de fondo con las ventanas y la imagen de este edificio. Todos se ven igual, y crea una imagen bastante básica agradable a mirar sin demasiado caos pasando en esta imagen, como
que obtienes Ah, diferentes propiedades de unidad aquí, lo cual es realmente agradable. Esta imagen funciona muy bien con la forma en que han agrupado todo y tenido una mirada cohesiva y
unificada. Entonces, por ejemplo, tienes los chocolates, y todos tienen el mismo tipo de color. Por lo que son todo tipo de juntado misma textura general. Ya sabes, son chocolate y los envoltorios en los que están. También tienen el mismo tipo de aspecto y tacto de textura. El color dorado de ese envoltorio para esos chocolates es el mismo color que se utiliza en el texto, por lo que ahora has unificado la tipografía con los envoltorios de la imagen. Incluso tienes formas que están creando unidad. Entonces la forma aquí que está bloqueando a este texano creando algún espacio en blanco tiene el mismo tipo de formas que se ven en algunas de estas imágenes de chocolate. Entonces has creado un poco de unidad hasta con esto, como si fuera ah, es Ah, pequeño paquete de chocolate también. Por lo que esta imagen está haciendo un gran trabajo de crearte. Unidad, armonía, equilibrio en todo tipo de otras cosas dentro de esta imagen. Y es muy fuerte y realmente ayuda a impulsar en tu
cerebro lo que el mensaje que van a buscar . Y aquí vemos lo mismo, otra bella imagen que está usando la unidad para juntar todo. Por lo que solo tienes un par de colores básicos y están usando a través de toda la imagen. Entonces el rojo que está en la cereza es el mismo rojo que está en la frontera. Ese es el mismo rojo que está en la tipografía. Hemos unificado los colores. Hemos creado un look de marca consistente, basado en los colores que intentaban retratar. Ahora podrías tener esta venta de cupcakes, y si fueras a ir al restaurante, y tal vez sus colores fueran de color verde brillante por todas partes. Podría tirar un poco esa imagen de marca. Podría hacerte sentir un poco incómodo porque recuerdas haber visto esta imagen. Pero cuando llegas a esta panadería, es una apariencia y sensación completamente diferentes a lo que estás pensando. No es este tipo de lugar lindo, esponjoso cupcake rojos y rosados y blancos. Es tal vez, ah, verdes
vibrantes y amarillos y naranjas tipo de lugar, y podría traerte alguna molestia. No obstante, si caminabas dentro de esa panadería y todo su logotipo y branding y packaging tenían los mismos rosados y rojos, estás creando una imagen unificada. Mira y siente, y quieres usar esto y tus gráficos e imágenes tanto como sea posible. Si tienes una marca o negocio o simplemente estás empezando y estás tratando de atravesar tu
imagen para que la gente reconozca que no les arrojas mensajes mixtos al tener cosas que no están unificadas. Crea esa marca cohesiva y consistencia para que la gente sepa de qué depender cuando están tratando de encontrarte
12. Repitición: la repetición crea patrones y consistencia visual en tu diseño o imágenes. Puede ayudar a guiar a su espectador a través de la imagen o diseño. Esto es especialmente cierto y diseño Web. Cuando utilice la repetición de encuadre para crear consenso visual, vea abajo la página. Entonces, por ejemplo, si tuvieras un sitio web de BLAWG, la repetición viene de cada publicación de bloque que se publica en la página principal. Ese alimento está creando repetición. Tienes el mismo título. Mira, el mismo cuerpo de, ah, la introducción. Mira en la misma miniatura o imagen para esa publicación específica del pantano, pero está establecido el mismo formato cada vez que publicas uno nuevo. Se ve igual en la página principal. Crea repeticiones y patrones, y facilita al espectador la digestión y comprensión. Cuanto más lo vean y más regresen a
ella, definitivamente puede hacer um, imágenes y gráficos agradables al espectador y agregar continuidad entre los objetos de la escena . Por lo que aquí se puede ver una ilustración básica donde se ha utilizado la repetición dentro de las hojas. Para crear esta obra de arte, tienen el mismo color, la misma forma y tamaños variables Pero la repetición de estas hojas tipo de movimientos. El espectador mira alrededor de este árbol en esta imagen. En esta fotografía, tenemos repetición de temas, estilo de madera aquí, esta textura. Por lo que tienes esto una textura de madera oscura, dedo del pie claro a oscuro, claro a oscuro que crea repetición. Y cuando estás viendo esto por la página, hace que
sea uniforme y fácil de ver Ahora. Si tuviera bloques de textos en estas áreas más ligeras, entonces comprenderías fácilmente que a medida que bajabas la imagen y te resultaría fácil leer. Ahora también puedes romper la repetición para dibujar,
para dibujar, para dibujar, enfocar o punto focal de énfasis a algo. Entonces si uno de estos, como, digamos, éste fuera ligero, tiraría esa repetición y dibujaría el foco hacia ese diseño. Lo mismo si rotaras un poco. No tiene esa recta horizontal, y luego te bajas aquí. Está rotado que va a dibujar el foco, por lo que la repetición ayuda a crear cosas en orden. Pero también puedes detener el proceso para enfocar lo que quieras que vea esa persona. Entonces en este ejemplo, se
puede ver que tenemos la repetición de ambos patrones laterales y también de estos saltos de página. Por lo que pasa algo de repetición con esa página. Rompe éste y luego al fondo. Entonces cuando vienes aquí abajo, tienes la misma sensación y obtienes algo de movimiento con este patrón de repetición
rebotando las flechas hacia abajo, tipo de decirte cómo leer esto se ven como pequeñas flechas y por ambos lados, abordando este dicho Lee esto hacia abajo y la repetición y el patrón que hay está ayudando a crear eso para ti. En esta imagen, la repetición está siendo utilizada por el encuadre que estilo de fotografías. Es de escala de grises saturados tipo de imágenes en el lado derecho, y tú sólo como que lees estas de arriba a abajo, bajando por la repetición de los elementos de encuadre a su alrededor para especie de mantenerlos igual y ponerlos juntos. Y finalmente, aquí la repetición se usa dentro de la obra dentro de las formas reales que tenemos pasando aquí. Entonces tenemos unas hojas de color verde oscuro similares, y luego tenemos algunas similares, como hojas verdes. También tenemos a estas niñita estelar este color rosado y morado, y puedes encontrar esas a lo largo de este diseño. Simplemente no lo metieron en la parte superior. Ellos como que los rociaron alrededor y una mirada agradable, equilibrada y agradable. Pero están creando repetición y patrón, por cierto, que han utilizado el estallido del del toda la imagen. Por lo que ayuda a crear uniformidad y equilibrio, así que usa la repetición para ayudar al espectador. Hace que sea más fácil para ellos digerir la información cuando empiezan a captar patrones. Entonces si tienes una infografía y el título tiene un logotipo, bueno, cuando llegues al segundo título, ese segundo logo necesita lucir similar. Ese segundo símbolo debería ser similar al primer símbolo. Cuando haces eso, estás creando un patrón, y entonces el espectador sabe qué esperar. Comienzan a comprender y procesar la información de forma más rápida y sencilla porque
empiezan a ver estos patrones. Es natural que veamos patrones en todos los días, y se usa en diseño todo el tiempo, así que definitivamente ten en cuenta los patrones en eso es la repetición
13. Monocromático: un esquema de color monocromático ocurre cuando Onley se utiliza un color dentro del diseño. Entonces eso significa que si tenemos un rojo, solo
estamos usando valores, diferentes valores dentro de ese rojo para crear el contraste. Pero nos estamos quedando dentro del mismo rojo en toda esa rueda de color. Entonces si echamos un vistazo a cómo se ve esto, pueden
ver aquí tres círculos, todos usando el mismo rojo excepto uno, ha tendido un poco más claro, y uno está sombreado un poco más oscuro. Es click en uno de estos círculos y echa un vistazo a este rojo, y se puede ver en un esquema de color monocromático se estaban quedando aquí mismo. Dentro de esta línea, no
nos estamos desviando demasiado en la tonalidad a los colores más rosados o a los colores más
anaranjados , pero nos estamos quedando dentro de esta línea, y los otros dos círculos son básicamente solo representantes de esa mismo rojo. Este es sólo un poco más oscuro, pero es el mismo rojo, y luego lo mismo con éste. Es sólo un poco más ligero. Muévete hacia abajo de esta manera, un poco más de saturado en un poco más ligero. Entonces si le echamos un vistazo a esta imagen, puede ver esto es ah, esquema de color
monocromático, y simplemente da cierto tipo de look. Ahora típicamente, esquemas de color
monocromáticos pueden parecer planos. Realmente hicieron que éste estallara muy bien. Entonces me gusta mucho esta imagen usando los mismos rojos y simplemente usando diferentes carpas y sombras para meter la imagen. Retratar que esas agua de gotitas ahí. Entonces en el primer ejemplo, se
puede ver que solo tenemos una imagen básica de color rosa plana. Ya sabes, nada de fantasía aquí. Um muchos diseños son no quiero decir que este es el fin. Todos sean todos pero la mayoría de ellos no lo fueron no van a ser completamente monocromáticos porque para crear énfasis, en contraste, puedes usar el color para realmente ayudar a que los diseños salgan. Entonces digo que la mayoría de los diseños que no son de valor blanco son únicamente blancos o únicamente negros, como, digamos, tipografía. No vas a ver mucho monocromático porque vas a ver, ya
sabes, sabes, énfasis y otros colores para que las imágenes destaquen. Pero aquí veremos algunos ejemplos más. Entonces aquí hay otro como un cielo se puede ver en el fondo el azul con esto, ya
sabes, es
lo mismo. Diferentes valores, creando la imagen. Sí tenemos el dedo blanco de alto valor mostrar el texto. Pero casi todo en el fondo es,
ah, ah, esquema de color
monocromático. Y por último, se
puede ver uno aquí. No puedo engañar un poquito en este porque obviamente este tallos o va a ser verde, pero la forma en que han de saturado esto, tipo de hace que ese verde se desvanezca en el mismo tipo de lectura la forma en que han ajustado esto imagen aquí. Um, si miramos de aquí de este lado, puedes ver que sabes, muchas de estas imágenes van a usar múltiples colores. Ahora esto es genial. Se puede ver esta imagen aquí. Podrías. Esto es monocromático. Todo está usando los mismos valores, pero está t saturado. Entonces todo lo que este de saturado es más o menos va a ser monocromático porque está en grandes escalas, sólo usando , ya
sabes, valores de negros y blancos. Pero muchas de estas otras imágenes que puedes ver van a usar mucho más colores, así que vamos a echar un vistazo a algunos otros esquemas de color. Pero monocromático es básicamente cuando estás usando un color dentro de la rueda de color
14. Analógico: un esquema de color análogo utiliza colores adyacentes en la rueda de color y el diseño. Entonces cuando comienzas con tu rojo, puedes entonces ir un poco en enorme tu izquierda y derecha para que puedas tener más rojos naranjados y más rojos rosados. Entonces aquí hay tres círculos, y esto muestra más o menos ese punto. Empezamos con esta base. Fred. Si miramos esto en la rueda de color, se
puede ver que está justo aquí. Cabeza alrededor de las tres en punto, y luego si miramos este siguiente color, se
puede ver desde la posición de tres oclock. Nos hemos movido hacia abajo al tipo de los colores naranjas y después diciendo con este color, fuimos en la dirección opuesta y usamos algunos más de los colores rosados. Por lo que nos estamos quedando dentro de este reino adyacente justo aquí y con colores análogos. Puedes tenerlos bien agrupados y valores de Zand de alta saturación, o puedes tenerlos espaciados muy separados, y una cosa buena que hacer con facilidad es por lo general tener un par de colores que estén menos saturados y luego tu énfasis principal color ser muy saturado o con un ya sabes ,
ah, alto valor para que destaque. Pero análogo es cuando estás agrupando en el mismo tipo de reino de color aquí mismo. O si estás hablando de blues, eso serían los azules y morados y los de Thiel o,ya
sabes, ya
sabes, los verdes y amarillos y tal vez un poco de azul claro. Entonces si miras aquí, puedes ver que esto está golpeando ese espectro azul. Tenemos algunos de los azules púrpura y algunos de los azules verdosos, y simplemente crea un tipo de sensación agradable, mantiene los colores, um, juntos en uniforme y no es demasiado vibrancia en tu cara. Pero solo proporciona una sensación muy agradable. Ahora, si pusieras texto sobre esto, quizá
podrías escoger como este verde claro con el alto valor y podría salir. O tal vez este morado contra este fondo, y saldría por lo que podrías usar colores dentro de ese esquema de color análogo para agregar variedad a tu diseño, pero también mantenerlo dentro del mismo esquema de color, pero solo cambiando valores y lo que tienes saturación. Entonces aquí hay un buen primer ejemplo donde puedes ver aquí que está usando ese mismo tipo de área roja, púrpura del color lo hará, um, ya lo
sabes. Me emocioné tanto. Me encanta esta imagen, algunas partes que sí tiene verde en ella, y me di cuenta de eso ahora, pero vamos a, ya
sabes, olvidarnos del verde. Pero si estás mirando el diseño en sí, um, um,
con esas fresas de fondo, puedes ver que este es un buen ejemplo de colores análogos. Consiguió el rojo, los morados, y está coincidiendo con los mismos colores. Aparte del verde Abha. Jai se trata de eso. Bueno, tal vez usaremos este en los lados posteriores, posteriores y te mostraremos cuál sería en realidad este esquema de color. Pero solo me encanta este diseño, y me encanta que cómo usan estos colores y sacaron los colores directamente de la imagen. Aquí te dejamos una mejor combinación de colores análoga, y puedes ver aquí que tiene algo más. Es, ya
sabes, tiene su color naranja base, pero luego tiene un poco más. El naranja rojizo es colores y algunos colores más amarillos, por lo que está usando ese espectro de rojo, amarillo naranja, especie de mismo dentro de ese grupo para crear esta imagen. Y por último, aquí hay otro ejemplo de donde han utilizado la tipografía y las imágenes con la imagen de
fondo para crear el mismo tipo de esquema de color análogo entrando en especie de los greens, un poco blues y un poco de amarillos y colores sangrantes entre ellos para crear esta imagen en ella. Creech. Sólo un buen estado de ánimo en una agradable sensación. Entonces eso son colores análogos. Es decir, cuando tienes colores adyacentes en la rueda de color uno al lado del otro, y proporciona un aspecto realmente genial. Se ven muchos esquemas de color y diseños análogos.
15. Complementario: un esquema de color complementario utiliza colores uno frente al otro en la rueda de color. Este esquema de color es muy común en muchos gráficos de diseño, redes
sociales, brain ing, y realmente crea mucho énfasis porque estás usando gran contraste dos
colores opuestos a través de la rueda de color. Entonces cuando tienes como un esquema de color análogo o monocromático, tu puede estar creando un poco menos de énfasis y un tipo de sentimiento
agradable, agradable , uniforme. Pero cuando usas complementario, creas esta gran energía
vibrante en una mezcla de colores opuestos, que realmente ayudó a que tu diseño destaque. Esto es especialmente cierto cuando estás teniendo un texto de fondo y estás usando dos colores
complementarios diferentes , y estos también funcionaron bien cuando tienes un color saturado de alta intensidad dominante y luego tal vez um, menos colores saturados, ese color
dominante, dominante realmente se enfatizará y destacará. Entonces si miras o lees aquí, puedes ver que esto está en esta posición alrededor de las tres de aquí, y puedes ver ese color rojo que hay ahora enfrente de él o de estos colores azules, por lo que serían sus colores complementarios. Lo mismo que sabes, amarillo, azul, verde, rosa. Ese tipo de cosas crean, um, muy buen contraste con la forma en que estás usando colores opuestos y no tiene que ser perfecto. Convierten un poco, pero básicamente es color opuesto a la rueda de color. Entonces aquí tenemos un ejemplo donde tenemos el azul y luego opuesto a su rueda de color sería esta estas ventanas amarillas. Y simplemente crea este tipo de,
um, um, energía sobre esta imagen y simplemente ayuda realmente,
Um, Um, tu cerebro se mueva cuando ves estos contrastes en colores. De acuerdo, Entonces en este ejemplo, si ves el video en los colores análogos, cometí un pequeño error al poner esta imagen arriba porque sí tiene el verde en ella. Este es en realidad un esquema de color complementario debido a ese verde. Ahora, um, yo estaba señalando en el esquema de color análogo que, ya
sabes, estaba usando los mismos colores como para la imagen y el diseño aquí. Pero, um, también
tiene estas hojas verdes, y estos verdes son están en el extremo opuesto del color voluntad de estos morados oscuros
y rojos . Por lo que este es un gran esquema de color de cortesía. Y lo bueno de esta imagen es ella. En realidad no quita demasiado. Creo que la forma en que también han usado formas y enfatizan las palabras aquí. Te tira en el medio y lees esto. No se nota demasiado el verde, pero realmente le agrega un toque bonito a este diseño. Aquí tienes una buena imagen general de diseño gráfico de un esquema de color de cortesía donde tienes estos dos colores aquí, este tipo de color naranja y este otro tipo de color azul verde. Si hago click en esto, te
puedo mostrar. Por lo que tenemos este color base aquí. Y si miras en el lado opuesto del color verás ese tipo de color
verde azul en algún lugar alrededor de esta zona justo aquí Así puedes ver que ese es un esquema de color
complementario y puedes ver lo que hace en la imagen. Simplemente ayuda a proporcionar contraste y énfasis y hacer estallar la imagen un poco más que un esquema de color
monocromático o análogo. En lo mismo pasando aquí, aquí tiene un buen equilibrio y mezcla de los dos colores complementarios,
los amarillos y naranjas y el azul oscuro y el blues claro. Y tiene una buena mezcla alrededor de toda la imagen, y simplemente es tan vibrante y simplemente realmente, realmente destaca. Y, ya
sabes, se ve genial. Es un gran diseño de oficina de show salarial. Ahora usan el alto valor y formas y otras cosas para dibujar tu intención hacia adentro. Entonces tu mente simplemente se va un poco, ya
sabes, se
va, se vuelve loca con estos colores complementarios, pero aun así regresas y te enfocas en las palabras y las imágenes. Entonces esto esto realmente está haciendo que tu cerebro esté activo cuando ves estos colores complementarios en este diseño.
16. Dividir complementario: un esquema de color complementario dividido divide un color opuesto en dos partes en la
rueda de color . Entonces cuando tienes un esquema de color complementario típico, tienes dos colores, uno a un lado de la rueda y el color opuesto al otro lado de la rueda. Ahora bien, si tomaras uno de estos dos colores y dividiéndote en la rueda de colores y
lo dividieras en dos colores que están adyacentes entre sí, tendrías un esquema de color complementario dividido. Entonces echemos un vistazo a cómo es eso. Entonces aquí tenemos este rojo, y como pueden ver, está en la posición tres aquí. Ahora. Los otros dos colores elegidos son un azul y un verde aquí abajo,
y, y, como se puede ver ahí dividiéndose por igual, el esquema de color complementario sería este tipo de azul azulado. Pero si tuviéramos que tomar esa división en partes iguales, terminas con un azul más oscuro y un verde más oscuro o más azul y más verde, debería decirlo
yo. Ese es un sistema de color complementario de férula. Entonces digamos que íbamos a empezar con el amarillo, entonces podríamos tener un morado o lavanda y luego una especie de azul verde, um, cava azulado, color
azul. O si lo hiciéramos verde, tendríamos como un rojo y un morado. Ese es un sistema de color complementario dividido. Entonces veamos cómo se ve eso. Y aquí tenemos en la rueda de color. Tenemos este amarillos y naranjas como tal vez nuestro color principal. Y luego tenemos morados y azules, verdes y azules oscuros, como son divididos complementarios. Entonces vamos a ver si podemos echarle un vistazo a eso de verdad rápido. Voy a subir aquí y sólo seleccionar uno de estos para que puedas ver. De acuerdo, ahora desplazándose por ahí. OK, vamos. Está bien. Entonces como puedes ver aquí tenemos estos amarillos y naranjas, que estarían por aquí mismo en la rueda de color. Y entonces también tenemos Si fuéramos a mirar esa división complementaria. Entonces si tuviéramos un color amarillo anaranjado justo aquí, es de cortesía. Estaría por aquí en algún lugar de este azul. Ahora, si dividimos eso, obtenemos una especie de azul azulado y más morados y azules más oscuros para que puedas ver el split complementario aquí. El naranja es tu color base. amarillos son tus colores base, y luego se divide entre los morados y los escalofríos, y solo agrega un poco más de vibración a la imagen. Ah, lo cambia tiene un poco más de variedad que solo ah, sistema de color complementario
estándar. Entonces en nuestros ejemplos, se
puede ver aquí que tenemos un color base de este rosado. Y luego tienes estos amarillos y verdes como tu sistema de color complementario split. Creando esta imagen. Y han utilizado algunos valores para crear los tecnicos y las mezclas. Agradable para conseguir un muy agradable juntos. Todo está tipo de saturado. nada está saliendo demasiado Aunquenada está saliendo demasiado. Esto tiene un buen sistema de color split, complementario funcionando muy bien, entonces ,
en este, podrías tener como base tus arándanos azules, y luego tienes tus rojos y naranjas y amarillos. Ese espectro se convirtió en tu sistema de color de cortesía, mira, Así que si tuviéramos, como el azul para los arándanos Ah, es de cortesía, sería naranja y ahí hay naranja. Pero si dividimos que también tendrías los amarillos y los rojos, y puedes ver esos que rojaban fresas y amarillas aquí abajo y aquí arriba, así que tipo de abarca todo ese espectro de los rojos, amarillos y naranjas. Y luego finalmente, aquí hay uno. Eso es, Ah, muy buen ejemplo. Si echamos un vistazo aquí, como que cubre todo, pero ah, puedes ver que aquí tenemos este tipo de color naranja. Y luego tienes un verde y el azul. Por lo que se divide verde y azul y crea este sistema de color de cortesía. Donde tiene mucho más amarillos y naranjas tus colores base, pero luego crea contrastes y énfasis con sus colores complementarios para crear estos
cuadro de texto , y va en conjunto porque es bonito, atractivo color esquema.
17. Triad: un esquema de color de tríada es tres colores iguales, distantes el uno del otro en la rueda de color. El's suele ser muy colorido, juguetón, brillante y, si no se hace correctamente, puede ser apagado, por lo que no se ve toda una tonelada de diseños. Usar esto, por lo general una vez que empiezas a meterte en las tríadas y cualidades, es más o menos un gratuito para todos por color. Cuando se trata del diseño gráfico porque la mayoría diseñada típicamente intentas mantenerte dentro de uno o dos colores y las complementariedades funcionan muy bien. El intento se ha vuelto muy colorido, y una vez que empieces a entrar en ese reino, es posible que tengas soldados empiecen a usar toda la paleta de colores disponible para ti. Pero hay que tener cuidado de que no se convierta en dinero cuando haces eso. Entonces como pueden ver, tenemos nuestro azul rojo, verde, que es sólo una tríada básica. Estos no son, um, divididos complementarios porque están a igual distantes el uno del otro en el volante. No se dividen ah, por la mitad. Entonces el rojo, en lugar de ser un azulado en un um azul oscuro, color azul
Tillis, es igual rojo distante, verde, azul, mismo con um, cian, magenta y amarillo y se pueden ver las tríadas ocurriendo ahí. Podrías tener otras tríadas, por lo que podría tener naranja este verde azulado en este tipo de color lavanda también. Entonces tomémoslo. Mira algunos ejemplos. No vas a encontrar toda una tonelada de ejemplos, pero aquí tienes uno realmente bueno. Se pueden ver los verdes,
azules y rojos iguales que se utilizan en la imagen y la forma en que han utilizado la saturación y los valores que han hecho. Determinados colores sobresalen más que otros. Entonces, claro, ese rojo está mucho más saturado, valores e intensidad más
altos para que realmente estallara. Y ves a esa persona contra, ya
sabes, mirando demasiado el pasto o el cielo. Aquí hay uno que es tipo de va y usa colores adyacentes alrededor de la tríada. Pero el general, si miras en el medio, puedes ver la tríada de ciencia magenta amarillo pasando donde tenemos algo de ciencia aquí, amarillos y luego tus agendas. Pero luego también se rompe en colores adyacentes por ahí, así que está usando Ah, una amplia gama de la tríada en esta imagen, y los colores funcionan realmente bien. Y aquí están usando ese dedo del pie de color amarillento proporcionan contraste y énfasis en el deejay ahí. En este, tenemos el blues, los rojos y los verdes, pero la rueda de color. En lugar de ser así de azul oscuro, es compensado conducirlo tontamente, así que obtienes un poco de, um, más verdes lima y colores naranja porque es una tríada. Pero está girado un poco hasta el de Hugo en esta imagen, y acabo de tirar éste por diversión. ¿ Conoces de nuevo la ciencia Regency amarilla? Um, tiene una taza que tiene un color extra ahí dentro. Pero como dije, una vez que comienzas a meterte en los escuadrones de la Tríada, realmente
te metes en imágenes realmente coloridas. Por ejemplo, si miramos este aquí, lo
mismo. Um, una vez que llegues a la Tríada, empiezas a añadir más colores, y eso suele ser lo que vas a encontrar en los diseños. Solo tienes que tener cuidado con tus valores y la saturación es asegurarte de que estás dando énfasis a las cosas que quieres que el espectador vea en tu escena y no
quitarte con solo demasiados colores a la vez, por lo que verás la mayoría de los diseños tratan de pegarse con 1 a 2. Si entran en tres colores, por
lo general se divide. Complementaria. Um, una vez que te metes en intentarlo, ya que se vuelven muy, muy vibrantes, muy juguetones. Es bueno para cosas como, um, cosas de
niños, um, ya
sabes, como esta imagen donde quieres algo muy colorido.
18. Espaciado de las letras: espaciado entre letras se crea horizontalmente entre letras. Entonces, básicamente, este es el espacio que tienes entre las letras y hacerlo, y la tipografía puede hacer que la palabra parezca dividida o agradable y abierta y ampliamente
espaciada . Por lo que es buen dedo del pie, entiende el espaciado entre letras y la tipografía porque proporcionará diferentes tipos de estados de ánimo y sentimientos basados en cómo espacias esas letras aparte entre sí. Por lo que aquí puedes ver tenemos un simple bloque de texto en la parte superior. El texto está bastante espaciado uniformemente. Um, podría estar un poco más cerca en el texto más grande, que tiene un poco más de espacio, y hacerlo solo crea un poco de contraste y ayuda a que el texto destaque. Ah, mucho mejor. Además, cuando se tiene un espaciado entre letras más amplio, es más fácil verlo desde más lejos. Si tienes un montón de texto juntos y estás de pie a distancia mirando un cartel o
cartel algo de esa naturaleza, puede hacer que sea un poco más difícil de leer. Entonces si estás tratando de retransmitir un espaciado entre letras de mensaje es algo que quieres intentar tener
en cuenta a la hora de diseñar y para qué estás diseñando aquí podemos ver un
espaciado natural entre letras sucediendo en este letrero, pero entra en el mismo idea de que desde más lejos esto será muy fácil de leer su usando un estilo de fuente fácil. Y tienen mucho espacio entre las letras. Entonces si estás conduciendo por la autopista, esto es muy legible y fácil de entender. También se está creando de forma natural a partir de la construcción, pero pueden haber puesto ese espaciado entre letras ahí a propósito solo por el punto de
tratar de asegurarse de que la gente pueda ver esto desde lejos. Entonces en nuestro primer ejemplo, puedes ver de nuevo algunos espaciados entre letras diferentes pasando donde el texto de la parte inferior tiene un espaciado básico de letras natural que verías en tipo o copia, y luego el texto principal que están tratando de mostrar. Eso dice que Lighthouse tiene más espacio entre las letras. Esto crea contraste hace que sea más fácil de ver y las cosas que señalamos antes aquí se puede ver algo de una diferencia donde se tiene el espaciado básico entre letras en el texto, en la parte inferior y en la parte superior, y entonces el texto más grande es o el mismo o incluso es un poco más apretado. Por lo que lo trajeron un poco más para darte un tipo diferente de sensación y mirar a su logotipo versus tenerlo ampliamente espaciado. Entonces si fueras a Spacey todo el camino hasta los bordes, proporcionaría un tipo de campo diferente a cuando hay agradable y apretado juntos como este y también hacerlo audaz más grande ayuda a destacar incluso a corta distancia. Si se trataba de una fuente de script surfista, estar muy cerca podría ser difícil de leer, aunque típicamente, las fuentes de
script se hacen para que se toquen entre sí porque es como porque la
escritura cursiva . Entonces estás tendrás que jugar con los guiones para ver cómo se ven. Y luego finalmente, en esta imagen, se
puede ver que han utilizado el espaciado entre letras para crear alguna simetría y equilibrio. Por lo que tienen el mismo espaciado entre letras para que estas letras todo tipo de alinearse entre
sí agradables y uniformemente, y eso crea un tipo diferente de humor y combustible que si solo estuvieran espaciadas por su cuenta. Por lo que definitivamente echa un vistazo al espaciado entre letras en tus diseños, y puedes usarlo para proporcionar contraste. Um, podrías hacer que las cosas realmente destaquen si tienes algo que está ampliamente espaciado. Um, se veía desproporcionado y definitivamente lo hacen destacar. Las mismas cosas. Si lo acercas de cerca, le dará Ah, diferente tipo de sensación. A lo mejor algo que se sienta un poco más apretado o, ya
sabes ,
um, ellos trajeron a ese hombre o así definitivamente echa un vistazo a eso en tus diseños.
19. Altura de línea: altura de línea se refiere a un espaciado vertical entre líneas de texto en su cuadro de texto. Entonces esto es básicamente hasta dónde se separan verticalmente las palabras unas de otras. Entonces echemos un vistazo a eso. En este primer ejemplo, se
puede ver que el primer bit de texto tiene mucho espaciado entre el siguiente bloque de texto y a medida que se baja, ese espaciado se hace cada vez más pequeño. Entonces entre estos dos últimos, se
puede ver que este espaciado es mucho más pequeño que este espaciado al principio. Y en realidad están usando eso en esto, en este diseño para mover tus ojos por el bloque de texto. Crear espaciado como este hace que esta palabra destaque. Además, es más grande y tiene más énfasis. Pero una de las formas en que están construyendo contraste y enfatizando esa palabra también es mordida . Carta compra altura de línea. Entonces aquí puedes ver que separaron esto y luego el siguiente. Lo más importante, han tenido una separación media y la menos importante mucho separación Biff, y así es como ella también creando movimiento y movimiento por la página. Haciendo eso e incluso podrías seguir creando más movimiento y movimiento y tipo de voto , tal vez un patrón de onda si empezaras a volver a subir. Entonces si fuera medio y luego grande y luego medio, pequeño, mediano grande, realmente
crearías una especie de movimiento ya que alguien estaba leyendo que se sentiría como si estuvieran entrando y saliendo o arriba y abajo a distancia por lo que puedes usar este tipo de cosas para jugar con tu diseño. Prueba cosas diferentes, pero sobre todo es conseguir que el texto destaque y que sea más legible, o acercarlo y que se sienta apretado y apretado. diccionarios son un buen ejemplo de texto con altura de línea moderada, pero un poco más en el lado más cercano juntos porque tienen mucha información. Ellos quieren empacar, por lo que el espaciado entre líneas se vuelve un poco más pequeño para que puedan meter un poco más información en la página. Entonces veamos algunos ejemplos. Esta es una imagen con algunas alturas de línea moderadas y
decentes donde cada una está espaciada uniformemente. Crea un buen equilibrio, imagen
unificada, y es simplemente realmente fácil y agradable mirar su no demasiado cerca donde es crema juntos y no se pueden leer las letras. No está demasiado lejos donde se siente algo espacioso o áreas está en una bonita línea. Altura proporcionaba todo lo demás ahí mismo y luego éste. puede ver que es una altura de línea mucho más grande, pero sigue siendo parejo. Por lo que sigue siendo el equilibrio y crear algo de armonía agradable, pero te da un respiro entre estas palabras es como que te da una pausa en lugar de simplemente ejecutarlas juntas. Se obtiene el vivo y luego se ríen y aman. Entonces tienes ese tipo real de respiro con la altura de línea que han usado aquí. Y esto es algo así como el ejemplo al principio, algo al revés, donde empezaron,
revueltos juntos, revueltos juntos, y a medida que continúa, se ensancha y
se ensancha. Y al igual que con el amor de la risa viva, es una especie de lo mismo que están teniendo. Se lee el texto rápidamente, y luego como que te ralentizan a lo largo del texto con la altura de la línea. Entonces lees este primer bloque rápido, y luego medio. Te desaceleras y luego tomas ese descanso antes de leer el último y la sabiduría, Y como que da ese tipo de sentimiento. La vida es un cambio constante de belleza en la sabiduría, y simplemente hace un buen flujo. Entonces usa línea, guión, tus diseños. Es otro aspecto importante de la tipografía. Y para hacer que las cosas se vean bien, realmente
quieres entender el principio, básicamente crear espacio para traer apertura y darle al espectador arresto con sus ojos o acercarlo, una menor altura de línea si quieren realmente hacer que parezca crujiente o revueltos juntos. Um, ya
sabes, si tuvieras, um, eres una agencia de seguros haciendo publicidad, tienes un auto cayendo en tu texto. A lo mejor tendrías unas alturas de caza de líneas muy pequeñas con todo ese texto que conoces, crujido y aplastado por el auto. Y puedes dar esa sensación en tu tipografía con la altura de la línea
20. Italicas: cursivas son personajes únicos con un sesgo diseñado en el tipo, y yo tallis dimensionando algo puede crear énfasis o crear un punto focal de donde quieres que vea
el espectador. Esto también es muy común en copia y tipo, sobre todo en cosas como anuncios o email marketing. Redes sociales, donde el tipo voluntad de un párrafo será todo regular. Y luego tendrás una pequeña frase y ese tipo cursiva. Y esto aporta un poco más de énfasis al texto sin hacerlo a uno o dos padres. Um, ya
sabes, usar como Heavyweight, eso es demasiado audaz. O para contrastarlo, así como una pequeña variación para demostrar que este es quizás un punto un poco más importante. Um, y también en copia y texto en libros y cosas de esa naturaleza, sobre todo cuando se tienen párrafos. Parece que es que la gente hace eso sólo tipo de decir, como ,
Hey, te
voy a dejar entrar en un pequeño secreto Así que todo esto es importante, pero realmente presta atención a este pequeño fragmento si te quitas algo así que yo arrojado puede traer énfasis y ser muy útil en tus diseños. Por lo que muchos de estos ejemplos son más o menos van a mostrar lo mismo, que es que el punto principal ha sido cursiva para mostrar contraste contra todo lo demás y llamar más atención sobre ello. Y así, en este primer ejemplo, se
puede ver el punto principal estando aquí es I Tallis tamaño Now. script generalmente no tiene función en cursiva. Algunos sí. Algunos no porque el guión es típicamente escrito y una especie de tipo inclinado de cuatro se conocieron, así que a veces lo encontrarás. A veces no lo harás. Pero cuando estás hablando de cursiva, es muy común en tu estilo de fuente básico, como Helvetica y Times New Roman cosas de esa naturaleza. Aquí solo hay una pequeña imagen que vomité donde están usando esta pestaña de esquina, y están mostrando un poco de importancia al mostrar esto. Yo digo una talla. Entonces si tienen su encabezado principal o su título principal aquí, el mismo tamaño de fuente y tenías que elegir entre los dos. Si bien esta pestaña de esquina podría ser un poco más
importante, podría decir algo como, ya
sabes, contáctanos o haz clic aquí para algo especial. Por lo que solo están trayendo un poco más de énfasis al agregarlo en cursiva ahí mismo. Y como dije, los tres de estos ejemplos van a ser aproximadamente iguales. Entonces esto será bastante rápido, pero lo mismo aquí. Ya sabes, El punto
más grande está en forma de guión o inclinada, que podría ser cursiva transmitida como cursiva. También lo mismo aquí. Y puedes ver que no pude encontrar todo un montón de diseños con variación en esto. Es decir, eso casi lo mismo en todo, um, y lo mismo aquí. Entonces sigamos adelante y solo echemos un vistazo aquí. No tipo de espectáculo. A lo mejor puedo darles un ejemplo de lo que estaba pensando en dónde se puede ver eso. Sí, haremos clic en esto. Este es el tipo de diseño que he usado para todas mis cosas. Entonces solo hago clic en este diseño aquí para que aparezca esto. El hombre dice que me hace sentir culpable que alguien se lo pase tan bien haciendo lo que se supone que
tienen que hacer. Y si quisiéramos sacar ciertas ideas de esta frase, podrías yo Tallis la mira y hacer que destaque. Entonces, um, si quisieras enfatizar al hombre, realmente me hace sentir culpable. Ah, ¿sabes qué? Haciendo ejercicio tendría que cambiar el Perdón por esto. Tendremos que cambiar el texto. Pero sólo quiero darte algunas ideas de lo que estoy hablando aquí. Entonces solo hazlo Helvetica. Entonces me hace sentir culpable, y puedo ponerme un tallix. Y luego cuando lees eso, puedes ver que eso que retrata cierto mensaje en el texto que se muestra. Entonces me hace sentir culpable que de todos modos, debería pasar tan bien haciendo lo que se supone que tienen que hacer. Entonces estás sacando el sentimiento de culpabilidad de ese texto. Ahora, si decidimos, tal vez cambiemos una frase diferente. Um, el objetivo. Debería pasarlo tan bien haciendo lo que se supone que tienen que hacer. Me hace sentir culpable que alguien se lo pase tan bien haciendo lo que
se supone que tienen que hacer. Trae un tipo diferente de mensaje, así que eso es cursiva. Puedes usarlo para traer énfasis, y es genial porque es solo un poco de variación. Por lo que no es como un peso pesado pedo cambiando el color o, ah, alto valor ing de contraste. Es solo un poco de cambio en el tipo para mostrar énfasis o un punto focal
21. Justificación: justificación se refiere a la alineación del texto, por lo que esto significa que se puede dejar justificado. Centrar hacia la derecha o verdadera justificación, donde se tiene alineación tanto en el lado izquierdo como en el derecho del texto que a menudo se ve en libros y revistas. La justificación se utiliza para seguir la forma de una imagen o página y puede ayudar con el flujo de lo que estás tratando de decir. También puede crear jerarquía o énfasis cuando se centra, o cuando se tiene la justificación hecha de cierta manera para llamar la atención. Entonces echemos un vistazo aquí. Por lo que aquí se puede ver todo está justificado centro. Tenemos una alineación de centro agradable, incluso pasando aquí, y crea una vista agradable, agradable y la jerarquía fácil de leer. Y luego solo usas el énfasis basado en los otros objetos para leer esto y el orden orden que debes y como se mencionó antes, um, justificación
verdadera cuando tienes alineación en el lado izquierdo de la caminata de texto y en el lado derecho de un bloque de texto, yo soy lo que esto hace es que en realidad cambia el espaciado de letras donde se tiene Maurin menos espaciados entre letras para llegar a esa mirada. Y esto es muy común en los libros para crear un bonito borde de espacio en blanco alrededor del libro que crea. Sí, uniformidad, fácil de leer. destaca nada en particular por lo que solo puedes disfrutar de esa información, y solo tenemos algunos conceptos básicos. Ejemplos. El 1er 1 por supuesto, es una justificación central para una imagen como esta. Lo pusieron justo aquí en el área herbácea para que se destacara contra el valor blanco
del texto. Pero es simplemente agradable, e incluso en el medio, crea un equilibrio. Es fácil de leer, fácil de entender. Hay bonita altura de línea. Por lo que esto es sólo una cotización agradable, tipo de imagen de estilo que se ve a menudo y son comúnmente centro justificados. Aquí tienen un tipo de sensación diferente con la forma en que han movido todo a la izquierda y creado más peso visual en el lado izquierdo. Aquí, se
puede ver que está un poco más fuera de equilibrio, y luego con el lado derecho. Entonces esa es una alineación justificada por la izquierda. Y aquí se puede ver una alineación justificada a la derecha donde están tratando de equilibrar la imagen . Um, equilibró la imagen de la Tierra y el sol poniendo la alineación al lado derecho . Por lo que crea tipo de este bonito equilibrio parejo a través de la imagen aquellos tanto vertical como horizontalmente. Entonces, básicamente, justificación sólo se usa para seguir a lo largo y la imagen. Es genial para sitios web, sobre todo cuando tienes cosas como una imagen. Y luego tienes la justificación a la izquierda contra la imagen en la página y luego tal vez tengas una imagen en el lado derecho, y luego la justificas a la derecha y creas este tipo de movimiento y flujo. Las cosas que están centradas suelen crear armonía y equilibrio y simetría. Es fácil de digerir y entender,
um, um, estaban acostumbrados a ver las cosas justificadas a la izquierda. Entonces es común ver cosas que están mintiendo a la izquierda cuando estás leyendo. Cuando lanzas algo en una línea a la derecha, decenas de traer un poco más de enfoque porque no lo ves con tanta frecuencia, y entonces sabes que tienes tu justificación de libro trasero. Si quieres crear una noche de frontera alrededor de tu imagen y mantenerla en una bonita plantilla y formato,
22. Caso: letra minúscula se refiere al patrón de letras mayúsculas y no mayúsculas
y tipo, y esto podría mostrarse en minúsculas mayúsculas o una combinación de ambas. Ahora la gramática típica inglesa requiere que la primera letra de la primera palabra de una oración sea mayúscula en caso de que también pueda proporcionar énfasis y contraste. Por lo que usar el caso va a dictar lo que estás tratando de llegar al espectador. Si sabes que la primera letra de una palabra en el idioma gramatical inglés sobre todo sea mayúscula y intencionalmente lo haces en minúsculas, estás diciendo algo específico sobre ese diseño así como si pones todo en mayúsculas. Estás haciendo declaraciones audaces y realmente tratando de llegar tu punto a través. Entonces aquí tenemos esta primera imagen donde se puede ver el mayor énfasis es, por
supuesto, las letras grandes. Pero también es todo mayúscula, llamando más atención sobre ella, y luego el nombre se hace en realidad en una combinación de mayúsculas L y luego
minúsculas para tratar de darle más, ya
sabes, hogareño sentir. También ves todo mayúscula cuando estás tratando de mostrar algo desde la distancia porque es un poco más fácil ver y distinguir las letras cuando estás consciente de que todas
se supone que son mayúsculas. Una vez que tu mente registra eso y conoces tus letras mayúsculas, entonces se vuelve muy fácil distinguir algo desde la distancia. Por lo general, vallas publicitarias, firma cosas de esa naturaleza que quieres que la gente vea desde lejos. Definitivamente verás letras mayúsculas. Ahora puedes usar esto en redes sociales para realmente también hacer que tus imágenes destaquen cuando alguien se está desplazando y ven todas las letras mayúsculas, entonces, por
supuesto, podrían prestar más atención a eso. Ahora hay que tener cuidado porque, como todos sabemos, si usa gorras todo el tiempo para todo, no
estás enfatizando nada en absoluto. Y por lo tanto como que ahogaste la atención de los televidentes. Por lo que quieres ser muy esporádico cuando estás usando todas las letras mayúsculas. Entonces echemos un vistazo a algunos ejemplos, y aquí está una de esas imágenes donde es todo letras mayúsculas en el uso de todas las letras mayúsculas, grandes, negritas como esta solo presenta una imagen y estilo muy fuertes, y es una especie de va junto con las palabras aquí. amabilidad inesperada es la más poderosa, por lo que esa poderosa era una especie de ser llevada a esta imagen con la mayúscula. Y aquí han utilizado una combinación de diferentes tipos de mayúsculas Kase no
mayúsculas donde en realidad comienzan con letras minúsculas y van a todos los topes para su información
principal. Quieren que veas y luego lo vuelvas a bajar a minúsculas y luego todas las gorras otra vez y luego minúsculas. Y este tipo de crea un estado de ánimo de sentir emoción. Y, ya
sabes, cuando tienes todo en minúsculas, es como lo contrario de tener las letras mayúsculas donde es audaz y potente. Esto es un poco más, ya
sabes, agradable, más fácil, um, dedo
apretado de leer. Por lo que tener amigos de Seattle y minúsculas tipo de tipo le trae esa actitud
amistosa . No está en tu cara. Oye, somos amigos. Es como,
Hey, mira, mira, todos
somos una especie de amigos. Vamos a pasar el rato. Entonces lo pone en un bonito formato minúscula, y luego aquí tienen especie de hicieron el reverso donde hicieron lo más audaz todas minúsculas, y luego lo segundo que quieren. Se ve todo en mayúsculas, que es un estilo muy interesante, y aporta una especie de estado de ánimo diferente al sentimiento. Y debido a que aún usaban un tamaño de fuente más grande y un poco más de énfasis y espera, pudieron hacer que el salvaje destaque más, pesar de que todo es minúscula, por lo que crea un tipo de campo diferente. Por lo que definitivamente probé diferentes tipos de casos en tu diseño. Mayúsculas, minúsculas, todas mayúsculas todas minúsculas y prueba un experimento para ver qué tipo de estados de ánimo y
sentimientos diferentes que puedes obtener usando esos diferentes tipos de casos.
23. Similarity: agrupar elementos como en un diseño crea similitud para facilitar las clasificaciones. Entonces cualquier cosa que se junte por su tamaño, forma ,
color ,
valor, textura o patrones crea similitud porque la mina es capaz de decir que esas cosas son como basadas en su color o en su valor o en base a su textura. Y nos facilita clasificar objetos en la escena en función de su similitud entre sí, sobre todo si tienes múltiples grupos de cosas diferentes. Entonces sabes que este grupo pertenece a esta cosa, y el tu segundo grupo pertenece a otra, otra parte del diseño. Entonces echemos un vistazo, ver de qué estamos hablando aquí. Entonces aquí tenemos similitud. Es decir, estos aires todos, ya
sabes, bolas de
metal, y todas son del mismo tamaño. Entonces ya sabes, todos
van juntos. Pero también han creado contraste al hacer que esta bola en ángulo y colorearla lea. Entonces estos aire se agrupan juntos y estos aire similares entre sí, y sabes que van juntos. Pero tienes este tipo de apagado a un lado, y está trayendo énfasis a sí mismo al tener ese contraste del color y el ángulo al que va. Esta es sólo una imagen que muestra similitud de estos po PRI o hojas, o lo que tienes de los diferentes colores. Y tenerlos en línea así crea un bonito tipo de equilibrio a la imagen, y eres capaz de agrupar los elementos juntos para que puedas agrupar los rosados y morados y naranjas, y esto se basa en su forma, patrón de textura, pero también por su color. Y el color los divide en secciones separadas. Entonces eres capaz tu mente es capaz de tomar la similitud de estos, pero aún así sabes que hay diferencias de contraste ing en función de su color. Entonces en nuestro primer ejemplo, puedes ver que la similitud ocurre entre el tipo de fuente que el tipo de fuente de venta en el tipo de fuente 30% de descuento son iguales, y tu mente es capaz de clasificar esas dos cosas juntas porque puede ver su las propiedades similares unas de otras. Entonces lo que están haciendo aquí es que te están dando la información más valiosa haciendo la
vela la cosa
más grande, más audaz para destacar y poner cierto tipo divertido y luego duplicar eso
más abajo en el diseño. En el porcentaje de descuento, es más fácil saber que Hey, hay una venta en marcha y esto es lo mucho que te estás bajando. Si este no fuera del mismo tipo divertido, seguirías recogiendo la información, pero tal vez no tan rápido. Podría no gravitar hacia eso. primer lugar, podría mirar una de estas otras cosas, pero como se podía ver la similitud entre los dos tipos de fuentes, es más fácil para ti registrar cuánto de una venta estás obteniendo en función de lo que
quieren mostrar usted. Aquí tenemos similitud basada en las imágenes de las personas, y son todas diferentes clases de personas que usan ropa de diferentes colores. Pero su similitud en las imágenes hay filtros fotográficos que se utilizan en todas las imágenes . Eso es lo mismo, dando el mismo tipo de look en efecto. Todas son personas, por lo que son capaces de agrupar eso juntos, y crea solo una clasificación fácil y simplemente equilibra esta imagen bonita y ordenada . Y entonces esto es fácil de adivinar. Tienes la similitud entre los iconos y como puedes ver, todos
son del mismo color y del mismo tamaño, e incluso tienen un patrón circular. No hay ninguno que realmente tenga. Al igual que una frontera cuadrada. Este tiene un poco de un Um diferente, no exactamente circular en el exterior. Pero el interior es circular. Por lo que los agrupa juntos. Ya sabes que esos iconos significan lo mismo. Esto es realmente grande con cosas en como sitios web. Y cuando estás creando tu branding que tienes similares,
um, um, colores y looks y se siente en todos los elementos de diseño que estás usando en tu sitio web, podrías crear un tipo de icono como este y luego usar ese mismo tipo de icono en toda
la página web para que la gente sepa que cuando ve ese tipo de icono, saben lo que está haciendo esa acción. Si tuvieras un botón con un tipo de icono y luego otro botón con un color y forma completamente diferentes y luego 1/3 y cuarto y así sucesivamente, podrías empezar a confundir a la gente, y no pueden juntar esa información porque no hay rima ni razón. Pero cuando tienes similitud, hace que
sea fácil para la gente digerir la información y llevarla exactamente a donde quieres que vayan.
24. Cierre: cierre se refiere al cierre o apertura de un elementos gráficos en su diseño, y esto podría ser múltiples cosas. Puede ser tipografía. Podrían ser formas. Podrían ser diseños. Entonces, por ejemplar, podría ser una forma donde solo se muestra un marcador a. Pero tu mente y tu imaginación juntan las piezas para tratar de adivinar cuál es esa forma. Tan bueno sobre el cierre y también específicamente dejar las cosas abiertas terminó es que Puede hacer la vista o pensar en el diseño, y también puede proporcionar imaginación para el público. Entonces echemos un vistazo aquí. Entonces en esta instancia, acabamos de poner un par de formas arriba en la pantalla y sin decírtelo,
podrías adivinar de qué se trata. posible que no puedas adivinar qué es, dependiendo de cómo lo estés mirando o cómo lo estés pensando. No hay texto, tipografía o l otros elementos a juzgar, así que realmente no sabemos cuál es esta forma. Podrían ser dos pájaros DOF besándose, sentados en tal vez un lago. O quizá sea una barba, que es lo que normalmente veo cuando la miro por primera vez, Pero dejarla un poco abierta a tu imaginación deja que la mente del espectador se vuelva loca, y eso podría ser muy vigorizante para el público. Aquí te dejamos una imagen que se ha dejado un poco abierta para adivinar qué está pasando en la escena y esto te controla y te hace pensar en lo que está pasando ahora. Si fuera a suministrar algún tipo de párrafos o texto debajo, podría explicar con detalle lo que está pasando. Pero con esta imagen, inmediato
puedes captar la atención de alguien y empiezan a preguntarse qué está pasando. ¿ Están entrando a este lugar o salen de este lugar? ¿ Es un Caetano un tren, una alcantarilla? No tenemos idea de lo que está pasando entre estos dos personajes. Está pasando mucho espacio negativo, lo que está creando este tipo de sentimiento de tu muy inseguro sobre lo que está pasando. Entonces y aquí tenemos algunos elementos de diseño de punta abierta para tratar de dibujar al espectador. Para que eso funcione en este diseño y una buena empresa con buen branding y, um , ya
sabes, solo que realmente bueno en su marketing hará cosas como esta donde
te presentarán . A lo mejor una pregunta o tirarán algo ahí fuera que ni siquiera sabes de qué están hablando. Esto puede ser un anuncio. Segundo, siendo comerciales, lo he visto en redes sociales. ¿ Dónde la primera vez que lo ves, te quedas preguntando qué? ¿ Qué? ¿ A qué se refieren? ¿ Cuál fue el punto de eso? Pero entonces tal vez más tarde, por el camino usaron mismos colores y esquemas y marcas ings y similitud y cosas de esa naturaleza para que te des cuenta de que es la misma compañía y están trayendo esta historia y
trayéndote para el paseo. Entonces para este azul contra verde, ¿cuál es tu favorito? Bueno, cuando veas eso en las redes sociales, podrías simplemente escoger una y luego preguntarte las soldaduras que no tenían sentido. Pero entonces la próxima semana se ve algo más con esta empresa usando ese azul o verde o mostrando una estadística. O, ya
sabes, tal vez están haciendo algún tipo de encuesta y dicen, ya
conoces a estas personas que descubrimos como el color azul versus estas personas, y luego empiezan a promocionar su marca o producto. Entonces esto es como una pregunta abierta donde te están dibujando con el diseño , pero como que te dejan adivinar. Lo mismo con esto. Han usado un bambú. Nosotros un poco forzados. Él vio donde un poco te escondiste escondido y lo llaman la Venta Secreta. Te daremos una pista al trazo de la medianoche con eso genera curiosidad y realmente te
hace pensar como, oh, ¿qué está pasando? Ya sabes, verdad
quería echar un vistazo a esto. Necesito estar por ahí a medianoche esperando que me digan qué está pasando y luego
esa persona que te tienen, tienen al público que quieren y tú estás regresando a ver qué tienen para ofrecer y ojalá compre sea cual sea el producto o servicio que estén ofreciendo. Y entonces esto es sólo un tipo de diseño que se ve con mayor frecuencia donde hay cierre. Ya sabes exactamente lo que está pasando. No hay adivinar que sabemos quién es los donuts de Dave. Sabemos lo que están promoviendo. Un desayuno especial. Sabemos cuál es su producto. Están regalando dos donuts y consiguen una gratis. Y con las rosquillas alrededor de la imagen, aquí no
hay conjeturas. Simplemente sabes lo que es. Por lo que el cierre puede ser realmente divertido, sobre todo cuando le quitas cosas al diseño para hacer que el espectador los invitados o usar su propia imaginación. A veces a la gente no le gusta pensar que sólo quieren el fax. Sólo dame los hechos. Necesito seguir adelante. Pero entonces, otras veces a la gente le gusta una buena historia. A ellos les gusta pensar en cosas que les gusta imaginar. Entonces cuando estás usando imágenes de personas, pero no muestra sus rostros ni muestra sus siluetas o estás usando formas. Pero las formas no están completamente formadas. Ahí sólo tipo de abierto terminó. Realmente puedes dibujar en el usuario en la audiencia y usar eso a tu favor.
25. Hiearchy: Hi RG define el orden de los elementos en los que debe mirar un espectador. Esto podría usarse en tipografía, imágenes, formas y colocación de elementos en el diseño, y realmente ayuda a establecer unidad y organización. la mente le gusta que las cosas sean algo organizadas y fáciles de procesar. No queremos pensar demasiado en algo por mucho tiempo, o perderemos el foco y la atención y miraremos otra cosa. Entonces cuando estás haciendo diseño, sobre todo para, digamos, redes
sociales, quieres captar rápidamente la atención del público y mantenerlos ahí el tiempo suficiente para
darles la información que quieres. Entonces en este próximo diseño, dime qué ves primero. Perdón, Fuimos un poco demasiado, demasiado lejos ahí. Pero la mayoría de la gente va a ver primero al número uno, y estamos creando una jerarquía de un par de maneras diferentes. Aquí. Uno. Estamos usando la imagen más grande para tratar de retratar eso. Queremos que vean que primero, estamos usando un sistema no numérico del 1 al 3 para decirle al espectador que este es el orden en el que
debes mirarlo. Estamos usando tamaños, como dije, mayor a menor, y también estoy usando líneas guidon justo dentro del diseño para tipo de dirigirte. Entonces estoy apuntando a los 21 puntos a los dos y luego a los dos puntos a los tres. Y este tipo de muestra una jerarquía de cómo quiero que mires esta imagen que quiero que
veas . El primero es más grande y audaz, y luego quiero que veas al Número dos y luego al número tres, y eso es jerarquía. Y simplemente proporciona una manera fácil para que un espectador digerma información, todo cuando estás hablando de tipografía texana. Aquí hay otra imagen. Entonces, ¿qué viste? En primer lugar, mi conjetura es sería la cabina amarilla brillante en medio del diseño y las mismas cosas que usé en ese ejemplo numérico está pasando aquí. Tenemos contrastes del amarillo contra cualquier otro color en esa escena que no es amarillo . Es Brighton audaz. Está centrado en simétrica, y también hay líneas guiadoras que apuntan a ella. Entonces esta podría ser una gran imagen para un servicio de tope para, ya
sabes, explicar a la gente de inmediato de qué se trata sus servicios, y entonces tal vez podrías poner algún texto subyacente aquí arriba en la parte superior. Pero de inmediato podrías llamar la atención de alguien diciendo:
Oye, Oye, mira su gran taxi amarillo y luego te como gays fuera y mira todo lo demás. ¿ Notaste primero la señal de calle de un solo sentido o los árboles de fondo? Por lo general, mayoría de la gente va a mirar los edificios grandes o el taxi y el taxicab siendo más prevalente en la parte superior de la lista jerárquica. Entonces echemos un vistazo a algunos ejemplos, y todos van a ser algo igual. mismo formato es que vas a tener textos de gran tazón, y eso es lo que ves. En primer
lugar, tiene más énfasis y espera, es el más grande. Y eso es lo que quieren que sepas primero, que hay una venta yendo por el otro Texas más o menos del mismo tamaño, por lo que puedes leer como quieras. Pero en lo que voy, leí el texto grande y luego inmediatamente lo que hay debajo, mostrando el 75% de descuento en venta, y luego esta semana de junio, prácticamente ignoro estas cosas en la parte superior. Pero esa marca de verificación me trae de nuevo ahí solo para leer todo el asunto. Tiempo para una venta a mitad de año? Hasta 75% de descuento, por
supuesto, Superior. Se va a utilizar en cosas como listas y recetas. Cuando le estás diciendo a alguien que haga algo en un orden específico, sigue los pasos. 12345 Asegúrate de poner estos ingredientes en este orden. 12345 Eso es crear jerarquía. Y este es solo el ejemplo fácil de mostrar lo que estamos creando. El mojito. Mamba es el nombre de la bebida, y ya sabes, solo
están diciendo,
Hey, Hey, esta es la temporada de lima. A lo mejor esa es su marca que tienen pasando en su bar que eran temporada de lima. Y muestran ese verde a lo largo de toda la temporada o algo de esa naturaleza y luego una jerarquía
básica yendo directamente hacia abajo como leeríamos para mostrarte los ingredientes para hacer el mojito Mamba, que luce bastante bien, por cierto. Muy bien, veamos el último ejemplo, y aquí hay un gran ejemplo de jerarquía. Normalmente nos atraen las imágenes primero antes del texto, por lo que el espectador realmente capta tu atención de inmediato con estos iconos. Son fáciles de entender. Ya sabes lo que son. ¿ Sabes lo que se supone que son? La similitud y continuidad entre éstos y el buen equilibrio. Este es un gran diseño porque realmente dibuja tu intención con las imágenes y luego continúa esa jerarquía dándote la información que quieren en el orden en función del tipo y tamaño de
fuente. Disculpe, Sin tipo de fuente, pero para el tamaño de fuente en este ejemplo. Por lo que el brunch dominical siendo las cosas más grandes y luego el nombre del lugar reservaciones y luego el tiempo el tiempo es un poco más pequeño. Sigue siendo información importante, pero querían asegurarse de que supieras quién lo estaba presentando y dónde llamar para reservas antes de que te den la información sobre la hora o el precio. Entonces eso es jerarquía. Um, realmente
necesitas usarlo en tus diseños casi todo el tiempo. No puedes usarlo y crear algún caos, pero podrías alejar al espectador muy rápidamente cuando tengas buena organización y jerarquía en tu diseño. Y eso no significa que todo tenga que ser perfectamente simétrico ni nada de esa naturaleza . Simplemente significa que necesitas mostrarle al espectador lo que quiere, lo que quieres que vea en un buen orden
lógico. Entonces, si estás tratando de vender un producto o retratar un servicio, asegúrate de explicarlo de inmediato y obtener esa atención de los espectadores y luego
darles a los detalles más adelante. Si enfatizas los detalles primero, podrían perderse mirando los detalles y nunca leen nada realmente, así que asegúrate de usar una buena jerarquía en tus diseños.
26. Regla de los tercios: la regla de tercios es un diseño de composición fácil para ayudar a dibujar el ojo del espectador y la forma que esto funciona a medida que divides tu diseñado por tercios tanto vertical como horizontalmente. Y luego colocas tus principales elementos focales a lo largo de las intersecciones, y esto es solo otro truco compositivo. Ahora está hecho, Ah, mucho en cine y video y fotografía e imágenes. Se crea esta estética al yo que es tan agradable, y si solo está un poco apagado, no
importa. Si está mucho apagado, realmente
lo puedes decir, y la imagen se verá desequilibrada y desigual. Pero cuando se hace correctamente, simplemente realmente le da esta dimensión extra a la imagen. Ahora todo no tiene por qué tener la regla de los tercios. Um, definitivamente
puedes usar un bloque básico de bloques en el centro de la línea tipo cosas, pero echa un vistazo a la regla de los tercios y trata de incorporarla en tus diseños y también mirar hacia fuera porque encontrarás que está en todas partes. Entonces, básicamente, en esta imagen, lo que tenemos aquí es nuestra imagen se divide en tercios pero tercios Ah, horizontal y verticalmente aquí, así como puedes ver crea estos nueve bloques y luego lo que tú haz como haces tus principales elementos
focales Ellis donde ponemos estos puntos rojos. Entonces, dondequiera que estén estos puntos rojos, podrías poner tu texto o tu imagen o tu personaje principal, y eso va a poner énfasis. Y un buen truco es equilibrar estos. Entonces podrías tener, ya
sabes, un elemento focal aquí y luego tu elemento focal secundario aquí abajo. Y realmente crea una bonita imagen uniforme, armoniosa, armoniosa,
equilibrada. Entonces aquí tenemos una imagen y se puede ver que la mano en el teléfono no se ha colocado en el centro de la imagen, y eso se hizo a propósito. Esta es una regla de tercios en acción muy fácilmente. Ahora, aguanta conmigo. Voy a salir de una extremidad aquí y tratar de hacer algo un poco diferente en este video y ver si realmente puedo dibujar y mostrar. Ya sabes, esto va a ser un poco torpe y boquiabierto, pero solo quiero ver si puedo hacer que la idea te pase. Entonces si voy a cerca de 1/3 marca y dibujo eso abajo de la imagen y luego vengo aquí y esto es sólo una estimación aproximada. Por supuesto, esto no va a ser perfecto, pero solo quiero que veas lo que está pasando, y yo cruzo las líneas horizontales son un poco más duras, y eso probablemente es alrededor de 1/3 ahí mismo. Se puede ver prácticamente dónde se está tocando y dónde está el teléfono. Ahí es donde entra en vigor la regla de los tercios. Y se puede ver en esa imagen que están usando esa regla, los tercios efecto compositivo para llamar la atención allí sobre la energía, simplemente
se ve mejor. Si tuviera la mano derecha en el centro de la pantalla, se sentiría bien, pero no tiene el mismo tipo de profundidad que tiene una imagen como esta. De acuerdo, vamos a probar otro que funcionó. Muy bien, Así que aquí, um, este que se puede ver, está bastante equilibrado a través, ya
sabes, toda
la imagen. Pero ah, se
puede ver que el regalo gratuito es una especie de alinearse con la regla de los tercios. Entonces déjame ver si puedo volver a dibujar esto para ti. Entonces esta es nuestra imagen probablemente estaría en algún lugar donde no quise hacer eso. Perdón por ese museo arriba. Entonces, um para que lo sepas, se iría. Crea especie de borde en esta imagen para el regalo gratuito, y se puede ver como funciona eso. Y también está creando una herramienta de alineación para la imagen de regalo gratis. ¿ Y el boxeo está en eso? Ella es realmente genial. Entonces otra vez, esto no es perfecto. Pero este tipo de te da cómo se está usando la regla de los tercios aquí para encajar en la imagen de
regalo gratis . No lo colocaron directamente en los círculos, pero sí lo usaron como herramienta de alineación para tratar de meter esa información ahí dentro. Y, ya
sabes, probablemente
podría dibujar esto mucho mejor, pero ese tipo de te da una buena idea. Echemos un vistazo a una más aquí. ¿ Cuántos? Ah, dos más. Lo siento. Nos dieron dos más buscando. Ah, esto es lo mismo. No me tomaré el tiempo para dibujar, pero se puede ver lo mismo pasando aquí. Crearon tipo de esta frontera, y se puede ver que se conoce el lápiz. Aquí está alineándose con esa regla de tercios, y hay un tiroteo a través de la creación de esta división aquí, lo cual es realmente bonito. Estos bordes alineados en esa tercera línea de ahí. Ese tercero. Y quiero decir, es solo que han usado esa configuración en composición para realmente conducir a casa. Este este layout justo de la forma en que han compuesto esta imagen juntos y luego Fuzzy creo que estoy frente a usarnos imagen en estos tutoriales por un tiempo ahora porque creo que es tan tonto, pero ah, me imaginé éste sería uno bueno. Entonces vamos a dibujar en este, ver cómo se ve. De acuerdo, así que ah, tercera probablemente va a ser por aquí. Siempre se puede empezar a ver lo que está pasando. Ah, uh, Así que creo que me subí un poco en ese último. Creo que en realidad golpearía el I. Así que en realidad se puede ver que, Ya
sabes, eso probablemente estaría yendo justo ahí, alineándose en medio de la frente aquí mismo en esta imagen. Por lo que colocaron al gato en la regla de tercios intersección y especie de lo equilibraron con la tipografía en la parte superior, derecha y crearon un muy bonito, uniformemente equilibrado, uniforme, tipo de tipo de imagen, y se ve muy bien. Es una imagen realmente agradable, y está usando otras cosas en ella, como líneas guiadoras, ya
sabes, como hablamos antes. Los ojos del gato están mirando hacia arriba. Um, ahí vamos, acercando de nuevo. Um, pero ya sabes, el ojo del gato está mirando hacia arriba esas letras guiando tu ojo allá arriba. Por lo que esto tiene una calidad de tipo compositivo agradable, muy buena a la misma. Entonces esa es la regla de los tercios. Um, ponle
atención. Empieza a mirar fotografías, películas, video y ve cómo se está utilizando la regla de los tercios. Lo encontrarás por todas partes. Es ah, cosa
grande. Cuando tienes a dos personas en una escena, puedes tenerlas a la regla de tercios intersecciones y no crear una composición agradable, incluso equilibrada, sobre todo si están llevando a una conversación o algo de esa naturaleza. Entonces esa es la regla de los tercios, y espero que hayan disfrutado de eso
27. Proporción áurea: la relación dorada es una proporción que se encuentra en el mundo natural y muchos diseños y
fotos cotidianas . Esta proporción es uno por 1.6, y lo encuentras mucho e imágenes, tipografía,
diseños, diseños, rejillas y en todo el mundo natural como faras formas y,
um, um, tallos y hojas y ramitas y conchas marinas y todo tipo de cosas diferentes. Esta proporción, es justo. Una vez que comienzas a hacer la investigación al respecto, te das cuenta de que está en todas partes, y por eso, estamos acostumbrados a verlo. Y es una mirada natural, agradable al ojo humano. Entonces tratemos de ver esta proporción. A esto se le llama la Relación Dorada. La proporción divina, la espiral dorada. Se escucha muchas maneras diferentes, pero sus formas básicas. Echemos un vistazo a alguna tipografía, y si tenemos diversión de 20 tallas y esa es la tuya, y entonces el 1.6 de esa proporción sería un 32 fondos de tamaño. Por lo que para crear una estética
agradable y agradable buscando tus diseños, puedes usar esta relación dorada y usar estos números. Una forma más fácil de pensar en ello sería una fuente de 10 puntos y una fuente de 16 puntos esto es
que se acaba de duplicar para que pudiera hacerlo un poco más grande y mostrarte cómo sería en realidad. Pero esa sería la relación dorada y la tipografía. Y de inmediato puedes crear un look agradable con solo seguir que tener tu
título principal 32 puntos y luego tu título secundario, ya
sabes, ser 2020 puntos. Entonces otra vez, ya
sabes, solo
quiero lanzar ilustración abierta de la naturaleza. Uh, definitivamente animo a todos a buscar más en esta información porque va
mucho más allá de lo que puedo explicar en estas pequeñas lecciones cortas que estoy tratando de lograr aquí . Pero quería ponerlo aquí porque los diseñadores lo usan mucho. Se hace mucho en branding, y al final solo te mostraré algunos diseños en los que se utiliza mayormente. Entonces, um, pero en la naturaleza, se encuentra todo el tiempo. Esa proporción ahora en mis ejemplos, es un poco complicado mostrarte esto realmente, porque la forma en que la proporción es del tamaño de la misma, he estado usando las imágenes cuadradas para la publicación de Social media, y la imagen para el proporción divina es más de un disparo tipo de pantalla ancha. Todavía funciona. Y se puede ver eso en esta primera imagen muy claramente. Pero no quería advertirles que este podría no ser el mejor ejemplo. Así que definitivamente echa un vistazo a estas cosas cuando te dan un minuto. Y si tienes más preguntas al respecto, definitivamente me
puedes preguntar. Pero si alinearía esto y hice esta divina proporción imagen de poco más grande y centraba, ciega bellamente. Es decir, se ve esta línea cortando el faro aquí, y luego se ve este este siguiente corte es justo ahí donde el descanso se encuentra con esa pieza superior. Y luego se puede ver que la ventana está un poco cortada de esa pieza de ahí, y simplemente está funcionando maravillosamente. Esta línea cruza y crea una sección separada del faro en la
pieza inferior , y eso se encuentra mucho en diseñado más de lo que probablemente sabrías. Entonces estoy tratando de hacer mi mejor esfuerzo para mostrarte eso. Aquí, echemos un vistazo a otra imagen. Lo mismo con aquí. Cuando volé esto y lo alineé a esta imagen, se
puede ver la proporción siendo cortada de manera uniforme aquí y aquí. Y luego coloqué aquí el arco, que una vez que se mueve, puede ver cómo se arca sobre las palabras y retrocede y de una manera agradable. Tienen bebida aquí arriba y no cruzaron más allá de esa línea. Y la forma en que colocaron ese K it especie de sigue esa misma línea guía de esa Ah, espiral
dorada. Ahora, lo último
de lo que quería hablar fue de branding porque a las empresas les encanta usar esto y su branding y ver si puedo recordar un montón de ellos. Pero conozco mucho Toyota Twitter Apple como Aziz la imagen de iCloud. Um, ¿cuáles son algunas otras? El gasolinero BP. Todos usan la proporción divina o la proporción dorada. Si te vas en línea y buscas el ícono de Twitter de proporción dorada, verás que este pájaro se ha conformado por esas proporciones. Entonces si tuviéramos círculos completos aquí, la cabeza del pájaro, creo, sería la indicada y entonces el cuerpo sería el 1.6. Y para crear las alas que usan como el 1.6 en el 1.6 una y otra vez y así sucesivamente, y usan eso para crear el branding, y tal vez sea un poco más usado en algunas circunstancias. No intentes salir de tu camino para tratar de usarlo todo el tiempo porque muchas de las veces puedes terminar simplemente haciendo que tus diseños se vean mal. Pero es algo a tener en cuenta que se encuentra en la naturaleza, y estamos acostumbrados a verlo, a pesar de que no nos damos cuenta de que estamos acostumbrados a verlo. Entonces espero que eso proporcione algo de visión sobre la relación dorada para ti. Si tienes más preguntas, comenzó discusión y puedo subir algunas o imágenes para realmente mostrarte de qué se trata, así que ojalá eso ayude.
28. ¡Gracias por ver!: Oigan a
todos, todos, quiero agradecerles por tomar este curso y tomarme el tiempo para realmente sentarse y pasar algún tiempo conmigo y entender estos principios. De verdad creo que te van a ayudar una vez que los veas. Es cosas que se ven todos los días. Pero una vez que alguien te
lo señala, tiene mucho sentido. Y ojalá recogieras algunos consejos y trucos que tal vez no sabías. Ah, aprendimos mucho en estas lecciones, y realmente espero que puedas tomar esta información y usarla en tu propio negocio y marca, Um, hemos pasado por muchas de estas imágenes, y ahora que ves estas imágenes, podrías mirarlas de una manera completamente diferente y entender realmente a qué
iba el artista cuando estaban juntando estas cosas. Um, todo desde la composición y el color hasta el apretado que se está usando, o las formas y los bordes. Por lo que todos juegan un papel
grande, grande. Y la gente realmente está tratando de usar estas cosas para dirigir tu atención y proporcionar información más de lo que podrías haber pensado en el pasado. Entonces, um con este conocimiento. Espero que se pueda llevar esto. Usa un programa fácil como Can va para salir por ahí y empezar a hacer imágenes impresionantes, impresionantes que puedes usar el dedo del pie Wow a tu público. Y eso es realmente lo que quieres hacer. Tienes un mensaje que quieres transmitir, y el diseño gráfico y las redes sociales están ahí para ayudarte a conseguir ese mensaje a través de imágenes, texto. Todos funcionaron muy bien y proporcionando eso. Y así, ojalá estos principios sean algo que puedas usar y tomar en consideración cuando estés haciendo tus diseños para que solo tengan mucho más sentido para el espectador. Entonces espero que realmente lo aprecien. Si tiene alguna pregunta, por favor deje comentarios o comentarios. Seré lo más rápido que pueda para responderles, y espero que se cuide. Gracias.