Tipowebgrafía

tipowebgrafíaEncuentro Latinoamericano de Diseño 2010

tipowebgrafía Encuentro Latinoamericano de Diseño 2010

hernán mammana [ front end web developer ]



web



la web comenzó siendo texto



hoy el 95% de la web sigue siendo texto



. perfil.com

. google

. blogs

. gmail

. facebook

. gtalk

. twitter

. mercadolibre



. información

. educación

. comunicación

. comercialización



tipografía



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.



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



pantalla



computadora | celular | tableta



tipografía segura



. con serif

. sin serif

. times new roman

. times

. georgia

. arial

. verdana

. helvetica

tipografías por sistema operativo



publicación



clarin 2007



clarin 2010



presente



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



imposibilidades tecnológicas



estructura de contenidojerarquías semánticas



aspecto visualjerarquías visuales



. font-family

. font-weight

. font-style

. text-decoration

familias | peso | decoración



interletra | interpalabra | interlinea

. letter-spacing

. word-spacing

. line-height



secuencia de lectura | fragmentación



futuro



html 5 | css 3

. columnas

. rotación

. sombras

. tipografías web



gracias



ah!



fin

Documents

Tipowebgrafía