Daltonismo. Qué tener en cuenta a la hora de diseñar

Diseño Gráfico

Daltonismo en el diseño. ¿Cómo vería tu proyecto una persona daltónica?

En algunos países existen pautas según las cuales los gráficos de los espacios públicos deben cumplir un diseño universal de colores, que garanticen que la información gráfica se exprese de manera adecuada para aquellas personas que tengan trastornos en la percepción cromática, como el daltonismo.

Con el fin de poder diseñar aplicando un diseño universal de colores, tanto enPhotoshop como en Illustrator existe una opción que te permite visualizar el diseño con el que estás trabajando para comprobar si la información visual que contiene sería perceptible para las personas daltónicas.

Las opciones disponibles en Photoshop y en Illustrator contemplan la posibilidad de previsualizar el diseño de dos maneras diferentes, según el tipo de daltonismo del que se trate. Entre los tipos de daltonismo que existen, los más comunes son la protanopía que afecta a aquellas personas con sensibilidad reducida al rojo y la deuteranopía que la padecen aquellas personas que sufren ceguera al color al verde.

Para comprobar si un proyecto cumple con un diseño universal de colores, primero tienes que pasar la imagen a RGB, ya que es el modo de color más preciso para obtener una prueba de pantalla para daltonismo. Luego, solo tienes que seleccionar Ver > Ajuste de prueba > Daltonismo y seleccionar el tipo de daltonismo: Protanopia o Deuteranopia. Los colores de la imagen cambian mostrando el diseño en pantalla tal como lo vería una persona con daltonismo. De esta manera puedes saber qué parámetros de tono o brillo tienes que modificar para que un daltónico pueda distinguir y percibir los objetos con mayor facilidad.

Con el fin de poder diseñar aplicando un diseño universal de colores, tanto enPhotoshop como en Illustrator existe una opción que te permite visualizar el diseño con el que estás trabajando para comprobar si la información visual que contiene sería perceptible para las personas daltónicas.

Las opciones disponibles en Photoshop y en Illustrator contemplan la posibilidad de previsualizar el diseño de dos maneras diferentes, según el tipo de daltonismo del que se trate. Entre los tipos de daltonismo que existen, los más comunes son la protanopía que afecta a aquellas personas con sensibilidad reducida al rojo y la deuteranopía que la padecen aquellas personas que sufren ceguera al color al verde.

Para comprobar si un proyecto cumple con un diseño universal de colores, primero tienes que pasar la imagen a RGB, ya que es el modo de color más preciso para obtener una prueba de pantalla para daltonismo. Luego, solo tienes que seleccionar Ver > Ajuste de prueba > Daltonismo y seleccionar el tipo de daltonismo: Protanopia o Deuteranopia. Los colores de la imagen cambian mostrando el diseño en pantalla tal como lo vería una persona con daltonismo. De esta manera puedes saber qué parámetros de tono o brillo tienes que modificar para que un daltónico pueda distinguir y percibir los objetos con mayor facilidad.

En la página help.adobe.com, ofrecen unos consejos que pueden ayudarte a la hora de modificar estos parámetros:

1. Cambio de tono o brillo de los colores:
- El rojo puro tiende a aparecer oscuro y turbio; el rojo anaranjado, en cambio, es más fácil de reconocer.
- El verde azulado resulta menos confuso que el verde amarillento.
- El gris se puede confundir con el magenta, el rosa pálido, el verde pálido o el verde esmeralda.
- Siempre que sea posible, evitar estas combinaciones: rojo con verde, amarillo con verde brillante, azul claro con rosa y azul oscuro con violeta.
- Evitar los elementos rojos sobre fondos de colores oscuros, o los elementos blancos sobre fondos de color amarillo o rojo anaranjado.

2. Aplicar motivos o formas variados.

3. Añadir bordes blancos, negros o de colores oscuros a los límites de los colores.

4. Usar estilos o familias de fuentes diferentes.

