Parece que hoje em dia ninguém quer doar dinheiro sem ganhar nada em troca. São campanhas beneficentes que oferecem um jantar caro, ou até mesmo uma placa com seu nome por dar dinheiro a uma causa. Tem gente que até faz e vende fontes tipográficas especiais.

O objetivo da SOTA (Society of Typographic Aficionados – ou “Sociedade de Aficionados por Tipografia” em tradução livre) ao criar a fonte “Coming Toghether” era de poder beneficiar vítimas do terremoto no Haiti.

A fonte – que contém mais de 400 &’s – teve a contribuição do mesmo número de tipógrafos espalhados por quase 40 países (inclusive alguns brasileiros) e é fornecido como uma única fonte multi-plataforma OpenType.

Ela está sendo vendida a US$ 20 e pode ser adquirida pelas distribuidoras de fontes Ascender Fonts, Veer, FontShop, e MyFonts. O valor integral será repassado ao fundo do Doctors Without Borders (“Médicos Sem Fronteiras”) que está prestando ajuda no Haiti.

Você acha que é uma ação válida? Você compraria esta fonte para ajudar vítimas de desastres naturais?

Update: Obrigado André Luiz pela correção de título ;)

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• O que é tipografia?
• Download da fonte Helvetica
• Vídeos tipográficos – Exemplos e tutoriais
• Posters tipográficos incríveis
• Por que banir o Comic Sans?

Iniciando a Semana do Designer, apresento vários vídeos tipográficos – também chamado de tipografia cinética. São vídeos que focam nas palavras, do jeito que são escritas e apresentadas, com movimento e animação. Confira 10 dos melhores vídeos em tipografia cinética e links de como encontrar mais e inclusive como fazer uma animação de tipografia cinética no Adobe After Effects.

A tipografia cinética se refere a arte e técnica de expressão utilizando movimento e animação de textos e palavras. A tipografia cinética tem demonstrado a abilidade de adicionar conteúdo emotivo significante e trazer apelo ao texto, permitindo que algumas qualidades normalmente encontradas em filmes e na palavra falada sejam usadas em texto estático. (Não sabe o que é tipografia? Tenho um artigo inteiro explicando isto).

Exemplos de vídeos tipográficos

Mais exemplos e inspiração

Mais alguns sites onde você pode encontrar exemplos e inspirações para vídeos tipográficos.

• Typeinspire – Inspiração para obras tipográficas em geral
• Kinetic Typography – Canal no Vimeo
• Nicetype – Outro canal no Vimeo
• I Love Typography – Um dos melhores sites de tipografia
• Webdesigner depot – Mais exemplos de vídeos tipográficos

Como fazer um vídeo tipográfico

Existem vários tutoriais de como fazer vídeos tipográficos na web, vou selecionar apenas alguns aqui. Infelizmente, todos são em inglês (se alguém souber de algum tutorial em português, por favor comente!). De qualquer forma, como são vídeo-tutoriais em sua maioria, é só seguir o que é feito na tela que não deve ter problema. Os tutoriais abaixo são para Adobe After Effects – um dos melhores softwares para criação de efeitos em vídeo. Caso alguém tenha sugestões melhores, por favor comente!

• Tipografia cinética em Illustrator e After Effects
• Tutorial básico de animação com tipografia
• Ótimo tutorial que te dá o básico da animação com tipografia
• Tutorial do Video Copilot muito bom também

Ah, e como sei que vai ter um ou outro pedindo pra eu ensinar, deixo avisado: sou bem amador ainda então não vou fazer nenhum vídeo tutorial até aprender bem ;) (mesmo assim, sempre tem um mané que não lê o artigo todo).

Fontes: designflakes, Hiato Criativo, YouTube

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• O que é tipografia?
• Vídeos tipográficos
• Vídeos tipográficos
• Fonte tipográfica beneficente
• O melhor tutorial de como se fazer um logo

Esses posters tipográficos deixam qualquer designer com água na boca. Um dia, irei decorar meu escritório com centenas destes. Excelente fonte de inspiração.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Inspiração de segunda – parte 5
• 5 dicas de design que se aprende com a Apple
• Fonte tipográfica beneficente
• Inspiração de segunda – parte 3
• Vídeos tipográficos – Exemplos e tutoriais

