A tipografia \u00e9 um aspecto importante do design que muitas vezes \u00e9 negligenciado na cria\u00e7\u00e3o de sites, publica\u00e7\u00f5es em blogs, conte\u00fado premium, boletins informativos, e-books, materiais promocionais e muito mais. Muitas pessoas ouvem a palavra \"tipografia\" e entram em p\u00e2nico, mas se voc\u00ea estiver ciente de alguns conceitos-chave e usar algumas t\u00e9cnicas b\u00e1sicas, poder\u00e1 transformar a legibilidade do seu conte\u00fado e o tom da sua voz digital\/impressa.<\/p>\n
Nesta publica\u00e7\u00e3o, abordaremos alguns desses conceitos-chave e daremos algumas dicas introdut\u00f3rias para voc\u00ea come\u00e7ar a construir sua marca com tipografia.<\/p>\n
O uso da tipografia pode transformar a experi\u00eancia do leitor. Em vez de apresentar a ele uma parede de texto, a tipografia permite que voc\u00ea guie o leitor pelo seu conte\u00fado. Voc\u00ea pode destacar informa\u00e7\u00f5es importantes, agrupar se\u00e7\u00f5es com cabe\u00e7alhos claramente marcados, fazer com que as cita\u00e7\u00f5es se destaquem e muito mais. Ao formatar seu conte\u00fado com tipografia, voc\u00ea est\u00e1 criando um espa\u00e7o mais convidativo para membros, clientes e f\u00e3s.<\/p>\n
Al\u00e9m disso, a tipografia \u00e9 uma excelente maneira de garantir a coes\u00e3o da marca e comunicar de forma eficaz sua voz exclusiva na Web ou em impressos. Ao usar consistentemente uma ou duas fontes tipogr\u00e1ficas em seus materiais de marca (logotipo, cart\u00f5es de visita, \u00edcones e banners de m\u00eddia social, folhetos etc.), voc\u00ea pode unificar todas as suas v\u00e1rias plataformas de comunica\u00e7\u00e3o com um tom ou voz abrangente.<\/p>\n
Antes de nos aprofundarmos em dicas e usos espec\u00edficos da tipografia, vamos definir alguns termos importantes.<\/p>\n
Fonte vs. tipo de letra<\/em><\/strong><\/p>\n Embora esses dois termos possam parecer intercambi\u00e1veis, cada um deles se refere a um aspecto diferente da tipografia. A fonte<\/strong> refere-se ao arquivo f\u00edsico ou a cada manipula\u00e7\u00e3o individual de texto. O termo fonte foi originalmente usado para descrever cada conjunto distinto de teclas usadas para impress\u00e3o anal\u00f3gica nos tempos antigos. Por exemplo, a Times New Roman em negrito no tamanho 12 \u00e9 uma fonte diferente da Times New Roman em it\u00e1lico no tamanho 10.<\/p>\n Em contrapartida, tipo de letra<\/strong> refere-se a toda a fam\u00edlia de fontes. Por exemplo, a Times New Roman como um todo \u00e9 uma fonte. Uma \u00f3tima maneira de pensar sobre isso \u00e9 usar a analogia das m\u00fasicas em um \u00e1lbum: muitas m\u00fasicas comp\u00f5em um \u00e1lbum, assim como muitas fontes comp\u00f5em uma fonte.<\/p>\n Serifa vs. Sans Serif<\/em><\/strong><\/p>\n A serifado<\/strong> \u00e9 uma fonte que tem p\u00e9s pequenos no final das letras. Alguns exemplos comuns s\u00e3o Times New Roman, Georgia e Garamond. As serifas s\u00e3o \u00f3timas para blocos longos de texto (por exemplo, em livros e revistas) porque cada letra \u00e9 marcada e separada de forma distinta.<\/p>\n A sem serifa<\/strong> typeface significa literalmente \"sem serifa\" ou sem os p\u00e9s pequenos. Alguns exemplos s\u00e3o Arial, Verdana e Futura. As fontes sem serifa geralmente parecem mais modernas e casuais e, por isso, s\u00e3o extremamente populares para publica\u00e7\u00f5es em blogs e outros conte\u00fados da Web.<\/p>\n Para come\u00e7ar, voc\u00ea s\u00f3 precisar\u00e1 de alguns tipos de fontes. Minha recomenda\u00e7\u00e3o pessoal \u00e9 1 cabe\u00e7alho<\/strong> tipo de letra, 1 par\u00e1grafo<\/strong> e 1 decorativo<\/strong> tipo de letra. Lembre-se de que cada tipo de letra tem v\u00e1rias fontes dentro dele para dar a voc\u00ea a apar\u00eancia e a sensa\u00e7\u00e3o de cada parte do seu site ou material de marca.<\/p>\n O cabe\u00e7alho deve ser algo que se destaque e seja f\u00e1cil de ler. A maioria das pessoas tende a escolher algo que seja em negrito e tenha boa apar\u00eancia em um tamanho maior. Se a fonte n\u00e3o for naturalmente em negrito, geralmente \u00e9 poss\u00edvel ajustar o peso da fonte para obter o n\u00edvel de intensidade de que voc\u00ea precisa.<\/p>\n Por outro lado, o texto dos par\u00e1grafos deve ser mais leve. Ao decidir entre serif e sans serif para a maior parte do texto, considere como os leitores visualizar\u00e3o o conte\u00fado e o tipo de conte\u00fado que voc\u00ea produz. O texto de seu conte\u00fado \u00e9 pesado? Talvez voc\u00ea deva considerar uma serifa. Voc\u00ea produz principalmente conte\u00fado para a Web? As sem serifa s\u00e3o mais flex\u00edveis em uma ampla gama de resolu\u00e7\u00f5es de tela. Quer esteja trabalhando com um designer ou por conta pr\u00f3pria, experimente diferentes combina\u00e7\u00f5es e fontes para encontrar o estilo que melhor corresponda \u00e0 sua voz e \u00e0s suas necessidades exclusivas.<\/p>\n Por fim, se voc\u00ea estiver nos est\u00e1gios iniciais da marca, talvez queira escolher uma fonte decorativa que complemente o cabe\u00e7alho e as fontes de par\u00e1grafo. As fontes decorativas s\u00e3o usadas para coisas como logotipos e banners sociais\/da Web. Ao escolher uma fonte decorativa, certifique-se de que ela seja otimizada para a Web e para impress\u00e3o, especialmente se estiver planejando imprimir cart\u00f5es de visita ou outros materiais promocionais.<\/p>\n Os tipos de letra e fontes que voc\u00ea escolher para o seu site ou marca definir\u00e3o uma hierarquia na sua p\u00e1gina. Instintivamente, os olhos do leitor s\u00e3o atra\u00eddos primeiro para textos grandes e em negrito \u2013 \u00e9 por isso que a norma \u00e9 usar textos grandes e em negrito para t\u00edtulos e cabe\u00e7alhos. As cita\u00e7\u00f5es s\u00e3o frequentemente inseridas em par\u00e1grafos, ampliadas e apresentadas em it\u00e1lico, o que tamb\u00e9m atrai o olhar do leitor. Quando utilizada corretamente, a hierarquia de uma p\u00e1gina web permite ao leitor saltar de sec\u00e7\u00e3o em sec\u00e7\u00e3o, obtendo as informa\u00e7\u00f5es mais importantes sem ter de ler tudo.<\/p>\n Quando estiver pronto para come\u00e7ar a visualizar, fazer download ou at\u00e9 mesmo comprar fontes, voc\u00ea poder\u00e1 se sentir um pouco sobrecarregado com o n\u00famero de op\u00e7\u00f5es dispon\u00edveis. Algumas de minhas favoritas incluem Fontes do Google<\/a>, DaFont<\/a>e Adobe Typekit<\/a>. Se estiver procurando por algo um pouco mais ousado ou fora do caminho comum, confira esta excelente lista da Creative Bloq.<\/a><\/p>\n Como voc\u00eas est\u00e3o usando a tipografia em seus neg\u00f3cios? Tem alguma pergunta? Deixe tudo nos coment\u00e1rios abaixo. Adoramos ouvir sua opini\u00e3o!<\/p>","protected":false},"excerpt":{"rendered":" Typography is an important design aspect that is often overlooked when creating websites, blog posts, premium content, newsletters, ebooks, promotional materials, and more. Many people hear the word \u2018typography\u2019 and panic, but if you are aware of a few key concepts and use some very basic techniques, you can transform both the readability of your [\u2026]<\/p>\n","protected":false},"author":1493,"featured_media":15143,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"content-sidebar","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","_strive_post_notes":"","footnotes":""},"categories":[69,120],"tags":[316,315,314],"class_list":{"0":"post-9017","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-advice","8":"category-content","9":"tag-font","10":"tag-typeface","11":"tag-typography","12":"entry"},"acf":{"plans":["scale"],"is_featured":false,"download_source":"none","mothership_slug":"","download_url":""},"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\tO que voc\u00ea precisar\u00e1<\/h4>\n
Localizar fontes<\/h4>\n