• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Tipografia
 

Tipografia

on

  • 3,532 views

 

Statistics

Views

Total Views
3,532
Views on SlideShare
3,512
Embed Views
20

Actions

Likes
2
Downloads
37
Comments
0

3 Embeds 20

http://www.slideshare.net 11
http://multimediatico.blogspot.com 7
http://geostigmamedia.com 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Tipografia Tipografia Presentation Transcript

    • Diseño Web y Composición Digital
      Tipografías Web
    • 9 Tipografías “seguras”
      Arial
      Arial Black
      Comic Sans MS
      Georgia
      Impact
      Times NewRoman
      Trebuchet MS
      Verdana
      Tipografías instaladas en Windows y Mac OS
    • Anatomía de una letra
      Prueba Tipografía
      8
      11
      4
      3
      9
      2
      6
      7
      1
      12
      5
      10
      Prueba Tipografía
      1 Línea Base
      9 Anillo
      5 Remate
      2 Altura
      6 Línea Media
      10 Descendente
      3 Hueco
      11 Ascendente
      7 Fuste
      4 Barra Transversal
      8 Ápice
      12 Serif
    • Serif
      Aumenta legibilidad en bloques generales de texto al proporcionar línea horizontal
      Fuentes serif modernas son más útiles en títulos
      Transiciones suaves a fuertes, serif redondeados a más rectos
      Vogue, Brides y Harper´sBazaar
      Garamond
      Baskerville
      Georgia
      Rockwell
    • Sans Serif
      Aparecidas en 1800
      Más legibles a tamaño pequeño
      Impreso: Titulo sansserif, cuerpo serif
      Web: opuesto
      Arial: genérica, “sin voz”, perfecta para cuerpo de texto
      Arial
      Calibri
      Helvetica
      Verdana
    • Escritas a mano
      Símbolo de humanidad
      Personalidad tangible
      Baja legibilidad
      Brush Script Std
      Edwardian Script
      Handwriting Dakota
      Lucida Handwriting
    • Novelty
      Decorativas
      Menos legibles
      Añaden gran personalidad y estilo al diseño
      Mesquite Std
      Rosewood
      Matura
      Herculanum
    • dingbat
      Carácteres ornamentales que se usaban para separar texto
      La mayoría tienen un tema
      Webdings
      Webdings
      Wingdings
      Wingdings
      Wingdings
      wingdings
    • ARCADE
    • Otras características
      ALTAS – bajas
      Tamaño
      Peso:
      Bold
      Light
      Estilo
      Itálica
      Oblicua
      Decorado:
      Subrayado
      Overline
      Tachado
      Blink
    • Espaciado de Texto
      Horizontal
      Kerning: espacio entre letras particulares
      Tracking: Espacio entre letras en general
      Alto de línea: Altura del texto
    • CCS
      Letter-spacing
      Word-spacing
      Text-align
      Line-height
      Text-indent
      Font-family
      Font-variant
      Font-weight
      Font-style
      Font-size
      Text-transform
      Text-Decoration
    • ¿Cómo seleccionar fuentes?
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño Web
      Diseño web
      Diseño Web
    • Tipografía
    • Tipografía 2
    • Font = imágenes
    • sIFR
      ScalableInman Flash Replacement
      Fuentes en cabeceros usando Flash y Javascript
      http://www.mikeindustries.com/blog/sifr