Estas pruebas en pantalla pueden resultar una guía excelente y una herramienta muy útil si te enfrentas a un proyecto que tenga que ser visualmente accesible.

LINK: graffica.info

Logos responsive, la nueva tendencia en branding

Diseño Gráfico

Logos responsive o logos ‘adaptativos’ es la nueva tendencia en las grandes marcas. El uso de diferentes dispositivos  con tamaños de pantalla variables crea la necesidad de diseñar logos que se adapten a escenarios diversos.

Las variantes de un logo en composición forma o tamaño no son nuevas. En los manuales de identidad corporativa siempre ha existido el apartado donde aparecía la marca en una especie de test de reducción y podíamos probar que la marca funcionaba perfectamente en tamaños pequeños. Incluso en ocasiones se hacía una variante, eliminando elementos superfluos de la marca para cuando ésta se tuviera que utilizar en espacios muy exiguos. 

Actualmente esto último ha tomado mayor importancia ya que en el escenario actual, un logo tiene que poder mantener su personalidad e identificación en tamaños muy diversos. Al igual que las webs adaptan y modifican su composición en función del ancho de las pantallas de los dispositivos, las marcas está mutando en el mismo sentido.

 Como vemos en el estudio de Joe Harrison, especialista en diseño digital e interactivo, marcas  como Coca-Cola, Chanel, Nike o Disney ya tienen variantes de marca que se adaptan y modifican en función del escenario. Marcas que en su expresión completa tienen muchos elementos que poco a poco se van simplificando o eliminando hasta llegar a expresiones mínimas pero igualmente identificativas. Esto también es posible gracias al uso de formatos .SVG que permiten visualizar formas vectoriales con gran calidad a tamaños muy pequeños (ver ‘Formatos .SVG‘).

Logos responsive de Joe Harrison.
En logos como el de Disney se puede observar cómo se pasa de un logo con castillo a una simple ‘D’. En Coca-Cola resulta curioso que la versión mínima acabe cambiando el nombre y pase a ser simplemente Coke. Joe Harrison avisa que esto no es un estudio realizado en colaboración con las marcas, sino que ha sido la visualización en webs y en situaciones interactivas lo que le ha llevado a observar que las marcas han solucionado de este modo su presencia en espaciosresponsive. Puedes verlo en acción en: ResponsiveLogos.co.uk 
Esto abre la puerta a que ahora no solo basta con diseñar una bonita marca y comprobar que funciona bien en diferentes escenarios, sino que también es necesario plantear en el desarrollo del logo variantes de composición y variantes responsive de la marca. Digamos que diferentes momentos de la marca según el tamaño de la ventana o del espacio. ¿Abrirá esto una puerta revisionista que llevará a las marcas a crear todas las variantes que ahora no tienen?

        responsive logos 

LINK:http://graffica.info 

8 Técnicas creativas para buscar buenas ideas

Interés General

Las ideas no siempre aparecen cuando las necesitás. Usá estas técnicas creativas para encontrar negocios, innovar en tus productos o servicios, o encontrar soluciones originales a los problemas de tu empresa.

Henry Ford se inspiró en un matadero para diseñar la línea de producción de su empresa automotriz; Howard Schultz vio en Milán una máquina de café expreso y reconvirtió su cafetería de barrio en el exitoso concepto de Starbucks; Mark Zuckerberg buscó la forma de llevar los anuarios escolares online y creó Facebook. 

Todos somos creativos. Pero las ideas pueden necesitar un empujón para aparecer en el momento justo. Diversas técnicas sirven de “disparadores” para la creatividad. ¿Cómo funcionan? Estimulando caminos alternativos y “engañando” al cerebro para que eluda temores, practicidad y otras características que pueden actuar como bloqueos a la generación de ideas novedosas. 

Poné en práctica alguna de estas técnicas a la hora de encontrar y mejorar ideas de negocio, crear o nombrar productos, diseñar campañas de marketing, enfrentar nuevos desafíos o hallar soluciones a problemas complejos:

1. Copia creativa. Buscá proyectos, ideas, nombres o conceptos que te gustan y tomalos como materia prima para tu creatividad: combinalos, mejoralos o reinventá sobre ellos.
2. Asociación forzada. Escribí una lista de palabras al azar, elegidas, por ejemplo, hojeando una revista o listando objetos a tu alrededor. Asociá cada palabra con tu problema o planteo para generar un idea.
3. Inspiración en la naturaleza. ¿A qué se asemeja el problema en el mundo natural? ¿Cómo se soluciona? Así, por ejemplo, se creó el “velcro”, observando cómo los abrojos se adhieren a la piel de los animales.
4. Galería de famosos. Hacé un listado de personalidades, reales o de ficción, que admires por diversos motivos (Einstein, Steve Jobs, Don Draper, El Chavo, etc.). ¿Cómo verían el problema? ¿Qué harían frente a esta situación? ¿Qué te aconsejarían? Podés buscar frases inspiradoras, leer sus biografías o simplemente dejar volar tu imaginación para encontrar nuevos puntos de vista.
5. Inmersión en ambientes creativos. Visitá un museo, navegá sitios de imágenes, releé tus libros favoritos, mirá una película, reunite con gente diferente. Tomá nota de observaciones, detalles, emociones, y todo lo que llame tu atención. Intentá luego relacionar tus anotaciones con tu desafío. Asegurate también de que tu espacio de trabajo aliente la creatividad en el día a día.
6. Tormenta de ideas o brainstorming. Reuní un grupo de personas y generá una “sesión de creatividad” para encontrar una gran cantidad de ideas, producto de la interacción. (ver más en “Tormenta de ideas: un soplo de creatividad”)
7. Técnica de Moliere, “ojos limpios” o  llamada al profano. Una mirada fresca y nueva suele sacar del estancamiento que provoca el exceso de información o involucramiento. Invitá a opinar a personas que no tenga nada que ver con el problema. Puede ser un niño, un extranjero, una persona mayor, un profesional de otro campo, etc.
8. Técnica de Da Vinci. Después de concentrarte durante unos minutos en el problema o planteo, relájate y dibujá lo que te venga a la mente, sin preocuparte por estilo o precisión. Analizá los dibujos después para encontrar información que tal vez no te resulta fácil poner en palabras.

Los aspectos lúdicos de las diversas técnicas ayudan a esquivar los caminos lógicos y lineales, muy necesarios en otras circunstancias, pero no los mejores a la hora de encontrar ideas innovadoras. Probalas y mantené entrenada tu capacidad creativa.

LINK: http://www.buenosnegocios.com 

TIFF, JPEG, GIF, PNG… ¿Por qué guardar en un formato u otro?

Interés General

Habitualmente cuando guardamos un archivo gráfico, normalmente una foto, nos preguntamos cuál sería el mejor formato: TIFF, JPEG, GIF, PNG…

TIFF (Tagged Image File Format).

Lo más importante de este formato es que es un formato sin pérdida. Es decir, que podemos abrir y cerrar el documento, guardarlo tantas veces como queramos que permanecerá inalterable. También pueden comprimirse empleando varios algoritmos distintos sin perder calidad.

Otra ventaja de este formato es su implantación. Y es que los ficheros TIFF pueden ser manipulados prácticamente por cualquier aplicación de edición fotográfica o diseño del mercado. Actualmente, pueden almacenarse además con capas, no es necesario utilizar el formato PSD para ello.

 JPEG (Joint Photographic Experts Group). 

Con la aparición de la web era necesario poder utilizar imágenes sin la pesada carga de memoria de la alta resolución para imprenta y poder transmitirlos con las exiguas conexiones de entonces.

