domingo, 29 de enero de 2017

UD.8_ Ortotipografía

8.A_ Ortotipografía 

8.1 Concepto de ortotipografía.

- Origen: esta disciplina comienza en 1608, fue un médico quien realizo el primer intento de ortografía, porque su padre tenia un negocio de imprenta. Lo realizo en latín y su nombre era: Orthotypografía. El autor se llamaba: Hornschuch.
Conjunto de reglas por la que se rige la confección de un impreso mediante recursos o signos tipográficos” de José Martinez de Sousa. ( definición de ortotipografía).
-Conpecto: Esta a medio camino de la tipografía y la ortografía. Para que un diseñador pueda ver y corregir esos errores ortográficos para un proyecto.


(Pablo Zulaica, realizo un proyecto de ir por la calle colocando los signos de acentuación en los carteles que contienen falta de ortografía, en su pagina web puedes el porque de la acntuación de ciertas palabras).


8.2 Uso correcto de los signos. 

- Signos entonación: Por culpa de en parte de algunas aplicaciones para los móviles, hemos dejado de colocar los signos de entonación y por las abreviaturas que realizamos.
Se pueden utilizar varios signos de entonación pero si empezamos con tres o dos interrogaciones tenemos que cerrar con dos o tres interrogaciones con las que has empezado.

-Comillas: Las comillas que deberíamos usar son las francesas y no las latinas, también hay otro tipos de comillas como son las simples, mecanográficas y las angulares. ( He de decir que no hay que confundir las comillas simples con las comillas angulares ya que son parecidas pero si nos fijamos bien son totalmente diferentes.)
Las comillas francesas están alienadas con la altura de X.
Si la frase solo es una frase textual el punto va dentro de la frase y después la comillas.
Pero va fuera si el texto no termina continua, el punto se coloca fuera de las comillas.
Las comillas se usan para:
-citas textuales,
-comillas dentro de comillas,
-títulos,
-ironía
- incorrecciones.
(para colocar las comillas francesas alt + 174. y para cerrar alt+175.) « »


-Apóstrofes y primas: Existen diferentes caracteres diferentes, hay un simbolo de segundo que no es lo mismo que poner el simbolo de segundos que se encuentran un poco más separados.
Los puntos suspensivos no es lo mismo que la repetición de tres puntos, la diferencia se encuentra en la separación entre puntos.
-Signos horizontales: Los signos horizontales son diferentes respecto a los demás, cada uno tiene sus funciones y sus correspondientes caracteristicas.
- Guión: equivale al cuadro de cuadratín
-Guión medio equivale a medio cuadratín.
Guión bajo es un medio de entorno informático.
Ralla: es como un guión más larga y se usa para diálogos o incisos.
-Signos verticales: Barra vertical, para incorporar después de un nombre propio una fecha, de nacimiento o actual..
Barra inclinada: para separar conceptos ejemplo calidad/precio.

-Signos contenedores: Parentesi corchetes llaves :
las llaves se usan para elementos matemáticos..
los corchetes igual y para
-Puntos: El punto suspensivos, son solo tres puntos
punto medio o volado: separa conceptos o en otros idiomas
Topo o bala: para hacer una listas, enumeración... ( sustituyendo a los guiones alineados) son puntos más grandes
Línea de puntos: para separar parrafos
Puntos conductores para elaborar un indice.
-Blancos tipográficos: Nos redferimos a los espacios en blanco.
Espacio eme: Un cuadratín que es el espacio más grande
Espacio ene: medio cuadratín
espacio grueso: Un tercio de cuadratín. M/3
Espacio mediano: Un cuarto de cuadratín M/4
Espacio delgado o fino: Un sexto/octavo de cuadratín M/6 M/8

Espacio de pelo: una vigesimocuarta parde de un cuadratín M/24


8.3 Normas ortotipográficas.

