{"id":121,"date":"2015-09-04T14:42:25","date_gmt":"2015-09-04T17:42:25","guid":{"rendered":"https:\/\/www.origamid.com\/codex\/?p=121"},"modified":"2015-09-04T15:22:17","modified_gmt":"2015-09-04T18:22:17","slug":"a-importancia-da-tipografia-para-a-web","status":"publish","type":"post","link":"https:\/\/www.origamid.com\/codex\/a-importancia-da-tipografia-para-a-web\/","title":{"rendered":"A Import\u00e2ncia da Tipografia para a Web"},"content":{"rendered":"

Por que Tipografia \u00e9 importante para web?<\/h2>\n

Tipografia muda completamente o seu layout, da forma mais simples poss\u00edvel.<\/p>\n

Em 2006 o pessoal da empresa Information Architect Inc, fizeram um post pol\u00eamico afirmando que web design era 95% tipografia. Ou seja, a maior parte do design de um site \u00e9 influenciada totalmente por como a tipografia \u00e9 trabalhada nele.<\/p>\n

Eles n\u00e3o poderiam estar mais corretos. N\u00e3o s\u00f3 a maior parte do conte\u00fado da web \u00e9 textual como a maioria das interfaces dependem de textos para serem usadas.<\/p>\n

E \u00e9 f\u00e1cil perceber como tipografia tem um papel principal, basta entrar nos principais sites que voc\u00ea acessa no dia a dia para perceber que a maior parte deles \u00e9 composta por textos.<\/p>\n

E voc\u00ea pode at\u00e9 querer argumentar, aaaaa mais meu Facebook \u00e9 cheio de postagens com fotos, sim fotos est\u00e3o em todos os lugares, mas me diz uma coisa, quantos formatos diferentes de fotos voc\u00ea v\u00ea por dia? N\u00e3o s\u00e3o todas quadradas ou retangulares?<\/p>\n

\nQuantos formatos de imagem voc\u00ea v\u00ea em um site? E agora, quantas vari\u00e1veis tipogr\u00e1ficas voc\u00ea consegue contar? T\u00edtulos, subt\u00edtulos, bot\u00f5es, corpo de texto e +\n<\/p><\/blockquote>\n

Agora v\u00ea a quantidade de vari\u00e1veis tipogr\u00e1ficas que o Facebook tem<\/strong>? Percebeu? Tem o texto dos bot\u00f5es (que s\u00e3o diversos e em diferentes formatos), tem o texto do coment\u00e1rio, da postagem inicial, o nome da p\u00e1gina, o nome do seu amigo, texto de an\u00fancios e por ai vai.<\/p>\n

Aaaaa, mas tem tamb\u00e9m as caixas, linhas, \u00edcones e etc que acompanham a organiza\u00e7\u00e3o do layout<\/em>. Sim, tem sim, mas cada um desses elementos s\u00e3o criados de forma que se comuniquem e respeitem 100% a tipografia do site. E lembrando que tipografia n\u00e3o \u00e9 escolher fonte. \u00c9 definir escala, altura, largura, estilo, cores e mais.<\/p>\n\"Trafego\n

Se em 2006 era 95% agora \u00e9 99%<\/h2>\n

O mobile est\u00e1 cada vez mais forte.<\/p>\n

Ai voc\u00ea pensa: \u201cAntigamente tudo bem, mas agora com a internet mil vezes mais r\u00e1pida que a de 2006 isso muda, pois vamos poder usar mais imagens e tal\u201d. N\u00e3o, n\u00e3o mudou e na verdade a tipografia s\u00f3 ficou mais importante.<\/p>\n

Sabe do responsivo n\u00e9? Aquela palavra que hoje em dia \u00e9 mais falada do que web design em si. E sabe por qu\u00ea? Simplesmente por que em 2015 j\u00e1 s\u00e3o mais de 33% o total de acessos na internet atrav\u00e9s de dispositivos m\u00f3veis.<\/p>\n

Para voc\u00ea ter uma no\u00e7\u00e3o, eu conhe\u00e7o pessoas que nunca tiveram acesso a um computador, mas agora possuem em m\u00e3os um smartphone com total acesso a internet.<\/p>\n

Mas e o que isso tem com Tipografia Para Web? Se voc\u00ea \u00e9 como eu, uma das primeiras coisas quando voc\u00ea acessa um site novo \u00e9 ver se ele \u00e9 responsivo. J\u00e1 percebeu o que acontece quando o site est\u00e1 em sua vers\u00e3o mais compacta (a mobile)? Some grid, some algumas imagens, some efeitos e o que fica? Texto, texto por toda a parte, de ponta a ponta. Agora percebeu? Que a import\u00e2ncia \u00e9 maior ainda agora?<\/p>\n

O que eu devo fazer?<\/h2>\n

Como fa\u00e7o para melhorar as minhas escolhas tipogr\u00e1ficas?<\/p>\n

Acho que em qualquer \u00e1rea bastam essas tr\u00eas coisas para voc\u00ea aprender:<\/p>\n