Site Cris Maravalhas

Site da Cris Maravalhas (2003).

Site da artista plástica Cristiane Maravalhas para registrar principalmente seu trabalho de ilustração, pintura e recorte artesanal em peças de madeira. Trabalhei no projeto gráfico, diagramação, texto, algumas fotografias e também na edição das imagens.

Exemplo de página interna. Detalhe para item de menu salientado (“mouse over“) e item desabilitado da seção atual. Clique para ver no tamanho real.

Parcial da página com a lista de produtos.

• Acesse o site: www.crismaravalhas.com.br

←Página Diversos | Galeria Mídia eletrônica→

Site Benzaiten

Site do grupo Benzaiten (2003).

Site desenvolvido para o grupo Benzaiten, que agrega interessados nas expressões artísticas aplicadas ao videogames. O site sofreu pequenos ajustes posteriormente, mas seu projeto gráfico mantém-se fiel até o momento da publicação desta memória (2009). O blog foi implantado para suprir publicação de novo conteúdo e o site tornou-se, então, basicamente, um espaço para manter artigos e textos mais longos ou que necessitem de um tratamento diferenciado.

Acima imagem parcial da capa (clique para vê-la em 1:1). A seguir, exemplo de páginas internas. As imagens foram recortadas para não ficarem tão longas, de forma que o conteúdo apresentado é parcial.

Exemplo de páginas internas (primeiro nível): seção de links, capa de página de textos e seção de arte visual. Clique para ver no tamanho real.

Exemplo de diagramação diferenciada de artigo: à esquerda, o texto principal; à direita, quatro outras subpáginas em forma de galeria de imagens que dão continuidade à primeira. Clique para vê-la maior.

Exemplos de páginas internas: artigo de opinião (à esquerda), artigo científico (ao centro) e matéria de opinião e análise de produto (à direita). As imagens foram editadas e não correspondem ao conteúdo real. Clique para ver maior.

Veja também:

• Benzaiten (2003, 2006) – identidade visual
• Blog Benzaiten (2009) – mídia eletrônica

Visite:

• Site: www.benzaiten.com.br

←Página Diversos | Galeria Mídia eletrônica→

Cosmocaos

Identidade visual banda de música (2003).

Na marca para a banda Cosmocaos procurou-se estabelecer os conceitos de dinamismo, estímulo, movimento, como também de ritmo e hamonia entre seus elementos. A encomenda também solicitou que uma imagem mais ordenada estivesse presente.

Variações compositivas: marca prioritária (esquerda, em cima), horizontal (direita, em cima), verticalizada (esquerda, embaixo) e centralizada (direita, embaixo).

Na figura acima, (1) construção modular 2:1 apresentando pontos de alinhamento; (2) construção modular geral das versões: (2.1) módulos 2:1 – base quadrada, (2.2) módulos 3:1 – base retângulo áureo, (2.3) módulo 1:1 – base quadrada e (2.4) módulo 1:1 – base retângulo áureo; (3) o traço original da tipografia e as modificações (em traço vermelho) para harmonizar os ângulos agudos com os elementos do símbolo.

Acima, configurações opostas: elementos pontiagudos em contraste com elementos ritmados e arredondados. Depois, construção básica do letreiro e o efeito figura/fundo usado no “O”.

Páginas do manual do usuário e capa do CD de arquivos digitais.

Camiseta e CD (encarte com recorte redondo e mídia duas cores).

←Página Identidade visual | Galeria Identidade visual→

Panfleto Tocarte

Panfleto para escola de música (2003).

Impressão azul sobre papel colorido. Abaixo, arte original, monocromática.

Veja também:

• Tocarte – Escola de Música (2001-2002) – identidade visual
  

←Página Impressos | Galeria Folheto→

Benzaiten

Benzaiten: produto orgânico

Personagem feminino da mitologia japonesa empresta seu nome para fundar o grupo de apreciadores das artes relativas aos jogos eletrônicos

Artes, design, interatividade, tecnologia. Ingredientes selecionados por interesses profissionais, tendências mercadológicas, nostalgia ou vislumbre, paixão pessoal ou apenas pura curiosidade. O prato do dia é o jogo eletrônico, este produto jovem, criativo e dinâmico, que em franco-crescimento ganha expressividade na indústria do entretenimento, aproximando-se a passos largos, por exemplo, do cinema.

A despeito destes sabores e outros próximos, em especial às iguarias das áreas humanistas, orgânicas sempre que possível, foi inaugurado a Benzaiten, no início de 2003, por Alexandre “Alexo” Maravalhas, para reunir interessados no universo dos jogos.

