{"id":32,"date":"2013-09-16T10:22:34","date_gmt":"2013-09-16T10:22:34","guid":{"rendered":"https:\/\/blogs.ua.es\/mundoweb\/?p=32"},"modified":"2013-09-16T10:23:27","modified_gmt":"2013-09-16T10:23:27","slug":"tendencias-de-tipografias-en-diseno-web","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/mundoweb\/tendencias-de-tipografias-en-diseno-web\/","title":{"rendered":"Tendencias de tipograf\u00edas en dise\u00f1o web"},"content":{"rendered":"<p><a href=\"https:\/\/blogs.ua.es\/mundoweb\/files\/2013\/09\/dise\u00f1o-web.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-33\" alt=\"dise\u00f1o web\" src=\"https:\/\/blogs.ua.es\/mundoweb\/files\/2013\/09\/dise\u00f1o-web.jpg\" width=\"900\" height=\"675\" srcset=\"https:\/\/blogs.ua.es\/mundoweb\/files\/2013\/09\/dise\u00f1o-web.jpg 900w, https:\/\/blogs.ua.es\/mundoweb\/files\/2013\/09\/dise\u00f1o-web-300x225.jpg 300w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<p>La tipograf\u00eda es un elemento clave de una p\u00e1gina web que debe adaptarse perfectamente al resto del dise\u00f1o de la web. Colores, logo, formas, disposici\u00f3n de los elementos y tipograf\u00eda deben fundirse perfectamente para brindar una apariencia agradable, una navegaci\u00f3n clara y \u00e1gil y una p\u00e1gina con escaso tiempo de carga.<!--more--><\/p>\n<p>Es por ello que vamos a ver algunas de las tendencias de\u00a0<a href=\"http:\/\/www.galernaestudio.com\/\" target=\"_blank\">dise\u00f1o web<\/a>\u00a0m\u00e1s interesantes para este 2013 en materia de tipograf\u00edas, eso s\u00ed, teniendo siempre en cuenta que las modas son modas y que no podemos ceder a ellas si no est\u00e1n en consonancia con el objetivo de nuestra web.<\/p>\n<p><b>\u00bfSerif o sans-serif?<\/b><\/p>\n<p>Por un lado tenemos la t\u00edpica disyuntiva de usar una tipograf\u00eda con\u00a0<i>serif<\/i>\u00a0o\u00a0<i>sans-serif<\/i>. Actualmente el uso de ambas est\u00e1 muy extendido y no existen grandes diferencias de uso entre ambas, aunque s\u00ed que cuentan con algunas particularidades.<\/p>\n<p>Las letras\u00a0<i>serif<\/i>\u00a0han ido ganado popularidad en los \u00faltimos tiempos, sobre todo en lo que se refiere al cuerpo del texto (+60%). En lo que respecta a titulares y subt\u00edtulos tambi\u00e9n ha experimentado un ligero ascenso el uso de tipolog\u00edas\u00a0<i>serif<\/i>.<\/p>\n<p>Tambi\u00e9n est\u00e1 muy en auge la combinaci\u00f3n de ambos tipos de letra. Es decir, un t\u00edtulo con tipolog\u00eda\u00a0<i>serif<\/i>\u00a0combinada con un cuerpo de texto con letra\u00a0<i>sans-serif.<\/i><\/p>\n<p><b>\u00bfCu\u00e1les son las tipograf\u00edas m\u00e1s usadas?<\/b><\/p>\n<p>Las tipolog\u00edas\u00a0<i>serif<\/i>\u00a0m\u00e1s usadas son Georgia y Chaparral Pro (esta \u00faltima sobre todo para los titulares).<\/p>\n<p>Las tipolog\u00edas\u00a0<i>sans-serif<\/i>\u00a0m\u00e1s usadas son Arial y Helv\u00e9tica (la Helv\u00e9tica es usada principalmente para los cuerpos de texto). Tambi\u00e9n son muy usadas las conocidas Impact y Tahoma y la Eurostyle.<\/p>\n<p>Times New Roman tiene cierta culpa de la vuelta a la moda de las tipolog\u00edas\u00a0<i>serif<\/i>. Times New Roman estaba casi en desuso y solo se utilizaba en dise\u00f1o web para las hojas de estilo, por ejemplo. Sin embargo, en los \u00faltimos a\u00f1os ha ido regresando de su ostracismo hasta estar presente en un 12% de las p\u00e1ginas web del planeta.<\/p>\n<p>El auge de tipograf\u00edas como Arial (que mantiene su buena salud), Helv\u00e9tica, Chaparral Pro o la citada Times New Roman contrasta con los malos tiempos que viven otras como Verdana.<\/p>\n<p>La mayor parte de los dise\u00f1adores se sigue decidiendo por tipolog\u00edas primarias y reconocibles para los cuerpos de texto, pero experimentan m\u00e1s con las tipograf\u00edas en lo referente a los t\u00edtulos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La tipograf\u00eda es un elemento clave de una p\u00e1gina web que debe adaptarse perfectamente al resto del dise\u00f1o de la web. Colores, logo, formas, disposici\u00f3n de los elementos y tipograf\u00eda deben fundirse perfectamente para brindar una apariencia agradable, una navegaci\u00f3n clara y \u00e1gil y una p\u00e1gina con escaso tiempo de carga.<\/p>\n","protected":false},"author":3129,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86258],"tags":[],"class_list":["post-32","post","type-post","status-publish","format-standard","hentry","category-diseno-web"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/posts\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/users\/3129"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":2,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/posts\/32\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/posts\/32\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/media?parent=32"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/categories?post=32"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/mundoweb\/wp-json\/wp\/v2\/tags?post=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}