viernes, 29 de enero de 2016

7.B  Diseño tipográfico

En este apartado tenemos que crear un alfabeto tipográfico completo a partir de un logotipo gráfico conocido, en mi caso, e elegido el logotipo de la compañía telefónica Movistar










UNIDAD: 7

INTRODUCCION AL DISEÑO TIPOGRAFICO.

 7.1. El proceso de diseño gráfico.

Todo proyecto comienza a su vez con un boceto,antes del la realizacion del boceto tenemos que tener en cuenta el motivo por el  cual vamos a crear una tipografia, entre estos motivos encontramos:



- Interés por aprendizaje y aumentar conocimientos en esta disciplina          

- O simplemente para completar un proyecto.
- O para darse a conocer o una inversión.




La siguiente fase seria la digitalización de ese boceto, se crearía con el pero original que es lo que se llamaría ‘’master’’. Puede ser digitalizado mediante un escaneado. El cual parte de la forma dibujada vectorialmente para el que se usa un programa tipo illustrator y después se exporta a un programa de diseño tipográfico














El tercer paso sería la producción, que consiste en crear los múltiples o todas las familias de esas fuentes como la negrita, cursiva…




En cuarto lugar encontramos la postproducción, en este caso sería el ‘espaciado’ entre caracteres, líneas… por eso los diseñadores ven siempre el hueco teniendo en cuenta la mancha. Nunca es fácil la creación del espaciado por que se basa mucho en la intuición, el espaciado entre letras se llama prosa y kerning.





La quinta fase sería la comercialización, venta y distribución incluyendo las posibles licencias, la comercialización puede ser vía rrss, revistas, fundiciones digitales..





 7.2. Fundamentos del diseño tipográfico


Definir las características de la familia tipográfica que se va a crear: entendiendo por características, el peso, el eje de modulación, el ancho, la altura de x, el contraste entre trazos, los remates.

Correcciones ópticas: aquí buscamos la coherencia formal, si sabemos que característica queremos tenemos que procurar repetirlas en todos los caracteres que la contengan.

Existen unas correcciones en concreto, en la E mayus para que parezca más equitativo donde colocar la barra horizontal del medio de la E se coloca ligeramente más arriba. El grosor del trazo horizontal es más estrecho que el vertical.



En el caso de la O no es redondo el trazo superior suele ser más estrecho que los laterales









Espaciado: encontramos a la prosa y al kerning se da entre cada carácter, numerales se entre números, espacios verticales se da entre líneas, y acoplamiento.






Los espaciados llevando acabo el acoplamiento de este modo se produce el fenómeno de un espacio comprimido y se da en letras que no son capaces de rellenar todo el espacio de x




















7.3. Programas tipográficos.

Todos parten de una ventana con todos los caracteres El formato estandr de las ediciones de tipografía es el formato Ufo

-FontForge

Es un software libre único para Linux debido a que hacen apología a Linux.





-FontLab

Es un software de propietario, es tanto para Windows como para mac, fue puntero en cuanto a tipografía





-Fontgrapher

Es un software de propietario





-Glyphs


Es un software solo para mac. Revolucionador en cuanto a diseño tipográfico, actualmente le hace mucha competencia a fontlamb





-Robofont

Es un software solo para mac, es un programa de postproducción de fuentes, es para crear la familia tipográfica al completo.







-Fontself


Es un prototipo de adobe.





-iFontMaker

Aplicación para Tablet táctil, eligen un carácter y te propone un dibujo pero tu puedes hacer lo que tu quieras, sirve para ver como se diseña en un software en la tipografía









7.4. Tipografia creativa.



-tipo creativa vs tipo edición.


-texto como imagen -> metáforas visuales

"la metáfora visual es un recurso que permite, de manera rápida y sencilla hacer comprensible una idea, por medio de una imagen estereotipada."







-Fuentes libres, decorativas y titulares.

en este apartado podeis ver mas informacion en otro apartado que ya comente actividad anterior. 





Enlaces interesantes:




















6.C Diseño ‘PechaKucha’ de fundición digital 


" Un PechaKucha es un tipo de presentación originario de Japón (Tokio, 2003) para hacer presentaciones informales en un tiempo breve y limitado. Consiste en una presentación 20x20 (20 diapositivas de 20 segundos de duración cada una)."








viernes, 15 de enero de 2016

