Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Tipografía 1

Conceptos básicos para Diseño Web
by

M Doninalli

on 20 November 2012

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Tipografía 1

Inicios En 1450 Gutenberg sintetiza los conocimientos de la época sobre la impresión y arma un procedimiento para fundir caracteres móviles práctico y confiable.
Nace un nuevo oficio, el de tipógrafo. Antecedentes Las formas escritas del lenguaje evolucionaron, de pinturas a símbolos, hasta signos abstractos que representan sonidos articulados. La tipografía es el arte de diseñar letras y componer textos de tal modo que puedan leerse de un modo fácil, eficaz y agradable. Uso de la tipografía hoy A partir de 1980 diseñadores como Neville Brody y David Carson proponen un nuevo manejo en el uso de la tipografía, buscando un estilo intuitivo y libre en el diseño. Partes de un caracter Familias tipográficas Se distinguen por la diversidad de elementos que constituyen la letra: el asta o elemento necesario y el remate o terminal, que es en la mayoría de los casos decorativo. Conceptos básicos para Diseño Web Tipografía (Willi Kunz, 2002) Tablilla en pieza caliza de la ciudad de Kish, 3.500 a.C.. Primer pictograma hallado. Ideogramas sumerios. En el s.I d.C los romanos usan un alfabeto casi idéntico al actual: Quadrattas y Rústicas. Carolingias, del s. VIII al XI se establece la minúscula como escritura formal de la corte. La letra Gótica (siglo X, Suiza) surge como un nuevo tipo de letra comprimida angulosa y negra. Usada hasta el Renacimiento con la Littera Moderna o Rotunda. Unciales, del s. IV d.C. que evoluciona de las romanas, más redondeadas. Con la Cancilleresca se profundiza en las técnicas manuales de escritura. En 1.545, el impresor francés C.Garamond funde un tipo más informal que la letra trajana. Es el primer tipo romano antiguo. Baskerville, diseño de transición, evolución de los tipos antiguos a los modernos, procurando la
legibilidad de los primeros y limpieza de los segundos. Bodoni, 1768, racionaliza los tipos redondos, haciendo el contraste mecánicamente vertical. Futura, de prinicipios de s.XX, Paul Renner logra un tipo universal influenciado por los ideales de la Bauhaus. Broadway, diseñadada por M. Benton, de estilo Art Deco, se destaca entre los tipos diseñados para titulares. Times New Roman, de Stanley Morison, aparece en 1932 en el
diario “TheTimes” de Londres. Tipografía legible y compromida, ideal para periódicos basada en tipos antiguos . Helvetica, diseñada por Max Miedinger en 1959, sinónimo de
modernidad, progreso y actitud cosmopolita. Avant Garde, diseñada por Herb Lubalin para titulares, en 1962, muestra estilística de la época. Tipo Romano antiguo Romano de transición Romano moderno Egipcio Palo seco Fantasía Caligráfica Gótica Variables visuales Se denomina variables visuales, a las variaciones que han sufrido los signos.
Estas variables son las siguientes: La forma, la orientación, el tamaño y el movimiento. Tipografías en la web En la tipografía para la web si bien pueden aplicarse muchas reglas del medio impreso, existe un número importante de características propias del medio digital que deberán considerarse para redefinir pautas. Serifa para impresión Serifa para pantalla Palo seco para impresión Palo seco para pantalla Serifa para impresión Serifa para pantalla Palo seco para impresión Palo seco para pantalla Organización de los textos en
la página web Palabras clave destacadas (en forma de vínculos, o utilizando variables tipográficas, o cambios de color).

Subtítulos significativos; útiles.

Listas de ítems.

Una idea por párrafo (los lectores generalmente saltean cualquier idea adicional si no son 'capturados' por las primeras palabras del párrafo).

El estilo de 'pirámide invertida', empezando por la conclusión.

La mitad o menos de palabras que las que normalmente se utilizan en textos impresos.

Líneas de texto de 8 cm aproximadamente, no más, que se corresponda con el alcance ocular.

El buen uso de la tipografía depende del contraste visual entre fuentes y entre los bloques de texto y el blanco. El ojo es naturalmente atraído por los contrastes. Romano moderno
Full transcript