Archive for the ‘ Fundamentos del Diseño ’ Category

ColorAdd, codigo de colores para daltonicos

El sistema ColorAdd® fue desarrollado por el diseñador Miguel Neiva para que, por medio de un código de símbolos, permitir a quienes sufren de diferentes tipos de daltonismo identificar fácilmente los colores, y permitirles interactuar en situaciones donde el color juegue un papel importante como señalizaciones, referencias y organización.

Cada color primario esta asociado con tres formas que representan los colores rojo, amarillo y azul, a partir de estas tres formas es como el código se ha desarrollado.

Esto permite al individuo conectar  los colores y sus subsecuentes divisiones sin gran esfuerzo de memoria y combinar los diferentes símbolos con las combinaciones cromáticas elementales.

El Codigo

Aplicaciones practicas

Un concepto simple pero genial como todas las grandes ideas, incluso como ejercicio visual el código resulta interesante.

http://coloradd.net/

Via: adventuregraphs.com



 

Anuncios

El secreto para producir la revista o libro perfecto

Recientemente en la clase de diseño editoral vimos como tema para este parcial la maquetacion para un proyecto editorial, con el fin de conocer los metodos necesarios para una impresion adecuada e incluso evitar el desperdicio de papel, aspecto importante que debemos tomar en cuenta al momento de diseñar cualquier tipo de proyecto, ya que nuestra labor no es unicamente la de diseñar sino que es responsabilidad de todo diseñador la organizacion y funcionalidad de todo proyecto y dentro de esto es importante mantener una congruencia con nuestros clientes y los servicios que proporcionamos evitando costos altos. Es por esto que la maquetacion juega un papel de vital importancia ya que asi organizamos y distribuimos nuestros diseños.

Otro factor externo a los costos pero no menos importante es la armonia y equilibrio de nuestro diseño editorial, y aqui la maquetacion tambien toma parte importante ya que la distribucion de los elementos que acompañan a un texto refuerzan la transmision del mensaje, pero una mala distribucion llegara a saturar y pesar en la vista de quien lo ve, ahora es facil, pero tiempo atras cuando no habia computadoras y mucho menos softwares, armonizar un diseño era mas complicado, es por esto que personas como Van de Graaf y Tschichold desarrollaron una metodologia para una perfecta distribucion de los elementos en un diseño editorial y que ahora con las computadoras no unicamente es mas facil sino que al implementar este metodo la armonia es practicamente perfecta y literalmente los elementos se acomodan solos.

Aca les presento una serie de imagenes que describe de manera mas clara el metodo.

Via: retinart.net

Taimon + Señalización, color y contraste.

Dentro de la industria de los anuncios y diseño de señalizaciones, el color y el contraste son factores importantisimos para comunicar eficazmente el mensaje. Los colores tienen significados diferentes y funcionan de diferente manera de acuerdo al contrste entre ellos.
En el siguiente articulo se explica el significado del color asi como varios ejemplos de contraste.

El contraste entre el primer y segundo plano es uno de los factores mas importantes para la facilidad de lectura. Si un texto de color es usado en un fondo claro el contraste sera debil, para un mejor resultado de contraste, los textos de color blanco siempre deben  ir sobre un fondo oscuro.
En anuncios, pancartas y señalizaciones, la combinacion de colores es un factor que debe armonizar con el medio ambiente. En la actualidad existen softwares de gestion de color que nos pueden dar combinaciones correctas sin necesidad de conocer el lenguage de la señalizacion. Sin embargo conocer el funcionamiento y significado de los colores como diseñadores es fundamental.

Conceptos basicos sobre los grupos de colores.
La rueda de color.

farbkreis_itten_1961El pintor y diseñador suizo Johannes Itten, creo un rueda de color que es basicamentela organizacion de 12 tonos de color alrrededor de un circulo y que muestra la relacion entre los colores. Los colores se presentan de la siguiente manera:

Los colores primarios: azul, rojo y amarillo
Colores secundarios: verde, naranja y violeta,
Los colores complementarios: rojo-naranja, rojo-violeta, violeta, amarillo-naranja, amarillo-verde, azul y azul-verde.

La mayoría de ruedas de color se basan en la Teoría de los Colores de Goethe, el primer estudio sistemático de los efectos fisiológicos de color (1810). Sus observaciones sobre el efecto de colores opuestos llevó a una disposición simétrica de su rueda de color “, por los colores diametralmente opuestos el uno al otro … son los que evocan recíprocamente unos a otros en el ojo.” (wikipedia)

La rueda de color puede ser una base para encontrar la combinacion de color para el diseño que está a punto de crear. Usando de la rueda se pueden encontrar fácilmente las combinaciones entre los colores y ver cuál funciona mejor. Ver los colores opuestos y combinar los colores en un esquema de colores de señalización.

Significado del color
color-blackEl negro no es realmente un color, pero a menudo se utiliza como superficie de fondo en los anuncios, el negro puede ofrecer un atractivo n entorno visual. Significado de negro: Negro está asociado con el poder, la elegancia, la formalidad, la muerte, el mal, y el misterio.