1- Tipografías distintivas: Es uno de los elementos sutiles e interesantes. En un párrafo cuando comienza con las comillas por fuera este quede más compacto.
Cursiva: una tipografía tiene la opción de ponerla de forma cursiva, pero no es lo mismo que esa tipografía tenga dentro de su familia una tipo cursiva, las inclinaciones no son las mismas, las diferencias, son sobre todo en la “a” ya que al ser cursiva es una imitación caligráfica y de la otra forma al darle a la opción de cursiva te pone una tipografía más de estilo romana. Las inclinaciones de las letras no son las mismas, y el grosor de las lineas cambian por completo.
Cuando queremos resaltar un concepto, siempre hay que tener en cuenta, poniendo la palabra en negrita, pero es lo que se usa en exceso y no se debería usar, debería tener una estética de forma uniforma, y en vez de usar negrita usar cursiva y la negrita para un titular o un elemento aislado …


Mayúsculas: están las de posición , cuando empiezo una frase nueva siempre es imprescindible poner mayúsculas, y después están las mayúsculas de naturaleza, que son para nombres propios, para nombre de centros, días de la semana, títulos de libros..
Cuando escribimos en abreviatura don o doña se ponen en mayúscula(D, Dª Dr) pero si escribimos la palabra por completo se pone en minúscula.
Las versalitas podríamos usarlas en un guión de teatro.

2- Citas textuales bibliográficas y notas: Para las citas textuales se usan incisos como: paréntesis, corchetes e incisos. Para un texto se pone paréntesis y dentro corchete, en cambio en matemáticas se pone corchete y después paréntesis, hay que tener cuidado de no confundirnos.


3-Cifras: los usos corrector son: hay que dejar un espacio entre en numero y el símbolo de porcentaje
cuando hablamos de una época no hay que poner delante ninguna comillas
cuando hablamos de una cifra alta se pone el punto correspondiente o no ponerlo pero si no lo pones no hay que poner el espacio como si estuviera el punto
Cuando hablamos de una nota se pone como y no punto
La fecha nunca se pone punto 2017 (2,017)
Cuando hablamos de la hora no se escribe con dos puntos, se escribe 20.30 horas.


4-Abreviaciones : cuando hablamos de una calle se usa barra y no punto c/…
la abreviación d la palabra teléfono se pude poner de varias formas Teléf o T.
cuando hablamos de una fecha antes de cristo o después se pone 19 a. de C.
juegos olímpicos (JJ.OO)
Siglas ONG
Sigloide (CiU)
Acrónimo (spanglish)


5-Ortografía publicitarias:Es recurrente inventarse palabras como algo predeterminado como forma de comunicación, o usar las palabras quitando le las vocales… 

8.B_Decálogo de ortotipografía




UD.7: Introducción al diseño tipográfico.

7.A _Introducción al diseño tipográfico 

7.1 El proceso de diseño tipográfico. 

-1. Proyecto: 

- motivos: los motivos son un encargo, como los de una gran empresa, unn producto comercial… otras veces son por iniciativas propias de un diseñador, cuando estar realizando un proyecto diseñando una tipografía para el proyecto un logotipo…
muchas veces es iniciativa propia que se realiza con la intención de venderlo y ganar dinero…
- bocetos: Es el primer paso que realizamos para realizar cualquier proyecto, siempre se dibujan en tamaño grande, donde se puedan observar todos los detalles, ya que si lo realizas en pequeño esos detalles esenciales no se pueden apreciar. Y diferentes pruebas para poder ver cual es la más apropiada para el proyecto que se encuentra en proceso. ( en este caso estamos ablando por ejemplo de diseño de tipografía.) también hay que tener en cuenta mucho el diseño ya que algunas letras se suelen confundir.



-2. Digitalización: Una vez tenido los bocetos en papel, la mejor opción para poder presentarlo es la digitalización, para poder ver la letra con otro aspecto y mejor definida.



-3. Producción: Cuando hablamos de producción estamos hablando del espaciado de las letras, cuando diseñamos una letras se le asigna un espaciado a la letra tanto por delante como por detrás.

-4.Postproducción: si hablamos de una familia tipográfica con diferentes pesos.. se le considera fase de postproducción. (el generar una familia completa, normalmente sencilla. )

-5.Comercialización: Este sería el ultimo paso del proceso.. puede ser la libre descarga, permitiendo según que tipo de uso etc. o de pago a traves de fundiciones (libre type), Entre estos dos modelos, hay otro modelo que es el pagar la voluntad, la gente se lo descarga libremente y deja la opción de que cada persona voluntariamente le pague lo que quieran. 