Cuando hablábamos del formato TIFF decíamos que es un formato sin pérdida. Sin pérdida significa que cada uno de los píxeles que tiene una imagen se guardan cada vez exactamente como son y donde están. En el caso del formato JPEG no es así. Es un formato con pérdida.
En el formato JPEG cuando guardamos una imagen el algoritmo hace un rastreo de cada línea de píxeles y toma decisiones al respecto. Cuando encuentra en una línea dos píxeles contiguos muy parecidos en sus valores de colorimetría decide qué píxel se guardará y cuál eliminará. Cuando la imagen se abra de nuevo, aquel píxel que era muy similar al otro ya no estará y se colocará en su lugar solo otro píxel ‘inventado’ o igual al que estaba a su lado en la imagen original.

Lo podemos ver en las tres imágenes de arriba. Como se puede observar en el detalle en la primera sin comprimir, aparecen unos píxeles azules al lado de la banda verde, pero en las sucesivas compresiones estos píxeles desaparecen. Desaparecen los matices. Incluso la banda más clara en diagonal que se juntaba con la zona verde ahora está separada. 

Esto mismo se repite en cada una de las líneas de píxel de cada imagen. Esto supone un ahorro en memoria considerable. ¿Pero cuál es el precio? Cuando se nos pregunta por la calidad del archivo en el momento de guardar es ahí donde estamos decidiendo cuál es el nivel de sustitución que queremos. Si decidimos una calidad muy baja lo que estamos haciendo es ampliar el rango de píxeles ‘parecidos’ que eliminará la compresión, lo que inevitablemente hará perder matices de la imagen y por tanto calidad.

JPG Alta Calidad – Compresión 80.

JPG Baja Calidad – Compresión 10.

El formato JPEG puede ser destructivo. Si tenemos una imagen guardada en ese formato y la abrimos y la volvemos a guardar de nuevo en JPEG, y así sucesivamente nos daremos cuenta que poco a poco la imagen se va desvaneciendo y aplanando. Haz la prueba y verás.

GIF (Compuserve GIF)

 Es un formato de imagen para mapas de bits de hasta 256 colores, 8 bits. Es decir, que la imagen solo se puede componer con 256 tonos de color y por tanto limita su uso o calidad.

La calidad si se afina bien el nivel de color y compresión puede ser muy buena. Su característica más común es la aparición de pequeños puntitos o granulado en la imagen. 

Su gran funcionalidad es la animación. Es un formato que permite incluir diferentes pantallas dentro del mismo archivo y de ese modo generar animación. Actualmente es el formato de los banners de internet con animación 

Otra funcionalidad muy interesante es la posibilidad de hacer transparencias. Uno de los 256 píxeles se le adjudica la función de transparencia y posibilita la integración con fondos de un modo mucho más armonioso.

GIF 8 colores con tramado 100%. Es una calidad baja y con 256 colores se puede llegar a una calidad muy aceptable.

PNG (Portable Network Graphics aunque algunos dicen que es el acrónimo de Png No es GIF)

 El formato es parecido a GIF y a JPEG, pero con matices. Es un formato con paleta de color de mapa de bits como GIF pero mejorado ya que tiene hasta 24 bits por los 8 bits del GIF. Y por otro lado actúa en cuanto a la compresión mejor, en algunas situaciones, que el formato JPEG. Es un formato sin pérdida pero con compresión.

PNG 24 bits con transparencia.

PNG en imágenes con masas de color continuas actúa mejor que JPEG ya que no genera el típico ruido o suciedad de píxeles que sucede al descomprimir un archivo JPEG. Nótese en la sombra de la imagen de arriba. Está especialmente indicado en ilustraciones con masas de color o incluso en algunas imágenes con zonas de color muy amplias (cielos, retratos con fondos continuos…) también en iconos o gráficos vectoriales convertidos a mapas de bits. 

Una particularidad que hereda de GIF es la posibilidad de hacer transparencias. Algo que amplía su radio de acción con relación a JPEG. En muchas ocasiones queremos colocar un logo, símbolo o tipografía con el fondo transparente y la opción de PNG es la mejor opción.En ocasiones, la diferencia entre JPEG y PNG es apenas perceptible, hay que probar las dos versiones y para ello Photoshop en su opción exportar para web, nos deja visualizar de forma comparada antes de guardar el archivo.

