Archive | February, 2013

Sans Serif Humanísitcas

10 Feb

Las tipografías Sans Serif de subdivisión humanística son unas de las más usadas a nivel mundial por ser tipos con legibilidad prácticamente perfecta. Tienden a reflejar modernisno y minimalismo, es por eso que se utiliza generalmente para propósito comerciales. A continuación de presenta un link con una presentación en prezi creada por florencia troche, donde se explica sus antecedentes históricos y tecnológicos, características y algunos ejemplos de esta subfamilia.

Sans Serif Humanísitcas

 

Comparte la presentación si fue de tu agrado, y no olvides seguir @TipografíaUNE

Diseña tu propia tipografía

3 Feb

Hay momentos en el diseño en que se necesita una tipografía personalizada, estas sirven para distinguir un trabajo de cualquier otro y darle un sentido único. Diseñar una tipografía requiere de tiempo, dedicación, precisión y técnica, es por eso que recomiendo realizar bocetos antes de digitalizar, para tener claro los parámetros y características por los que se rige su creación. Recuerde que entre los tipos de una misma fuente debe existir una coherencia a nivel de anatomía, por ejemplo: si un tipo tiene serif, todos deben tener serif.

A continuación les dejo un tutorial de la gente de Creative Suite Studios (Click para ir a su canal de youtube) donde explican como usar las herramientas de illustrator para diseñar sus propias tipografías, partiendo de un boceto y de figuras geométricas.  

No olvide compartir este video si fue de su agrado, comenta y sigue por twitter a @TipografiaUNE 

Johanness Gutemberg, creador de la imprenta y de ¿La Tipografía?

3 Feb

Jonhanness Gutenberg nació en Alemania, según unos autores en 1399, según otros en 1400. No se sabe mucho de su niñez, pero en su juventud se dedicó a pulir piedras y posteriormente dedico su vida a un proyecto que cambiaría la historia de la humanidad.

A principios del siglo XV los libros publicados estaban escritos a mano, por monjes y frailes que se dedicaban a la iglesia y a ese oficio, por lo general eran encargos del clero, nobles y reyes. La mayoría de ellos no entendían lo que escribían  porque eran analfabetos, es decir, simplemente se limitaban a copiar los signos que veían porque la educación solo estaba reservada para las altas sociedades y personas con altos cargos dentro de la iglesia, a quienes les convenía la ignorancia para mantener el poder, controlar a la gente y evitar problemas de rebeldía que pudieran crear guerras por desacuerdo de ideas.

Los chinos anteriormente crearon un sistema de impresión llamado xilografía, que consiste en esculpir una plancha de madera con lo que se desea imprimir, impregnarlo con tinta, y mediante presión realizar la transferencia hacia el soporte (papel, tela, etc). Este sistema funcionaba, pero solo para pocas copias porque la madera solía desgastarse rápidamente al ser usada en este oficio. Gutenberg apuesta por una nueva técnica en la que asegura que puede imprimir varias copias de la biblia en la mitad del tiempo que se tardaba el monje más rápido en transcribir una.

xilografía

Impresión mediante xilografía

Imagen extraída de: http://2.bp.blogspot.com/_O54R4aYbrqc/TNTUPUmcOAI/AAAAAAAAA4A/XkDb4qO6__4/s1600/IMG_0996.JPG

Al ponerse manos a la obra, Johanness Gutemberg confecciona moldes de madera de cada una de las letras existentes en el alfabeto y luego las cubre con plomo fundido, creando los primeros tipos móviles. Aún así, Gutemberg quedó escaso de dinero por lo que no pudo continuar con el proyecto, muriendo años después en banca rota.

tipos moviles0

Tipos móviles

imagen extraída de: http://4.bp.blogspot.com/-nkTlwTpOG7M/TgoI9auGr3I/AAAAAAAAAXk/48l513q5bLw/s1600/letritasgutemberg.jpeg

Peter Shoefer logra terminar el proyecto y poco tiempo después la gente empieza a reconocer el invento realizado por Gutemberg, sobre todo por la rápidez con la que se realizaba la impresión. Empezaron a llegar encargos y velozmente comenzó la expansión de este sistema de impresión.

Tras la invención e innovación de los tipos móviles empieza un movimiento con respecto al diseño de las tipografías, ya que se buscaba ampliar la gama de fuentes disponibles para impresión. Es por eso que a Johanness Gutemberg se le atribuye el crédito de la invención de la imprenta industrial y el comienzo de la evolución de la tipografía moderna.

