Edición. n. 01
2
3
4
5
Wucius Wong Elementos del Diseño
Elementos Conceptuales.
Conceptos Básicos de Diseño de Wucius Wong.
El teórico y diseñador Wucius Wong en su libro Fundamentos del Diseño, nos habla sobre los conceptos básicos que debe tener en cuenta el diseñador gráfico. Los primeros conceptos se refieren a esos elementos conceptuales, es decir, los que no son visibles pero que dan un volumen a los objetos y que aparentemente se encuentran dentro de estos elementos.
Estos elementos los conforman el punto, la línea, el plano y el volumen. El primer elemento solo indica el inicio y el fin de una línea, más no ocupa una zona en el espacio. El segundo elemento es el resultado del recorrido de un punto, tiene largo, pero no ancho. Posee dirección, posición y forma los bordes de un plano. El tercer elemento define los límites extremos de un volumen y es el resultado del recorrido de una línea, posee largo y ancho, pero no grosor. Por último, el volumen es el resultado del recorrido de un plano en movimiento, tiene una posición en el espacio y se limita por los planos.
Elementos Visuales.
Posteriormente Wong nos habla sobre los elementos visuales que están conformados por los elementos conceptuales que adquieren forma. Estos tienen color, textura, forma y medida, es decir, son elementos que realmente vemos. La forma hace referencia a todo lo que pueda ser visto y se pueda identificar. La medida es por tanto el tamaño de las formas. El color ayuda a identificar y a diferenciar unas formas de otras. La textura la conforman las cercanías en la superficie de una forma.
Elementos de Relación.
Los elementos de relación pautan la ubicación y la interrelación de las formas. Por sus características pueden ser percibidos y sentidos. La dirección de la forma depende de cómo está relacionada con otras formas, el observador o el marco que la con-
tiene. La posición por su lado, esta referida a la relación de esta respecto a la estructura. Toda forma tiene u ocupa un espacio respecto a su volumen. La gravedad se refiere a una sensación psicológica a la que se someten todos los elementos y esta atribuye a las formas peso, leibilidad y estabilidad dentro de los elementos.
Elementos Prácticos.
Estos elementos van más allá del alcance de un diseño, es decir, subyacen el contenido. Dentro de ellos se encuentra la representación que refiere las formas que han sido derivadas de la naturaleza o del mundo y han sido creadas por el hombre. El mensaje aparece cuando el diseño tiene significado y la función aparece cuando el diseño tiene un propósito determinado. Los anteriores elementos existen dentro de unos límites que se denominan “referencias de un marco”. Estas definen los límites en los cuales los elementos coexisten sin embargo no referencia necesariamente un marco real. El marco se considera parte integral del diseño.
6
Fundamentos de Wucios Wong . Obtenido de http://132.248.48.64/repos
El Plano de la Imagen.
El plano de la imagen es la superficie plana del papel o cualquier material y está dentro del plano de la imagen. Las formas están directamente pintadas sobre este.
Forma y Estructura.
Todo elemento visual constituye una forma la cual posee un color y una textura determinada y la manera en que es construida la forma es a lo que se le llama estructura.
La Forma y los Elementos Conceptuales.
Anteriormente mencionaba que los elementos conceptuales no son visibles, sin embargo, cuando se hacen visibles se convierten en formas. Por tal motivo el punto, la línea, el volumen y el plano deben tener un tamaño y una figura.
La Forma como Punto.
La forma es reconocida como punto por ser pequeña, sin embargo, su tamaño es relativo. La forma del punto puede ser variada, es decir, puede ser un círculo, un cuadrado, un triángulo, un ovalo y tener forma irregular. El punto posee dos características principales las cuales son: un tamaño comparativamente pequeño y una forma simple.
La Forma como Línea.
Se caracteriza porque su ancho es extremadamente estrecho y su longitud es prominente. La delgadez de la línea al igual que la pequeñez es relativa.En una línea deben considerarse tres aspectos: la forma total que tiene que ver con su apariencia general. El cuerpo está determinado por el borde de su ancho. Las formas de los bordes determinan el cuerpo. Las extremidades dependen de lo estrecho o ancho de la línea, es decir, si la línea es delgada carecen de importancia, pero si es ancha pueden destacarse.
La Forma como Plano.
En las superficies bidimensionales todas las formas que no sean reconocidas como líneas o puntos son planos. Las formas planas están conformadas por líneas conceptuales y estas presentan variedad de figuras que pueden ser geométricas, orgánicas, rectilíneas e irregulares, manuscritas y accidentales.
La Textura.
El raso, de superficie brillante, ofrece contraste con el tejido común, que es apagado, y a través de tal contraste podemos ver el dibujo. El color blanco constituye por sí mismo un ejemplo de textura visual. Si examinamos con un microscopio partículas de pigmento blanco, veremos cristales diminutos. La aparienciablanca se debe a la forma en que ellos descomponen la luz.
7
Content, R. (s.f.). Fundamentos de Wucios Wong . Obtenido de http://132.248.48.64/repos
Content, R. (s.f.). Fundamentos de Wucios Wong . Obtenido de http://132.248.48.64/repos
Tipografías en el Diseño Gráfico
La palabra tipografía proviene del griego «typos», que significa molde, y «graphein», que quiere decir escritura. Dentro del diseño gráfico, se define como «el arte de colocar letras» para lograr que el texto se acomode estéticamente de acuerdo con la composición y el propósito del material. La historia de las tipografías se remonta a los tipos móviles utilizados en las primeras imprentas, los cuales tenían una cantidad muy limitada de modelos. Hoy en día, el diseño gráfico se ha profesionalizado muchísimo y ha creado un sinfín de tipografías para utilizar en las composiciones visuales del mundo digital e impreso.
Al igual que los colores y las imágenes, los tipos de letra son parte esencial de un diseño. A partir de las tipografías se pueden desarrollar, asimismo, la imagen corporativa de una marca o empresa y la clase de mensaje que se quiere dar a las personas en general. Podríamos decir que las letras también tienen personalidades y que cada una transmite cosas diferentes.
La tipografía es un canal de expresión para aumentar la eficacia de un mensaje, por eso es crucial conocer los tipos de letras que existen y sus usos principales. Su capacidad de llamar la atención es una herramienta fundamental en el marketing porque también pueden comunicar ideas o sensaciones que estén relacionadas con la personalidad de una marca o una empresa que la identifica en el mercado.
Para seguir comprendiendo todo lo que conlleva una familia tipográfica, debemos definir que es un conjunto de carácteres, alfabéticos o no, que cuentan con unas características comunes en su estructura y en su estilo. Esto nos permite identificarlas como una misma familia.
Los miembros que integran una misma familia tipográfica se parecen entre sí, pero cuentan con algunos rasgos propios como variaciones de peso, inclinación y proporción. Esto lo voy a aclarar con más detalle en el siguiente punto.
Existen multitud de familias tipográficas. Originalmente surgieron con la creación de la imprenta, pero otras han ido apareciendo como resultado de la digitalización de todo el proceso de diseño de tipografías. Por ejemplo, las familias Gotham, Futura o Swift son algunas de mis familias tipográficas favoritas de los usuarios.
Las variables tipográficas son las opciones que podemos encontrar dentro de una misma familia tipográfica. Son modificaciones de la morfología de la tipografía, es decir de su forma. Actúan sobre el grosor (tono) del trazo, el ancho o proporción del carácter y la inclinación del eje vertical de los caracteres de una misma familia tipográfica. Gracias a estas variables tipográficas vamos a poder establecer una jerarquía visual en nuestras composiciones.
8
Nubedocks. (s.f.). Comunicación digital. Obtenido de https://nubedocs.es/tipografias
Norma. N. Obtenido de Diseño Gráfico
Cuatro tipos de tipografías más comunes.
Sin serifa, (Palo Seco, Sin Serif).
Al contrario de las primeras, las letras sin serifa o de palo seco no cuentan con adornos o patines en sus terminaciones; sus orillas son lisas y planas. Se consideran una tipografía simplificada y de fácil lectura. Brindan una sensación de modernidad, neutralidad y seguridad.
Este tipo de letra se usa mucho en textos cortos (como en redes sociales o blogs), para diseños que requieren una impresión limpia y para formatos digitales de las pantallas de los diferentes dispositivos. Como referencia están: Arial, Helvetica y Gotham.
Con serifa, (Romanas, Serif).
También conocidas como letras romanas, son aquellas que se caracterizan por tener decorados o remates (llamados serifas o patines) en los extremos.
Su aspecto nos remite a las publicaciones editoriales de antaño. A las fuentes que pertenecen a esta categoría se les considera clásicas; son empleadas en diseños tradicionales o institucionales, porque dan una sensación de seriedad, formalidad y sofisticación. También son muy usadas en textos largos (e impresos) por su legibilidad, pues su composición permite guiar mejor la visión del ojo durante la lectura. Algunos ejemplos más representativos de las letras serifas son: Times New Roman, Garamond y Bodoni. Manuscritas (Cursivas o Itálica).
También es conocida como manuscrita o script (ojo: no debe confundirse con la versión inclinada de cualquier tipo de letra). La itálica se distingue por tratar de imitar el trazo hecho a mano. Las letras frecuentemente están unidas entre sí y muestran ondulaciones pronunciadas. Sirve para llamar la atención,
por ejemplo, en los títulos; pero no se recomienda para un cuerpo de texto por su baja legibilidad.Dada su naturaleza transmite cercanía, calidez y cierta coquetería. Entre las fuentes más populares de este estilo encontramos la Brush Script, Parisienne y Kuenstler Script.
Decorativas (Exposición, Display).
La tipografía de decoración es difícil de categorizar, porque su diseño es más libre y puede implicar estilos llamativos y personalizados que en gran medida se usan para resaltar un titular. Se emplea en áreas donde la legibilidad no sea una prioridad, como en los logos, publicidad o banners.
Las letras tipo display se caracterizan por ser singulares y transmitir desenfado, creatividad, innovación y originalidad. Definitivamente no se recomiendan para textos largos. Algunos ejemplos representativos son: Ruslan Display, Swift y Outlaw.
9
Nubedocks. (s.f.). Comunicación digital. Obtenido de https://nubedocs.es/tipografias
Tipografías en el Diseño Gráfico
La palabra tipografía proviene del griego «typos», que significa molde, y «graphein», que quiere decir escritura. Dentro del diseño gráfico, se define como «el arte de colocar letras» para lograr que el texto se acomode estéticamente de acuerdo con la composición y el propósito del material. La historia de las tipografías se remonta a los tipos móviles utilizados en las primeras imprentas, los cuales tenían una cantidad muy limitada de modelos. Hoy en día, el diseño gráfico se ha profesionalizado muchísimo y ha creado un sinfín de tipografías para utilizar en las composiciones visuales del mundo digital e impreso.
Al igual que los colores y las imágenes, los tipos de letra son parte esencial de un diseño. A partir de las tipografías se pueden desarrollar, asimismo, la imagen corporativa de una marca o empresa y la clase de mensaje que se quiere dar a las personas en general. Podríamos decir que las letras también tienen personalidades y que cada una transmite cosas diferentes.
La tipografía es un canal de expresión para aumentar la eficacia de un mensaje, por eso es crucial conocer los tipos de letras que existen y sus usos principales. Su capacidad de llamar la atención es una herramienta fundamental en el marketing porque también pueden comunicar ideas o sensaciones que estén relacionadas con la personalidad de una marca o una empresa que la identifica en el mercado.
Para seguir comprendiendo todo lo que conlleva una familia tipográfica, debemos definir que es un conjunto de carácteres, alfabéticos o no, que cuentan con unas características comunes en su estructura y en su estilo. Esto nos permite identificarlas como una misma familia.
Los miembros que integran una misma familia tipográfica se parecen entre sí, pero cuentan con algunos rasgos propios como variaciones de peso, inclinación y proporción. Esto lo voy a aclarar con más detalle en el siguiente punto.
Existen multitud de familias tipográficas. Originalmente surgieron con la creación de la imprenta, pero otras han ido apareciendo como resultado de la digitalización de todo el proceso de diseño de tipografías. Por ejemplo, las familias Gotham, Futura o Swift son algunas de mis familias tipográficas favoritas de los usuarios.
Las variables tipográficas son las opciones que podemos encontrar dentro de una misma familia tipográfica. Son modificaciones de la morfología de la tipografía, es decir de su forma. Actúan sobre el grosor (tono) del trazo, el ancho o proporción del carácter y la inclinación del eje vertical de los caracteres de una misma familia tipográfica. Gracias a estas variables tipográficas vamos a poder establecer una jerarquía visual en nuestras composiciones.
10
Nubedocks. (s.f.). Comunicación digital. Obtenido de https://nubedocs.es/tipografias
Norma. N. Obtenido de Diseño Gráfico
Cuatro tipos de tipografías más comunes.
Sin serifa, (Palo Seco, Sin Serif).
Al contrario de las primeras, las letras sin serifa o de palo seco no cuentan con adornos o patines en sus terminaciones; sus orillas son lisas y planas. Se consideran una tipografía simplificada y de fácil lectura. Brindan una sensación de modernidad, neutralidad y seguridad.
Este tipo de letra se usa mucho en textos cortos (como en redes sociales o blogs), para diseños que requieren una impresión limpia y para formatos digitales de las pantallas de los diferentes dispositivos. Como referencia están: Arial, Helvetica y Gotham.
Con serifa, (Romanas, Serif).
También conocidas como letras romanas, son aquellas que se caracterizan por tener decorados o remates (llamados serifas o patines) en los extremos.
Su aspecto nos remite a las publicaciones editoriales de antaño. A las fuentes que pertenecen a esta categoría se les considera clásicas; son empleadas en diseños tradicionales o institucionales, porque dan una sensación de seriedad, formalidad y sofisticación. También son muy usadas en textos largos (e impresos) por su legibilidad, pues su composición permite guiar mejor la visión del ojo durante la lectura. Algunos ejemplos más representativos de las letras serifas son: Times New Roman, Garamond y Bodoni. Manuscritas (Cursivas o Itálica).
También es conocida como manuscrita o script (ojo: no debe confundirse con la versión inclinada de cualquier tipo de letra). La itálica se distingue por tratar de imitar el trazo hecho a mano. Las letras frecuentemente están unidas entre sí y muestran ondulaciones pronunciadas. Sirve para llamar la atención,
por ejemplo, en los títulos; pero no se recomienda para un cuerpo de texto por su baja legibilidad.Dada su naturaleza transmite cercanía, calidez y cierta coquetería. Entre las fuentes más populares de este estilo encontramos la Brush Script, Parisienne y Kuenstler Script. Decorativas (Exposición, Display).
La tipografía de decoración es difícil de categorizar, porque su diseño es más libre y puede implicar estilos llamativos y personalizados que en gran medida se usan para resaltar un titular. Se emplea en áreas donde la legibilidad no sea una prioridad, como en los logos, publicidad o banners.
Las letras tipo display se caracterizan por ser singulares y transmitir desenfado, creatividad, innovación y originalidad. Definitivamente no se recomiendan para textos largos. Algunos ejemplos representativos son: Ruslan Display, Swift y Outlaw.
11
Nubedocks. (s.f.). Comunicación digital. Obtenido de https://nubedocs.es/tipografias
Los Colores Preferidos por los Diseñadores
Los 8 colores que más se aplican a una marca.
Así como la tipografía resulta fundamental para el diseño del logotipo y demás elementos gráficos de una marca, igual importancia tiene el uso del color. Los colores producen diferentes emociones e influyen de manera decisiva en nuestra percepción de la realidad.
Colores primarios y secundarios, en sus infinitas combinaciones entre sí y con un determinado tipo de letra, tienen el poder de transmitir un mensaje o emoción concreta, así como definir por completo la personalidad de la empresa. Por ello, no es recomendable obviar ni subestimar la decisión de un diseñador de emplear un color específico a la hora de crear la identidad corporativa e imagen de una marca.
Existen estudios acerca de la psicología del color, es decir, de qué manera los colores comunican y transmiten emociones al espectador o cliente. Por ejemplo, el artista Josef Albers, quien en 1963 demostró en La interacción del color que nuestro ojo nunca percibe un color como realmente es. Esto supone un hecho a tener en cuenta, ya que un color puede ser percibido de diferente manera dependiendo del color con el que haga contraste. Es por ello importante que se realicen diferentes estudios de color, que se prueben diferentes combinaciones hasta dar con aquella que realmente funcione.
Sin darnos cuenta, los colores hacen que nos sintamos de una manera u otra. La importancia del color en el diseño gráfico es fundamental. Elegir el color perfecto para tu logotipo o para la imagen de tu nueva empresa no es solo una cuestión de gusto, debe haber muchos factores detrás a tener en cuenta para construir una imagen de marca perfecta que llegue a tu público y la represente. Por ello hoy quiero hablarte sobre el color en diseño y su significado.
El color es algo más que un fenómeno óptico, crea sentimientos y expectativas en el espectador, por lo que una buena elección puede conseguir una conexión perfecta con un futuro consumidor, hacer que se sienta identificado y atraído hacia tus productos o servicios. Es lo que se denomina psicología del color. Ésta se centra en analizar cómo percibimos y cómo nos comportamos
ante los distintos colores, las emociones que nos provocan y cómo afecta a nuestra conducta, influenciado a su vez por los distintos códigos y tradiciones culturales. Aunque también hay que tener en cuenta que las experiencias personales pueden interferir en como se percibe.
Por ello es fundamental tener unas nociones básicas de color y de las emociones que provoca cada uno de ellos antes de definir la imagen de tu marca o el color de un logotipo. Los profesionales que nos dedicamos al diseño gráfico hacemos un estudio pormenorizado de las gamas y tonos para cada marca y sus diferentes combinaciones.
Es evidente que todos los diseñadores gráficos, y todos los hombres y mujeres, tienen sus preferencias en cuanto a colores, tu profesionalidad te llevará a saber adaptarte y dar con el tono que se ajusta a lo que busca tu cliente y el producto que va a promocionar, es de importancia estudiar el significado que emana cada color, pues esa será nuestra herramienta.
12
Thinkandsell. Marketing. Obtenido de www.pinterest.es/pin/34973272
AZUL.
El color azul es el más utilizado por las empresas. Evoca profundidad, seriedad, confianza y solemnidad. Ha sido utilizado por marcas como Pepsi, HP, y redes sociales como Skype, Flickr, Twitter y Facebook. Según estudios de profesionales del marketing, es un color idóneo para productos de limpieza, líneas aéreas y aeropuertos, por representar al agua y el cielo.
VERDE.
Es un color tranquilo y apacible, y representa aspectos como la esperanza, la salud, y la paz. Ha sido utilizado por grandes marcas como Starbucks, XBOX, Whole Foods, Tropicana, Spotify, y Android.
ROJO.
Es un color pasional, intenso, excitante, en cierto modo agresivo, y refleja valores como la vitalidad y la fortaleza. Algunas marcas famosas que han empleado este color son Coca Cola, Ferrari, Levi’s, entre otras marcas.
AMARILLO.
Es un color luminoso y cálido, y refleja cualidades como el optimismo y la claridad. National Geographic, Nikon, SubWay, IKEA y McDonald’s son solo algunas entidades que optaron por incluirlo en su logo como color principal.
NARANJA.
Es dinámico y radiante, y transmite una sensación amigable, de confidencia. Algunos ejemplos de su uso son los logos de Nickelodeon (cadena televisiva de programación infantil, a la cual este color le proporciona ese toque cercano y amistoso), VLC, Fanta, Amazon, y Blogger.
MORADO.
Es un color que refleja la creatividad en estado puro, así como la imaginación y la sabiduría. Es el color principal de empresas como Yahoo, SyFy, Hallmark, y Taco Bell, son empresas que fueron atrevidas al momento de elegir el color, pues las destaca, entre los competidores de la rama que se maneje.
GRIS.
Establece el equilibrio entre el blanco y el negro, dando un aspecto de solemnidad, neutralidad y calma. Apple, tras varios cambios en su logo, utilizó este color para su último (¿y definitivo?) diseño. Otras marcas que hacen uso del gris son Wikipedia, y Honda.
BLANCO Y NEGRO.
Suelen utilizarse en conjunto, transmitiendo una sensación de seriedad similar al gris. Son los colores utilizados por empresas como Cartoon Network, Puma, Nike, y Herald Tribune.
Saber elegir es escencial para diseñar.
Es importante que sepas que la imagen de una empresa no es solo un logo, sino todo un conjunto de elementos que se engloban bajo en nombre de Imagen corporativa y que engloba desde el logotipo a la tipografía pasando por los colores corporativos y su aplicación.
13
“El simple color, intacto en su sentido y sin aliarse con una forma definida, puede hablarle al alma de mil formas diferentes”
Oscar Wilde.
Thinkandsell. Marketing. Obtenido de www.pinterest.es/pin/34973272
