Tipowebgrafía

tipowebgrafíaEncuentro Latinoamericano de Diseño 2010

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

web

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

la web comenzó siendo texto

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

hoy el 95% de la web sigue siendo texto

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

. perfil.com

. google

. blogs

. gmail

. facebook

. gtalk

. twitter

. mercadolibre

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

. información

. educación

. comunicación

. comercialización

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

tipografía

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.

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

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

pantalla

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

computadora | celular | tableta

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

tipografía segura

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

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

publicación

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

clarin 2007

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

clarin 2010

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

presente

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

html / cssestructura de contenido / aspecto visual + diagramación

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

imposibilidades tecnológicas

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

estructura de contenidojerarquías semánticas

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

aspecto visualjerarquías visuales

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

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

interletra | interpalabra | interlinea

. letter-spacing

. word-spacing

. line-height

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

secuencia de lectura | fragmentación

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

futuro

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

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

gracias

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

ah!

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]

fin