Benzaiten – a deusa japonesa das artes e das músicas – empresta seu nome para formarmos este espaço de debates, um site com conteúdo reflexivo ou acadêmico e esta identidade visual, sob o seguinte subtítulo: grupo dos apreciadores da arte aplicada ao entretenimento eletrônico interativo.

O menu é de games. A especialidade, no entanto, não é o tecnicismo frio dos códigos, da informática, da máquina, afinal. Bem, irão existir estas abordagens em nossos assuntos, não há como se distanciar tanto deste universo binário. Mas a textura final buscada aqui é sempre humanizada. O artista, o projetista, o criativo na tarefa do entreter: nele está o holofote. E, claro, na beleza de sua obra.

A identidade visual, como que querendo homenagear os criadores orientais, origem de tanta produção e inovação no segmento, busca representar explicitamente o sabor forte do vermelho, inspirada em sua bandeira. Um pouco mais sutilmente no “i” invertido, uma metáfora da proximidade e distância oriente-ocidente. A tipografia, de formas ora arredondadas, ora aguçadas em seus ângulos, busca evocar na irregularidade as características orgânicas dos fundamentos do grupo.

Bom apetite.

O projeto

Identidade visual para grupo virtual de debates sobre as relações entre as diversas expressão artísticas relativas aos jogos eletrônicos (games). O conceito e a primeira versão surgiu praticamente na fundação do grupo (2003). Refinamentos no projeto gráfico foram feitos posteriormente, principalmente em 2006, quando realizadas outras normatizações técnicas. Na imagem acima, a versão prioritária da marca, seus elementos isolados e suas composições.

A malha construtiva evidencia, em primeira instância, detalhes projetuais do desenho técnico necessários para se chegar ao resultado final, podendo ser referência para reproduções da marca que não utilize meios eletrônicos. Em outro momento, pretente explicitar os alinhamentos internos do desenho. Estes alinhamentos poderão ser aproveitados posteriormente, nas diversas diagramações.

Os elementos de repetição (cor, forma ou composição) poderão servir aos mais diversos usos figurativos ou de referência, como poderemos ver em grafismos, mais à frente.

Variações cromáticas e composições quanto ao fundo.

Variações compositivas e seus módulos construtivos.

Cartão de visita.

Duas versões de cabeçalho personalizado do blog.

Veja também:

• Site Benzaiten (2003) – mídia eletrônica
• Blog Benzaiten (2009) – mídia eletrônica

Acesse:

• Blog Benzaiten
• Glossário Benzaiten
• Galeria de fotografia virtual
• Site da Benzaiten

←Página Identidade visual | Galeria Identidade visual→

Comunidade designGráfico

Identidade para comunidade de designers (1999-2006).

A Comunidade designGráfico, criada em 1999, (www.designgrafico.art.br) é considerado o maior, mais ativo e conceituado grupo de discussões sobre design (gráfico) do Brasil, utilizando o formato lista de discussão, que utiliza a troca de e-mails para efetivamente realizar a interação entre todos os seus integrantes (diferentemente do formato ‘fórum de web‘).

Em 2006, registramos a integração de mais de 5 mil inscritos, acesso ao site de 30 mil visitas/mês, entre várias iniciativas como grupos de estudos, chats temáticos, mais de 80 mil mensagens disponíveis para leitura pública no sistema YahooGrupos, entre outras. A dG atingiu o 1º lugar no rank do Google para o termo “design gráfico” e o 4º lugar para o termo “design” e é palco de discussão sobre todos os temas que permeiam a profissão, colocando em contato, no mesmo “ambiente”, pessoas de todo o Brasil e do mundo, multiplicando exponencialmente incontáveis correlações pessoais e profissionais.

Como fundador, administrador e mantenedor da designGráfico durante os seis primeiros anos de vida da comunidade (1999-2006), também criei – contando com maior ou menor colaboração de inúmeros colegas – a identidade visual para a dG. Em meados de 2006 decidi deixar meu cargo à frente da dG, quando demos início ao processo de transição administrativa, que levou alguns poucos meses. A equipe que me sucedeu mantém – pelo menos até o momento deste registro (2009) – o uso da identidade na versão aqui retratada. Gradualmente fui me afastando dos trabalhos e decisões, ao ponto de não ter mais nenhuma participação administrativa.

Parte do conteúdo editado para o site da comunidade, até meados de 2006, está ainda parcialmente acessível nos bastidores: www.designgrafico.art.br/sobre. Outra parte está, atualmente (2009), sendo adaptada para as novas versões desenvolvidas pela nova administração.

Memorial

