Ortotipografía.

8.1 Cocepto de ortotipos

  1. Origen: Comienza en 1608 gracias a un médico que intento hacer el primer tratado de ortotipografía, todo llego porque su padre tenía una imprenta. 1er libro “Orthotypographya” Hornschuch, estaba escrito en latín.
  2. Conceptos
  • Tipografía: Una definición de ortografía por José Martinez de Sousa “Conjunto de reglas por las que se rige la confección de un impreso mediante recursos o signos tipográficos”.
  • Ortografía: Pablo Zulaica: fue pegando tildes en los carteles con la norma ortográfica que fuera por la cuidad. (VIDEO: TED Pablo Zulaica
  1. Ortografía técnica

8.2 Uso correcto signos

  1. Signos entonación: ¿Qué te he dicho? ¡Vámonos! Cómo te llamas?
  2. Comillas: <<>> Comillas látinas , <> Comillas angulares ;“´´ Comillas inglésas; `´Comillas simples;  ‘’Comillas mecanográficas simples “” Dobles.  Diferentes disposicones (francesa, alemana, inglesas y simples).
  3. Apóstrofes y primas: Se trata de una figura retórica que consiste en interrumpir el discurso para dirigirse con exaltación a otra persona generalmente con un tono de lamento.
  4. Signos horizontales: Son la raya, el guión, el guión bajo,etc. Este se suele usar para indicar incisos, diálogos, separación de palabras…
  5. Signos verticales: tenemos los signos de interrogación ¿? Que son para preguntar; los de exclamación¡! Y la bara vertical l que sirve para separar conceptos.
  6. Signos contenedores: Parentesis () se usan para añadir información; Corchete []o Llaves {} se usan para esquemas, cuadros sinópticos. Son signos de apertura y cierre de textos.
  7. Puntos:
  8. Blancos tipográficos: 

 

8.3 Normas ortotipográficas.

https://prezi.com/6cs8ca4tk2x6/reglas-ortotipograficas/

Introducción al diseño tipográfico.

7.1 El proceso de diseño tipográfico.

  1. Proyecto -> motivos; bocetos.

¿Cuáles son los motivos para hacer una tipografía? Por ejemplo, un encargo de una empresa, imagen corporativa o por iniciativa propia. Esta última puede hacerse a partir de un trabajo y tu ofreces crear la tipografía. La mayoría de las veces es un proyecto persona con fin de venderlo o darse a conocer.Si es para la edición el diseño es más limitado ya que si usas una tipografía pequeña no se puede editar bien. NOVA las letras que primero se crean porque ya dan un perfil para el resto. A la hora de diseñar una tipografía es mejor comenzar por unos bocetos a mano para ir creando las caracteristicas de la tipo y así a la hora de digitalizarlo es mucho más fácil porque tu idea está mucho más clara.procesofont_ag_1

  1. Digitalización. Esto consiste en pasar el diseño a la pantalla, normalmente en vectorial. Esta parte es más fácil si tienes bocetos hecho a mano previos.
  2. Producción. Para diseñar una letra lo primero que hay que hacer para la producción es el espaciado de cada letra.
  3. Postproducción. Esta opción es para cuando el proyecto es más ambicioso, como es crear una familia tipográfica. A partir de una original se va generando una familia completa. Aunque actualmente es más fácil ya que se interpolan (tienes dos pesos distintos uno muy fino y otro más ancho y te genera los pesos intermedios).
  4. Comercialización. Una de las opciones es la libre descarga o de pago. Esta última pues se puede hacer desde tu fundición propia o una fundición ajena. Aunque también está el pago a voluntad, la persona si quiere paga lo que crea conveniente por la fuente.

7.2 Fundamentos del diseño tipográfico.

  1. Consistencia: Nos referimos a los elementos gráficos que nos recuerdan a algún elemento de las tipografías. Ejmp.: Remate.
  2. Características->
  • Peso: Que sea delgada o gruesa.
  • Eje o modulación: Puede ser totalmente vertical o a alguna alteración como una inclinación o que tengan varios ejes…
  • Altura X: Es la proporción de la letra.
  • Contraste: Dentro de una misma letra la variación de sus trazos. Hay alto contraste cuando la diferencia es muy notable entre ellos. (grosor de trazo)
  • Remates: Con serifa o sin serifa. Tipo, forma y cantidad de serifas.
  1. Correcciones ópticas: tendemos a ver más peso en la parte inferiohe2r que superior de una letra por so la mitad tiene que ser movida. Los anchos verticales debe
    n verse más anchos que los horizontales. EL brazo central se echa hacia dentro para que no de la sensación de sobresalir. En el tema de los nodos existen unas normas: usar lo menos nodos posible y usar los brazos de los nodos con octagoniladidad es decir o vertical u horizontal. No usar diferentes longuitudades en las manillas de los nodos. El nodo debe usar como mucho 2/3 de la medida.
  1. Espaciados
  • Rosa
  • Kerming/acoplamiento.

7.4 Programas tipográficos.

  1. FontForge: software libre
  2. Fontlab: Software profesional multiplataforma e pago
  3. Glyhs: (maquintos)
  4. Robotfont

Formato UFO para la edición diseño tipográficos.ç

7.5 Tipografía creativa.

  1. Titular vs. Edición
  2. Texto= Imagen (metáfora visual)3413114_640px
  3. Fuentes diseplay

13330950_1113240565386451_3611388668278962673_n

Una fundición española.

En este punto del blog tengo que hablaros de una fundición española, en mi c2017-01-18-16aso he escogido Tipotecture fundada por Pedro Arilla en 2016 en Zaragoza. La palabra tipotecture esta formada por – Tipo(grafia)+ (archi)tecture- esta es la clave para comprender
su forma de diseñar las letras.Es un término que tomaron de la tipógrafo holandés Piet Zwart (1885-1977), quien nombró a sí mismo typotekt y, de la misma manera que él construyó páginas con tipos, que quieren construir ideas, emociones y vínculos en torno a un tipo de letra.

Sobre Pedro Arilla:

pedroarilla-portadaTipotecture es su TypeFoundry digital donde vende sus fuentes y hace consultoría de tipografía. También es de gestión de contenido en Fontown . Escribe y podcast sobre la tipografía en Don Serifa, escribe en la sección de la tipografía de la revista de diseño Graffica, y es un miembro de Unos tipos duros y Lletraferits. También trabaja como organizador y profesor en el curso sobre el tipo de diseño Glíglifo , da talleres y conferencias, escribe artículos en blogs y revistas, y enseña la formación en línea en video2brain LinkedIn Aprendizaje / y Domestika .

Actualmente es profesor en diseño tipográfico en la Universidad de Reading, Reino Unido. Y está escribiendo un diario sobre su experiencia allí..

 

Sus tipos:

Mestre

Mestre es una sans serif geométrica alemán y holandés inspirado. Sus formas sólidas y formales se encajan con un toque humanista discreta que resulta en un híbrido contemporánea muy versátil y una fuente altamente funcional y flexible para muchos de editorial de hoy y los requerimientos corporativos.

REFLEJOS2017-01-18-2

– 8 + 8 pesos cursiva verdaderos

– +900 Glifos por la fuente: +30 idiomas soportados

– características de OpenType: versalitas, formas mayúsculas y minúsculas, revestimiento, figuras tabulares y de estilo antiguo, figuras científicas superior / inferior, fracciones, un conjunto de flechas, etc.

Valentina

Valentina es una didone clásico diseñado siguiendo las normas establecidas por Bodoni en el siglo 18, junto con muchas características de los antiguos punzones españoles de la época. La fuente es el nombre de la abuela de diseñador de tipos Pedro Arilla como un tributo.

REFLEJOS2017-01-18-15

– 1 peso individual con 457 glifos

– 125 caracteres alternativos inferiores casos

– 46 ligaduras

Tipografía digital.

6.1 Concepto de tipografía digital.

“La era digital ha supuesto una verdadera exposición tipográfica. En unas pocas décadas, se han diseñado más tipos que en toda la historia anterior de la tipografía”.

Una vez que aparecen los ordenadores y el software, puedan hacer sus primeras introducciones en el ámbito de la tipografía.

tipografiadigital

Una fuente digital está formada por un conjunto de espaciado y kerning a los que se accede mediante el teclado del ordenador. Estos dibujos son, casi siempre, letras que combinadas, forman palabras con significado.

Algunos tipos de letras que se han diseñado para que sean fácilmente legibles en el caso, de que las visualicemos en pantallas con baja resolución son: la Verdana, Tahoma, Trebuchet y Georgia.

6.2 Las fuentes tipográficas.

  1. Bitmaps:tipografí en mapa de bits, es decir se encuentra pixelada.
  2. Postscript: tipografía vectorial. No se ven los pixeles de la imagen.
  3. True Type: versión de Windows y es también vectorial. Necesita más nodos para resolver las cosas.
  4. Opentype: versión para Mac y es vectorial. Son las más extendidas y mantienen todas las características con mejor representación en pantalla , abierto y multiplataforma. Su capacidad de almacenamiento es mucho mayor se resuelve las cosas con muchos menos nodos.

6.3Legibilidad en pantalla.

“La legibilidad de un texto en pantalla tiene muchos en común con la impresa en papel, por ejemplo, el tamaño del carácter, aunque en pantalla influye también la resolución, también debemos de tener en cuenta el kerning, el traking y por supuesto, no abusar del número de caracteres por línea.

A la hora de escoger tipografía adecuada para pantalla se debe tener en cuenta que igual que en papel, los remates nos facilitan la lectura, en pantalla nos pueden dificultar esa labor.
El color es muy importante en el diseño y todos queremos que quede algo “bonito”, sin embargo es muy importante que haya un contraste entre el texto y el fondo para que se pueda leer bien.
El contraste texto-fondo debe ser inversamente proporcional al tamaño del texto, esto es: si bajas el cuerpo de tu fuente asegurate de que hay mas contraste, si tu fuente es mayor, tanto contraste no es necesario.
También hay que procurar usar colores que no cansen a la vista y la fatiguen independientemente del contraste.”

http://tipoprincipiantes.blogspot.com.es/2013/05/legibilidad-en-pantalla.html

6.4 Fundiciones digitales.

Las fundiciones digitales se dedican a comercializar las tipos. Algunas empresas son:

  1. Myfonts
  2. Linotype
  3. Fontshop
  4. Atipo
  5. Emtype

6.5 Tipografía en soportes digitales.

 

UNA FAMILIA TIPOGRÁFICA.

“Caligráficas

Las tipografías caligráficas son aquellas cuya forma imita a la de la escritura manuscrita. Esta clasificación se divide a su vez en tipografías glíficas, manuscritas gráficas, góticas y gaélicas.

  • Glíficas o incisas

Trajan, una tipografía incisa

Las tipografías glíficas o incisas son aquellas que tratan de evocar a los caracteres grabados en metal o en piedra, en contraposición de las caligráficas manuscritas. Presentan habitualmente pequeñas serifas triangulares y descendentes compactas. Las tipografías de este grupo suelen enfatizar sobre las letras mayúsculas, hasta el punto de que muchas de ellas no contienen un abecedario en minúscula.

Algunos ejemplos de tipografías glíficas son Albertus, Copperplate Gothic o Trajan.

  • Manuscritas

Mistral, una tipografía manuscrita

Las tipografías manuscritas son aquellas que evocan la escritura manual o cursiva. Dan aspecto de estar escritas con pluma, con una fuerte inclinación. Los caracteres pueden estar ligados unos con otros. Las tipografías que simulan la caligrafía inglesa  también forman parte de esta familia.

Algunos ejemplos de este grupo tipográfico son Mistralo, Francesca.

  • Gráficas

Banco, una tipografía gráfica

Las tipografías gráficas se basan en la escritura caligráfica manual que simula estar escrita lentamente con pincel, bolígrafo u otro instrumento de escritura. Suelen tener remates ornamentados y proporciones más cuidadas que las manuscritas corrientes. Estas tipografías normalmente no están diseñadas para la escritura, sino sólo para titulares o palabras que se desean resaltar intencionadamente.Vox originalmente incluyó las tipografías góticas dentro de esta categoría.

Algunos ejemplos de tipografías gráficas son Banco o Klang.”

https://es.wikipedia.org/wiki/Clasificaci%C3%B3n_Vox-ATypI

CLASIFICACIÓN DE LAS FAMILIAS TIPOGRÁFICAS.

Clasificaciones tipográficas:

  1. Thibaudea (1921) Las clasifica por los remates de las letras.
  2. Max Vox (1954) Tiene estilo historicista (mezcla lo forma con la historia) Utiliza hasta 9 tipo de clasificaciones de familias. Se considera prácticamente el estándar
  3. Aldo Navarese (1958) Tipografia eurostyle.
  4. ATypI (1962) (Asociación de tipografía Internacional) También conocida como vox+2 por añadir dos clasificaciones a las que ya creo Max Vox. Incorporó la Gótica y las no latinas.

Familias clásicas.

  1. Humanistas/venecianas: Se laman venecianas porque surgieron en Venecia. Estaban enfrentadas a la Góticas. Las primeras fueron las romanas. Se las reconoce por el brazo horizontal de la “e” que está inclinado, apenas tiene contraste entre los trazo gruesos y finos, son uniformes, y algunos caracteres se inclinan hacia el lado contrario como en la “o”. Un ejemplo es la Jenson
  2. Garaldos/ Romanas antiguas. Este es el siguiente pasó. Un ejemplo es la Bembo. Su principal avance fue diferenciarla de la escritura a mano, Los trazos tienen más contractes de grosores, el brazo horizontal de la es recto, pero mantiene el giro en algos caracteres como “o”.
  3. Reales/ de transición: El termino real vino por un encargo, es mejor llamarla de transición. Cambia el eje de la “o” que es que recto y el trazo es muy contrastado. Un ejemplo es la Baskertville.

 Familias modernas.

  1. Dídinas: La tipografía más parecida es la Didot. El trazo tiene un contraste gradual alto, el eje es vertical u horizontal y se caracteriza por su remates totalmente rectos-
  2. Egipcias /Mecánicas /Slab: Son letras con remate con base alta, son mono -linéales para poder hacer cartelería de gran formato. Ejemplo la Rock Well
  3. Lineales/ sin serifa: La primera tipografía sin remates es la Accident Grotes. Existe cuatro subtipos: Grotescas (Accident Grotes), Neogrotescas (Helvética), Humanistas(Gill Sans) y Geométricas (Futura).

Familias caligráficas

  1. Incisas: son als que nos recuerdan a la talla en piedra y a la antigua Roma y es un estilo totalmente diferente a la Gótica. Ejemplo es la Trajan. Los remates acaban en pico y en vez de ser planas tienen una pequeña concavidad
  2. Manuscritas/ escriptas: Son de un estilo caligráfico que recuerda la escritura a mano como la Mistral.
  3. Gráficas/ Manuales: A pesar de estar inspiradas en la escritura a mano pero no a la tradicional sino que es un estilo más gráfico como si estuviera hecha con rotulador como la Banco

Otras familias.

Estas son las dos que añadieron las AtypI

  1. Góticas: Tiene también subcategorías: Textura, rotunda, Schwabacher, Fraktur.
  2. No latinas: Alfabetos árabes, chinos, hebreo, griego…

Libres, decorativas y titulares.

  1. Stencil: Imita una plantilla.
  2. Techno: a partir de las primeras tipografías de ordenador con un estilo muy cuadrangular.
  3. Handwritten: Se puede consideras una manuscrita escriptas pero es algo discutible ya que suele tener una estética más infantil.
  4. Pixel: intentan recordar el lenguaje de la pantalla, es decir una imitación a los pixeles.
  5. Dingbars: Es un género simbólico.
  6. Brush/ Pincel: Representa un estilo como hecha a mano con un pincel.
  7. Tipewritte: es un estilo clásico.
  8. Textura: tipografías que imitan texturas como el caucho, etc.
  9. Son las letras de las universidades de américa
  10. Fantasia: son letras muy victorianas, con muchos adornos.