color-whiteEl Blanco como fondo tiene la capacidad de absorber las letras oscuras en su entorno. A fin de hacer que el diseño sobre un fondo blanco de como resultado un buen anuncio, debemosl de utilizar una superficie mate con letras brillantes. Significado de blanco: El blanco se asocia con la luz, la bondad, la inocencia, la pureza y virginidad. Es considerado el color de la perfección.

color-redEl rojo es un color de la señalizacion, el rojo de fondo se utiliza sobre todo para las señales de advertencia. Significado de rojo: El rojo es el color del fuego y la sangre, por lo que se asocia con la energía, la guerra, peligro, fuerza, energía, determinación y pasión, el deseo y el amor.

color-yellowEl amarillo en el diseño de anuncios se utiliza como color de fondo, el amarillo tiene la función de enviar el mensaje y funciona bien en todos los entornos, destaca. Significado de amarillo: El amarillo es el color de la luz del sol. Se asocia a la alegría, la felicidad, la inteligencia y la energía.

color-blueEl azul es uno de los colores favoritos de la humanidad, pero en diseño no siempre tiene los mejores resultados, pruebe a utilizar diferentes tonos de azul para encontrar los mejores resultados coincidentes. Significado de azul: El azul es el color del cielo y el mar. A menudo se asocia con la profundidad y la estabilidad. Simboliza la confianza, la lealtad, la sabiduría, la confianza, la inteligencia, la fe, la verdad, y el cielo.

Fondo Negro
contrast-blackEn  señalización el contraste le permitirá leer los anuncios con  facilidad. A continuación encontrará varios ejemplos de buen y mal contraste, a fin de hacer el trabajo de diseño.

Con un fondo negro las letras tienden a destacar más que en los otros fondos de color. El negro es uno de los pocos fondos que permite a los textos de color combinarmuy bien juntos. Tenga cuidado con las letras demasiado pequeñas con un contraste muy alto (letras blancas), pues lo conducirá a una menor legibilidad del texto, porque de fondo dominara. Letras grandes en blanco sobre fondo negro funcionan bastante bien. También amarillo sobre negro es una buena combinación.

Areas de trabajo convenientes: Señalizaciones en aeropuertos,  edificios de oficinas, la señalización del hoteles, de uso en interiores.

Fondo blanco
contrast-white1Las superficies o fondos blancos dan las combinaciones más factiblespara trabajar, pero cuidado pues el blanco puede absorber su entorno. Los textos negros tienden a ser comprimidos en el fondo blanco lo que los hace dificil de leer. Letras de bajo contraste dan mejores resultados como el azul, naranja y rojo.

Los fondos blancos se pueden utilizar los proyectos especificos  donde el diseño juega un papel más importante que fondo en si.  Por ejemplo, utilizando textos de color plata sobre un  fondo blanco puede dar resultados fabulosos, debido a la sombra de los textos plateados que los hacen legibles sobre una superficie blanca.
.
Areas de trabajo convenientes: Señalización de museos, edificios de oficinas, torres de señalización, puntos de venta, señazación dehospitales, interiores y exteriores.

Fondo amarillo
contrast-yellowEl fondo amarillo funciona mejor en ambientes de gran trafico de personas, para factores arquitectónicos y psicológicos el amarillose utiliza a menudo. El color amarillo con letras en negro envía un claro mensaje de información que se necesita en un entorno. Usar fondos de color amarillo también hace fácil de usar el naranja, rojo y verde y funcionan  muy bien juntos en un sistema de señalización.

Amarillo es un color de fondo muy utilizado para la señalización deaeropuertos, originalmente utilizado por Paul Mijksenaar para la señalización del aeropuerto de Schiphol, en la actualidad el amarillo se ve en muchos aeropuertos de todo el mundo. Amarillo, en combinación con letras en negro da la facilidad de leer y al mismo tiempo trasmite un mensaje de información clara en sus alrededores.

También para las señales de tráfico el amarillo como color de fondo en combinación con letras en negro funciona perfectamente.

Áreas de trabajo convenientes: Señalizaciones en aeropuertos, señales de trafico, espacios publicos, uso en exteriores e interiores.
Fondo rojo
contrast-redEl rojo es a menudo utilizado para las señales de advertencia, el rojo envía una señal de advertencia, de peligro. Muchas de las señales de advertencia consiste en un fondo rojo con letras de color amarillo o blanco, mediante el uso de pictogramas de advertencia como los signos son multi-idioma y no necesitan explicación, incluso si usted no puede leer el texto.

El rojo es un color muy poderoso que se destaca en un entorno visual. Funciona muy bien con letras en negro, blanco y amarillo.

Areas de trabajo convenientes: Las señales de advertencia, los espacios públicos, interior y exterior.

Fondo azul
contrast-blueEl azul es uno de los colores favoritos de la humanidad, representa el cielo, la confianza y la fe. El color azul  con letras blancas se reconoce como señal de la información. En los Países Bajos todas las señales de carretera son con el fondo azul, así como las señales de ferrocarril.