A designGráfico é uma comunidade virtual de designers brasileiros, personificada em uma lista de discussão, fundada em 1999 e, desde então, sua identidade visual sofreu pequenas modificações ao longo da existência do grupo.

Este projeto surgiu da necessidade de suscitar visualmente o amadurecimento de nosso grupo, além de comemorar quarto ano de vida ativa. O redesign pretende evidenciar esta nova etapa.

O símbolo, uma colagem dos caracteres parênteses e colchetes, esguio e dinâmico, representa a troca de informação e a interação pessoal. O sistema cromático, vivo e ativo de um lado, sóbrio e centrado de outro, além da tipografia atual e equilibrada, de serifas diversificadas, querem demonstrar os aspectos ativos do grupo, mas também com preocupações fundamentais na correta condução das atividades e a evolução do conjunto, representando parcela de atuantes na atividade do design gráfico brasileiro.

O sistema cromático, normatizações sugeridas e contrastes.

Composições cromáticas adaptativas.

Módulos de proporção 4:1 para o símbolo (marca figurativa) e letreiro (marca nominativa ou lettering) com o subtítulo (atividade-fim ou tagline) estendendo-se além da composição.

Pontos de alinhamentos internos e externos.

Margens de proteção.

Guias para composição tipográfica e estudos para extensões/subprodutos.

Microcorreções no símbolo (antigo à esquerda, indicações ao centro, final à direita): ajustes em espaçamentos, simplificação da base e arredondamento sutil dos cantos pontiagudos.

Estudos para a formação do mix de estilos tipográficos. Veja em detalhes a série de estudos, ajustes e definições que estabeleceram a forma final do letreiro da marca:

• Estudos para mix de tipografia (PDF/450 KB)

Créditos

Este projeto teve conceitos sendo trabalhados – na prática ou no campo das idéias – desde o nascimento da comunidade. Efetivamente, os detalhamentos práticos desta versão de redesenho foram desenvolvidos entre 2002 e 2005.

Autoria do projeto de identidade: Alexandre Maravalhas.
Colaboraram pontualmente nesta versão: Hugo Cristo, Jocelino Neto e Guilherme Sebastiany.
Agradecimentos: a todos os colaboradores que voluntariamente integraram, em algum momento, a equipe administrativa, os diversos colaboradores das mais variadas atividades desenvolvidas, aos amigos presentes e aos colegas de profissão.
Agradecimentos especiais: a todos os participantes do grupo que, de alguma forma, contribuem e personificam esta comunidade.

Veja também:

• Minicartaz da dG – iniciativa/ilustração

←Página Identidade visual | Galeria Identidade visual→

Lápis

Ilustração vetorial (2003).

Processo “manual” a partir do objeto real, sem foto, em software vetorial.

1. Criou-se inicialmente a forma básica do objeto, desenhando-se as suas seções principais. Aqui faz-se a colorização com tons sólidos aproximados.

2. A principal noção de tridimensionalidade é feita com a criação novas áreas de luz e sombra. A área de metal que sustenta a borracha ganhou as ranhuras.

3. A etapa 3 tratou basicamente da parte descoberta, criando as manchas na madeira e brilhos no grafite da ponta do lápis.

4. Aqui tratou-se de suavizar as formas pelo uso de degradês nas cores básicas. Alguns ângulos foram arredondando criando-se novos elementos sobrepostos. Esta é a fase mais importante para fazer o objeto soar mais realístico: trazendo o orgânico à peça, mostra-se sutilmente seus defeitos.

5. A última etapa recriou-se as informações impressas e o baixo-relevo. Também foi feito ajustes finos para o acabamento, encerrando o processo.

Com algumas modificações, é possível usar o lápis como base para outras aplicações, como no amontoado acima.

←Página Diversos | Galeria Ilustração→

Ericson Constantinov – Consultor Comercial

Identidade visual para consultor (2003).

A encomenda foi feita para marca de uso do consultor autônomo preocupado com uma imagem adequada e consistentemente visualizada pelos seus clientes. O briefing indicou uma comunicação que equilibrasse conceitos de dinamismo, flexibilidade e boa relação pessoal mas também confiabilidade e estruturação. Também houve a preocupação em simplificar o sistema de cores para reduzir custos de produção de material interno.

A versão prioritária do logotipo.

O projeto gerou quatro versões compositivas da marca: a prioritária e três outras:

1. Vertical 1: versão prioritária
2. Horizontal 1: completa (à direita, em cima)
3. Horizontal 2: sem atividade-fim (à esquerda, embaixo)
4. Vertical 2: com símbolo aumentado

