Modelo RGB. Este espacio de color es el formado por los colores primarios luz que ya se describieron con anterioridad. Es el adecuado para representar imágenes que serán mostradas en monitores de computadora o que serán impresas en impre-soras de papel fotográfico.

Las imágenes RGB utilizan tres colores para reproducir en pantalla hasta 16,7 millones de colores. RGB es el modo por defecto para las imágenes de Photoshop. Los monitores de ordenador muestran siempre los colores con el modelo RGB. Esto significa que al trabajar con modos de color diferentes, como CMYK, Photoshop convierte temporalmente los datos a RGB para su visualización.

Modo de color CMYK

El modelo CMYK se basa en la cualidad de absorber y rechazar luz de los objetos. Si un objeto es rojo esto significa que el mismo absorbe todas las componentes de la luz exceptuando la componente roja. Los colores sustractivos ( CMY) y los aditivos ( RGB) son colores complementarios. Cada par de colores sustractivos crea un color aditivo y viceversa.

En el modo CMYK de Photoshop, a cada píxel se le asigna un valor de porcentaje para las tintas de cuatricromía. Los colores más claros ( iluminados) tienen un porcentaje pequeño de tinta, mientras que los más oscuros ( sombras) tienen porcentajes mayores. Por ejemplo, un rojo brillante podría tener 2% de cyan, 93% de magenta, 90% de amarillo y 0% de negro.

En las imágenes CMYK, el blanco puro se genera si los cuatro componentes tienen valores del 0%. Se utiliza el modo CMYK en la preparación de imágenes que se van a imprimir en cualquier sistema de impresión de tintas. Aunque CMYK es un modelo de color estándar, puede variar el rango exacto de los colo-res representados, dependiendo de la imprenta y las condiciones de impresión.

Seguir leyendo el resto »

La esencia del buen diseño gráfico consiste en comunicar por medio de la palabra escrita, combinada a menudo con un dibujo o con fotografías. A lo largo de los siglos, el arte de exhibir la palabra escrita ha evolucionado hasta ser un campo sofisticado del diseño gráfico. Las palabras y las imágenes que éstas crean, vienen en muchos estilos. Cada letra de una palabra puede verse como una ilustración, y el trabajo del diseñador consiste en escoger las letras de molde correctas para comunicar el mensaje en forma correcta a su idea.Los TiposDesde el antiguo Egipto las ideas se han comunicado de forma visual. Los egipcios utilizaban dibujos y símbolos colocados en líneas. Nuestras letras son originarias de la antigua Grecia, donde los símbolos escritos también se exponían en líneas para comunicar mensajes y crear palabras.La palabra Alfabeto es griega y esta formada por las dos letras del alfabeto griego, alfa y beta.El diseñador gráfico, emplea las letras de dos maneras, una, para comunicar por medio de palabras o sino otra, como imagenes.Clasificación:Con serif: tienen origen en el pasado, cuando las letras se cincelaban en bloques de piedra, pero resultaba dificil asegurar que los bordes de las letras fueran rectos, por lo tanto el tallador desarrolló una técnica que consistía en destacar las líneas cruzadas para el acabado de casi todas las letras. El grosor de las líneas utilizadas en la tipografía moderna para elaborar letras de imprenta, tambíen tiene su origen en la historia. Las primeras se realizaron a mano implementando un cálamo. La pluma plana de la pluma permitía distintos grosores de trazado y esta característica se conservó por sus belleza y estilo natural.
Las tipografías romanas se basaban en círculos perfectos y formas lineales equilibradas. Las letras redondas como la o, c, p, b, etc, tenían que ser un poco más grandes porque ópticamente parecen más pequeñas cuando se agrupan en una palabra junto a otras formas de letras.Sin serif: comunmente llamada sanserif, éstas no tienen serif y actualmente se utilizan en muchos tipos distintos de texto impreso. Sin embargo, las letras a palo seco no se usan con frecuencia en textos muy largos ya que hoy se acepta que el fluir de las serifas facilitan la lectura del texto impreso.Ejemplo de tipografía con serif, la tipografía ya conocida Times New Roman.Ejemplo de tipografía sin serif:
Arial