JPG Calidad 10 – Peso 7 Kb.

PNG 8 bits – Peso 22 Kb.

LINK: graffica.info

Los 10 errores más comunes a la hora de diseñar un logo

Diseño Gráfico

Hoy más que nunca es imprescindible para cualquier tipo de negocio o emprendimiento, distinguirse y destacarse del resto. ¿Y cómo lo logran? Con su logotipo. Su marca gráfica es fundamental en este sentido y también para su promoción, identificación y reconocimiento.Aquí hay una lista de los 10 errores más comunes a la hora de diseñar un logo exitoso y profesional.

1- Dejar el Diseño en Manos de un Amateur 

Evitar sitios web que ofrecen logos a precios baratísimos. Un negocio profesional debe lucir profesional. Muchos empresarios al comenzar su negocio invierten muchísimo tiempo y dinero en materiales y equipamientos, pero no invierten en su logo. 

Estas son las razones más comunes de porqué muchos logos parecen amateurs: 

•  El empresario quiere ahorrar tiempo y dinero diseñando el logo él mismo.
•  Un amigo o pariente que dice tener algún conocimiento de diseño lo hace como un favor.
•  El logo es encargado a gente que no es la indicada (Las imprentas generalmente no son competentes en diseño de logos).
•  El trabajo es dado a compañías on line que ofrecen logos baratos, baratísimos.

 Las ventajas de contratar a un profesional son: 

•  Tu logo va a ser único y memorable.
•  No vas a correr ningún riesgo con su posterior reproducción. 
•  Tu logo tendrá una larga vida útil y no necesitará ser rediseñado por unos cuantos años.
•  Tu logo lucirá profesional.

 2- Diseñar el logo según la tendencia del momento

  

La moda de poner semicírculos cóncavos, brillos, biseles o lo que sea, va y viene y se termina transformando en un cliché. Un logo bien diseñado es eterno, y esto se logra ignorando los últimos gritos de la moda (trucos y efectos). El logo debe representar una identidad única para el cliente, por eso no hay que dejarse llevar por la tendencia en diseño de logos del momento. 

         3- Utilizar Imágenes Rasterizadas

Para el diseño de logos se utilizan programas para gráficos de vectores, como Adobe Illustrator o Corel Draw. Un gráfico en vectores está construido por puntos matemáticos muy precisos, lo cual hace que la imagen pueda ser redimensionada a cualquier tamaño sin pérdida de calidad visual. Lo contrario es utilizar programas de imágenes rasterizadas como Adobe Photoshop. Una imagen raterizada es un mapa de bits que está construida a partir de píxeles.

Usar este tipo de gráficos para un logo no es aconsejable porque pueden haber posteriores problemas para su reproducción. Si bien es posible crear un logo bastante amplio en Photoshop, nunca se puede estar seguro de cuán grande va a necesitar ser impreso en algún momento. Si se hace demasiado zoom a una imagen rasterizada, aparecerá pixelada, lo que la hace inutilizable.

 Las ventajas de utilizar vectores para diseño de logos son: 

•  El logo puede ser redimensionado a cualquier tamaño sin perder calidad.
•  Es más fácil para editarlo en un futuro.
•  Puede ser adaptado a otro medio mucho mejor que una imagen rasterizada.

 4- Utilizar gráficos de Bancos de Imágenes. 

Este error generalmente es cometido por el dueño del negocio quien diseña su propio logo, o por amateurs que no tienen idea sobre las leyes de copyrigth. Bajar gráficos de bancos de imágenes no es un crimen, pero probablemente sea un problema si se incorpora a un logotipo.El logo debe ser único y original, y los derechos de él deben ser exclusivos del cliente. Utilizar imágenes de stock es romper ambas reglas. Además si se utiliza un vector o gráfico de estas fuentes, se corre el riesgo de que otra persona utilice la misma imagen, y el logo ya no será único ni exclusivo.

  5- Diseñar para uno mismo y no para un cliente.

