tipowebgrafía
DESCRIPTION
This presentation was given at the "Encuentro latinoamericano de diseño 2010".TRANSCRIPT
![Page 1: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/1.jpg)
tipowebgrafíaEncuentro Latinoamericano de Diseño 2010
![Page 2: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/2.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
![Page 3: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/3.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
web
![Page 4: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/4.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
la web comenzó siendo texto
![Page 5: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/5.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
hoy el 95% de la web sigue siendo texto
![Page 6: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/6.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
. perfil.com
. blogs
. gmail
. gtalk
. mercadolibre
![Page 7: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/7.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
. información
. educación
. comunicación
. comercialización
![Page 8: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/8.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
tipografía
![Page 9: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/9.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
familia tipográ�ca
Es el conjunto de signos cuyo diseño tiende a respetar leyes estructurales y relaciones morfológicas, como por ejemploterminaciones, serif, bastones ó trazos.
![Page 10: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/10.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
familias tipográ�cas
. con serif
. sin serif
. romanas
. egipcias
. palo seco
. cursivas
. de fantasía
. romanas antiguas
. romanas de transición
. romanas modernas
. geométricas
. opticas
![Page 11: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/11.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
pantalla
![Page 12: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/12.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
computadora | celular | tableta
![Page 13: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/13.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
tipografía segura
![Page 14: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/14.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
. con serif
. sin serif
. times new roman
. times
. georgia
. arial
. verdana
. helvetica
tipografías por sistema operativo
![Page 15: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/15.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
publicación
![Page 16: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/16.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
clarin 2007
![Page 17: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/17.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
clarin 2010
![Page 18: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/18.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
presente
![Page 19: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/19.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
html / cssestructura de contenido / aspecto visual + diagramación
![Page 20: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/20.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
imposibilidades tecnológicas
![Page 21: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/21.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
estructura de contenidojerarquías semánticas
![Page 22: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/22.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
aspecto visualjerarquías visuales
![Page 23: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/23.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
. font-family
. font-weight
. font-style
. text-decoration
familias | peso | decoración
![Page 24: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/24.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
interletra | interpalabra | interlinea
. letter-spacing
. word-spacing
. line-height
![Page 25: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/25.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
secuencia de lectura | fragmentación
![Page 26: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/26.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
futuro
![Page 27: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/27.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
html 5 | css 3
. columnas
. rotación
. sombras
. tipografías web
![Page 28: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/28.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
gracias
![Page 29: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/29.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
ah!
![Page 30: Tipowebgrafía](https://reader034.vdocumento.com/reader034/viewer/2022052618/554a2da0b4c9051b578b4f4d/html5/thumbnails/30.jpg)
tipowebgrafía Encuentro Latinoamericano de Diseño 2010
hernán mammana [ front end web developer ]
fin