Tomado de: www.imageandart.com
por paola L. Fraticola

¿Qué es una fuente digital?

Los mejores sitios son altamente funcionales. Son orientados a tareas. El diseño gráfico tiene un importante, pero limitado rol. No intentemos ni forcemos a la Web a ser algo que no es.

¿Han notado como las intros de Flash están desapareciendo? Hace un par de años estaban por todas partes. Le he preguntado a miles de personas en cerca de 35 países qué es lo que hacen cuando ven una intro de Flash. “Skip intro” es la respuesta universal.

Una intro de flash es un intento de “cuarta categoría” de un comercial de televisión, hecho por gente que no tiene la oportunidad de crear comerciales de verdad. Fueron inventadas por diseñadores gráficos desesperados por convertir la Web en otra televisión, que quieren verse muy “cool” y ganar premios de diseño.

Como en el Annual Communication Arts Magazine Award (Premio Anual de la Revista Communication Arts). Uno de los ganadores del 2005 tiene hermosas gráficas (otro ganador es el sitio Web de un reporte anual del 2003, imagínense la contradicción). Un pequeño problema, sin embargo, es que el ganador clasificó sus productos de la siguiente manera: 1, 2, 3, 4, 5, 6, 7, 8… Muy intuitivo. Totalmente digno de un premio para un diseño de un excepcional e-comercio.

 Por supuesto Nike ganó un premio. Siempre obtiene excelentes comentarios por quienes entienden de arte, diseño y cosas de esas. Nike tiene un sitio que nunca he visitado sin encontrarle algún problema. Si embargo decidí darle otra oportunidad.

Nike.com aún tiene ese radical “diseño Web innovador” con la navegación en movimiento. Hice clic en Europa, luego inglés, luego Football. Llegué a la página de Football. Hay una gran imagen de su majestad Thierry Henry. Y justo al lado derecho de Thierry está una clasificación: Europa, Latinoamérica, Norte América, Aria/El Pacífico. No lo puedo creer (Nota del traductor: Al momento de la publicación de la traducción el Sitio de Football de Nike ha cambiado y no se puede constatar este hecho).

Al menos otro ganador más del 2005 tiene una navegación que cambia cuando el mouse está cerca de ella. Imagínense que están conduciendo. Ven una señalización más adelante, pero a medida que se acercan, esta comienza a moverse. Realmente estarían impresionados con este tipo de señalizaciones.

Nadie sería autorizado para diseñar señalizaciones de tránsito que se muevan. Sin embargo, cuando diseñas menús de navegación de este tipo ganas un premio de diseño. ¿Por qué hay tantos expertos en diseño gráfico que no tengan aún idea de la Web después de todos estos años?

Ya no tenemos la excusa de que la Web es nueva y que nadie sabe realmente qué funciona y qué no. ¿Por qué no Google o Skype ganan uno de esos premios? ¿Por qué ese “arte“ e “innovación“ están encerrados en ese mundo chiché, en el cual para ganar un premio tienes que lucir visualmente despampanante?

Si los premios de la revista Communication Arts fueran una parodia, definitivamente serían merecedores de algún premio. Pero no lo son, y por el contrario hacen un gran perjuicio a la disciplina que ellos tratan de promover.

Hay diseñadores Web jóvenes ahí afuera recibiendo el mensaje absolutamente equivocado. La Web es, en el corazón, un lugar funcional, enfocado a las tareas. Si lo que quieres es un diseño Web moderno, mira a Google, Skype, EBay, Amazon. Estos sitios ganan dinero dando solución a necesidades reales.

Tu sitio Web debe ser usable. Debe ser rápido y conveniente, con una navegación que sea familiar y simple. La Web no es un brochure o plegable, ni un reporte anual, ni siquiera un comercial de televisión. La Web es la Web. POR GERRY McGOVERN
Artículo Original: Graphic design plays a minor role on the Web
Traducido por: Gabriel PorrasTomado de http://www.proyectoweb.cubaweb.cu

