{"id":7775,"date":"2019-08-09T10:55:02","date_gmt":"2019-08-09T13:55:02","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/?p=7775"},"modified":"2019-08-09T10:55:10","modified_gmt":"2019-08-09T13:55:10","slug":"tipografia-web","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/tipografia-web\/","title":{"rendered":"Tipografia Web"},"content":{"rendered":"\n<p>Para  que un sitio web est\u00e9 bien complementado no solo debe tener un dise\u00f1o  innovador y creativo, sino tambi\u00e9n, se necesitan elementos que equilibren la belleza y la funcionalidad. Uno de ellos es  la tipograf\u00eda, la cual sirve para transmitir con claridad la informaci\u00f3n  a los visitantes.<\/p>\n\n\n\n<p>Las tipograf\u00edas para web actualmente son muy variadas, pero antes de ello se debe tomar en cuenta lo siguientes pasos antes de elegir tu estilo:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Piensa en el mensaje que quieres transmitir a tus clientes. Si eres una empresa tradicional\u00a0o si eres un poco m\u00e1s vanguardista.<\/li><li>Evita el uso de tipograf\u00edas caligr\u00e1ficas o con mucho  dise\u00f1o. Lo \u00fanico que conseguir\u00e1s es marear a tus visitantes. Recuerda  que el texto debe ser legible.<\/li><li>Las mejores tipograf\u00edas tienen un significado o prop\u00f3sito.<\/li><li>Deben crear un impacto visual.<\/li><\/ul>\n\n\n\n<p>&#8212; Las tipografias mas utilizadas:<\/p>\n\n\n\n<p>Helvetica,  Serif,  Calibri, Averta, Finland, Arvo, Verona, Quicksand, Baskerville y Blogger Sans (como el top 10)<\/p>\n\n\n\n<p>Otro de los detalles mas t\u00e9cnicos a tener en cuenta y que para algunos pueden ser obvios o no son:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"382\" data-attachment-id=\"7787\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/tipografia-web\/tipografias-para-web-1\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/tipografias-para-web-1.jpg?fit=800%2C478&amp;ssl=1\" data-orig-size=\"800,478\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"tipografias-para-web-1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/tipografias-para-web-1.jpg?fit=640%2C382&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/tipografias-para-web-1.jpg?resize=640%2C382&#038;ssl=1\" alt=\"\" class=\"wp-image-7787\" srcset=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/tipografias-para-web-1.jpg?w=800&amp;ssl=1 800w, https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/tipografias-para-web-1.jpg?resize=300%2C179&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/tipografias-para-web-1.jpg?resize=768%2C459&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p><strong>1\u00ba. Jerarqu\u00eda tipogr\u00e1fica<\/strong><br> Lo primero que uno tiene que hacer cuando se enfrenta a la elecci\u00f3n de las tipograf\u00edas para una p\u00e1gina web es establecer claramente la jerarqu\u00eda, ya sea mediante color, tama\u00f1o, negritas, etc. B\u00e1sicamente hacemos esto, porque si tenemos una buena jerarqu\u00eda, el usuario navegar\u00e1 con mucha m\u00e1s facilidad a lo largo de nuestra web.<\/p>\n\n\n\n<p><strong>2\u00ba. No hacer el texto demasiado peque\u00f1o.<\/strong><br> Siempre creemos que todo el mundo act\u00faa, siente y ve como nosotros al llevar a cabo el dise\u00f1o de una web y no es as\u00ed. Hay que saber que ni todos tenemos el mismo gusto ni todos vemos igual de bien. Por eso debemos establecer siempre un tama\u00f1o m\u00ednimo para la tipograf\u00eda para que la gente pueda leer los contenidos sin dejarse la vista. Un tama\u00f1o de 14 puntos puede ser bastante aceptable.<\/p>\n\n\n\n<p><strong>3\u00ba. Escoge una tipograf\u00eda adecuada para el cuerpo de los art\u00edculos o secciones.<\/strong><br> A veces uno quiere ser \u201cmuy creativo\u201d y hacer uso de tipograf\u00edas que a priori son muy originales o aportan un punto diferenciador sobre el resto, pero hay que tener una cosa en cuenta, y es que los contenidos de una web han de ser legibles. No puedes usar una tipograf\u00eda barroca ni con muchos adornos para una informaci\u00f3n que estar\u00e1 dispuesta en varios p\u00e1rrafos porque eso crear\u00e1 un impacto negativo entre los usuarios.<\/p>\n\n\n\n<p><strong>4\u00ba. No usar demasiadas tipograf\u00edas en la misma p\u00e1gina<\/strong><br> Uno no puede usar diez tipograf\u00edas en una misma p\u00e1gina porque distraen much\u00edsimo, y si queremos que la importancia de la web resida en los contenidos es contraproducente. Esto no quiere decir que haya qui\u00e9n consiga una web fant\u00e1stica con multitud de tipograf\u00edas, pero es algo realmente complicado de conseguir sin marear al personal.  Lo recomendable es ce\u00f1irse a no m\u00e1s de tres tipograf\u00edas por p\u00e1gina.<\/p>\n\n\n\n<p><strong>5\u00ba. Interlineado correcto<\/strong><br> Otro de los puntos importantes cuando aplicamos tipograf\u00eda es dejar un interlineado que facilite la lectura de los contenidos. Esto es vital, ya que si dejamos poco espacio entre l\u00edneas provocaremos una sensaci\u00f3n de mucha densidad de texto y adem\u00e1s haremos m\u00e1s complicada la lectura a los usuarios. Obviamente tampoco conviene pasarse.<\/p>\n\n\n\n<p><strong>6\u00ba. No usar demasiado las letras may\u00fasculas.<\/strong><br> Los usuarios por regla general no est\u00e1n habituados a leer textos donde todas las palabras est\u00e9n en may\u00fasculas. Por eso hay que tener cuidado con este punto, ya que si ponemos textos muy largos que est\u00e9n completamente en may\u00fasculas complicaremos la lectura a los usuarios de la web.<\/p>\n\n\n\n<p><strong>7\u00ba. No excederse en el uso de los textos centrados<\/strong><br> Para empezar no es nada c\u00f3modo para el usuario leer textos centrados por la sencilla raz\u00f3n de que cada l\u00ednea suele empezar a una altura diferente y eso hacer m\u00e1s complicado seguir el hilo de lo que se lee. Por no hablar de que es mucho m\u00e1s complicado jugar con el resto de objetos de la web. Por \u00faltimo, cuando uno se encuentra una web donde la mayor\u00eda de textos est\u00e1 centrado, la sensaci\u00f3n es de que poca profesionalidad.  Usa los textos centrados de una forma moderada y acertar\u00e1s.<\/p>\n\n\n\n<p><strong>8\u00ba. Usa un contraste adecuado<\/strong><br> Esto es otra de esas reglas b\u00e1sicas. El contraste es vital para que un texto sea legible, as\u00ed que escoge bien los colores y los tonos para que sea f\u00e1cil poder leer los contenidos de la web y que no se fundan.<\/p>\n\n\n\n<p>Ademas de lo ya mencionado, se debe se\u00f1alar el pensamiento de estructura que debemos tener en cuenta a la hora de armar nuestro sitio web, llevandonos asi a un mundo mas de programacion.<br>Los programas que lo acompa\u00f1an son HTML, CSS, JavaScript y PHP (como lenguajes principales). <\/p>\n\n\n\n<p>&#8212;&gt; Del boceto al codigo + el eso correcto de la tipografia y los dise\u00f1os que acompa\u00f1an derivan a un buen sitio web &lt;&#8212;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" data-attachment-id=\"7786\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/tipografia-web\/499379-2acmqj1482146335-1\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/499379-2aCMQj1482146335-1.jpg?fit=800%2C450&amp;ssl=1\" data-orig-size=\"800,450\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"499379-2aCMQj1482146335-1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/499379-2aCMQj1482146335-1.jpg?fit=640%2C360&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/499379-2aCMQj1482146335-1.jpg?resize=640%2C360&#038;ssl=1\" alt=\"\" class=\"wp-image-7786\" srcset=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/499379-2aCMQj1482146335-1.jpg?w=800&amp;ssl=1 800w, https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/499379-2aCMQj1482146335-1.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/08\/499379-2aCMQj1482146335-1.jpg?resize=768%2C432&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Para que un sitio web est\u00e9 bien complementado no solo debe tener un dise\u00f1o innovador y creativo, sino tambi\u00e9n, se necesitan elementos que equilibren la belleza y la funcionalidad. Uno de ellos es la tipograf\u00eda, la cual sirve para transmitir con claridad la informaci\u00f3n a los visitantes. Las tipograf\u00edas para web actualmente son muy variadas, [&hellip;]<\/p>\n","protected":false},"author":240,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Tipografia Web  #\u200eTipoblog #Tipograf&iacute;a2 #C&aacute;tedraCosgaya #\u200eFADU #\u200eUBA","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-7775","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paXRK8-21p","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts\/7775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/users\/240"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/comments?post=7775"}],"version-history":[{"count":1,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts\/7775\/revisions"}],"predecessor-version":[{"id":7788,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts\/7775\/revisions\/7788"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/media?parent=7775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/categories?post=7775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/tags?post=7775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}