MANUAL PRACTICO DE DIAGRAMACION Y TIPOGRAFIA DIGITAL

Escrib

El siguiente es un manual el cual posee conceptos básicos de diagramación y tipografía, dichos temas están explicados de una forma resumida pero preci-sa hablamos de temas como: conceptos básicos de la tipografía, conceptos básicos de diagramación para así tener una idea mas clara de los términos nombra-dos anteriormente.

De parte de Cursiva estudio esperamos disfrute mucho y le sea de su agrado este breve manual.

Felipe García López Universidad Icesipipegarcial@hotmail.com

¿ Que es Escribo ?

ContenidoConceptos básicos de la tipografíaTipo, fuente, familias tipográficas, anatomía de la fuente.

Trabajando con la fuenteExpresividad y comunicación de una fuente, ¿Que son viudas?, ¿Que son huérfanas?interletraje, kerning, interlineado, ¿Como escoger un buen tipo?, contrastes tipográficos.

Construcción de una fuenteLa idea, el concepto, el boceto, la unidad visual.

Principios basicos de Diagramación Retícula , como construir una retícula, tipos de retículas, jerarquía.

Tipo :Se refiere al caracter en específico pertene-ciente a una fuente y de ahí a una familia. El uso de "Tipo" se centra en especificar la referen-cia a un símbolo individual o en específico, o a cada una de las piezas compuestas y juntas que alude a una letra o signo.

Se refiere a la familia de uno o más conjuntos de modelos de letras, diseñadas con un mismo estilo. Cada uno de estos conjuntos está compuesto por glifos o caracteres y se distinguen con un nombrepropio que constituye una familia completa. Ej.: Times New Roman, Helvetica…

Fuente :

Conceptos básicos de tipografía

AB

. ,

Tipos

FUENTE HUMMER :A B C D E F G H I J K L M N Ñ O P Q R S T W X Y Z

Familias tipográficas:

Una familia tipográfica es un grupo de signos escriturales que comparten rasgos de diseño comunes,conformando todas ellas una unidad tipográfica. Los miembros de una familia (los tipos) se parecen entre si, pero también tienen rasgos propios.

Clsificación de las Familias :

Romanas PalosecoSon regulares tienen una gran armonía de proporciones, presentan un fuerte contrasteentre elementos rectos y curvos y sus remates les proporcionan un alto grado de legibilidad

Se caracterizan por reducir los caracteres a su esquema esencial. Las mayúsculas se vuelven a las formas fenicias y griegas y las minúsculas están conformadas a base de líneas rectas y círculos unidos, re�ejando la época en la que nacen, laindustrialización y el funcionalismo.

Lineales

Rotuladas DecorativasLas fuentes rotuladas advierten más o menos claramente el instrumento y la mano que los creó,y la tradición caligráfica o cursiva en la que se inspiró el creador

Estas fuentes no fueron concebidas como tipos de texto, sino para un uso esporádico y aislado.

Conceptos básicos de tipografía

D ALinealesG f

Tipometría:

b t g m y xALinea Ascendente

Linea Superior

Linea BaseLinea Descendente

Barra

Oreja Hombro

Barriga Descendente

Blanco Interno

H h Q k

Anatomía de la fuente :

Brazo

Pata

SerifCola

Altura mayusculas

Asendente

ALinea Ascendente

Linea Superior

Linea BaseLinea Descendente

Barra

Altura mayusculas

¿Que son las Viudas? :Es la última línea de un párrafo que se ha fugado hasta la siguiente página o columna.

Es la primera línea de un párrafo que se ha quedado rezagada en la página o columna anterior.

¿Que son las Huérfanas? :

Trabajando con la fuente

Expresividad y comunicación de una fuente :

Las decisiones que se tomen, puede variar radicalmente la legibilidad, la inteligibilidad e incluso el compromiso y los sentimientos del receptor hacia la pieza de diseño, toda tipografía es expresiva, pues tiene expresión y constituye un indicio de algo.