Seguir leyendo el resto »

Aunque puede resultar un poco extenso el siguiente trabajo que les presento, creo que será de gran utilidad e interés.

Fue tomado de www.letritas.blogspot.com 

No es primera vez que me preguntan que tipografía de texto puedo usar para (la tesis, una revista, un libro, un folleto, un afiche, etc.) una publicación. Por lo general, y para evitarme problemas les doy de inmediato la solución. Sé que no está bien, pero puedo salir del apuro.Hoy pretendo detenerme un segundo más y hacer un pequeño análisis de cómo elegir una buena tipografía. Cabe mencionar que nunca hay que ser concluyente con los datos que pretendo tratar, pero si son factores a tomar en cuenta a la hora de selección o descarte de una fuente para textos. De todas maneras esto depende del uso que se le quiera dar a la tipografía, porque muchas veces la legibilidad es tan importante como el carácter de la letra. Hay que tratar de ser lo más observador posible y seguir las siguientes instrucciones:

1. La forma.
Anteriormente, en el juego a ser Garamond, revisamos el concepto de ductus. El ductus representa lo más importante de la letra, su esqueleto. Para una buena legibilidad en el tipo de texto, necesitamos tipografías con un ductus carente de complejidades innecesarias, y que sea lo más simple posible, para que el sobrediseño no sea un elemento distractor. Asi fijamos la atención en lo que estamos leyendo, y no en la forma de la letra.

2. El peso
Cuando hablamos del peso de la letra hablamos de una coherente relación entre el negro que emite la forma, y la luz que entra entre las letras (blanco de página o contraforma). Muchas veces se suele escribir con tipografías light que generan una página demasiado clara. Claro, suele verse muy cool, pero dependiendo de la extensión del texto, suele cansar muy luego. Imagínense a un estudiante universitario estudiando en el bus de noche mientras viaja a la ciudad donde tiene que dar la prueba. Una tipografía demasiado liviana, con una mala luz. Resultado: media página leída y el resto del viaje durmiendo.

3. El Contraste
El contraste se refiere básicamente a la diferencia de grosor entre las verticales y las horizontales. Explicado mejor, la diferencia entre los trazos más gruesos con los más delgados. No quiero dar fórmulas como llegar a un equilibrio adecuado; pero un error sería crear un contraste tan marcado, que se produzca el efecto Bodoni. Yo creo que todos alguna vez nos tocó estudiar de las fotocopias, de las fotocopias, de las fotocopias, de las fotocopias de un paper que nos entregaba el profesor. O sea, sólo se leían las verticales. Una buena tipografía debería resistir varias generaciones de copiado, debe ser robusta sin ser grosera.

4. El eje.
Un comentario no atinado y me echo encima cientos de años de historia tipográfica. Muchos conservadores no van a estar de acuerdo conmigo, pero el eje de la tipografía suele ser ligeramente decisivo para una mejor lectura. Cuando presentas tipografías con astas 100% ortogonales, que van marcando el ritmo de una lectura con rectas verticales, no puedes distraerla con curvas que buscan un sentido opuesto. Si hilamos fino, estaríamos trabajando con 2 lenguajes, uno para las curvas, y otro para las rectas. Resultado, el desordenamiento de la frase.

5. Altura x
La altura x mostrará de qué tamaño es el cuerpo legible la letra. Ascendentes y descendentes demasiado largas conseguirán un acortamiento de la línea de cuerpo de texto, que insisto, es donde se concentra la mayor cantidad de la información legible. Es esta diferencia lo que produce por ejemplo que Mrs. Eaves se vea mucho más chica que Times New Roman. En el ejemplo podemos ver caricaturizada este punto.

