{"id":7338,"date":"2015-12-25T08:25:09","date_gmt":"2015-12-25T07:25:09","guid":{"rendered":"https:\/\/www.websdirect.es\/?p=7338"},"modified":"2015-12-25T08:25:09","modified_gmt":"2015-12-25T07:25:09","slug":"elige-la-tipografia-adecuada","status":"publish","type":"post","link":"https:\/\/www.websdirect.es\/actualidad\/elige-la-tipografia-adecuada\/","title":{"rendered":"Elige la tipograf\u00eda adecuada"},"content":{"rendered":"<p>Transmitir <strong>un mensaje claro y comprensible<\/strong> para los usuarios en aras de dar a conocer tus bienes y servicios es posible mediante el uso de la<strong> tipograf\u00eda<\/strong> correcta en el \u00e1mbito del <strong><a title=\"dise\u00f1o web\" href=\"https:\/\/www.websdirect.es\/actualidad\/diseno-web-ux-ui\/\">dise\u00f1o web<\/a>.<\/strong> Ya sea por motivos meramente comerciales o profesionales, esta herramienta de dise\u00f1o es una de las claves del \u00e9xito para potenciar la difusi\u00f3n y visibilidad de tu sitio web.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7349 size-full\" title=\"Elige la tipograf\u00eda adecuada\" src=\"https:\/\/www.websdirect.es\/actualidad\/wp-content\/uploads\/2015\/12\/tipografia-info.jpg\" srcset=\"https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-info-300x200.jpg 300w, https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-info-600x399.jpg 600w, https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-info.jpg 727w\" alt=\"Elige la tipograf\u00eda adecuada\" width=\"727\" height=\"484\" data-sizes=\"(max-width: 727px) 100vw, 727px\" \/><\/p>\n<p><!--more-->En el campo de las artes gr\u00e1ficas, la<strong> tipograf\u00eda<\/strong> har\u00e1 de las letras un <strong>elemento visual,<\/strong> que variar\u00e1 su significado en funci\u00f3n de sus formas, ubicaci\u00f3n en el espacio o combinaci\u00f3n de muy diversas tonalidades crom\u00e1ticas. De esta forma, tanto las letras como las ilustraciones se pueden presentar como un conjunto de significado \u00fanico o como significativas en s\u00ed mismas.<\/p>\n<h2><strong>La tipograf\u00eda adecuada te ayuda a captar la atenci\u00f3n de los usuarios\u00a0<\/strong><\/h2>\n<p>La <strong>correcta elecci\u00f3n de la tipograf\u00eda<\/strong> no es m\u00e1s o menos importante que la combinaci\u00f3n de colores adecuada para hacer tu sitio web m\u00e1s atrayente. No has de olvidar que la transmisi\u00f3n de las palabras y mensajes escritos es el medio de comunicaci\u00f3n por excelencia. Sin embargo, la \u00fanica manera de despertar el inter\u00e9s de los usuarios en lo que tienes que transmitirles es ofrecer una apariencia visual adecuada a trav\u00e9s de herramientas como la<strong> tipograf\u00eda.<\/strong> En definitiva, se podr\u00eda decir que el componente tipogr\u00e1fico representa la esencia misma de la web.<\/p>\n<p>Con objeto de ofrecer al dise\u00f1o web una <strong>personalidad tipogr\u00e1fica<\/strong> diferenciada existen algunos efectos b\u00e1sicos id\u00f3neos para tal finalidad como es el caso de la combinaci\u00f3n de sombreados y colores, alineaci\u00f3n y justificado de los textos, espaciado entre caracteres, palabras y p\u00e1rrafos, as\u00ed como variantes en tama\u00f1o de fuente, seg\u00fan dimensiones relativas o por p\u00edxeles.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7347 size-full\" title=\"La tipograf\u00eda adecuada te ayuda a captar la atenci\u00f3n de los usuarios \" src=\"https:\/\/www.websdirect.es\/actualidad\/wp-content\/uploads\/2015\/12\/tipografia-web.jpg\" srcset=\"https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-web-300x272.jpg 300w, https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-web-600x545.jpg 600w, https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-web.jpg 620w\" alt=\"La tipograf\u00eda adecuada te ayuda a captar la atenci\u00f3n de los usuarios \" width=\"620\" height=\"563\" data-sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>La <strong>elecci\u00f3n de una fuente tipogr\u00e1fica<\/strong> u otra en el dise\u00f1o web supone un elemento diferenciador que no muchas empresas tienen en cuenta a la hora de presentarse a sus clientes potenciales en la Red de redes. Para ello existen algunas normas generales a nivel tipogr\u00e1fico que se han de considerar para transmitir un mensaje claro a tu p\u00fablico objetivo.<\/p>\n<p>En este sentido, se ha de evitar el hecho de abusar con la utilizaci\u00f3n de las <strong>may\u00fasculas<\/strong>, no caer en excesos de creatividad con la forma de las letras ni combinar diferentes fuentes tipogr\u00e1ficas. Igualmente, se ha de apostar por un<strong> texto legible<\/strong> y alejarse del uso excesivo del texto centrado o un interlineado incorrecto.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7350 size-full\" title=\"La tipograf\u00eda adecuada \" src=\"https:\/\/www.websdirect.es\/actualidad\/wp-content\/uploads\/2015\/12\/tipografia-en-Internet.jpg\" srcset=\"https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-en-Internet-300x225.jpg 300w, https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-en-Internet-600x450.jpg 600w, https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-en-Internet.jpg 684w\" alt=\"La tipograf\u00eda adecuada \" width=\"684\" height=\"513\" data-sizes=\"(max-width: 684px) 100vw, 684px\" \/><\/p>\n<p>Algunas de las<strong> fuentes m\u00e1s utilizadas<\/strong> en el \u00e1mbito del dise\u00f1o web son Verdana, Sans-serif, Times New Roman, Arial, Geneva, Palatino, Comic Sans MS o Lucida Console, entre otras. El mero hecho de emplear m\u00e1s de tres tipos diferentes en un mismo documento web puede obstaculizar o incomodar la lectura de tu mensaje a los usuarios. Para una lectura c\u00f3moda es recomendable un<strong> tama\u00f1o<\/strong> que gire en torno a los 16px, aunque todo depender\u00e1 de las necesidades de cada empresa. Este tama\u00f1o est\u00e1ndar favorecer\u00e1 la accesibilidad del sitio, dado que la amplia mayor\u00eda de los usuarios no se ver\u00e1n en la obligaci\u00f3n de tener que forzar la vista.<\/p>\n<p>En lo referente al <strong>interlineado<\/strong>, la propiedad de CSS para conseguirlo se conoce como line-height. Cada bloque de texto y tipograf\u00eda exige una medida, pero lo cierto es que determinar un interlineado del 140% del tama\u00f1o del cuerpo puede ser de gran ayuda como orientaci\u00f3n. Se ha de ampliar el espacio entre bloques de texto en aras de facilitar la lectura.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7348 size-full\" title=\"Tipograf\u00eda m\u00e1s adecuada\" src=\"https:\/\/www.websdirect.es\/actualidad\/wp-content\/uploads\/2015\/12\/tipografia-en-la-red.jpg\" srcset=\"https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-en-la-red-300x200.jpg 300w, https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-en-la-red-600x399.jpg 600w, https:\/\/www.websdirect.es\/wp-content\/uploads\/2015\/12\/tipografia-en-la-red.jpg 727w\" alt=\"Tipograf\u00eda m\u00e1s adecuada\" width=\"727\" height=\"484\" data-sizes=\"(max-width: 727px) 100vw, 727px\" \/><\/p>\n<p>Una de las buenas pr\u00e1cticas que nos ofrece la tipograf\u00eda es con respecto al<strong> uso de las comillas<\/strong>. Un buen ejemplo de ello es disponerlas fuera del margen de texto para no romper el efecto visual.<\/p>\n<p>Para <strong>crear \u00e9nfasis en el texto<\/strong> tambi\u00e9n es id\u00f3neo apostar por la cursiva, aunque hay otras alternativas como las versalitas, un color diferente o distinto tama\u00f1o. Igualmente, se desaconseja el uso de <strong>l\u00edneas viudas<\/strong> o hu\u00e9rfanas, dado que interrumpen el flujo del lector y deterioran la legibilidad del texto.<\/p>\n<p>La creaci\u00f3n de conjuntos armoniosos en los que el texto de tu web pueda transmitir claramente el prop\u00f3sito que se busca al crear el contenido es esencial para ganarte la confianza de los usuarios y <strong>potenciar tu visibilidad en la red.\u00a0<\/strong><\/p>\n<p>En Websdirect somos especialistas en el dise\u00f1o web, por lo que te podremos asesorar y ayudar en todo lo que necesites. Ll\u00e1manos y te informaremos al respecto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Transmitir un mensaje claro y comprensible para los usuarios en aras de dar a conocer tus bienes y servicios es posible mediante el uso de la tipograf\u00eda correcta\u2026<\/p>\n","protected":false},"author":1,"featured_media":7350,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[62],"class_list":["post-7338","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-diseno-desarrollo-web","tag-internet"],"_links":{"self":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/7338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/comments?post=7338"}],"version-history":[{"count":0,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/7338\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/media\/7350"}],"wp:attachment":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/media?parent=7338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/categories?post=7338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/tags?post=7338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}