La tipograf\u00eda es un aspecto importante del dise\u00f1o que a menudo se pasa por alto a la hora de crear sitios web, entradas de blog, contenido premium, boletines, libros electr\u00f3nicos, material promocional y mucho m\u00e1s. Mucha gente oye la palabra \"tipograf\u00eda\" y entra en p\u00e1nico, pero si conoces algunos conceptos clave y utilizas algunas t\u00e9cnicas muy b\u00e1sicas, puedes transformar tanto la legibilidad de tu contenido como el tono de tu voz digital\/impresa.<\/p>\n
En este post repasaremos algunos de esos conceptos clave y te daremos algunos consejos introductorios para empezar a construir tu marca con tipograf\u00eda.<\/p>\n
El uso de la tipograf\u00eda puede transformar la experiencia del lector. En lugar de presentarle un muro de texto, la tipograf\u00eda le permite guiar al lector a trav\u00e9s del contenido. Puede resaltar la informaci\u00f3n importante, agrupar secciones con encabezados claramente marcados, hacer que las citas destaquen y mucho m\u00e1s. Al dar formato a su contenido con tipograf\u00eda, est\u00e1 creando un espacio m\u00e1s atractivo para que lo disfruten los miembros, clientes y seguidores.<\/p>\n
Adem\u00e1s, la tipograf\u00eda es una forma estupenda de garantizar la cohesi\u00f3n de la marca y comunicar eficazmente su voz \u00fanica en la web o en la impresi\u00f3n. El uso sistem\u00e1tico de uno o dos tipos de letra en los materiales de marca (logotipo, tarjetas de visita, iconos y banners de redes sociales, folletos, etc.) permite unificar todas las plataformas de comunicaci\u00f3n con un tono o una voz general.<\/p>\n
Antes de sumergirnos en consejos y usos espec\u00edficos de la tipograf\u00eda, definamos algunos t\u00e9rminos importantes.<\/p>\n
Fuente frente a tipo de letra<\/em><\/strong><\/p>\n Aunque estos dos t\u00e9rminos puedan parecer intercambiables, cada uno se refiere a un aspecto diferente de la tipograf\u00eda. A fuente<\/strong> se refiere al archivo f\u00edsico o a cada manipulaci\u00f3n individual de texto. El t\u00e9rmino fuente se utiliz\u00f3 originalmente para describir cada conjunto distinto de teclas utilizadas para la impresi\u00f3n anal\u00f3gica en los viejos tiempos. Por ejemplo, Times New Roman en negrita en tama\u00f1o 12 es un tipo de letra diferente de Times New Roman en cursiva en tama\u00f1o 10.<\/p>\n Por el contrario, tipo de letra<\/strong> se refiere a toda la familia de tipos de letra. Por ejemplo, Times New Roman en su conjunto es un tipo de letra. Una buena forma de verlo es utilizar la analog\u00eda de las canciones de un \u00e1lbum: muchas canciones componen un \u00e1lbum, igual que muchas fuentes componen un tipo de letra.<\/p>\n Serif vs. Sans Serif<\/em><\/strong><\/p>\n A serif<\/strong> es el que tiene peque\u00f1os pies al final de las letras. Algunos ejemplos comunes son Times New Roman, Georgia y Garamond. Las serifas son ideales para bloques de texto largos (por ejemplo, en libros y revistas), porque cada letra est\u00e1 claramente marcada y separada.<\/p>\n A sin gracias<\/strong> significa literalmente \"sin serifa\" o sin los pies peque\u00f1os. Algunos ejemplos son Arial, Verdana y Futura. Los tipos sin gracias suelen ser m\u00e1s modernos y desenfadados, por lo que son muy populares en blogs y otros contenidos web.<\/p>\n Para empezar, s\u00f3lo necesitar\u00e1s un pu\u00f1ado de tipos de letra. Mi recomendaci\u00f3n personal es 1 cabecera<\/strong> tipo de letra, 1 p\u00e1rrafo<\/strong> y 1 decorativo<\/strong> tipo de letra. Recuerde que cada tipo de letra tiene varias fuentes para darle el aspecto y la sensaci\u00f3n de cada parte de su sitio web o material de marca.<\/p>\n El encabezado debe ser algo que destaque y sea f\u00e1cil de leer. La mayor\u00eda de la gente tiende a elegir algo que est\u00e9 en negrita y se vea bien en un tama\u00f1o m\u00e1s grande. Si el tipo de letra no es negrita por naturaleza, se puede modificar su grosor para conseguir el nivel de intensidad necesario.<\/p>\n En cambio, el texto de los p\u00e1rrafos debe ser m\u00e1s ligero. A la hora de decidir entre serif y sans serif para la mayor parte de su texto, tenga en cuenta c\u00f3mo ver\u00e1n su contenido sus lectores, as\u00ed como el tipo de contenido que produce. \u00bfSu contenido tiene mucho texto? Puede que le interese una serif. \u00bfProduce sobre todo contenidos para la web? Las sin gracias son m\u00e1s flexibles en una amplia gama de resoluciones de pantalla. Tanto si trabajas con un dise\u00f1ador como si lo haces por tu cuenta, juega con distintas combinaciones y fuentes para encontrar el estilo que mejor se adapte a tu voz y necesidades.<\/p>\n Por \u00faltimo, si se encuentra en las primeras fases de la creaci\u00f3n de su marca, puede elegir un tipo de letra decorativo que complemente los tipos de letra del encabezado y de los p\u00e1rrafos. Los tipos de letra decorativos se utilizan para logotipos y banners web o sociales. Cuando elija un tipo de letra decorativo, aseg\u00farese de que est\u00e1 optimizado tanto para la web como para la impresi\u00f3n, sobre todo si piensa imprimir tarjetas de visita u otros materiales promocionales.<\/p>\n The typefaces and fonts you choose for your website or brand will define a hierarchy on your page. Instinctively, a reader\u2019s eyes are drawn first to big, bold text \u2013 that\u2019s why the norm is to use large, bold text for titles and headers. Quotes are often inset into paragraphs, enlarged, and styled in italics, which also draws the reader\u2019s eyes towards them. When used correctly, a web page\u2019s hierarchy allows a reader to jump from section to section obtaining the most important information without actually reading everything.<\/p>\n Una vez que est\u00e9 listo para empezar a previsualizar, descargar o incluso comprar tipos de letra, es posible que se sienta un poco abrumado por la cantidad de opciones que tiene a su disposici\u00f3n. Algunas de mis favoritas son Fuentes Google<\/a>, DaFont<\/a>y Adobe Typekit<\/a>. Si busca algo m\u00e1s atrevido o fuera de lo com\u00fan, eche un vistazo a esta estupenda lista de Creative Bloq.<\/a><\/p>\n \u00bfC\u00f3mo utiliz\u00e1is vosotros la tipograf\u00eda para vuestros negocios? \u00bfAlguna pregunta? D\u00e9jalo todo en los comentarios de abajo. Nos encanta saber de ti.<\/p>","protected":false},"excerpt":{"rendered":" Typography is an important design aspect that is often overlooked when creating websites, blog posts, premium content, newsletters, ebooks, promotional materials, and more. Many people hear the word \u2018typography\u2019 and panic, but if you are aware of a few key concepts and use some very basic techniques, you can transform both the readability of your [\u2026]<\/p>\n","protected":false},"author":1493,"featured_media":15143,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"content-sidebar","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","_strive_post_notes":"","footnotes":""},"categories":[69,120],"tags":[316,315,314],"class_list":["post-9017","post","type-post","status-publish","format-standard","has-post-thumbnail","category-advice","category-content","tag-font","tag-typeface","tag-typography","entry"],"acf":{"plans":["scale"],"is_featured":false,"download_source":"none","mothership_slug":"","download_url":""},"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\tLo que necesitas<\/h4>\n
Encontrar fuentes<\/h4>\n