design, livros, tipografia e referências

Archive for September, 2009

32 exemplos de bolachas de chopp (ou porta-copos ou coasters)

Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)
Bolacha de Chopp (coaster) Bolacha de Chopp (coaster)

Bem, como eu não bebo, então tenho que fazer algo interessante quando tá todo mundo chamando Jesus de Genésio no boteco: Fico reparando nos coasters! Agradecimentos especiais a Mau Ortiz, Thays Prado, R. Guiderolli e Ernesto Magalhães.
Mais um chopp, campeão?

Postado por Rogério Fratin em Uncategorized e tem (4) Comentários

Alexandre Wollner e a formação do design moderno no Brasil

Muito legal a ideia de fazer um trabalho como esse que fizeram com o Alexandre Wollner. O cara, além de estudar na Escola de Ulm e fazer logotipos pra um monte de empresas que a gente viu a vida toda (como Itaú, Sardinhas Coqueiro…), ele também colaborou com cursos de design no país e participou da inauguração da ESDI, a Escola Superior de Desenho Industrial do Rio de Janeiro. Uma entrevista com ele, do jeito que foi feita e contando um pouco da história e opiniões polêmicas a respeito de identidade do design nacional, relação do design com a publicidade, o que é design e muitas outras, couberam direitinho o livro, que vem com um DVD com o vídeo da entrevista.

Sabe aquela história de “Ah, o livro é melhor que o filme”? Então, nesse caso não pode ser aplicado. Além de uma diagramação muito questionável (veja a figura abaixo), ele não consegue ser mais divertido que o DVD porque é praticamente o que está lá, numa ordem diferente, cronológica e com alguns detalhes a mais. Mas de qualquer maneira, é um bom companheiro no ônibus, metrô ou sala de espera. Vale o investimento. O que mais me chamou a atenção foi o catálogo de marcas do Wollner, com imagem de todos os logos que ele fez. Quanto ao DVD… Ah! É daqueles pra você ver sozinho e depois convidar um monte de amigos (preferencialmente designers ou quem tenha algum gosto pela coisa) pra curtir e discutir seus apontamentos. São vários dias no estúdio do Wollner e depois um passeio pela Avenida Faria Lima e Paulista aqui em São Paulo (antes da lei da cidade limpa) e ele vai apontando coisas que ele gosta e não gosta, justificando do seu jeito, com sua bagagem de mais de 50 anos.

Capa do livro Alexandre Wollner e a formação do design moderno no Brasil, da Cosac Naify Será que o próprio Wollner viu essa diagramação antes do livro ser rodado?
Pequeno recorte no catálogo de logotipos de Alexandre Wollner
Postado por Rogério Fratin em Livro e tem (3) Comentários

20 ferramentas e sites indispensáveis (e grátis!) para designers

Aí vai uma lista com algumas das ferramentas e sites que eu uso com bastante frequência e que fazem muito bem seus papéis:

Bancos de imagem

Stock.XCHNG. Eu sei que existem muitos, mas esse pra mim é o mais organizado e confiável. Basta criar um cadastrinho e se divertir a valer.

Fontes

DaFont, Urban Fonts, 1001 Free Fonts, Simply The Best Fonts. Todos muito parecidos. Algumas fontes não podem ser usadas em fins comerciais, vale a pena verificar. Ideais pra quem precisa de fontes menos precisas para leitura.

Combinadores de cor

Kuler, da Adobe, permite criar combinações de cor e compartilha paletas dos outros usuários, numa pegada meio comunidade.
Color Scheme Designer 3 dá opções de paletas monocromáticas, complementares e outras. Tem um simulador de como as pessoas com problemas visuais, como o daltonismo, veriam cada cor da combinação.

Gerador de Favicon

FavIcon from Pics tem uma interface meio estranhona, mas gera os favicons com cores de fundo ou não, animados e em diversos tamanhos.

Texturas

CG Textures, Texture King e Mayang são bem parecidas e acho que somadas resolvem 95% dos problemas de texturas que você precisar.

Criador de mapas de site

X-Mind. Para fazer o download é preciso se cadastrar, mas vale a pena. Esse programinha é bem leve e cria estruturas navegacionais em formato de diagrama que agiliza bastante na criação de sites, principalmente dos complexos.

Editor de áudio