6. Altura de las mayúsculas
Creo que suele quedar bastante claro con el ejemplo. Antiguamente las mayúsculas se diseñaban del mismo porte de las ascendentes, o en ocasiones más grandes aún. El efecto que provoca una palabra escrita en mayúsculas (como MINEDUC) dentro de la frase suele ser un atentado a la lectura en línea del texto.
Cuando escribo la palabra "Garamond" con Garamond siento, siento como si la "G" fuera un dinosaurio y la "a" fuera su presa.

7. Terminaciones
Cuando ocupamos una tipografía para escribir un texto, muchas veces tenemos que verla en grande, como en avisos publicitarios, etc. Ya que se usa como tipografía corporativa. El simple hecho que esté mal dibujada es más que una buena razón para descartarla. La gran mayoría de las tipografías tienen horribles terminaciones, y eso los diseñadores no lo deberíamos tolerar.

8. Gris de texto, o gris de textura.
Hilando ya un poco a niveles más macro, nos encontramos con este curioso punto. Cuando escribimos un texto, y vemos la textura que produce el bloque (conjunto de letras juntas), esta debe estar homogénea. Si hay letras que resaltan porque están más gruesas que otras, es porque el tipo de texto está mal diseñado. Muchos tipógrafos exageran engrosando las verticales de las mayúsculas con respecto a las de las minúsculas, creando un desagradable efecto en el gris de la textura del texto.

9. Apertura de la contraforma
Muchas tipografías consideradas de texto, pecan de cerrar o abrir demasiado sus contraformas. En el caso de que se cierren demasiado, pueden generar errores de legibilidad como confundir una "c" con una "o". En el caso de que estén demasiado abiertas (como frutiger), la contraforma interna de la letra se suma a la contraforma externa de la letra, produciendo una cantidad de blanco muy desagradable a la vista.

10. El efecto pescado
En un post anterior hablé sobre el desagradable resultado producido por el efecto pescado. Cuando se el tipógrafo diseña sólo las formas suele caer en este tipo de errores. Un buen tipógrafo de texto, diseña la forma, la contraforma interna y externa, y su ductus. (Mayor información leer el post del efecto pescado).

11. Contraforma externa
Hay detalles que hacen a una tipografía muy legible, y eso es la contraforma externa. No se imaginan cuanto cambia leer una tipografía con el sacadito de arriba de la "n" bien marcado, o la diferencia entre la "rn" y la "m". Hay tipografías que ni siquiera tienen ese sacadito. Entonces no son de texto, punto.

12. Contraforma interna
Una costumbre muy recurrente de los diseñadores de fuentes es hacer el ojo pequeño de la "a" y "e" demasiado pequeños. Algunos se excusan citando a la historia, otros lo hacen por estética. Lo único claro es que este pequeño ojo tiende a desaparecer, y la contraforma abierta tiende a agrandarse demasiado. Como la "a" y la "e" son las letras más usadas en muchos idiomas, el desagradable efecto se potencia aún más.

13. Comprobar que el set esté completo
¿Cuántas veces se han encontrado con este signo, cuando ya tienen todo diseñado?. Debe ser una de las sensaciones más desastrosas que existen, ya que hay que empezar todo de nuevo. Muchos tipógrafos NO diseñan la "ñ", los acentos, los signos de interrogación, los punto y coma, y los signos de corte de palabra o los números. Es mejor revisar bien la fuente antes de lamentar.

14. La familia
Comprobar que la familia sea abundante y que pueda resolver los problemas de diseño que se puedan presentar en un párrafo es lo ideal. Difícilmente se puede diseñar con una tipografía que solo tenga la versión regular. Hoy en día se necesita destacar mediante itálicas, o usar las negritas en los subtítulos o cambios de tema. Otra cosa que suele ser muy importante, es que la itálica sea igual de legible que la regular, y que no esté llena de figuritas rebuscadas.

15. El interletraje
Existen tipografías que sencillamente no se les hizo interletraje, y funcionan muy mal. Un buen diseñador corrige los interletrajes que no le parecen correctos, pero es demasiado tedioso ir corrigiéndolos todos. Hay programas como InDesign que hacen ese trabajo automáticamente, pero nunca queda lo bien que lo hace el mismo diseñador tipográfico.

