jueves, 29 de septiembre de 2011

Bocetaje

Mi proceso de bocetaje para el infograma:
1. Idea principal- primer desarrollo
2. Primeros pictogramas (los deje atras por ser demasiado sobrios y excesivamente genericos)
3. Busqueda de trazos organicos (experimentacion dibujando con la mano derecha//soy zurdo)
4.Segunda idea-primer planteamiento rapido
5.Desarrollo de pictogramas y aplicacion de color
6.Continua 5
7. Digitalizacion de trazos y apliacion de color
8.Correccion de pictogramas demasiado abstractos o complicados
9. Continua 8
10. Continua 8
11. Impresion de primer dummy (aplicacion real de color)
12. ¡QUIERO CRUZAR! (mensajes positivos)
13. Bocetaje rapido de tipografia
14. Continua 13



NOTA: Personalmente se me complica menos hacer todo mi proceso en diferentes tamaños y formatos e ir armando el final poco a poco, por ejemplo las impresiones son a escala, la aplicacion de color ha sido exclusivamente a mano, a veces cambio los textos solo para estar aplicando algo diferente.

viernes, 23 de septiembre de 2011

Ortotipografía

1. Qué es la tipografía

La tipografía es el conjunto de reglas y conocimientos tradicionales sobre diseño de grafismos, composición tipográfica, y disposición y compaginación (puesta en página) de los diversos elementos que conforman un texto en combinación con elementos espaciales (blancos).

La tipografía es un saber forjado durante siglos de práctica en las imprentas y las editoriales, y remodelado y perfeccionado gracias a los avances tecnológicos y a la aplicación sistemática de criterios de estética, proporcionalidad y funcionalidad tipográficas, y de eficacia comunicativa.Grosso modo, comprende los siguientes aspectos:

Tipología:

Los tipos de letra: rasgos del tipo y varieaddes (estilos, familias y series o clases).
– Diacrisis tipográfica.
– Factores de legibilidad.
– Principios de estética tipográfica.

Tipometría:

Sistemas de medida tipográfica.
– Formatos de papel.
– Medidas de los filetes y otros grafismo ornamentales (viñetas, bigotes...).

Composición y disposición tipográficas:

Principios de proporcionalidad tipográfica aplicados a:a) los cuerpos y la interlínea de los elementos textuales y extratextuales según jerarquía interna, formato, legibilidad de la letra y tipo de lector;b) los blancos en relación con los textos a los que se aplican.

Cuerpo e interlínea: aplicación en cada elemento textual y extratextual de una obra.

Cálculo de las medidas de la caja del texto y los márgenes.

Cálculo de las medidas de las columnas.

Aplicación y medidas de otros blancos, aparte del de los márgenes: sangrías, líneas de blanco, corondeles....

Los tipos de párrafo y su aplicación según tipo de obra, legibilidad del párrafo y tipo de elemento textual y extratextual.

Grafía, composición y disposición de los lemas.

Grafía, composición y disposición de los sumarios.

Grafía, composición y disposición de los poemas.

Grafía, composición y disposición de los cuadros.

Grafía, composición y disposición de los diversos tipos de títulos.

Grafía, composición y disposición de rotulados y pies de figura.

Grafía, composición y disposición de los diversos tipos de notas.

Grafía, composición y disposición de los diversos tipos de índices.

Grafía, composición y disposición de las obras teatrales.

Composición y disposición de las bibliografías.

Grafía, composición y disposición de las cronologías.

Grafía, composición y disposición de las firmas.

Aplicación, composición y disposición de los folios explicativos.

Aplicación, composición y disposición de los folios numéricos.

Tipos y aplicación de filetes y otros grafismos ornamentales (viñetas, bigotes...).

Compaginación:

Cálculo de las páginas de una obra.

Orden y disposición de las partes de una obra en la compaginación.

Obras útiles sobre tipografía:
BUEN, JORGE DE:
Manual de diseño editorial, 3.ª edición, corregida y aumentada, Gijón: Trea, 2008.