línea viuda

Línea huerfana

Se entiende como el espacio en blanco que separa un carácter de otro. Con lo anterior se da el llamado Traking

Kerning : Espacio entre pares de caracteres. Cuando se diseñan las fuentes se designa un kerningpredeterminado para cada par de caracteres

Interletraje:

Es la separación (blanco) entre líneas de texto. Se define como la distancia entre las líneas base de dos líneas de texto conse- cutivas.

El interlineado

i n t e r

ag

El interlineado es la distancia entre lineasbase consecutivas

1. Forma 2. Peso 3. Contraste 4. El eje

5. Altura 6. Altura Mayusculas 7. Terminaciones 8. Gris de texto

9. Apertura Contra Forma

10. El efecto pescado

11. Contra forma externa

12. Contra forma interna

13. Set esté completo 14. La familia 15. El interletraje

¿ Como escoger un buen tipo ?

RegularesItálicasNegritasNegritas ItalicasVersalitasVersalitas Italicas

Contrastes Tipográficos : La diversidad de variables que presenta una familia tipográfica puede resultar suficiente para la jerarquización trabajos de diseño, pero el combinar dos o más familias, acrecienta el espectro morfológico y permite un juego de contrastes mucho más amplio.Tener en cuenta:

Contraste de tamaño

Contraste de estilos

Contraste de grises

Altura mayusculas

Serif

Construcción de una FuenteSe elabora siempre por medio de una combinación coherente y estudiada previamentede los elementos visuales con los que hayamos decidido trabajar.

ConceptoEs la razón de ser del diseño de la fuente, es la forma con la cual yo sintetizo las características mas relevantes del elemen-to y las aplico en la construccion y desarrollo de dicha fuente con el fin de imprimirle carácter y expresividad, redundando en las signi�caciones de lo que se quiere transmitir.

Todos los elemento de la fuente deben tener un por qué de su utilidad en dicha fuente.

El boceto es el inicio de toda creacion, es el momento en el cual el diseñador hace pruebas y aplica cada posibilidad de modelar su idea sobre el papel antes de pasar al proceso de digitalizado.

Boceto

Unidad VisualEl diseño deberá ordenarse habitualmente de manera coherente y dentro de los parámetros de la simetría en laEl diseñador debe tener siempre presente, que cada elemento de la composición, en función de la ubicación, dimensión o pro-tagonismo que le asignemos, experimenta pequeñas variacio-nes en su signi�cado.

La retícula se compone de líneas que son guía para la alineación y distribución de elementos en unformato. También valora las características informativas y los requisitos de producción del contenido, tales como: naturaleza de la información, cantidad de imágenes, ubicación de imágenes, etc.

Definir el formato de la pagina

Definir los márgenes del documento

Establecer la cantidad y tamaño de las columnas

Establecer el espacio que hay entre las columnas

El color y formato del texto (tipografía y tamaño), los titulares, cabeceras,pies de imagen, etc.

El uso de las imágenes como fondo en todas las páginas (marca de agua) y demás elementos ornamentales, tales como los filetes decorativos, etc.

Retículas :

Como construir una retícula :

Principios básicos de Diagramación

Tipos de retículas :

Retícula manuscrito

Retícula de columnas

Retícula modular

Retícula gerarquica

Jerarquía :En general, el concepto de jerarquía designa una forma de organización de diversos elementos de un determinado sistema, en el que cada uno es subordinado del elemento posicionado inmediatamente por encima (con excepción, claro está, del primero que no está subordinado a ninguno de los demás).

Tipos de jerarquía :

Jerarquía de arriba a abajo Jerarquía grande pequeño Jerarquía centrado/periferico

Jerarquía de lo separado frente a lo grupal

Jerarquía de lo contrastado Jerarquía de lo brillante

MANUAL PRACTICO DE DIAGRAMACION Y TIPOGRAFIA DIGITAL

Escrib