{"id":254,"date":"2011-03-29T16:03:40","date_gmt":"2011-03-29T19:03:40","guid":{"rendered":"http:\/\/ricardoartur.com.br\/1001\/?p=254"},"modified":"2016-05-03T10:26:22","modified_gmt":"2016-05-03T13:26:22","slug":"legibilidade-leiturabilidade-entendendo-diferencas","status":"publish","type":"post","link":"https:\/\/ricardoartur.com.br\/1001\/2011\/03\/legibilidade-leiturabilidade-entendendo-diferencas\/","title":{"rendered":"Legibilidade e Leiturabilidade: entendendo as diferen\u00e7as"},"content":{"rendered":"<p>Tradu\u00e7\u00e3o livre e s\u00edntese dos conceitos apresentados no site <a href=\"http:\/\/www.ilovetypography.com\" target=\"blank\">www.ilovetypography.com<\/a> no artigo Reviving Caslon por William Berkson (<a href=\"http:\/\/ilovetypography.com\/2010\/11\/02\/reviving-caslon-part-2-readability-affability-authority\/\" target=\"blank\">http:\/\/ilovetypography.com\/2010\/11\/02\/reviving-caslon-part-2-readability-affability-authority\/<\/a>)<\/p>\n<p>Para quem vai trabalhar com textos, \u00e9 preciso saber e avaliar as diferentes qualidades tipogr\u00e1ficas e verificar se possuem tanto legibilidade quanto leiturabilidade. Mas qual a diferen\u00e7a?<\/p>\n<blockquote><p>\u201cLegibility\u201d is based on the ease with which one letter can be told from the other. \u201cReadability\u201d is the ease with which the eye can absorb the message and move along the line.\u201d<br \/>\n\u2014Types of Typefaces (1967) p. 84-5.<\/p><\/blockquote>\n<p><strong>Legibilidade<\/strong> [legibility]: diz respeito \u00e0 facilidade com que uma letra pode ser distinguida de outra.<br \/>\n<strong>Leiturabilidade<\/strong> [readability]: diz respeito \u00e0 facilidade com que o olho absorve a mensagem e se move ao longo da linha.<\/p>\n<p>Ou ainda:<\/p>\n<blockquote><p>[Readability] describes the quality of visual comfort\u2014an important requirement in the comprehension of long stretches of text, but, paradoxically, not so important in such things as telephone directories or air-line timetables, where the reader \u2026 is searching for a single item of information [and where legibility is most important].<br \/>\n\u2014Letters of Credit (1986), p. 31.<\/p><\/blockquote>\n<p><strong>Leiturabilidade<\/strong>: descreve a qualidade de conforto visual \u2013 um requisito importante para a compreens\u00e3o de longas por\u00e7\u00f5es de texto, mas paradoxalmente, n\u00e3o t\u00e3o importante em coisas tais como listas telef\u00f4nicas ou tabelas de v\u00f4o, em que o leitor&#8230; procura por um \u00fanico item de informa\u00e7\u00e3o [onde a <strong>legibilidade<\/strong> \u00e9 mais importante].<\/p>\n<p>Resumindo, <strong>legibilidade<\/strong> diz respeito <strong>\u00e0 capacidade de reconhecer as letras<\/strong>, enquanto a <strong>leiturabilidade<\/strong> diz respeito <strong>\u00e0 capacidade de se ler as palavras e diversas linhas do texto<\/strong>.<\/p>\n<p>O exemplo abaixo apresenta um caso de letras leg\u00edveis (reconhecemos facilmente os caracteres) mas eles n\u00e3o combinam muito bem, o que dificulta a leitura (pouca leiturabilidade).<\/p>\n<figure id=\"attachment_255\" aria-describedby=\"caption-attachment-255\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-255\" title=\"Exemplo de legibilidade com m\u00e1 leiturabilidade\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/03\/legibilidade1.jpg\" alt=\"\" width=\"500\" height=\"500\" \/><figcaption id=\"caption-attachment-255\" class=\"wp-caption-text\">Exemplo de legibilidade com m\u00e1 leiturabilidade<\/figcaption><\/figure>\n<p>Isso significa que uma letra pode ser individualmente leg\u00edvel, mas devemos tamb\u00e9m nos preocupar com a combina\u00e7\u00e3o e o efeito do conjunto. Mal espa\u00e7amento, varia\u00e7\u00e3o de larguras dos tipos e a aus\u00eancia de kerning tamb\u00e9m dificultam bastante a facilidade leitura, pois causam problemas de ritmo.<\/p>\n<figure id=\"attachment_256\" aria-describedby=\"caption-attachment-256\" style=\"width: 500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-256\" title=\"Mal e bom ritmo\" src=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/03\/ritmo.jpg\" alt=\"Exemplos de mal e bom ritmo\" width=\"500\" height=\"200\" srcset=\"https:\/\/ricardoartur.com.br\/1001\/files\/2011\/03\/ritmo.jpg 500w, https:\/\/ricardoartur.com.br\/1001\/files\/2011\/03\/ritmo-300x120.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><figcaption id=\"caption-attachment-256\" class=\"wp-caption-text\">Exemplos de mal e bom ritmo<\/figcaption><\/figure>\n<p>Acima vemos como o espa\u00e7amento variado dificulta a leitura da frase, comparada \u00e0 linha de baixo onde o espa\u00e7amento est\u00e1 melhor distribu\u00eddo.<\/p>\n<p>Espero que tenham compreendido. Alguma d\u00favida? Comente abaixo!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tradu\u00e7\u00e3o livre e s\u00edntese dos conceitos apresentados no site www.ilovetypography.com no artigo Reviving Caslon por William Berkson (http:\/\/ilovetypography.com\/2010\/11\/02\/reviving-caslon-part-2-readability-affability-authority\/) Para quem vai trabalhar com textos, \u00e9 preciso saber e avaliar as diferentes qualidades tipogr\u00e1ficas e verificar se possuem tanto legibilidade quanto leiturabilidade. Mas qual a diferen\u00e7a? \u201cLegibility\u201d is based on the ease with which one letter [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[46,47,6],"class_list":["post-254","post","type-post","status-publish","format-standard","hentry","category-aulas","tag-legibilidade","tag-leiturabilidade","tag-tipografia"],"_links":{"self":[{"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/posts\/254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/comments?post=254"}],"version-history":[{"count":10,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/posts\/254\/revisions"}],"predecessor-version":[{"id":875,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/posts\/254\/revisions\/875"}],"wp:attachment":[{"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/media?parent=254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/categories?post=254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/1001\/wp-json\/wp\/v2\/tags?post=254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}