MARTÍNEZ DE SOUSA, J.: Manual de edición y autoedición, Madrid: Pirámide, 1994.
— «La diacrisis tipográfica», Español actual: Revista de español vivo: monográfico sobre ortografía y ortotipografía, núm. 88 (2007), pp. 63-80.

ZAVALA RUIZ, ROBERTO: El libro y sus orillas: tipografía, originales, redacción, corrección de estilo y de pruebas, 6a. reimp. de la 3a. ed. corregida, México: UNAM, 2005.



2. Qué es la ortotipografía y qué es la corrección ortotipográfica

La ortotipografía es la parte de la ortografía técnica que se ocupa del estudio y aplicación de los principios tipográficos de estética, funcionalidad, legibilidad y eficacia comunicativa en la escritura de un texto con caracteres tipográficos. Como la tipografía, se estableció en el mundo del impreso.

La corrección ortotipográfica se realiza en diversas fases:

1) en el original de un texto (antes de que se componga), y

2) en las pruebas tipográficas de ese mismo texto (ya compuesto).

La ortotipografía comprende los siguientes aspectos:
– grafía y aplicación de las variantes de letra: redonda, cursiva, negrita, versalita, ancha y estrecha, superíndice y subíndice, etcétera;
– normas de alineación;
– el mecanismo y grafía de las remisiones;
– aplicación incorrecta de los distintos tipos de folios numéricos;
– disposición (a párrafo seguido o aparte) y puntuación de las citas;
– puntuación de todos los elementos textuales y extratextuales (textos de pies de figura, cuadros, gráficas, notas, etc.);
– signos empleados en los diversos tipos de notas y puntuación que les afecta;
– blancos incorrectos (sangrías, espaciado, prosa, líneas de blanco, corondeles...);
– grafía, composición y disposición de apartados y subapartados;
– normas de división y separación de palabras a final de línea en las pruebas tipográficas;
– líneas incorrectas;
– páginas incorrectas;
– normas de partición de títulos en los textos compuestos tipográficamente;
– signos de corrección tipográfica.

La normativa ortotipográfica NO es competencia de las academias de la lengua. Como todo saber tipográfico, se desarrolló en el mundo del impreso y se halla dispersa en infinidad de fuentes, algunas oficiales e internacionales (como las que afectan a los signos de corrección), pero la mayoría de origen particular y uso restringido (libros de estilo y códigos tipográficos), lo que supone una gran disparidad de criterios en los usos que dictan unas editoriales y otras.

El principal compilador y sistematizador de esta normativa, y a la vez analista crítico y optimizador de la ortografía académica, es José Martínez de Sousa, y por ello sus obras constituyen la principal referencia en materia ortográfica y ortotipográfica:

MARTÍNEZ DE SOUSA, J.: Diccionario de uso de las mayúsculas y minúsculas, Gijón: Trea, 2007. [En proceso de revisión para una 2.ª edición.]
Manual de estilo de la lengua española, 3.ª ed., Gijón: Trea, 2007.
Ortografía y ortotipografía del español actual, Gijón: Trea, 2008, 2.ª ed.

Para textos científicos es bastante útil:

BEZOS LÓPEZ, Javier: Tipografía y notaciones científicas, Gijón: Trea, 2009.



3. El corrector tipográfico, la ortotipografía y la tipografía

El corrector tipográfico es aquel profesional del control de calidad del texto en la edición que se ocupa de corregir sucesivas pruebas tipográficas, es decir, obras ya compuestas tipográficamente según un diseño y compaginación determinados.

En lo relativo a la ortotipografía y la tipografía, se encarga de:
– Verificar la aplicación de todas las correcciones ortotipográficas realizadas en el texto original y de llevar a cabo las que se hayan omitido debido a algún lapsus del corrector y del preparados del original.