Além das quatro versões compositivas, os dois elementos mostrados acima podem ser utilizados, em determinadas situações, separadamente: o letreiro (tipografia, lettering ou marca nominativa) e o símbolo (marca figurativa).

Para uma das seis versões – quatro composições e dois elementos isolados – apresentadas anteriormente, sete variações cromáticas foram projetadas. Elas estão mostradas na imagem acima (no exemplo, a marca prioritária), que cobre a maioria das possibilidades comuns:

• colorida: (a) sobre fundo claro, (b) sobre fundo escuro, (c) sobre fundo coincidente;
• tons de cinza: (d) sobre fundo claro, (e) sobre fundo escuro;
• uma cor: (f) sobre fundo coincidente e (g) sobre fundo escuro.

Ao final temos a tabela completa, com todas as variações. O projeto gerou 42 imagens individuais de marcas e, muito embora existam algumas repetições, privilegia-se a didática na organização na entrega dos arquivos digitais ao cliente.

Cartela com resumo das especificações e instruções.

Capa de CD (do projeto de marca), folheto e cartão de visita.

←Página Identidade visual | Galeria Identidade visual→

Minicartaz da dG

A exposição de minicartazes é uma iniciativa minha com colaboração de parceiros de equipe, na época em que administrava a Comunidade designGráfico. Trata-se de uma exposição virtual de cartazes de tema livre, mas tamanho reduzido, fixado em 250 x 150 pixels, onde qualquer integrante da comunidade pode participar, enviando sua imagem para a galeria aberta no Flicker.

Veja abaixo, seleção dos meus minicartazes. Visite a exposição completa, com a participação dos integrantes da comunidade, nos links ao final da seleção.

www TV (2000)

Cabeça de Índio

Exercício criativo coletivo sugerido por Alexandre Maravalhas e Daniel Perera, inspirado nos miksangs de Fabio Neves, onde fotografias comuns servem de base para compor e criar novas imagens.

Mondrifour (2006)

Mini comemorativo de 4 anos, inspirado na obra e homenageando o artista (do título, quase-homônimo) Piet Mondrian.

Ordem e Hexa (2006)

700

Da seqüência de minis comemorativos acerca do número crescente de inscritos, ainda nos primeiros anos de vida da Comunidade.

Ascenção (2004)

4 Lados (2003)

Em outubro 2003, para o aniversário de 4 anos da lista. Já utiliza elementos da nova identidade visual da comunidade.

Zero Hora – 3 Anos (2006)

Este mini representa o momento preciso de uma transição. Assim como quem comemora a passagem do ano, na exata zero hora – daí seu nome – aqui visualmente acontece o mesmo, na divisão vertical, notada tanto pelo “evelhecimento” cromático (do amarelo para o laranja), quanto pelo traço, que também divide design de Gráfico. A mudança de cor também já prevê a evolução da identidade visual, que iniciou amarelo e atualmente é primariamente laranja.

dG E-mail-Me (2000)

Carmina (2000)

Minicartaz tipográfico.

16 NDesign Brasília

Utilizando a identidade do evento.

Garamond (2000)

Mini tipográfico.

Eras (2000)

Estudo da série “minis tipográficos”, onde trabalhei a composição, experimentando lidar com as cores delineadas em áreas orgânicas que tentam mimetizar o design da tipografia, que leva o mesmo nome.

d&G Promoção (2003)

Parodiando um anúncio da C&A, este mini comemorou 4 anos de vida da  dG.

Paraíso-Inferno (2000)

Quinia (2004)

Quinia: cinco, do latim. Seqüência de minicartazez institucionais, que comemoravam os aniversários da Comunidade dG.

Canal 1, Canal 2, Canal 3, Canal 4 (2000)

Exercício criativo coletivo que consistia em criar minicartazes com o tema “mIRC” (antigos servidores de chat em modo texto) usando apenas os recursos do antigo Paint Brush, do Windows 98.

Japão (2000)

A cultura, o povo, os costumes, a tecnologia, a tradição etc. do Japão sempre me atraíram. Este mini é, então, uma homenagem, como o texto diz, “ao povo de olho puxado”.

Seios (2005)

Meu picante e comemorativo minicartaz. Parabéns a todas as designers da lista!

Institucional 6 Anos (2005)

Meu já tradicional mini “institucional” de todo ano, não diria minimal, mas com apelo geométrico, que sempre acho muito objetivo, e esses, sob certa ótica, ficam abstratos até. Tipográfico, na verdade. Abraço a todos os amigos da dG.

Arraial da dG (2001)

Usou ICQ Hoje? (2000)