Audacity. Já me salvou várias vezes na hora de criar podcasts e áudio slide-shows (odeio esse termo, mas se assim falam…) pois trabalha com diversos canais (“layers” de som) e você também pode ir à biblioteca de plug-ins para turbiná-lo e permitir exportar para diversos formatos.

Conversor de vídeo e áudio

Format Factory é bem fácil de usar e converte vídeo e áudio de (quase) todos os formatos para (quase) todos os formatos. Ideal tanto pra quem tá com pressa quanto para quem quer configurar cada coisa com calma.

Codecs de vídeo

K-Lite. Com ele (que ainda por cima vem com o Media Player Classic, caso você não tenha player) dá pra ver arquivos Real, MOV, DIVx, DVDs e muitos outros.

Gerador de preloader

Ajaxload. É direto on-line e permite configuração de formato, cor e background.

Editor de imagens on-line

Pixel Free. Não é um Photoshop on-line, mas pode salvar vidas na hora de tratar e cortar imagens pra sites quando não se tem nada do gênero instalado na máquina.

Web application development

Aptana. Tanto para os que desenvolvem mais pesado como os que ficam em markups e CSS, esse é um bom editor.

Plug-ins do Firefox

Firebug mostra nomes de elementos das páginas, peso de CSS, Javascript e imagens e ainda permite “editar” on-line e ver o resultado na hora. Ideal pra quem programa e quem quase não programa nada.
FireFTP permite que você faça uploads e downloads de arquivos de FTPs direto no Firefox.

E você? Quais são suas ferramentas e sites essenciais gratuitos na hora de trabalhar? Vou coletar todas e crio um próximo post, então deixa nos comentários.

Postado por Rogério Fratin em Cor,Downloads,Ferramenta,Tipografia e tem (9) Comentários

Novos Fundamentos do Design [Ellen Lupton e Jennifer Cole Phillips]

Novos Fundamentos do Design, capa Novos Fundamentos do Design, autógrafo

As duas primeiras páginas de introdução, originalmente lançado como “Graphic Design: The New Basics“, definem completamente o propósito de todo o livro, que é reconceituar e atualizar os principais fundamentos do design devido todas as mudanças tecnológicas e metodológicas, já que a maior parte do referencial desses fundamentos foi escrito há mais de 40 anos.

As autoras se baseiam em (incríveis) trabalhos feitos por alunos para definir ponto, linha e plano, ritmo e equilíbrio, escala, textura, cor, figura/fundo, enquadramento, hierarquia, camadas, transparência, modularidade, grid, padronagem, diagrama, tempo e movimento e regras e acasos no decorrer dos capítulos. Dá uma olhadinha nesses trabalhos, que legais:

Novos Fundamentos do Design, tipofrafia feita com fotos de topos de prédios Novos Fundamentos do Design, tipofrafia feita com recortes de papel
Novos Fundamentos do Design, tipofrafia feita com soldados de plástico Novos Fundamentos do Design, tipofrafia feita com linhas esticadas

Tive o prazer de participar da palestra da Ellen Lupton no lançamento desse livro no Brasil. Não sei daonde vem tanta didática daquela mulher. Cada gesto, cada frase e cada explicação era completamente passível de ser entendido. Mas voltando ao livro, muito além de refrescar a memória de quem já se informou do assunto e atualizar os conceitos (ou então informar pra quem nunca o fez), essa publicação também é extremamente inspiradora e encorajadora, principalmente quando se trata de trabalhos com tipografia. Inclusive logo logo vou começar a publicar alguns aqui no blog. Enquanto os meus não aparecem por aqui, vou mostrar alguns de um brother dentro e fora do escritório, o Marquinho Moreira, do blog Magelstudio:

1. Constructype, feita com blocos de madeira estilo “Meu pequeno engenheiro”;
2. Arte em Havaianas, desenhada e estilizada num par dessas sandálias;
3. Dalmatypography , feita com posições de um dálmata. Não, você não leu errado (inclusive nesse post ele também fala do Novos Fundamentos do Design);
4. Sketch Box, caligrafado numa caixa imensa, com ilustras e toda a área útil preenchida com letrinhas. Sem dúvida esse é o projeto tipográfico (ou caligráfico) mais impressionante que vi o Marquinho fazer.

E você? Já leu o livro? Fez algum trabalho inspirado nele?

Postado por Rogério Fratin em Livro e tem (2) Comentários

Cartões postais baseados em Lei Anti-fumo de São Paulo