Alguns anos atrás tinha escrito um artigo similar aqui no blog, mas deve ter se perdido no limbo virtual. Após uma indagação de uma leitora – Rosemeire Azevedo – resolvi escrever um artigo mais aprofundado de por que os designers querem banir a fonte Comic Sans.

A história do Comic Sans

O designer Vincent Connare que na época trabalhava na Microsoft, começou a trabalhar na fonte Comic Sans em Outubro de 1994. Connare já tinha criado algumas fontes direcionadas a softwares para crianças, então quando viu a versão beta do Microsoft Bob que usava Times New Roman nos balões de fala dos personagens de desenho, decidiu criar uma nova fonte baseada no estilo de escrita usada em desenhos em quadrinhos que ele possuía em seu escritório, especificamente The Dark Knight Returns (letras criadas por John Costanza) e Watchmen (letras por Dave Gibbons).

Connare acabou demorando demais e sua fonte não foi incluída no MS Bob, mas os programadores do Microsoft 3D Movie Maker – que também iriam usar balões de fala – decidiram adotar a nova fonte. Mais tarde, a fonte foi inclusa com o pacote Windows 95 Plus! De lá em diante, a fonte só ganhou mais e mais popularidade.

O problema do Comic Sans

O Comic Sans foi classificada como uma fonte casual, de script não-conectivo (as letras não se conectam) e foi criado para imitar a escrita a mão em histórias em quadrinhos e para um uso em documentos informais. “Documentos informais” é a palavra-chave aqui, então guarde-a em sua cabeça.

Famílias tipográficas são criadas sempre para representar algo. Alguns focam na legibilidade em todos os tamanhos, outros são específicos para tamanhos pequenos. Ainda há aquelas fontes meramente decorativas. Uma fonte pode dizer muito sobre uma empresa quando ela está em seu logo.

A fonte Comic Sans é uma fonte relaxada e informal. O motivo pelo qual querem banir o Comic Sans é que ele é usado exaustivamente em locais inapropriados.

Documentos importantes, impressos que querem passar uma mensagem séria, logos de lojas que não são relacionadas a crianças, brinquedos ou qualquer coisa brincalhona ou informal, e a lista continua. Por ser uma fonte que já vem inclusa com o sistema operacional mais usado, e ser uma fonte “diferente”, as pessoas acabam usando de forma irrestrita em todos os seus documentos.

Usar Comic Sans em uma lápide? Só se o morto tivesse sido um palhaço.

Espalhe o bem gráfico no mundo: diga não ao uso indiscriminado do Comic Sans.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Fonte tipográfica beneficente
• Vídeos tipográficos – Exemplos e tutoriais
• Posters tipográficos incríveis
• Download da fonte Helvetica
• IKEA irrita designers com mudança de fonte

Muita gente chega aqui no Design Blog procurando por “download da fonte Helvetica grátis”. Há boas e más notícias quanto a isto.

A família tipográfica Helvetica foi criada por Max Miedinger em 1957 para a tipografia suíça Haas’sche Schriftgießerei. Já escrevi sobre ela no artigo “Helvetica – a fonte mais famosa“.

O que muita gente não sabe é que esta é uma fonte proprietária. Ou seja, não dá pra baixar de graça. A fonte custa em média 24 Euros pelo site Linotype. Fazer o download dela de graça é ilegal. Simples assim.

No entanto, a boa notícia é que há fontes bem similares a Helvetica que podem ser baixadas de graça. Uma rápida pesquisa em alguns sites retornam fontes como Sanskrit Helvetica. Essa é bem similar a Helvetica e é de graça.

Outra solução seria usar Arial e fazer as alterações mínimas via vetor. Fica a critério de cada um. Deixo claro que, por motivos legais, este blog condena a pirataria. Espero que, de uma vez por todas, este problema esteja resolvido.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Fonte tipográfica beneficente
• Helvetica – a fonte mais famosa
• O que é tipografia?
• Modelos de Planos de Marketing (com downloads)
• Photoshop no iPhone

Após 50 anos usando a fonte Futura e Century Schoolbook, a IKEA decide mudar para Verdana. Designers do mundo todo responderam negativamente a troca e criaram petições para que a empresa voltasse a usar as fontes antigas.

Em entrevista a revista sueca de design CAP&DESIGN, a empresa alega que a troca foi feita para que a fonte fosse entendível em todos os países, inclusive no oriente (países asiáticos). Eles também querem dar a mesma impressão visual na web e mídia impressa.

Muitos designers discutem que Verdana é uma fonte para ser usada na web pois facilita a leitura. Já em mídia impressa, o visual fica amador.

O catálogo da IKEA antes e depois.

Pessoalmente, creio que poderia ser pior. Não ficou tão ruim assim. Ainda mais, poderiam ter usado Comic Sans.

Tá até rolando uma discussão no Forum de Design sobre isso. Dê uma conferida!

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Logo do Underground de Londres
• Nove sugestões para criar logos apresentáveis
• Como desenvolver uma identidade corporativa
• Para que serve um logo ou marca?
• Novo logo do Pão de Açúcar

Em 1957, Max Miedinger criou a família tipográfica chamada Neue Haas Grotesk, que foi comprada por Eduard Hoffman para a empresa Haas’sche Schriftgiesserei de Münchenstein, Suíça. Não foi até 1960 que a fonte foi renomeada para refletir o nome do país em latim – Helvetica. Espalhado como um símbolo de tecnologia-de-ponta suíça, Helvetica se tornou reconhecida mundialmente.

O objetivo da tipografia conhecida hoje com Helvetica, era de criar um tipo claro, sem significados culturais, de fácil legibilidade e que pudesse ser usado em diferentes tipos de suporte: desde sinais de trânsito até impressos em papel.

Helvetica é uma das fontes sem-serifa mais usadas no mundo. Existem versões para línguas derivadas do latim, cirílico, hebreu e grego além de versões especiais para hindu, urdu, khmer e vietnamita. Variantes dos sistemas de escrita baseado em caractéres incluem chinês, japonês e koreano foram desenvolvidos para complementar a Helvetica.

Entre as empresas mais famosas que usam Helvetica nas suas marcas incluem a 3M, American Airlines, a rede de jornalismo BBC News, Boeing, Jeep, linhas aéreas Lufthanse, Microsoft, Panasonic e muitos outros. A fonte está até impressa nos ônibus espaciais da Nasa, além de ter seu próprio filme.

Em 1982, Robin Nicholas e Patricia Saunders, da Monotype Typography, criaram a Sonora Sans Serif, que acabou sendo renomeado para Arial quando a Microsoft passou a distribuí-lo com o Windows 3.1 em 1992. Existe muita controvérsia quanto a esta fonte, pois muitos dizem que é uma cópia quase igual da fonte Helvetica.

Entre as similaridades, nota-se que ambas tem uma largura muito próxima. O jeito mais fácil de distinguir uma fonte da outra é observando as letras em caixa-alta C, G e R, assim como as em caixa-baixa a, e, r e t.

Com mais de 50 anos de existência, é seguro dizer que Helvetica é a fonte mais popular do mundo.

Faça o download de diferentes pesos da Helvetica (Bold, Condensed, Light, etc) aqui.

Referências: “How to spot Arial“, “Fontes: conheça 10 alternativas originais para a Arial e a Helvetica“

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Download da fonte Helvetica
• Modelos de Planos de Marketing (com downloads)
• Fonte tipográfica beneficente
• Photoshop no iPhone
• Vídeos tipográficos – Exemplos e tutoriais

A tipografia cinética se refere a arte e técnica de expressão utilizando movimento e animação de textos e palavras. A tipografia cinética tem demonstrado a abilidade de adicionar conteúdo emotivo significante e trazer apelo ao texto, permitindo que algumas qualidades normalmente encontradas em filmes e na palavra falada sejam usadas em texto estático.

Com a popularização da web e o surgimento de novos softwares que facilitam muito a vida dos designers, vários vídeos de tipografia cinética têm surgido na internet.

Tomei a liberdade de selecionar os melhores vídeos para você, leitor. São vídeos baseados em diálogos de filmes famosos.

Ah, não sabe o que é tipografia? Já fiz um artigo sobre isto – leitura recomendada!

Pulp Fiction

Matrix

Onze Homens E Um Segredo (Oceans Eleven)

O Advogado do Diabo (Devil’s Advocate)

Explicação sobre o que é tipografia – já foi postado aqui, mas vale a pena re-postar

Vídeo-musical curto da trilha “Are You Gonna Be My Girl” da banda Jet

Sugestão: procure pela palavra “typography” no YouTube que você vai encontrar centenas de vídeos assim.

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Vídeos tipográficos – Exemplos e tutoriais
• Vídeos tipográficos
• O que é tipografia?
• Fonte tipográfica beneficente
• Posters tipográficos incríveis

Após aprendermos sobre tipografia, está na hora de conferir alguns vídeos feitos apenas com tipos. Escolhi os melhores que achei e coloquei na lista abaixo.

O plano maior do Google

Cena do filme Pulp Fiction

Cena de comédia de Abbott e Costello

Cena do filme Ocean’s 11

Mais uma do Ocean’s 11

Animação sobre as diferenças entre dois tipógrafos conhecidos.

Cena do filme Devil’s Advocate

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

Artigos relacionados

• Vídeos tipográficos – Exemplos e tutoriais
• Vídeos tipográficos
• O que é tipografia?
• Fonte tipográfica beneficente
• Posters tipográficos incríveis

Em design só se fala sobre tipografia e tipologia. Afinal, o que é isso? Qual a importância da tipografia na vida do designer gráfico? No que consiste a tipografia? Está na hora de responder suas perguntas.

O que significa?

Tipografia é a impressão dos tipos. Está morrendo com o computador. Tipologia é o estudo da formação dos tipos. Cresce a cada dia. Mas no final, a nomenclatura usada é tipografia. Como fonte (família do tipo) é atualmente chamada de tipo.

O termo tipo é o desenho de uma determinada família de letras como por exemplo: verdana, futura, arial, etc. As variações dessas letras (ligth, itálico e negrito, por exemplo) de uma determinada família são as fontes desenhadas para a elaboração de um conjunto completo de caracteres que consta do alfabeto em caixa alta e caixa baixa, números, símbolos e pontuação.

Os tipos constituem a principal ferramenta de comunicação. As faces alternativas de tipos permitem que você dê expressão ao documento, para transmitir instantaneamente, e não-verbalmente, atmosfera e imagem

No uso da tipografia o interesse visual é realizado através da escolha adequada de fontes tipográficas, composição (ou layout) de texto, a sensibilidade para o tom do texto e a relação entre texto e os elementos gráficos na página. Todos esses fatores são combinados para que o layout final tenha uma “atmosfera” ou “ressonância” apropriada ao conteúdo abordado. No caso da mídia impressa, designers gráficos costumam se preocupar com a escolha do papel adequado, da tinta e dos métodos de impressão.

O conhecimento da tipografia é essencial aos designersO conhecimento adequado do uso da tipografia é essencial aos designers que trabalham com diagramação, ou seja, na relação de texto e imagem. Logo a tipografia é um dos pilares do design gráfico e uma matéria necessária aos cursos de design. Para o designer que se especializa nessa área, a tipografia costuma se revelar um dos aspectos mais complexos e sofisticados do design gráfico.

Classificação das fontes

Na tipografia, as fontes tipográficas (ou apenas fontes) são classificadas em 4 grupos básicos: as com serifas, as sem serifas, as cursivas e as fontes dingbats.

Elementos das fontes

Toda e qualquer fonte tipográfica é composto por elementos distintos, tais como:

• Linha de Base (baseline)
• Linha Central (meanline ou midline)
• Ascendente (ascender)
• Descendente (descender)
• Letra Caixa Alta (upper-case)
• Letra Caixa-baixa (lower-case)
• Altura de x (x-height)
• Cabeça ou Ápice (apex)
• Serifa (serif)
• Barriga ou Pança (bowl)
• Haste ou Fuste (stem)
• Montante ou Trave (diagonal stroke)
• Base ou Pé (foot)
• Barra (bar)
• Bojo (counter)
• Etc

O arranjo de tipos é a seleção de fonte, altura da letra (point size), largura da linha, espaçamento entre-linha (leading) e espaçamento entre-letras (kerning). Isto tudo visa melhorar a legibilidade do texto a ser escrito, facilitando o entendimento dele além de providenciar um conforto aos olhos de quem lê.

Não confunda leiturabilidade com legibilidade: Leiturabilidade é relacionada a língua em que o texto é escrito ou entendido – diz respeito a dificuldade da língua em si, e não sua aparência. A ergonomia é uma das disciplinas que estuda o efeito da tipografia nos seres humanos, examinando o conforto visual, o entendimento da mensagem, entre outras coisas.

Alinhamento

Há cinco maneiras básicas de organizar as linhas de composição em uma página:
1) Justificada: todas as linhas têm o mesmo comprimento e são alinhadas tanto a esquerda quanto a direita.
2) Não-justificada á direita: as linhas têm diferentes comprimentos e são todas alinhadas á esquerda e irregulares a direita.
3) Não-justificada á esquerda: as linhas têm diferentes comprimentos e são alinhadas á direita e irregulares a esquerda.
4) Centralizada: as linhas têm tamanho desigual, com ambos os lados irregulares.
5) Assimétrica: um arranjo sem padrão previsível na colocação das linhas.

Dicas importantes

Alinhamento: Evite alinhamento centralizado em textos longos. O excesso de espaço branco nas laterais tende a fazer a pessoa se perder. Opte por textos alinhados a esquerda, sem justificativa (caso as palavras fiquem com espaçamento grande d   e   m   a   i   s   entre elas)

Contraste: Nunca utilize tipo claro em fundo claro, ou tipo escuro em fundo escuro. Opte sempre pelo contraste. Afinal de contas, texto é para ser lido! Para impressos, o melhor é sempre letra preta no papel branco. Já para os computadores, há muita divergência de opiniões: para muitos, letra branca em fundo preto é menor pois na tela o branco é uma luz emitida, enquanto o preto é ausente (o que supostamente deveria facilitar a leitura além de não consumir tanta energia elétrica). Mas isto ainda é disputado. De qualquer maneira, contraste sempre.

Use apenas uma categoria de fonte: Se você fizer um texto todo com uma fonte serifada, utilize apenas fontes serifadas no resto do texto. Não mude no meio do caminho, pois isso pode trazer uma confusão visual ao leitor. Claro que se você quiser usar uma fonte como título de um texto e prosseguir com uma fonte diferente, manda bala. Mas…

Se for mudar de fonte, deixe óbvio a mudança; Dá pra criar um texto com título em Georgia e corpo do texto em Helvetica (serifada e sem-serifa, respectivamente). Mas deixe óbvio a mudança – use uma cor diferente, um fundo diferente, ou um tamanho de letra diferente. Além de criar um impacto visual melhor, a pessoa não fica achando que o designer errou na hora de utilizar suas fontes.

Não se esqueça dos princípios básicos do design. Já fiz um artigo sobre isto antes.

Vídeos tipográficos

Para finalizar, confira alguns vídeos interessantes:

O que é tipografia. Vídeo em inglês bem produzido explicando rápidamente o que vêm a ser tipografia. Link do YouTube.

Escola Tipográfica. Vídeo em inglês promovendo uma escola tipográfica. Link do YouTube.

Bibliografia

• I Love Typography
• Wikipedia
• Type-Culture Academic Resource

Aproveite e siga o Design Blog no Twitter! Assim você fica por dentro das novidades no mundo do design, com links super interessantes.

.

Artigos relacionados

• Fonte tipográfica beneficente
• Vídeos tipográficos – Exemplos e tutoriais
• O que é CMYK?
• Quatro princípios básicos do design
• Download da fonte Helvetica
]]> http://design.blog.br/design-grafico/o-que-e-tipografia/feed 16