Seguir leyendo el resto »

El CSS ha traido muchísimas posibilidades en términos de tipografías al diseño web, pero siempre utilizamos las mismas 4 o 5 fuentes que creemos que van a estar en todas las computadoras, ya que sería un problema porque si la fuente especificada no está disponible no se va a mostrar el texto cómo queremos, pero para variar un poco en 3.7 design han hecho una recopilación de 8 fuentes que están disponibles en casi todas las computadoras que podemos utilizar con seguridad en nuestros diseños y son las siguientes:

Palatino Linotype / Palatino

 «Desde el punto de vista tipográfico, las letras capitulares tienen una importancia que no es nada desdeñable. Y esto es así porque se conforman en la página como un foco visual que proporciona énfasis, variedad y si su diseño es bueno añaden una placentera invitación a iniciar la lectura.»

De acuerdo con un propósito práctico, podemos definir una letra como capitular cuando esta sea mayor que las letras de caja alta o baja que la acompañan. Antes de comenzar su estudio podemos dar un breve repaso al origen y desarrollo de sus inmediatas predecesoras, las ricas iniciales ornamentadas de los manuscritos del siglo XV.
Los más antiguos manuscritos romanos que conocemos están escritos con las letras capitales romanas y rústicas que con el paso del tiempo se transformaron en unas letras con formas más redondeadas que conocemos como unciales. En estos manuscritos apenas había espacio entre las palabras y el tamaño de las letras era uniforme; el aspecto compacto y la regularidad que se obtenía dotaban a la página escrita de una hermosa dignidad pero, por el contrario, eran difíciles de leer. Como ayuda a la lectura la letra inicial de cada párrafo se escribía en el margen con el mismo tamaño que el texto pero conforme el escriba encontraba más espacio disponible esta letra inicial iba siendo cada vez más grande y de formas diferentes a las otras. De este modo, sirviendo a un propósito útil, fue como nacieron las letras capitulares. 

Tomado de www.unostiposduros.com

Seguir leyendo el resto »

Por: Mark Simonson
Tomado de www.unostiposduros.com

 «Cuando Microsoft hizo de TrueType el formato estándar de fuente para Windows 3.1 optaron por utilizar la Arial en vez de la Helvetica, probablemente porque era más barata y sabían que la mayoría de la gente no notaría la diferencia ni se preocuparía por ella.»

La Arial está en todas partes. Si no sabes lo que es, será porque no utilizas un ordenador. La Arial es una fuente que le es familiar a cualquiera que use productos Microsoft, sea con PC o Mac. Se ha difundido como un virus por el paisaje tipográfico e ilustra la penetrante influencia de Microsoft en el mundo. La omnipresencia de la Arial no se debe a su belleza; realmente es bastante fea, lo cual no quiere decir que esto sea una característica mala en una tipografía: el carácter y la historia son tan importantes como la belleza. La Arial, sin embargo, tiene una historia bastante dudosa y poco carácter. De hecho, la Arial es poco más que un impostor sin vergüenza. Durante la segunda parte de siglo XX uno de los tipos más populares en el mundo occidental fue la Helvetica, desarrollada por la fundición Haas de Suiza en los años cincuenta. Más tarde Haas se unió con Linotype y se promovió la Helvetica fuertemente. Se añadieron más variantes y empezó a ganar en popularidad. Un icono de la escuela suiza de tipografía, la Helvetica se difundió por el mundo del diseño durante los años sesenta y llego a ser sinónimo de las actitudes modernas, progresivas y cosmopolitas. Con su apariencia amable y feliz y sus líneas limpias, fue alabada durante un tiempo, tanto por el mundo corporativo como el del diseño, como una fuente casi perfecta que se podía usar para todo. "Cuando haya duda, utiliza la Helvetica" fue una regla general.

Seguir leyendo el resto »