Comprobar la aplicación de las siguientes señalizaciones tipográficas marcadas en el original:a) orden de la compaginación; b) tipos de párrafos, c) líneas de blanco, d) sangrías, e) folios explicativos y numéricos, f) situación de las notas, g) alineaciones, h) jerarquía de títulos,i) espaciados.

Corregir:

a) la aplicación incorrecta de los distintos tipos de folios numéricos;

b) blancos incorrectos (sangrías, espaciado, prosa, líneas de blanco, corondeles...);

c) la división y separación de palabras a final de línea en las pruebas tipográficas;

d) las líneas incorrectas;

e) las páginas incorrectas;

f) la partición incorrecta de títulos en los textos compuestos tipográficamente;

g) la repetición en líneas seguidas y en el mismo lugar de texto idéntico (más de dos caracteres).

jueves, 22 de septiembre de 2011

Sarah Illenberger

Sarah Illenberger, artista visual/ ilustradora/ fotografa alemana. Los trabajos estan en aleman, tratare de anexar una pequeña ficha en español para cada uno. Es un acercamiento diferente a los infogramas, son para una revista "Neon Magazin" y el articulo es "Die Grosse Sex Umfrage"(The Great Sex Survey".
1. Como describirias tu orientacion sexual?
2. Cuantas parejas sexuales ha tenido? (5% ninguna, 10% solo 1, 17% entre 2 y 3, 14% entre 4 y 5, 21% entre 6 y 10, 10% entre 11 y 15, 6% entre 16 y 20, 4% entre 21 y 30, 5% mas de 30)
3. Alguna vez ha pagado por sexo? (1% mujeres si, 17% hombres si)
4.Que parte de tu cuerpo cambiarias?(42% mas boobs, 72% perder peso, 32% cuerpo mas pequeño, 71% viente plano, 40% mas musculosos,)
5.Cuantas veces al mes ve pornografia?( manner-hombre, frauen-mujer, mal-veces, uber-mas de)
6. Cuanto tiempo dura una relacion sexual? (29% mas de 20min menos de 30, 29% mas de 10 menos de 20, 26% 30 o mas, 1% menos de 5, 6% no sabe, 9% mas de 5 menos de 10)


lunes, 19 de septiembre de 2011



Yves Zimmermann

Yves Zimmermann

El diseño de un pictograma

Barcelona | Una colaboración internacional de diseñadores para el diseño de un nuevo y muy necesario pictograma.

Desde hace unos años, mi amigo el diseñador industrial André Ricard y yo nos solemos reunir para discutir asuntos relativos a la profesión. En uno de estos encuentros me comentó que había visto que en el conjunto de los pictogramas existentes faltaba uno: el que indica si para abrir una puerta hay que empujarla o estirarla. Me sorprendió que fuera un diseñador industrial quien lo descubriera ya que diseñar pictogramas es un tema que pertenece claramente al ámbito del diseño gráfico.

Comentamos que sería interesante que su diseño no fuera obra de un diseñador concreto, sino que resultara de una colaboración de la comunidad internacional de los diseñadores gráficos. Así que, con la colaboración de la ONG Design for the World, nos pusimos en contacto con las asociaciones de diseñadores gráficos de muchos países, pidiéndoles que sus socios colaboraran con ideas, esbozos, maquetas para resolver este pictograma.

Una vez recibidas las propuestas —105 en total—, nos pusimos en contacto con un colega diseñador que enseña en la escuela de diseño Elisava en Barcelona, pidiéndole ayuda para ordenar todas las propuestas recibidas. Él designó a cuatro estudiantes para que las ordenaron por su parecido conceptual en varias «familias» de pictogramas.

Las «familias» de signos obtenidas son las siguientes:
Familias de pictogramas obtenidos
Resumen de signos obtenidos. 
Algunos de los signos obtenidos, que resumen las distintas familias.
 
Una vez establecidas dichas familias, los estudiantes colaboradores sintetizaron el conjunto de propuestas de cada familia a un único pictograma.

Ahora bien, como en muchos otros casos es necesario de investigar el «ámbito de signos» en el cual ha de insertarse un determinado proyecto de diseño gráfico. En este sentido, el sistema de pictogramas del AIGA1, así como el sistema de pictogramas diseñado por Otl Aicher2 para los juegos olímpicos de Munich en 1972, como también otros, constituyen dicho «ámbito», el cual muestra muy especificas características visuales que indican la naturaleza básica de cómo se representa un pictograma y en qué forma se transmite su contenido.

El sistema de pictogramas del AIGA

Pictogramas del AIGA
  1. Empezando por el nombre mismo: picto, del latín, significa imagen, picture en inglés, y gramma, del griego, significa palabra; así, pictograma viene a significar imagen-palabra, o sea, un significado que puede ser expresado en una única palabra.
  2. Todos los pictogramas se explican por si mismos, no necesitan ir acompañados por palabras para su comprensión ni tampoco necesitan ser interpretados para su comprensión como, por ejemplo, en el caso de un símbolo.
  3. Las formas de los pictogramas son extremadamente sintetizadas y reducidas a su expresión más básica para ser inmediatamente comprensibles en cualquier contexto lingüístico o cultural.

Por ejemplo: los pictogramas de «hombre» o «mujer» explican este significado de extrema síntesis. Ninguno de ellos indica rasgo personal alguno de las personas representadas, si es joven o viejo, guapo o feo, si es de raza blanca o negra, casado o no; no informa de nada excepto lo que representa el pictograma: «hombre»-«mujer».

Dadas estas características básicas que definen el «lenguaje visual» de los pictogramas, aquellas propuestas o «familias» de signos de empujar-estirar que no concuerdan con este específico «lenguaje visual», han sido eliminadas, tales como aquellas bajo la denominación «abstractos» o «símbolos». Parece, por tanto, obvio que el nuevo pictograma de «empujar-estirar» debería seguir este carácter de extrema síntesis con el fin de ser inmediatamente comprensible y, también, de poder ser integrado en la familia de los pictogramas existentes, tales como los mencionados del AIGA que se muestra más arriba.

Tres soluciones definitivas desarrolladas mediante las síntesis de las diferentes propuestas contenidas en cada «familia». 
 
 
 
 Ahora bien, tomando en consideración la reflexión precedente, las tres soluciones definitivas que han sido desarrolladas mediante las síntesis de las diferentes propuestas contenidas en cada «familia», parecen indicar que cuando hay una representación de una puerta empujada o estirada, no hay necesidad de informaciones adicionales, tales como el acto de una mano que empuja o estira una puerta, funciones ya representados visualmente por la puerta empujada o estirada.
La intención era de registrar los pictogramas definitivos a nivel mundial con el fin de que nadie pudiera apropiárselos. Sin embargo, después de haber pedido consejo a una oficina de patentes parece ser que la imagen de una puerta empujada y estirada no puede ser registrada. Esto no impide que a partir de ahora estos pictogramas puedan ser utilizados por cualquiera y así formar parte de las familias de pictogramas existentes. Para promover su difusión implicaremos a las asociaciones internacionales de diseño para que nos ayuden en este propósito.
Pictogramas definitivos para «empuje» y «hale» 
 
 
 
 
 
 
 
 Pictogramas definitivos para «empuje» y «hale».
 

viernes, 16 de septiembre de 2011

Wordmark para elegir fácilmente tipografías


Fahri Özkaramanlı es un diseñador web de Estambul que ha desarrollado Wordmark, una herramienta que seguro se convierte en imprescindible para todos los diseñadores en cuanto la conozcan.
Uno de los puntos claves del diseño es la tipografía, es muy importante seleccionar la correcta, para transmitir lo que queremos.
Esta herramienta facilita el trabajo de elegir, ya que de un simple vistazo podemos ver como queda cualquier texto con las tipografías que tenemos instaladas en nuestra computadora.
La herramienta la encuentran en: http://wordmark.it/