7.2 Fundamentos del diseño tipográfico. 

- Consistencia o ductus: son los elementos gráficos q nos recuerda a un elemento de la tipografía, lo que hace que una tipo tenga esa esencia y esa consistencia no son solo los remates, sino las siguientes.
1:_ Características:
  • peso (delgadas o gruesas..)
  • eje o modulación: inclinación sutil, o más pronunciada, o con diferentes ejes en diferentes letras…
  • Altura x: proporción de la letra, cada letra tiene un ancho que les diferencia, el modulo en la que esta echa cada letra, cambia por completa la letra.
  • Contrastes: diferentes trazos que componen un letra, los hay lineales en las que todas las lineas tiene el mismo ancho fino y otras en las que son el ancho más grueso.
  • Remates: Serif, si son con serif tenemos que ver cuantas tienen sefif y donde las quieres colocar en cada letra, ya que no todas tiene que tener serif ni tenerlas en el mismo sitio.

2:_Correcciones óptimas: El ancho de linea , los anchos verticales tienden a verse más ancho que los ancho horizontales.
En la E en palo del medio, tiene a colocarse más hacia dentro porque si lo colocamos lineal con el resto de los otros dos tiende a verse como si se fuera a salir.


3:_Espaciados: El tratamiento de los nodos;(IMPORTANTE SABER)
- primero usar los menos nodos posibles,
- utilizar los brazos de los nodos de forma horizontal o vertical.
- Utilizar longitudes de las manillas a ambos lados de los nodos.
- No utilizar dos tercios de esa medida.
  • Rosa:
  • Kernimg/ acoplamiento:


7.3 Programas tipográficos. 

- Font Forge: sotware libre,
-Foutlab: sotware multi plataforma de pago,
-Glyghs: software para diseñar tipografías solo para mac. (programa echo por diseñadores, obtimizando las necesidades de los diseñadores, la interfac es más sencilla, se diseña todo en glyghs incorpora de interpolación, para crear una familia completa..)
-Protsofout: especializado en crear familias tipográficas.
- Formato UFO: formato genérico tipográfico. 


7.4 Tipografía creativa

- Titular vs edición: Se leen con facilidad, tienen interlineado y líneas de base que son regulares. Son unas tipografías que pasas desapercibidas, pueden ser de diferentes formas según para lo que se use y el soporte y para el publico que va dirigido. 




-Textos imagen( metáfora visual)
Se trata de una imagen compuesta en base a palabras, es una forma de romper con lo tradicional, se usa el interlineado, se superponen unas a otra... Son tipos que llaman la atención fácilmente y se usa sobre todo para carteles, poster.. 




7.B_Diseño tipográfico


jueves, 19 de enero de 2017

UD 6. Tipografía Digital.

6.A_ Tipografía digital


6.1 Concepto de tipografía digital: 

“La era digital ha supuesto una verdadera exposición tipográfica. En una 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 sofware, puedan hacer sus primeras introducciones en el ámbito de la tipografía.
Una fuente digital está formado por un conjunto de espaciado, 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.

2._ Concepto fuente tipográfica: "Una fuente es un contenedor de glifos"
3._ Caracteristicas:  Todas las fuentes tiene unos caracteres tanto numerales, alfabéticos, ligaduras, signos, la forma de poder poner las palabras en negrita, cursiva, e incluso la facilidad de poder cambiar el grosos de las líneas, alturas.. 




6.2 Las fuentes tipográficas. 


1._ Bitmaps: tipografía 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.
 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.3 Legibilidad en pantalla. 


Hinting: Es la información que tiene la tipografía, ter permite poder imprimirlas en soporte de alta o baja resolución sin perder ninguna información, conservando su legibilidad. 

El hinting coge esa información y la simplifica según los caracteres dando mayor importancia a las cosas que son de menor tamaño. 
También existen otras fuentes como por ejemplo: Verdana o Arial, ambas nos permite realizar la misma tarea sin tener que realizar un hinting.



6.4 Fundiciones digitales. 
Se dedican a comercializar con las fuentes tipográficas. Algunas empresas son: Myfonts, linotype, fontshop, atipo, emtype… 

