desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

  • Feed artigos
  • Feed comentários
  • Feed por e-mail
  • Início
  • Ferramentas
  • Downloads
  • Feeds
  • Mapa do blog
  • Sobre

Tipografia com foco ao web design (parte 2): categorias de tipos

4 de agosto de 2008 0 comentários

No segundo artigo da série sobre tipos, apresento quais as categorias de tipos existentes.

Este artigo é parte da série “Tipografia com foco ao web design”. Confira a lista de todas as partes, até agora:

  • Tipografia com foco ao web design (parte 1): considerações sobre fonte, tipo, tipologia e tipografia.
  • Tipografia com foco ao web design (parte 2): categorias de tipos (artigo atual)

Milhares de Tipos

Em outras épocas, criar um tipo - ou uma família inteira de tipos - era tarefa muito complicada, já que o processo era literalmente manual. Com o advento da máquina de Gutemberg e impressão de livros “em massa”, as coisas ficaram um pouco melhores. Atualmente, então, época em que o acesso a computadores de varios tipos, preços e configurações é algo bastante comum, qualquer pessoa com um pouco de esforço pode criar um bom tipo e distribuí-lo na internet.

Mas existem classificações, categorias de tipos, que devem ser conhecidas por nós, web designers, a fim de trabalharmos de uma forma melhor, conhecermos melhor as coisas e, se for o caso, categorizar um tipo feito por nós mesmos, segundo a hipótese mostrada acima.

As 6 categorias de tipos

Existem alguns “sistemas” de classificação / categorização de tipos; pessoalmente, concordo com o que Robin Williams utiliza e mostra em seu livro “Design para quem não é designer“, no qual explica que os 6 principais grupos de tipos são:

  • Antigo;
  • Moderno;
  • Com serifa (ou “serifado”);
  • Sem serifa;
  • Manuscrito;
  • Decorativo.

Cada uma destas diferentes categorias de tipos merece explicação separada e especial atenção para com alguns detalhes importantes. Por isso, esta parte da série Tipografia com foco ao web design é só para você conhecer os diferentes tipos, saber de sua existência e, nos próximos artigos da série, cada uma das diferentes categorias de tipos será explicada com mais detalhes.

Entretanto, para continuar acompanhando o restante da série, é importante você conhecer os elementos característicos de qualquer tipo; são elementos que caracterizam e diferenciam as 6 categorias de tipos existentes. Para estudar sobre este assunto, leia o artigo “Tipografia organização dos elementos“, de Daniele Viana.

No próximo artigo da série: a categoria de tipos “Antigo”.

Categorias
design, séries
Indicar artigo
x

 





Indicar artigo
Comentários RSS
Comentários RSS
Trackback
Trackback

Todo desenvolvedor web deve ler

Use a cabeça: HTML com CSS e XHTML. Criando página web com CSS. Usabilidade na web. Não me faça pensar. Design para a internet.

Artigos relacionados a "Tipografia com foco ao web design (parte 2): categorias de tipos"

  • Tipografia com foco ao web design (parte 1): considerações sobre fonte, tipo, tipologia e tipografia
  • Gestalt aplicado ao design web (parte 4): princípio da boa continuidade ou princípio do alinhamento
  • Gestalt aplicado ao design web (parte 5): exemplos web do princípio do alinhamento
  • Gestalt aplicado ao design web (parte 2): princípio da proximidade
  • Gestalt aplicado ao design web (parte 3): exemplos web do princípio da proximidade
  • Como usar qualquer tipo (fonte tipográfica) em seu blog Wordpress
  • Gestalt aplicado ao design web (parte 6): princípio da experiência passada
  • Usabilidade na página de categorias + dicas sobre títulos de artigos de blogs: dobradinha de guest-posts
  • Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade
  • Colorblind Web Page Filter

Comente!

Translator

Portuguese flagItalian flagChinese (Simplified) flagEnglish flagGerman flagFrench flagSpanish flagJapanese flag

Artigos mais visitados

  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • 10 fontes de inspiração para fazer logotipos de qualidade
  • CSS float: considerações, dicas e macetes para bons layouts na web
  • Centralizar suas páginas web com CSS: como deixar o site sempre no centro com folhas de estilo
  • Baixar ícones de alta definição e qualidade

Categorias

  • (x)html (5)
  • acessibilidade (4)
  • blogs (7)
  • css (17)
  • design (31)
  • firefox (6)
  • indicações (50)
  • javascript (5)
  • jquery (8)
  • miscelânea (30)
  • php (7)
  • séries (9)
  • seo (12)
  • usabilidade (8)
  • wordpress (20)

Eu indico

  • ChromeBrasil
  • Fique Rico
  • Insistimento
  • Maikel Neris
  • Professional Blogger



Artigos Recentes

Ícones de setinhas para download (grátis)

Componentes de um sistema de navegação

10 fontes de inspiração para fazer logotipos de qualidade

Richard Stallman e os programas baseados na web

Meta tags

"Sexy Buttons" em menus do Wordpress

Últimos Comentários

Paulo Faustino: Faz tempo que não actualizava o blog, mas valeu a pena esperar amigo Tárcio. (...)

Rodrigo: Olá Tárcio, tudo tranquilo? Então, muito bom o exemplo. Agora estou com uma dúvida: Tenho (...)

Edgar: Gostei muito do artigo.! Me ajudou muito na criação de meu portifolio. parabéns pelo se trabalho (...)

de musicas: boa.... valeu pela dica... (...)

Viana: Muito boa a dica do plugin ;D (...)

Mais Comentados

Meta tags (16)

CSS float: considerações, dicas e macetes para bons layouts na web (15)

Google Chrome - primeiras impressões sobre o navegador da Google (14)

Como montar um portfolio sem ter clientes (13)

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade (13)

desenvolvimento para web trata sobre padrões da web, usabilidade, acessibilidade,
web design, SEO e tecnologias web, tais como HTML, XHTML, CSS, javascript, jQuery, PHP e mais.

A tradução automática é do Wordpress Global Translator Plugin e há alguns direitos reservados.