Conceptos básicos del diseño: los cuatro principios básicos

1. Introducción: Entonces, ¿quieres ser diseñador? Bueno, la buena noticia es que estás en el lugar correcto. Esta clase va a cubrir los cuatro principios básicos del diseño. Estos son los bloques de construcción de todos los grandes diseños. El diseño realmente no es complicado, o al menos no debería serlo. Y una vez que entienda los cuatro principios básicos del diseño y los aplique en su trabajo, sus diseños comenzarán a mirar hacia otro lado. Mejor Diseñar visuales no toma algún talento raro con el que sólo unas pocas personas son bendecidas . Y el diseño no es algún arte místico que hay que subir a la cima de una vida del dedo del pie de montaña porque es una disciplina basada en principios. Cualquiera, en cualquier lugar puede empezar a aprender a diseñar. Una vez que aprendas los principios, puedes comenzar a aplicarlos a tu trabajo de inmediato. Esto no quiere decir que el diseño sea completamente formulaico. Hay mucho espacio para el pensamiento creativo y el diseño, y los diseñadores empujan y rompen los principios de formas únicas para crear diseños increíbles. Pero hay que entender los principios antes de poder empezar a usarlos de maneras únicas. Entonces, empecemos. Adéntrate y aprenda sobre los cuatro principios básicos del diseño 2. Principio 1: proximidad: el primer principio que vamos a aprender se llama proximidad. La proximidad significa simplemente lo cerca que están las cosas juntas. Si tengo las manos juntas, entonces están muy cerca el uno del otro. ¿ Por qué la proximidad es importante el diseño? Porque el cerebro humano utiliza la proximidad percibida para determinar las relaciones sobre las cosas. Por ejemplo, si dos cosas están juntas, entonces las percibimos como relacionadas o es ser como las unas con las otras. tanto que si dos cosas están muy separadas, percibimos que son diferentes entre sí o que no tienen relación un lugar fácil para que veamos un ejemplo de inacción de proximidad es con estos dos mapas. Actualmente, la proximidad de las claves a los mapas no nos dice nada de su relación, y como usuario, tendríamos que hacer un trabajo deductivo para averiguar qué clave con qué mapa. Pero si aplicamos el principio de proximidad a este diseño, rápidamente se hace claro qué clave va con qué mapa. Podemos determinar esa relación en base a dónde están el mapa y la clave. Entonces cuando estés diseñando, siempre ten en cuenta el principio de proximidad. Si tienes dos elementos, se supone que están relacionados ¿están lo suficientemente cerca juntos como para que el usuario pueda determinar eso? Y si tienes elementos que no se supone que estén relacionados, son lo suficientemente alejados y fuera el uno del otro manera suficiente para que el usuario Comptel? 3. Principio 2: Alineación: alineación es uno de los principios más importantes en el diseño. Es uno de los aspectos más agradables cuando se hace bien y es uno de los aspectos más agravantes para los espectadores cuando se hace mal. También es una de las áreas en las que los nuevos diseñadores parecen luchar más simplemente porque no le están prestando atención o porque no conocen las herramientas a tratar. Echemos un vistazo primero a algunos ejemplos de un vino. Tenemos tres círculos. Estos círculos no están alineados todo. Parecen medio peligro, y hay una sensación de caos al respecto. El espectador experimenta cierta ansiedad sólo porque hay falta de orden a la imagen. En este caso, podemos hacer que se sienta mejor simplemente alineando el círculo. Ahora los círculos están todos alineados a lo largo de su línea central. Porque todos estos círculos son del mismo tamaño. También están alineados a lo largo de su parte superior e inferior. Si los círculos fueran de diferentes tamaños, tendríamos que elegir qué aspecto de ellos alinear. Podemos alinear este centro o podemos alinear la parte superior o podemos aprender el cuerpo. Cada alineación retrata una relación diferente entre. En este caso, la alineación inferior transmite una sensación de crecimiento del segundo al tercer círculo. Otra pieza del concepto de alineación es la distribución. En este caso, todos estos círculos tienen igual espacio entre. Esto es agradable a la vista del espectador e indica que la relación entre el primer y el segundo círculo es la misma que la relación entre el segundo y el tercero. Señor, hay otras formas de alinear objetos cuando van de arriba a abajo. El primero, como habrías adivinado, es alinear su centro. También se alinean los bordes izquierdos y los bordes derecho porque son del mismo tamaño. Pero claro, eso cambia. Si cambiamos el tamaño de uno de ahora, podemos elegir dónde alinear. Siempre estar al tanto de cómo se ven las cosas cuando están alineadas. Por ejemplo, cuando mis círculos están alineados a la izquierda, mi círculo superior se ve un poco incómodo, como si estuviera a punto de caer. Si cambio mis formas dos cuadrados, sin embargo, entonces esta alineación a la izquierda da una sensación de jerarquía como el cuadrado superior es más importante, y por encima de los otros dos cursos, también podríamos alinearlos a la derecha, y eso daría una sensación diferente también. Recuerda que la alineación es crucial, pero es muy difícil ponerse bien mirando. Todos los programas de diseño digital tienen herramientas de alineación incorporadas en ellos, así que asegúrate de que estás usando esos a medida que estás diseñado. 4. Principio 3: repetición: el siguiente principio del que vamos a hablar es la repetición. Repetir elementos a lo largo de tu diseño ayuda a darle un campo cohesivo a la paz. Repetir elementos a través de múltiples diseños da un campo cohesivo a una marca o cartera. Hay muchas cosas que se pueden repetir en el diseño. Tres de los más comunes son tipo, forma y color. Me han visto hacer esto a lo largo del curso. Todas mis diapositivas usaban la misma forma repetida de cara tipo, elementos como el subrayado y los colores blanco y negro. Veamos un ejemplo de una paz de diseño con repetición. Aquí tenemos un simulacro de un conjunto de instrucciones. ¿ Qué vemos que aquí se repite? Ahí está el elemento numérica repetido por el lado izquierdo, todo en el mismo color y todo en la misma forma. El tipo de letra es el mismo en todo. Del peso es diferente. Entre los subtítulos de titular y el texto de cuerpo, repetimos la forma en tamaño para mostrar qué tipo de texto es cada pieza. Si bien la imagen es diferente para cada paso, siempre está en el mismo lugar en relación con el texto y los elementos de forma como el cielo y las colinas siguen siendo los mismos. Siempre debes mirar tu pieza y asegurarte de que estás repitiendo elementos a lo largo. Repetir elementos ayuda a reducir la carga cognitiva del espectador porque una vez que se dieron cuenta de uno de los elementos que se repiten, inmediatamente también entienden los que siguen. 5. Principio 4: contraste: El siguiente principio del que vamos a hablar es el contraste. El contraste es cuando las cosas son diferentes, poniendo contraste en tu seguro de diseño que será legible. Y como todos los principios de diseño, el contraste ayuda a definir las relaciones entre los elementos en un layout. El clave, para contrastar, es asegurarse de que las cosas que son diferentes sean realmente diferentes. No pueden simplemente ser un poco diferentes, o el espectador se confundirá en cuanto a si se supone que son o no diferentes. Y la relación entre los elementos se volverá confusa. Hay muchas formas de crear contraste. Echemos un vistazo a algunos ejemplos. Negro sobre Blanco es un ejemplo de buen contrato. Al igual que Grand White es un ejemplo de mala conciencia. Se puede contrastar de muchas maneras diferentes. Una de esas es con talla. Se pueden contrastar cosas grandes con cosas pequeñas. Otra forma de crear contraste es con la forma. Se pueden contrastar fondos Sarah, fuentes San Serif. Esta no es una clase de tipografía, pero solo ten en cuenta que una fuente Sarah tiene pequeñas alas en las letras en una fuente sans serif no la tiene. Otra forma de crear contraste es con el color. Hay muchas maneras de rezar contraste con el color, incluyendo variar tus tintes y tonos. Pero la forma más fácil es usar colores complementarios para contrastar estos colores de aire que están opuestos entre sí en la portada, como el rojo y el verde, azul y el naranja y el morado y el amarillo. El contraste es crucial para que el espectador pueda entender su diseño. Por esta razón, pobre contraste puede ser un escollo, e incluso diseñadores experimentados pueden crear un contraste pobre para algún tipo de sensación artística que termina haciendo su diseño completamente inutilizable. Por lo que siempre tenga en cuenta el nivel de contraste en su 6. Análisis de ejemplo y proyecto de clase: eso es todo. Hemos aprendido los cuatro principios básicos del diseño. Ya estás listo para salir y empezar a usar estos principios en tu propio trabajo de diseño. Pero la mejor manera de internalizar estos principios es empezar a buscarlos a tu alrededor . Por esa razón, el proyecto para este curso es que vayas a buscar ejemplos de estos principios en el mundo real . Aquí, los pasos para el proyecto encuentran al menos piezas rediseñadas. Encerraste mawr si quieres, pero realmente necesitas al menos tres para empezar. Estos pueden ser cualquier cosa que puedan ser anuncios, interfaces de programas informáticos, carteleras, tarjetas de visita, cualquier cosa que sea una pieza diseñada visualmente. Toma fotos de esas piezas y luego sube esas fotos al proyecto. Entonces en tu proyecto, analiza los cuatro principios como los ves en cada una de las piezas de diseño. Déjame mostrarte lo que quiero decir con algunos ejemplos. Aquí tenemos un anuncio. Esto parece que probablemente aparecería en una revista, y queremos analizarlo de acuerdo a los cuatro principios básicos, por lo que solo empezaremos revisándolos. Hablemos de proximidad por un segundo. ¿ Dónde vemos proximidad aquí? Bueno, vemos cercanía en los títulos sobre el sombrero, ¿ verdad? Por lo que se supone que los títulos se relacionan con los sombreros. Y con el gato alto, hay buena proximidad. Pero con sombrero corto, la proximidad no es tan grande. El título está lejos de él, y por lo que podría ser difícil determinar la relación ahí, sobre todo porque ese es el primer recibo 1. ¿ Por qué es eso? Bueno, quieren que los títulos se mantengan alineados, estoy seguro. Por lo que están usando el principio de alineación para mantener esos títulos alineados entre sí. Además, el hecho de que tengas que bajar los ojos hacia abajo es usar esa falta de proximidad para enfatizar realmente su punto de que sus invitados son diferentes. Después los pasajeros, otra aerolínea. ¿ Dónde más vemos alineación aquí? Bueno, los sombreros están alineados juntos para que estén en un juego parejo, así que eso hace que el contraste entre ellos sea aún más evidente. Se puede ver que realmente no podemos hablar de sólo uno de los principios del diseño sin hablar de los demás. El contraste aquí se pone un poco débil en el lado izquierdo, donde tenemos el blanco del sombrero con el extremo más ligero de este verde azulado radiante. Entonces esa no es mi favorita por el contraste. El contraste es realmente bueno en el sombrero más alto, y como ese es el énfasis de la pieza, supongo que están tratando de guiar a nuestro yo allá. Pero aun así apreciaría más contraste en el lado izquierdo. ¿ Qué tenemos? A. Por repetición? Bueno, tenemos la granja repitiendo en los títulos de cada uno de los sombreros, por lo que los pasajeros a y nuestros invitados cenan. Esa es la misma granja. Tenemos granjas blancas en todo excepto en el logo, y tenemos la repetición del color verde azulado a lo largo del diseño. Los propios sombreros son un elemento de repetición porque tienes un sombrero y luego tienes otro. Pero también son un elemento de contraste porque obviamente estás destinado a comparar uno con el otro y determinado que el de la derecha es mejor que el de la izquierda. Está bien, veamos otro examen. Entonces aquí hay una cartelera para el helado de McDonald's, ¿ y qué vemos aquí? Bueno, hablemos de proximidad. Los dos conos se colocan muy juntos en el medio, lo que les da cercanía entre sí, invitándonos a comparar directamente el hecho de que hay dos viene ahí. Pero el texto del otro lado se coloca lejos el uno del otro, por lo que el texto no necesariamente está relacionado. Bueno, está relacionado, pero es la proximidad de los conos lo que lo tira todo junto y nos ayuda a entender la relación entre ahora. El contraste aquí es muy bueno. Obviamente, tenemos el marrón oscuro y el blanco como los colores primarios aquí, y tenemos texto blanco sobre fondo marrón oscuro y texto marrón oscuro sobre un fondo blanco y luego helado blanco y helado marrón oscuro. Por lo que los años de contraste genial. Es fácil de leer, lo cual es muy importante para crear una cartelera. En lo que respecta a la repetición, tenemos la repetición de los colores que une toda la pieza. Y tenemos la repetición de la granja, que reduce el amor cognitivo al no pedirnos cambiar el tipo de fuente que estamos leyendo mientras estamos en medio de ella. Tenemos contraste entre el tamaño del texto para el precio y el tamaño del texto para lo que es así Obviamente están tratando de enfatizar el precio haciéndolo más grande. Alineación aquí es un poco interesante. Obviamente, los llega están en medio de la paz ahí, el tiro primario ahí, toda la idea detrás de ella. Y entonces tenemos texto en cualquier lado texto, que se deja alineado a sí mismo, pero luego comienzan en el yang, que nuestro centro alineó Bueno, realidad, en realidad, creo que a la derecha, hay lineman izquierdo en el centro yang, alineación sobre a la izquierda, en el tan la alineación. Ya sabes, funciona, pero quizá podría ser mejor. Muy bien, adelante. Esta es la app del tiempo en IOS, y por eso esto es realmente importante. Se está comunicando mucha información visual, por lo que aplicar los principios del diseño aquí es realmente bastante importante. Tan cercanía importante que la temperatura principal esté muy cerca del nombre del City Castle, que es obvio que esta es la temperatura en Los Ángeles. Es importante en su momento, y el ícono del clima en este caso, el sol y la temperatura que se espera en ese momento están todos juntos para que sea obvio que a la 1 de la noche va a estar soleado y 86 grados. También hay alineamiento ahí, por lo que alinean cada una de esas piezas por el centro juntas para que sea fácil leerlas y se pueda decir que todas van a abajo. Hay alineación horizontalmente. Entonces lo interesante aquí es que en realidad cambian la alineación. Hacen un contraste de alineación por primera vez, comenzando con la alineación yendo recta hacia abajo. Y luego Lima va directo a través de la lectura El sábado estará soleado con un máximo de 88 bajo de 63. puede ver que están contrastando el blanco de los 88 con el azul grisáceo de los 63 que están tratando dedo del pie enfatizar a través del contraste lo alto será y de enfatizar lo bajo Estas son solo elecciones que tomamos en diseño, pero entender los principios nos ayuda a tomar esas decisiones. Entonces obviamente, aquí hay repetición de las formas, por lo que la granja para los diferentes artículos se repite. Entonces cuando se trata de palabras, es cierta fuente, y cuando se trata de números, es una forma diferente, y hay repetición de iconos. Entonces aparece el sol y aparece el mismo sol cuando hace tiempo parcialmente nublado para que no estén cambiando ese elemento. Ese es ese elemento era un símbolo de sol completamente diferente que aumentaría la carga cognitiva en el espectador. De acuerdo, eso lo hará por estos ejemplos. Ese es el tipo de análisis que quiero verte haciendo en tu proyecto de habilidad/compartir. Cuando subas tus fotos, dinos qué ves pasando con los cuatro elementos del diseño. 7. Conclusión: felicitaciones. Ya lo has hecho hasta el final del curso. Has aprendido los cuatro principios básicos del diseño. Entonces la siguiente pregunta podría ser, ¿a dónde vas desde aquí en tu viaje a convertirte en diseñador? Bueno, lo primero que hay que hacer es completar el proyecto para este curso, como hablamos en el último video. Eso te ayudará a empezar a buscar los cuatro principios básicos en el mundo que te rodea. Y eso es algo que deberías estar haciendo todos los días. Siempre que tengas un poco de tiempo. Siempre que estés en algún lugar nuevo, piensa en los cuatro principios básicos y cómo se están usando en las cosas que ves cuando estás en fila en la tienda de abarrotes, mira el empaque en las cosas que están vendiendo sus en la vida y analizarlo para los cuatro principios básicos. Cuando estés esperando tu comida y restaurante, mira el menú. Mira las carpas de mesa que están sentadas ahí y analiza las para los cuatro principios básicos . Pasar por este tipo de prácticas realmente te ayudará a ver cómo puedes aplicar los principios en tu propio trabajo. Ahora hay muchos cursos de diseño aquí y cuota de habilidad que puedes tomar ahora y empezar a aprender las herramientas que necesitas para poder hacer un diseño realmente excelente. Me di cuenta de que si apenas estás empezando como diseñador, no tengas acceso a algunos de los programas de gama superior como Adobe Illustrator y en Design. Por esa razón, he creado cursos que cualquiera puede utilizar para empezar a aprender a diseñar con herramientas que ya tienen. Tengo cursos sobre cómo diseñar un power point, que la mayoría de las personas ya tienen en su computadora. Y tengo curso AH sobre el uso de la aplicación de ensamblado en iPad, que es gratis y puede crear ilustraciones vectoriales impresionantes. Así que echa un vistazo a esos cursos en mi canal si quieres aprender a diseñar sin gastar mucho dinero por delante en algún programa, también te recomiendo que te consigas un libro sobre diseño que puedas hacer referencia fácilmente cuando estés trabajando. El libro que recomiendo es el libro Non Designers Design de Robin Williams. Los diseños en ese libro no son mis favoritos, pero los principios que ella enseña son realmente buenos y muy claramente armados, he encontrado que es muy útil para enseñar a los nuevos diseñadores sobre los principios y cómo aplicarlos. Muchas gracias por tomar este curso, y espero verte en otro curso muy pronto.