Fuente: http://www.comunigraf.com.mx/articulos-y-reportajes/johannes-gutenberg/johannes-gutenberg-2.htm,

Zanón, David (2007). Introducción al Diseño Editorial. Madrid: Editorial Vision Net

Uso de las capitulares

3 Feb


Las capitulares o iniciales son las letras mayúsculas que inician un párrafo, estas presentan un mayor tamaño de caracter que el resto del bloque de texto, por lo tanto pueden ocupar aproximadamente dos líneas o más. A continuación se presentan uno ejemplos gráficos, donde se muestra que la capitular puede encontrarse dentro de la columna de texto o también puede estar afuera

Capitular clásica: se encuentra incrustada en el bloque de texto como se ve a continuación, ocupando varias linea.

Capitular o mayúscula inicial: ubicada en la primera línea del texto.

 Capitular o mayúscula inicial la cual se ubica por fuera del párrafo.

Las letras capitulares pueden contrastar con la tipografía del bloque de texto, como se muestra a continuación a través de la elección de una tipografía ornamentada.

También se puede aplica una capitular donde la diferencia de cuerpos sea sumamente exagerada y el texto se amolde a la forma de la letra incrustada.

En el siguiente caso se usa una capitular de gran tamaño, elemento que afecta enérgicamente el aspecto del bloque de texto, permitiendo jerarquizar en forma expresiva los diferentes párrafos generando un gran atractivo visual para el receptor.

Fuente: http://tiposformales.wordpress.com/category/formacion/b-expresividad-tipografica/

Formas de alineación

3 Feb

La alineación de los textos representa un aspecto importante a la hora de presentarlos, porque al hacerlo eficazmente  dan armonía al texto con respecto a los otros elementos que componen una obra. El texto puede alinearse de  diversas maneras:

  • A la izquierda
  •  A la derecha
  • justificado
  • centrado o asimétrico.

El texto alineado a la izquierda también llamado bandera derecha, es el más natural y recomendable para textos largos. Crea una letra y un espacio entre palabras muy uniforme, y dado que las líneas terminan en diferentes puntos, el lector es capaz de localizar fácilmente cada nueva línea, pues nuestra manera de escribir, de izquierda a derecha, obliga al lector a  buscar el inicio de cada línea tipográfica a la izquierda, por esa razón es la forma de alineación que resulta más legible.

alineacionizq

La alineación a la derecha va en sentido contrario a nuestra escritura por tal razón es difícil para el lector encontrar la nueva línea. Este método es adecuado para textos que no sean muy extenso, pero no para grandes bloques porque no permiten una lectura fluida.

alineacionderecha

El texto justificado (alineado a derecha e izquierda) puede ser muy legible si se asegura que el espacio entre
letras y palabras sea uniforme y no queden los molestos hucos llamados “ríos” que interrumpen el curso del texto.

justificado

Las alineaciones centradas dan al texto una apariencia muy formal y son adecuadas cuando se usan mínimamente. Pero debe evitarse configurar textos demasiado largos con este modelo, ya que no son aptos para lecturas extensas.

centrado

Las alineaciones asimétricas o libres son usadas cuando el diseñador desea romper el texto en unidades de pensamiento con cierta lógica, o para dar a la página un aspecto más expresivo. Obviamente la configuración de grandes cantidades de texto de esta manera acaba por cansar al lector.

alineación asimétrica

Por un diseño con buenas alineaciones de texto comparte este post en las redes sociales. También le invito a seguir la cuenta en twitter @TipografiaUNE

 

Fuente: http://home.arcor.de/bochenn/type/Fundamentos%20Del%20Dise%F1o%2004%20Tipograf%EDa.pdf

Dale forma a la tipografía

3 Feb

Los mismos creadores de “Kerntype” le retan para ver que tan hábil puede ser dándole forma a las tipografías que se presentan.

El juego consiste en manipular  los “anchor points” o “nodos”  para que hagas la forma del caracter determinado de una forma correcta.Si es fanático de las tipografías, quiere aprender un poco más sobre sus formas o simplemente quiere entretenerse, dele click a la imagen en la parte inferior y comparte el post a través de las redes sociales.

 

shapetype03

Propiedades de la tipografía

3 Feb