Homenagem nostálgica aos “velhos” tempos de Internet, onde a comunicação interpessoal virtual era, por assim dizer, novidade. Nessa época, surgiu ICQ, software que se difundiu mundialmente pela grande rede, estabelecendo o conceito de mensagem instanânea. Este mini tenta reviver os tempos áureos do ICQ, da relações pessoais possíveis por ele.

Sílaba Tônica (2000)

Ponto a Ponto (2000)

Essa pedrinha comprei no meio da minha viagem para a 2ª bienal do livro, em Pão Paulo. A fotografia é minha e o mini Ponto a Ponto é uma lembrança desta data, daí seu título.

Visite a galeria completa no Flickr: www.flickr.com/dg-minicartaz

O que são os minicartazes?

Minicartaz é uma iniciativa criativa, coletiva e de publicação eletrônica da Comunidade designGráfico, sob a iniciativa da administração, com a participação de colaboradores e dos seus associados. Trata-se de uma exposição permanente de trabalhos gráficos, em formato pré-determinado, porém com temática e número de participação livre, que pretente permitir a expressão ou experimentação visual por parte dos participantes da comunidade.

Parte da exposição está publicado no site da dG (www.designgrafico.art.br/minicartaz) e a mostra completa está exposta publicamente no Flickr, no endereço www.flickr.com/dg-minicartaz.

Regulamento e instruções para participação

1. A exposição. Está aberta exposição permanente de mini-cartaz a partir de junho de 2000, com a participação dos associados da Comunidade designGráfico.
2. Objetivo. A exposição é de caráter cultural, criativo e experimental, promovendo a expressão visual da comunidade. Não existe colocação ou premiação entre as peças.
3. Conteúdo. O tema é livre, sendo o autor responsável pelo conteúdo informativo, artístico e/ou de expressão da peça. Não serão aceitos temas que sejam considerados ofensivos, que possa se tornar prejudicial ou constrangedor a terceiros ou à comunidade ou ainda de assunto excessivamente pejorativo, agressivo ou constrangedor.
4. Publicidade. Não serão aceitas imagens (ou mesmo textos) com fins nitidamente comerciais, lucrativos ou de publicidade explícita. Divulgação semelhante só será permitida se for notada na peça expressão visual criativa, artística, de curiosidade, charge, de apreço gráfico, estético, conceitual, enfim.
5. Dimensões. O formato final da peça deve ser eletrônico e ter exatamente 250 por 150 pixels, em orientação horizontal ou vertical, sem animação, com extensão GIF, JPG ou PNG, com qualquer qualidade de compressão e paleta de cores RGB.
6. Inclusões. A peça constará automaticamente na exposição (virtual) a partir do momento que o autor envia seu arquivo para o serviço de hospedagem de imagens (Flickr) por e-mail. Este endereço será informado publicamente na lista de discussão ou deve ser requerido junto à administração da lista.
7. Envio. Para enviar uma peça para a exposição, anexe uma única imagem a um e-mail direcionado ao endereço conforme item 6. Forneça no campo assunto o título da peça e no corpo da mensagem seu nome (ou pseudônimo), e-mail e data de criação. Um texto descritivo (memorial) pode ser incluído livremente. Não inclua conteúdo publicitário no texto, conforme item 5. Envie este e-mail sem formatação (prefira o modo de texto puro).
8. Direito autoral. É proibido, em respeito ao direito autoral, o uso das imagens desta exposição para qualquer finalidade externa e diferente das discussões ou iniciativas da Comunidade dG. Imagens isoladas podem ser usadas externamente para divulgar a exposição ou o grupo designGráfico, desde que autorizadas previamente pela ADM.
9. Administração. A administração irá adaptar as peças ao ambiente da exposição no Flickr (por exemplo: ajustar textos e definir palavras-chave, grupo de minis, sets etc.). A ADM poderá divulgar minis no ambiente da dG (site, lista de discussão etc.). A ADM, baseada em seu bom-senso, irá excluir peças que não estejam de acordo com a iniciativa.
10. Suporte. A administração está à disposição para esclarecer e auxiliar os participantes nos procedimentos operacionais para enviar e acessar a exposição. Envie sua dúvida pra: adm@designgrafico.art.br.

Veja também:

• Comunidade designGráfico (1999-2006) – identidade visual
• Galeria completa no Flickr

←Página Diversos | Galeria Ilustração→

Ilustrações diversas

Na ordem que aparecem: Festa Junina (1997), Telefone (1998), Papel Higiênico (1997), Placa (1998), Computador (1998), Tijolo (1998), Menu Ajuda (2003), Ladrão (1998).

←Página Diversos | Galeria Ilustração→