Cualquiera de esta fundiciones que he mencionado, se encargan de realizar diferentes familias tipográficas, ya sean por encargo o no para que la gente que necesite alguna tipo en concreto para un trabajo, pueda acceder a ella sin problema ninguno, ya que son fundiciones libres, de pago o lo que cada uno pueda o quiera aportar al creador de esa fundición. 

6.5 Tipografía en soportes digitales


-web: css/@fontface :

- dispositivos móviles: Cada dispositivo tiene su tamaño de pantalla, resolucción... ya que puede ser para móvil, tablet...  Con esto, (tipografía en soporte digital), pretenden que con un diseño web único, tenga una visión legible en cualquier dispositivo ya sea móvil, tableta... 

- Texto y programación: En este apartado , texto y programación viene siendo la capacidad de conseguir adaptar el texto de las paginas web que estemos visualizando en ese momento por el dispositivo que sea, se adapten las dimensiones a las medidas correspondientes del dispositivo sin tener que modificar nada. 


6.B_Una fundición digital española 

TIPONAUTAS.
   

Es una fundición de tipo independiente fundada en 2010. Se esfuerzan para diseñar, desarrollar y producir tipos de letras originales, dando mayor atención a las necesidades de la comunidad de diseño en todo el mundo. Cuando tienen tiempo, realizan los proyectos de diseño de letras y de tipos personalizados. Son unos exigentes con el arte y los diseñadores.

Luis Alonso, nació en Barcelona en 1984. Estudió diseño gráfico y obtuvo su Máster en Tipografía Avanzada en Barcelona. • Más tarde empezó a trabajar para los estudios nacionales e internacionales y editorial, como parte de los equipos creativos y como director de arte y diseñador independiente. En 2011 Luis se trasladad a EEUU, donde actualmente vive y trabaja principalmente centrado en la interfaz de usuario, y proyectos de desarrollo de marca.

Ricardo nació en Lisboa (Portugal) en 1976. Se graduó en  Artes Visuales, Diseño e Marketing, en Lisboa. Recibió su Maestría en Tipografía Avanzada en Barcelona(como Luis Alonso). • Desde 1997, ha diseñado sus propios tipos de letra a través de su sitio web personal y el tipo de fundición, Vanarchiv . En la actualidad trabaja como diseñador de tipo independiente y enseña en el diseño de tipo. Ricardo nació en Lisboa (Portugal) en 1976. Se graduó en  Artes Visuales, Diseño e Marketing, en Lisboa. Recibió su Maestría en Tipografía Avanzada en Barcelona(como Luis Alonso). • Desde 1997, ha diseñado sus propios tipos de letra a través de su sitio web personal y el tipo de fundición, Vanarchiv . En la actualidad trabaja como diseñador de tipo independiente y enseña en el diseño de tipo.



Estos son los dos creadores de la fundación digital Atipo:





Fuentes tipográficas creadas por ambos diseñadores: 


 Tripulación aérea 
Esta familia tipográfica tiene una composicón neutra, las terminaciones de las letras suelen ser verticales y de bajo contraste. 
Las diferencias entre mayúsculas y minúsculas les da un mayor equilibrio a la composición de las palabras. Su proporción permite introducir más palabras en menos espacio. 






Lab Sans Pro.
Esta fuente tipográfica es de tipo sans serif, con forma geométrica. Su aspecto es tecnológico y minimalista, y su uso es especialmente para cosas de tamaño grande. 
Tiene una variedad de caracteres elegantes para mejorar su uso en diferentes contextos de diseño gráfico. 





 Lab Losa Pro. 
Es una tipografía de estilo geométrico, con aspecto tecnológico y minimalista como hemos visto en la tipografía anterior, ya que forma parte de su familia tipográfica. 
Y adecuada para el uso de grandes tamaños. 





Tramuntana Pro
 Se encuentra inspirada en el último renacimiento y el espíritu manierista
Es diseñada por Ricardo Santos en 2009 e inspirado por Robert Granjon, Garamond y tipo de letra Sabon. 




Tramuntana Dingbats
Selección de diferentes elementos gráficos.
Se puede utilizar con otros tipos de letras como fuente de material gráfico decorativo.





6.C_‘PechaKucha’ de fundición digital