{"id":10674,"date":"2017-03-17T11:10:00","date_gmt":"2017-03-17T10:10:00","guid":{"rendered":"https:\/\/www.websdirect.es\/?p=10674"},"modified":"2017-03-17T11:10:00","modified_gmt":"2017-03-17T10:10:00","slug":"la-tipografia-diseno-web-clave-empresa","status":"publish","type":"post","link":"https:\/\/www.websdirect.es\/actualidad\/la-tipografia-diseno-web-clave-empresa\/","title":{"rendered":"La Tipograf\u00eda en Dise\u00f1o Web es clave para tu empresa"},"content":{"rendered":"

La tipograf\u00eda en dise\u00f1o web es clave para tu empresa<\/strong>, puesto que se convertir\u00e1 en un recurso de gran utilidad a la hora de potenciar la difusi\u00f3n y visibilidad de tu sitio web, ya sea para prop\u00f3sitos meramente profesionales o comerciales.<\/p>\n

\"La<\/p>\n

Hacer de las letras un elemento visual es una de las funciones prioritarias de la tipograf\u00eda<\/strong> en el \u00e1mbito de las artes gr\u00e1ficas. Su significado puede variar en funci\u00f3n de las formas, posici\u00f3n en el espacio o combinaci\u00f3n de tonalidades crom\u00e1ticas. Precisamente, algunos de los efectos b\u00e1sicos disponibles por defecto para dar al dise\u00f1o web<\/a><\/strong> una personalidad tipogr\u00e1fica<\/strong> m\u00e1s avanzada son, por ejemplo, la combinaci\u00f3n de colores y sombreados, variantes en el tama\u00f1o de la fuente, alineaci\u00f3n y justificado de los textos o, incluso, el espaciado entre letras, palabras y p\u00e1rrafos.<\/p>\n

 <\/p>\n

A pesar de que muchas veces las empresas no cuidan aspectos de dise\u00f1o como es la tipograf\u00eda, lo cierto es que optar por las modalidades m\u00e1s adecuadas es fundamental a la hora de transmitir un mensaje a tu p\u00fablico objetivo, construir tu imagen corporativa o mantener comunicaciones con tus propios empleados.<\/p>\n

 <\/p>\n

Transmite valores con la tipograf\u00eda en dise\u00f1o web<\/strong><\/h2>\n

 <\/p>\n

Aunque pueda parecer una cuesti\u00f3n sin importancia, lo cierto es que la tipograf\u00eda<\/strong> en dise\u00f1o web<\/strong> utilizada puede transmitir de manera inconsciente ciertos valores o par\u00e1metros<\/strong> que el receptor descodifica. Un buen ejemplo de ello lo encontramos representado en la Comic Sans,<\/strong> considerada como la peor tipograf\u00eda del mundo, ya que tras surgir para facilitar la lectura a los ni\u00f1os se extendi\u00f3 sin medida a otros campos hasta el punto de ajustarse en aquellos \u00e1mbitos que no eran apropiados para transmitir sus valores. De ah\u00ed que se reniegue de ella.<\/p>\n

\"Transmite<\/p>\n

Precisamente, a la hora de optar por una tipograf\u00eda u otra, lo fundamental es establecer una jerarqu\u00eda mediante variables como el color, uso de negritas, tama\u00f1o, etc. El mero hecho de contar con una adecuada organizaci\u00f3n ser\u00e1 de utilidad para facilitar la navegaci\u00f3n del usuario<\/strong> a trav\u00e9s de la web.<\/p>\n

 <\/p>\n

El amplio porcentaje de los programadores web<\/strong> sigue haciendo uso de las llamadas tipograf\u00edas seguras, definiendo de esta forma un conjunto de modelos que se van a procurar utilizar en un orden establecido. En estos casos, si la primera fuente no est\u00e1 disponible en el ordenador del usuario, la segunda ser\u00e1 utilizada en su lugar y, as\u00ed, sucesivamente. Algunos de los grupos de fuentes tipogr\u00e1ficas m\u00e1s utilizadas son las siguientes:<\/p>\n

 <\/p>\n

Verdana, Geneva, sans-serif
\nGeorgia, Times New Roman, Times, serif
\nCourier New, Courier, monospace
\nArial, Helvetica, sans-serif
\nTahoma, Geneva, sans-serif
\nTrebuchet MS, Arial, Helvetica, sans-serif
\nArial Black, Gadget, sans-serif
\nTimes New Roman, Times, serif
\nPalatino Linotype, Book Antiqua, Palatino, serif
\nLucida Sans Unicode, Lucida Grande, sans-serif
\nMS Serif, New York, serif
\nLucida Console, Monaco, monospace
\nComic Sans MS, cursive<\/p>\n

 <\/p>\n

Acto seguido, deberemos definir su tama\u00f1o<\/strong>. En este sentido, para facilitar la lectura de la mayor\u00eda de las tipograf\u00edas, se llega a trabajar con hasta 11 o 12 p\u00edxeles,<\/strong> dejando a un lado aquellas que son menores a 8 o 9 p\u00edxeles.<\/p>\n

<\/h2>\n

Mejores tipograf\u00edas para web<\/strong><\/h2>\n

 <\/p>\n

A al hora de pensar en las mejores tipograf\u00edas para web, m\u00e1s all\u00e1 de las muchas limitaciones que los efectos de esta tipograf\u00eda<\/strong> en dise\u00f1o web<\/strong> puede tener en cualquier texto, como es el caso de las alineaciones, el espaciado de letras o palabras, los sombreados o el color, otro de los obst\u00e1culos a tener en cuenta estar\u00eda relacionado con la adaptaci\u00f3n autom\u00e1tica del texto<\/strong> alrededor de bloques rectangulares (como las im\u00e1genes) que est\u00e9n alineados a la derecha o a la izquierda.<\/p>\n

\"Mejores<\/p>\n

 <\/p>\n

Es fundamental no utilizar muy diversos modelos<\/strong> de tipograf\u00eda en una misma p\u00e1gina, siendo id\u00f3neo apostar por no m\u00e1s de tres en un mismo espacio. Igualmente, para facilitar la lectura de los contenidos, se hace necesario un interlineado<\/strong>, dado que el mero hecho de dejar poco espacio entre l\u00edneas, podr\u00eda dar una mayor sensaci\u00f3n de densidad al texto. Tampoco se ha de abusar de las letras may\u00fasculas ni textos centrados.<\/p>\n

 <\/p>\n

Un estudio reciente determina que no todas las tipograf\u00edas son percibidas de la misma manera<\/strong> por los usuarios. De esta forma, la tipograf\u00eda Baskerville<\/strong> hace que se crea m\u00e1s en el contenido redactado que otras como Georgia, Trebuchet o Helvetica. Bien es cierto, que la informaci\u00f3n escrita es siempre la misma, pero la percepci\u00f3n del contenido es diferente.<\/p>\n

 <\/p>\n

La tipograf\u00eda tambi\u00e9n hace que el mensaje sea percibido como m\u00e1s o menos actual o que sea m\u00e1s sencillo de leer. As\u00ed, por ejemplo, las sans serif son mucho m\u00e1s f\u00e1ciles de procesar, incluso en las resoluciones m\u00e1s bajas.<\/p>\n

 <\/p>\n

Las fuentes serif<\/strong> son percibidas como serias, respetables e institucionales, mientras que las sans serif<\/strong> transmiten modernidad y mayor seguridad.<\/p>\n

\"Mejores<\/p>\n

 <\/p>\n

Por otro lado, usar una tipograf\u00eda propia y hecha a medida, aunque solo sea una variante de otras ya conocidas ayudar\u00e1 a tu empresa a marcar la diferencia. <\/strong><\/p>\n

 <\/p>\n

Tal y como se puede comprobar, la tipograf\u00eda en dise\u00f1o web<\/strong> es clave para tu estrategia empresarial<\/strong> a la hora de transmitir un mensaje y los valores de tu compa\u00f1\u00eda.<\/p>\n","protected":false},"excerpt":{"rendered":"

La tipograf\u00eda en dise\u00f1o web es clave para tu empresa, puesto que se convertir\u00e1 en un recurso de gran utilidad a la hora de potenciar la difusi\u00f3n y\u2026<\/p>\n","protected":false},"author":1,"featured_media":7348,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[37],"class_list":["post-10674","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-diseno-desarrollo-web","tag-diseno-web-2"],"_links":{"self":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/10674","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=10674"}],"version-history":[{"count":0,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/10674\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/media\/7348"}],"wp:attachment":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/media?parent=10674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/categories?post=10674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/tags?post=10674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}