A continuación se mencionan los principios básicos de la tipografía según Bellantoni y Woolman (2001):

 

–       Grosor de los caracteres: Se refiere a la negrura o pesadez de un carácter. Tradicionalmente un tipo se diseña en al menos dos grosores: regular o negrita. Ejemplo:

Grosor

Imagen extraída de: http://tiposformales.files.wordpress.com/2010/09/prop_de_tono.jpg

–       Ancho de los caracteres: El ancho de un carácter “viene determinado por el intervalo d espacio entre las astas verticales y los ojales. Ejemplo:

anchodelcaracter

Imagen extraída de: http://tiposformales.files.wordpress.com/2010/09/042_variable_proporcion.jpg

–       Postura del carácter: Existe la posición estándar, recta, que se conoce como romana porque surgió del alfabeto creado por los romanos, por otra parte también se cuenta con la cursiva donde los caracteres se inclinan hacia la derecha. Ejemplo:

PosturaCaracter

–       Tamaño del carácter: El tamaño en puntos de un tipo digital viene determinado por el asta ascendente más alta y asta descendente más baja. Las tipografías menores a 12 puntos son consideradas para textos y los de mayor puntaje para titulares o en contextos que sean necesarios. Ejemplo:

tamaño del caracter

–       Espaciado: Es el espacio de cada letra de acuerdo con su ancho individual. Ejemplo:

espacio

–       Tracking: Es el ajuste de espacio uniforme de las letras en una palabra, frase, párrafo o texto completo.

tracking

Imagen extraída de: sebasaristi.wordpress.com

–       Kerning: Hace referencia a la relación espacial entre dos caracteres concretos. En la mayoría de los casos, cuando se colocan dos letras una al lado de la otra, los anchos de los respectivos ojos permiten que los caracteres queden lo suficiente cerca como para considerarse parte de una palabra.

kerning

Imagen extraída de: http://www.tiposconcaracter.es/wp-content/uploads/2011/10/espaciado-kerning.png

–       Interlineado: Es la distancia vertical entre las líneas bases del tipo. El valor del interlineado equivale a la suma del tamaño en puntos del tipo usado y la cantidad de espacio añadido entre las líneas base.

Interlineado

¿Le ha servido este artículo?, entonces compartalo por las redes sociales y sigue a @TipografíaUNE

Fuentes: http://home.arcor.de/bochenn/type/Fundamentos%20Del%20Dise%F1o%2004%20Tipograf%EDa.pdf,

Bellantoni, Jeff y Woolman Matt (2001). Tipos en Movimiento. México: McGrawHill

¿Qué tanto sabes del Kerning?

3 Feb

En primer lugar recordemos que es Kerning. Este término hace referencia a la relación espacial entre dos caracteres en concreto, se ajusta con la finalidad de mejorar la apariencia del texto y facilitar su lectura.

A continuación, le presento un juego “KernType”, para que ponga a prueba sus habilidades con respecto al Kern mientras se familiariza con las diferentes tipografías que se le presentan, ya que contiene la información sobre el nombre de la fuente, su diseñador y la fecha de publicación de la misma. Clickea la imagen de abajo para jugar, no olvides compartir y sigue a @TipografiaUNE

KearnMe

Imgen extraída de: www.gizmodo.com.au

Fuente: http://type.method.ac/#

¿Que son las familias tipográficas?

3 Feb

La familia tipográfica es un serie de signos y símbolos que siguen unos parámetros predefinidos en cuanto a diseño. Una familia suele estar comprendida por 27 letras mayúsculas u minúsculas, versalitas, 10 números, símbolos especiales, signos de puntuación y matemáticos, ligaduras, la familia completa suele estar compuesta por aproximadamente 150 caracteres.

Una familia tipográfica puede tener diferentes variables de tonos, es decir varios grados de groso. Pueden ser:

Ligera o light. Ejemplo:

HelveticaLight

Romana, Book (tono para libros) o regular 

HelveticaRegular

 

Negrita o Bold 

Helvetica Bold

 

Seminegra o Heavy 

Helvetica Heavy

 

Negra o Black:

helveticaBlack

 

Ultra negra o Ultra Black 

HelveticaExtraBlack

 

 

Otra variable dentro de las familias tipográficas son las proporciones, estas se refieren al eje horizontal de un tipo. A continuación se presentan las diversas proporciones

Normal

HelveticaRegular
Condensada: 

HelveticaCondensed

 