A Bee Media agiu rápido e lançou cartões postais, pelo que entendi a pedido do Governo do Estado de São Paulo, daqueles que você pega grátis em botecos e restaurantes, com uma visão divertida da Lei Anti-fumo, que tanto tem gerado polêmicas com os fãs da nicotina. Foram convidados ilustradores pra fazer desenhos estilo charges:

Cartão postal criado por Bee Media, baseado na Lei Anti-fumo de São Paulo

Cartão postal criado por Bee Media, baseado na Lei Anti-fumo de São Paulo

Cartão postal criado por Bee Media, baseado na Lei Anti-fumo de São Paulo

Cartão postal criado por Bee Media, baseado na Lei Anti-fumo de São Paulo

Tem todos os modelos, inclusive para serem enviados pros amigos, no próprio site da Bee Media. O que mais me agradou em ver esses postais é que há alguns anos a pegada deles era sempre assim, artística. Depois virou “jeito barato e convencional de fazer propaganda do produto”. Todas as pessoas que eu conheço que colecionavam pararam pelo alto teor de “mercado” que eles passaram a ter. Ainda bem que ainda tem gente com a cabeça fora da grana e usa a cabeça + a parte artística no processo de ganhar grana, né?

Postado por Rogério Fratin em Designice,Inspiração e tem Sem comentários

Os designers de Power Point

Não, não é mais uma das invenções do pioneiro Alexandre Wollner. Embora ele em suas palestras goste de usar termos como “designers de pão-doce” para comentar a banalização da profissão do designer, eu não estou fazendo o mesmo. Pelo menos não dessa vez. Pra todos que eu comento que “conheço designers de Power Point”, sempre acontece um riso-pós-piada-sarcástica, então resolvi dar uma de Mith Buster e mostrar o ótimo trabalho que uma galera bem grande anda fazendo.

Quando falo de design e de Power Point não me refiro a logos em WORDART nem tampouco cartazetes de CLIPART. Me refiro aos que fazem criações visuais cheias de informação e metáforas bem sacadas pra explicar algo, e que apenas usam o Power Point como suporte. Poderia ser um PDF, um Flash, mas nem todos tem. Power Point é praticamente unânime. As vezes olho pros trabalhos como (quase) infográficos, outrora me surpreendem com as soluções gráficas mas sempre me sinto didaticamente bem apoiado pra entender o que os slides pretentem. A maior dessas empresas que eu conheço é a SOAP, a qual uma vez, uns 4 ou 5 anos atrás, tive que fazer alterações nas apresentações que eles tinham feito e pastei muito pra chegar nos acabamentos e “trocadilhos visuais” (com todo respeito à palavra trocadilho) que eles criaram.

Há pouco tempo a agência mudou de site, agora dá pra ver mais exemplos de apresentações e conhecer mais do trabalho dos caras:

power-point-soap-site

Alguns exemplos de trabalho que os caras fizeram (que, por acaso, “roubei” do site deles):

slide-reunion

slide-agencia-norma-jean

slide-c-e-a

Existem diversas outras empresas e profissionais criativos em carreira solo que prestam serviços dessa categoria e eu acho muito bacana que “nascem” novas áreas para nós, designer, atuarmos. Parabéns à SOAP pelo ótimo trabalho. E o mais legal é ver que os designers não precisam se “dividir” em impresso e web, né?

Postado por Rogério Fratin em Designice e tem (6) Comentários

Pra começar com o webdesign, tipografia, hipermídia e afins…

A gestação foi demorada, dolorida mas saiu. Depois de uns meses de loucuras no trabalho, dúvidas no layout e falta de coragem de codificar o que tinha feito, resolvi que seria a hora de atacar com meu blog. Ah, destesto falar de mim em terceira pessoa e me nego a escrever aqui como se fosse uma tese de mestrado. Vou escrever da maneira mais informal que puder, entretanto vou citar todas as referências visuais e bibliográficas que os textos pedirem.

É claro que ele ainda não está do jeito que eu quero, nem sei se vai ficar, mas de qualquer modo eu vou arrumando. É só falar que é “versão beta” e fica tudo certo.

Se quiser saber mais, dá uma passadinha no “Sobre“. Seus comentários são sempre bem-vindos.

Um abraço e obrigado pela visita.

Rogério Fratin

Postado por Rogério Fratin em Designice e tem (6) Comentários