{"id":2522,"date":"2022-04-19T15:15:36","date_gmt":"2022-04-19T18:15:36","guid":{"rendered":"https:\/\/alexsandersilva.com.br\/?p=2522"},"modified":"2022-04-19T15:18:01","modified_gmt":"2022-04-19T18:18:01","slug":"tipografia","status":"publish","type":"post","link":"https:\/\/alexsandersilva.com.br\/?p=2522","title":{"rendered":"TIPOGRAFIA"},"content":{"rendered":"\n<p>TYPEFACE<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">PERSONALIDADE<\/h3>\n\n\n\n<p>Cada typeface tem uma personalidade. Alguns s\u00e3o divertidos e engra\u00e7ados, alguns s\u00e3o r\u00edgidos e outros s\u00e3o mais acad\u00eamicos e elegantes.&nbsp;<\/p>\n\n\n\n<p>A personalidade do typeface \u00e9 t\u00e3o importante quanto escolher a roupa certa para cada ocasi\u00e3o.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CATEGORIAS<\/h3>\n\n\n\n<p>Existe uma classifica\u00e7\u00e3o sob a qual cada typeface \u00e9 colocado. As mais utilizadas s\u00e3o 4:&nbsp;<strong>Serif, Sans Serif, Display&nbsp;<\/strong>e&nbsp;<strong>Script<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/bamboowebdesign.com.br\/wp-content\/uploads\/2022\/04\/categorias.png\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">SERIF<\/h2>\n\n\n\n<p>As serifas s\u00e3o os&nbsp;<strong>pequenos tra\u00e7os e prolongamentos que ocorrem no fim das hastes das letras.<\/strong><\/p>\n\n\n\n<p>\u00c9 um cl\u00e1ssico, super tradicional e elegante.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">SANS SERIF<\/h2>\n\n\n\n<p>\u201cSans\u201d significa sem em franc\u00eas. Assim, \u00e9 a letra sem serifa.<\/p>\n\n\n\n<p>Ela \u00e9 a mais vers\u00e1til.&nbsp;<strong>Pode ser utilizada em um design com uma enorma gama de personalidade<\/strong>. \u00c9 a aposta mais segura.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">DISPLAY<\/h2>\n\n\n\n<p><strong>PERIGO!<\/strong>&nbsp;Elas t\u00eam o potencial de parecer bobas.<\/p>\n\n\n\n<p>Utilize somente para t\u00edtulos grandes, nunca para par\u00e1grafos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">SCRIPT<\/h2>\n\n\n\n<p><strong>S\u00e3o baseadas na letra de m\u00e3o.<\/strong><\/p>\n\n\n\n<p>Assim como a Display, ser\u00e1 muito raro utilizar esse tipo de letra. Mas \u00e0s vezes ela pode ser bastante \u00fatil, como num logo para uma marca infantil, por exemplo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">ESPA\u00c7AMENTO ENTRE LETRAS<\/h2>\n\n\n\n<p>Manipular o espa\u00e7amento entre letras cria efeitos diferentes. Elas podem ser espremidas juntas ou espa\u00e7adas mais afastadas. Quando afastamos as letras, isso cria um efeito chamado&nbsp;<strong>Panorama.<\/strong>&nbsp;Um bom exemplo \u00e9 o filme Gravidade, cujo t\u00edtulo \u00e9 disposto na figura ao lado. Existem 2 regras quando utilizamos esse efeito:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>O texto deve ser todo mai\u00fasculo.<\/li><li>Use em textos de apenas uma linha<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/bamboowebdesign.com.br\/wp-content\/uploads\/2022\/04\/panorama.png\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">ALTURA DA LINHA<\/h2>\n\n\n\n<p>A altura da linha \u00e9 o espa\u00e7amento entre as linhas.<\/p>\n\n\n\n<p>Todas as fontes t\u00eam um valor padr\u00e3o. Algumas s\u00e3o muito bem pensadas e balanceadas. Por\u00e9m vai acontecer de uma fonte com grande personalidade e que fica perfeita no seu design n\u00e3o ter uma boa altura e precisar de ajustes. Geralmente aumentando a altura.<\/p>\n\n\n\n<p>Se as linhas est\u00e3o muito pr\u00f3ximas, a leitura do texto fica dif\u00edcil.<\/p>\n\n\n\n<p>Na maioria dos casos, para o corpo do texto,&nbsp;<strong>140%&nbsp;<\/strong>(1,4 x fontsize) \u00e9 uma altura excelente.&nbsp;<strong>N\u00e3o passe de 180%<\/strong>&nbsp;a n\u00e3o ser que voc\u00ea tenha um prop\u00f3sito muito claro para isso.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/bamboowebdesign.com.br\/wp-content\/uploads\/2022\/04\/altura.png\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">FONT WEIGHT (ESPESSURA)<\/h2>\n\n\n\n<p>Light, regular, semi-bold, extra-bold, heavy, black, skinny, hairline e assim por diante. Estes s\u00e3o exemplos do que chamamos de&nbsp;<strong>font weight&nbsp;<\/strong>ou&nbsp;<strong>espessura<\/strong>.<\/p>\n\n\n\n<p>Quando for escolher uma font para seu site, escolha sempre uma que tenha no m\u00ednimo 4 espessuras diferentes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/bamboowebdesign.com.br\/wp-content\/uploads\/2022\/04\/font-weights.png\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>TYPEFACE PERSONALIDADE Cada typeface tem uma personalidade. Alguns s\u00e3o divertidos e engra\u00e7ados, alguns s\u00e3o r\u00edgidos e outros s\u00e3o mais acad\u00eamicos e elegantes.&nbsp; A personalidade do&hellip;<\/p>\n","protected":false},"author":1,"featured_media":2519,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[3,8,4],"class_list":["post-2522","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-alexsander-luiz-de-queiroz-silva","tag-alexsander-luiz-queiroz-silva","tag-alexsander-queiroz-silva"],"_links":{"self":[{"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2522"}],"version-history":[{"count":2,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2522\/revisions"}],"predecessor-version":[{"id":2524,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2522\/revisions\/2524"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/media\/2519"}],"wp:attachment":[{"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}