Expandida 

Helvetica extended
Por otra parte, también está la variable de inclinación, que esta representada en el desplazamiento horizontal del eje de un tipo. Las itálicas presentan una inclinación aproximada de 12 grados y se puede ver representado en el siguiente ejemplo:
HelveticaItalicEspero que el post le haya ayudado a aclarar sus duda con respecto a las familias tipográficas y todas las variables que existen dentro de la misma. Te invito a compartirlo en las redes sociales y seguirnos por twitter @TipografíaUNE

Fuente: http://espana.logtechnology.com/fullaccess/Library/Clasificacion_tipografica.pdf.

Sans Serif o Palo Seco

2 Feb

La familia Sans Serif esta compuesta por un conjunto de tipografías que tienen una característica en común; carecen de remates o terminales, así mismo, entre sus trazos gruesos y delgados no existe contraste, sus vértices son rectos y sus trazos uniformes, ajustados en sus empalmes. Representan la forma natural de una letra que ha sido realizada por alguien que escribe con otra herramienta que no sea un lápiz o un pincel. Esta familia se suele usar para títulos que busquen causar impacto, para titulares que deben ser leídos a distancia o para cuerpos de lectura que sean relativamente cortos.

Las Palo seco se subdividen en :

  • Grotescas
  • Geométricas
  • Neo-Góticas
  • Humanísticas

Grotescas: llamadas Grotesque en Europa y Gothic en América son las primeras versiones de sans serif derivadas de un tipo egipcia, sólo que en este caso se han eliminado los remates. Su construcción no se rige visiblemente por estructura geométrica alguna. Ejemplos: Akzidenz Grotesque, Franklin Gothic.

El primer tipo de la familia grotesca aparece en el año 1816, pero en la práctica no fue conocida y difundida hasta el año 1925, cuando apareció la famosa Futura, obra del grabador Paul Renner, un tipo de letra que ha inspirado a todos los tipos existentes de grotesca.

Como ejemplo tenemos la portada del libro A eterna Frankli Gothic de Claudio Rocha:

FranklinGothic

Imagen extraída de: https://www.livrarialoyola.com.br/images/produtosg/8588343150.jpg

Geométrica: Basados en formas y estructuras geométricas, normalmente monolíneas,  se emplean deliberadamente las mismas curvas y líneas en tantas letras como sea posible, la diferencia entre las letras es mínima. Las rectas pronunciadas y las formas circulares hacen que no sea una tipografía aconsejable para la utilización en bloques de texto. Alguna de las tipografías que pertenecen a esta subdivisión son: Futura, Eurostile, Industria, Avant Garde, Kabel.

 Blogfutura

Imagen extraída de: http://nadinechicken.files.wordpress.com/2011/12/futura.png

Neo-góticas: también conocidas como neo-grotescas, ostentan trazos con mayores modulaciones y una construcción mucho más dócil, siendo el resultado resultado de cuidadosas correcciones ópticas. Del grupo de las tipografías sin serif, son en general unas de las más utilizadas para textos de corto y mediano alcance. Las tipografías Neo-grotescas presentan muy buena legibilidad en palabras o frases cortas, por lo que son consideradas como las más apropiadas para ser empleadas en señalizaciones. Entre estas tipografías están: Univers, Frutiger, Helvetica

BlogUnivers

Imagen extraída de: http://fc04.deviantart.net/fs39/f/2008/324/8/e/ARTG_226___Univers_Poster_by_HiddenMutation.png

Humanísticas: No son monolíneas y se puede afirmar que son una versión de la romana pero sin serifs, es decir sin remates en sus terminaciones. Eentre estas tipografías estan: Gill Sans, Britanic, Óptima, Stone Sans. A continuación se presenta un ejemplo con la Óptina:

BlogOptimaPoster_Page_1

Imagen extraída de: http://www.whitneyorth.com/wp-content/uploads/2012/04/OptimaPoster_Page_1.jpg

Si le fue útil este post le invito a compartir el conocimiento mediante las redes sociales y no olvides seguirnos por twitter @TipografíaUNE

Fuentes: http://espana.logtechnology.com/fullaccess/Library/Clasificacion_tipografica.pdf,http://tiposformales.wordpress.com/2010/09/04/clasificacion-tipografica/

tipografiaune

A fine WordPress.com site

The WordPress.com Blog

The latest news on WordPress.com and the WordPress community.