Pero utilizar el azul en anuncios hay tener cuidado de crear un contraste suficiente para hacer los signos funcionen mejor Por ejemplo, con un fondo azul claro se necesitaran textos con un alto contraste como el negro, y con un fondo azul oscuro, los textos en color blanco funcionaran mejor.

Areas de trabajo convenientes: Señales de carretera, lseñales de ferrocarril, señalización de hoteles, espacios públicos, de uso interior y exterior.

Fondo morado
contrast-purplePurple o morado no es un color que se use mucho en los los sistemas de señalización , pero el color morado es un color de moda que los clientes piden mucho. El color morado trabaja bien con letras de color más claro, como el blanco o amarillo.

Colores morados se pueden utilizar en sistemas de señalización pero tenga cuidado con su entorno arquitectónico, como el color morado es un color muy poderoso fácilmente se puede convertirse en parte del entorno, haciendo el señalamiento ilegible.

Areas de trabajo convenientes: Señalizacion de museos, señalización de hoteles, la señalización al por menor, el uso en interiores.

Fondo Plata (pulido)
contrast-silverEl color plata (metal) es un color de uso frecuente como fondo en los sistemas de señalizacion. Con anuncios metalicos podemos obtener una imagen robusta.El metal tiene una superficie diferente cuando se mira desde diferentes ángulos, lo que no siempre haces un buen contraste con las letras.

Sobre un fondo de plata casi todos los colores funcionan bien, incluso en blanco.
Anuncios de metal son frecuentemente utilizados en la señalización de oficinas, con letras en negro para crear un aspecto muy elegante que se siente.

Areas de trabajo  convenientes: Señalización de oficinas, diseño de placas de identificación, espacios públicos, de uso interior y exterior.

Tipografía y contraste de color
No sólo  el contraste es importante, también el tipo de letra elegido hará la diferencia para que un anuncio sea  bueno o malo. Al utilizar tipos de letra demasiado gruesos, los textos pareceran que se expanden en el anuncio, utilizando tipos de letra ponderada demasiado delgados, ocurre el efecto contrario. Utilizar tipografias medium o regulares son generalmente las mejores opciones a elegir para un buen y legible anuncio.

Leyes de percepcio (gestalt)

Recientemente en clase de grafismos se nos pidió investigar acerca de las leyes de la percepción y chekando algunos de los blogs que suelo visitar me sorprendí al ver que había un post con todo lo que necesitaba para la esta clase. Aveces es realmente impresionante lo que uno se puede encontrar en el mundo blogero, es de agradecerse a todos aquellos que dedican un poco de su tiempo para poder compartirlo. aaa y acá dejo las leyes de la percepción que son todavía mas interesantes y definitivamente esenciales en el acervo cultural y profesional de todo buen diseñador.

Ley de la relación entre figura y fondo: Afirma que cualquier campo perceptual puede dividirse en figura contra un fondo. La figura se distingue del fondo por características como; tamaño, forma, color, posición, etc.
Mediante el trabajo con figuras reversibles, Edgar Rubin (1921), llegó a enumerar siete diferencias entre la figura y el fondo.

El trabajo con figuras ambiguas “caras/vaso”, encontrando que es imposible mantener al mismo tiempo la percepción de dos figuras, sino que lo único que es posible es la visión alternativa de una figura u otra, en nuestro caso dos caras que se miran o un vaso. La percepción alterna entre figura y fondo.

Ley de la Proximidad: los elementos y figuras que están más próximos tienden a verse como una unidad y a aislarse de otros. Las figuras o los puntos que están más próximos se reúnen en unidades aunque todos sean iguales.


Ley de la Semejanza: los elementos similares tienden a agruparse y a diferenciarse de otros y eso incluso puede dominar sobre la proximidad, con independencia de la distancia. Las figuras semejantes tienden a ser vistas conjuntamente.

Ley del Cierre: Los elementos tienden a agruparse en figuras completas. Las áreas cerradas son más estables y mientras que en «a» se ven líneas agrupadas en «b» se ven rectángulos. Las figuras cerradas se perciben y se recuerdan mejor que las figuras abiertas.

Ley de la Simplicidad: los estímulos ambiguos tienden a analizarse de la forma más simple. Los cuatro puntos se ven como formando un cuadrado y no como cualquier otra figura que pase por esos puntos. La figura «A» se ve como un hexágono y la «B» como un cubo tridimensional, aunque la «A» podía verse como un cubo.

Ley de la Simetría: el espacio limitado por dos bordes simétricos tiende a percibirse como una figura coherente. A pesar de que la líneas no están cerradas parecen delimitar un espacio, al ser simétricas.

Ley de la buena continuación o dirección: los elementos tienden a agruparse de manera que se haga el mínimo cambio o discontinuidad. En la figura tienden a verse dos líneas que se cruzan en ver de dos «uves» que se tocan en el vértice. Se perciben más bien dos líneas curvas que dos ángulos que se tocan por el vértice.

 

Tomado del sitio: Insomnium