Este “pecado” se nota a un kilometro de distancia, y generalmente es producto del enorme ego del diseñador. Se debe pensar siempre en el objetivo y el mensaje del logotipo. Pensar qué tipo de tipografía es la más apropiada para trasmitir la idea de la empresa. Lo correcto es apegarse al brief y enfocarse en los requerimientos del cliente.Algunos diseñadores dejan su propia marca en su trabajo, pero imponer el estilo y la personalidad de esta manera no está bien. Jorge Frascara se refiere a este error como “ruido” en el diseño, de manera que opaca el mensaje que se debe trasmitir.

  6- Demasiada Complejidad.

Como sucedería con una huella digital, en la cual sólo observamos sus líneas sinuosas cuando la miramos de cerca y en cuanto nos alejamos un poco perdemos todo detalle. Lo mismo sucede con un logo con detalles muy finos.Cuando son impresos en tamaños pequeños, un logo demasiado complejo perdería su particularidad, llegando a ser una mancha o, peor, un error. Cuanto más detalles tenga un logo, más información debe procesar el receptor. Un logo debe ser fácil de recordar, y la mejor manera para lograrlo es mantenerlo simple. Basta con mirar los logos de corporaciones como Nike, McDonal’s o Apple. Todas ellas tienen un ícono muy simple que puede ser reproducido en cualquier tamaño sin complicaciones.

 7- Depender del color para causar efecto.

Este es un error muy común. Muchos diseñadores no pueden esperar a ponerle color a su diseño, y algunos logos terminan dependiendo del color completamente. La elección del color debe ser el último paso del proceso, lo mejor es comenzar a trabajar en blanco y negro.En algún momento quizás el cliente tenga que imprimir su logo a un color, por este motivo el diseñador debe probar si esto afectaría a la identidad del logo. Si se utilizan los colores para distinguir los elementos del diseño, entonces el logo lucirá totalmente diferente a una tinta.

 8- Una Mala Elección Tipográfica

La elección de una fuente puede hacer al éxito o fracaso del logo. Elegir la tipografía apropiada es la decisión más importante que el diseñador debe realizar. Frecuentemente, un logo fracasa a causa de una tipografía inadecuada u ordinaria. (En la imagen que ilustra este punto se utilizó la fuente Comic Sans)Encontrar la fuente perfecta para un diseño, depende de  una relación formal entre la tipografía y el estilo de la imagen. Pero esto puede ser un poco delicado. Si la relación es demasiado estrecha, el icono y la fuente competirían entre sí para captar la atención. Si fuera lo contrario, se desprenderían uno del otro y el receptor no sabría donde enfocarse. La clave está en encontrar el equilibrio justo. Cada tipografía tiene una personalidad. Si la fuente elegida no está de acuerdo con las características morfológicas del ícono, todo el mensaje que se quiere transmitir fallará.

 9- Demasiadas Tipografías Diferentes 

Usar demasiadas fuentes en un logo es como mostrarle a alguien todo el álbum de fotografías al mismo tiempo. Cada tipografía es diferente, y el receptor necesita algún tiempo para reconocerlas. Demasiadas fuentes generan confusión.Usar un máximo de dos tipografías de diferentes cuerpos es una práctica usual. Restringir el número de fuentes a esta cifra aumenta la legibilidad del logo y el reconocimiento de marca.

10- Copiar a otros

 Este es el error más grande de todos, y se está haciendo cada vez más y más común. Como se mencionó anteriormente el propósito de un logo es representar un negocio. Si resulta igual que el de cualquier otro, ha fallado en ese aspecto. Copiar a otros no le hace ningún favor al cliente ni al diseñador.

LINK: http://www.mas-que-dibujitos.com