6.B Post investigación fundición digital


Deberny &; Peignot 



Fue una de las fundiciones tipográficas francesa más más importantes del siglo XX. Se caracterizó por la composición de diseñar las palabras al revés. En 1924 nace la fusión entre Peignot y la fundición Girard. En 1972 se compró por la fundición de Haas Type Foundry, donde años después Haas Type Foundry en 1985 se fusiona con la compañía Stempel, y en 1989 finalmente acabó fundiéndose con la grandiosa Monotype Corporation.





Uno de sus tipógrafos referente, fue el suizo Adrian Frutiger, el cual estuvo trabajando más de cincuenta años en su propio puesto como diseñador, generando y mejorando tipografías como Egyptienne o Univers.


Egyptienne



Univers










Otro de sus grandes diseñadores fue el Adolphe Cassandre, quién supo plasmar en sus tipos la visión estética de su generación, era un diseñador gráfico, diseñador de tipos, pintor, escenógrafo… Él diseñó tipos de letras como: Bifur, Acier, Acier Noir, Cassandre… 




















Y para ejemplos más romanos: Baskerville o Garamond.























Esta fundición formar parte de la historia de la tipografía por su importante papel impulsor en la Francia de los años 20, donde nos da a representar el arte y la cultura de la época, con el folleto de muestra de tipos Bifur, 








Donde sacaron 3 versiones  dos versiones Francesas y una versión en formato inglés.
















Las cuales crearon gran admiración por otros diseñadores, el uso de hojas de celofán de colores en la edición era nuevo en los años XX.




El folleto es un cuadernillo 17 x 26 cm con 16 páginas impresas en tres colores en todas partes. Algunas de las páginas están separadas, ya sea con una fina amarilla o una hoja de acetato de color azul.
Las páginas, elegantemente introducen un ritmo lento de lectura, y nos explica cómo podría, debe y no se debe utilizar Bifur.










enlaces interesantes sobre Deverny Peignot:








martes, 12 de enero de 2016

Prácticas UD_6 TIPOGRAFÍA DIGITAL
 6.1 Concepto de tipografía digital.

El concepto de tipografía digital se debe al conjunto de dibujos vectoriales, que nos permiten ampliarlo a diversas escalas sin pérdida de la calidad.













“Los formatos utilizados para almacenar los archivos de fuentes son: TrueType (TT), Postscript Tipo1 (PS1) y Open Type Font que son los formatos más reconocidos en la mayoría de sistemas operativos.
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.”






Aquí os dejo una charla de los chicos de Unostiposduros, donde nos dan a conocer unos trucos y principios básicos sobre la tipografía digital.




 6.2 Las fuentes tipográficas.


Las fuentes tipografías digitales  son  el conjunto de letras, números y caracteres con un mismo estilo.
“Se almacenan principalmente en archivos de tipo TrueType (TT) o PostScript Tipo1 (PS1). Son tecnologías de fuente escalable que mantienen buena calidad independientemente de la resolución.
Este tipo de fuentes son reconocidas en la mayoría de sistemas operativos. Cada fuente TT se almacena en un solo fichero, mientras que la PS1 requiere dos ficheros separados, uno para la impresora y otro para su visualización en pantalla. Este fichero contiene, además, la información necesaria para hacer corresponder cada imagen al carácter correspondiente, y también para el espaciado de los caracteres.”



















6.3 Legibilidad en pantalla.

"Las condiciones que se deben tener en cuentaen para una legibilidiad tipografica legible en pantalla tanto formalmente como textualmente hablando, son, en su mayoría, las mismas que para los textos impresos. Es decir: el número de caracteres por línea, la altura de "x" , tener en cuenta que el tamaño del cuerpo depende de la tipografía, el kerning, el tracking... pero podemos destacar como diferencia que en pantalla entran varios factores que no existen en el papel:”


Resolución:








Color texto/fondo:













 6.4 Fundiciones digitales.

En el siguiente apartado 6.B, hago un post de investigacion sobre una fundicion digital en este caso Deberny &; Peignot 
Aquí os dejo unos enlaces donde podemos observar las distintas fundiciones digitales y ver sus diferencias entre tipografías.







 6.5 Tipografía en soportes digitales.


 http://www.hipertexto.info/documentos/soportes.htm





Creación de Moldes de Letras con Illustrator

















Enlaces interesante sobre la tipografía digital: