Gary Hayes desenvolveu um aplicativo muito interessante (apesar de ser em Flash), que traz estatísticas atualizadas segundo a segundo sobre o crescimento das mídias sociais. O aplicativo foi inspirado por dois outros contadores, o The Goddess of Social Media Laurel Papworth e o Rise & Rise of Social Media presentations, este último também de Gary.

É possível visualizar as estatísticas a partir do momento atual e também do último dia, da última semana, do último mês e do último ano. O contador também trás dados sobre mobile e games.

Algumas estatísticas

O site do contador ainda fornece uma extensa lista de estatísticas sobre mídias sociais, mobile e games. Veja alguns dados abaixo:

• 2 milhões de iPads vendidos nos primeiros dois meses (Junho de 2010, Guardian)
• Um novo membro no LinkedIn a cada segundo (Junho de 2010, MktCharts)
• 1,4 bilhões de músicas vendidas no iTunes entre Setembro de 2009 e Fevereiro de 2010 (Wikipedia iTunes tracking)
• 300.000 novos usuários no Twitter diariamente (Abril de 2010, TechRadar)
• 3,5 bilhões de conteúdos compartilhados por semana e 2,5 bilhões de uploads de fotos por mês no Facebook (Fevereiro de 2010, eConsultancy)
• 25 milhões de novos membros no Facebook a cada mês (Fevereiro de 2010, Mashable)
• 50 milhões de Tuitadas por dia (Fevereiro de 2010, eConsultancy)
• 1 bilhão de pessoas assistindo o Youtube por dia (Dezembro de 2009, SMH)

E por falar em mídias sociais, siga-me no Twitter :)

Venha participar deste grande evento sobre WordPress

O Agni.art está sorteando três ingressos para o WordPress Summit, que acontecerá dia 25/09 no Espaço APAS, em São Paulo/SP.

Para concorrer, siga os passos abaixo:

1. Siga-me no Twitter;
2. Tuite a seguinte frase:
   RT @eduagni O Agni.art está sorteando ingressos para o #wpsummitsp http://migre.me/1blyJ

O sorteio será realizado no dia  03/09 as 12h, pelo Sorteie.me Twaffle.me.

Atenção as regras: é importante que a frase seja tuitada exatamente como você vê acima, e apenas poderão ganhar ingressos aqueles que estiverem seguindo meu perfil no Twitter.

Sobre o WordPress Summit

O palco do WordPress Summit será dividido em 2 ambientes: Criativo e Desenvolvedor. O ambiente Criativo trará ao público palestras que abordam temas como desenvolvimento completo de um tema WordPress, CSS entre outros. Já o ambiente Desenvolvedor, com a apresentação de Manoel Neto, trará ao público palestras que abordam temas como desenvolvimento de plugins, otimização, performance entre outros tópicos.

Estarei ministrando a palestra Os 10+ Plugins WordPress para Criativos, as 16h30 no ambiente Criativo. Nos vemos lá ;)

Inskscape 0.48

Após 9 meses de desenvolvimento, foi lançada a nova versão do nosso editor de imagens vetoriais preferido!

O Inkscape 0.48 trás diversas novidades, como o edição de vários caminhos simultaneamente, uma nova ferramenta Spray, melhor edição de máscara e clip, novas opções e melhorias na ferramenta de nós, nova extensão JessyInk para criar apresentações, gerenciador de camadas, além de melhorias na ferramenta de texto como subscrito e sobrescrito, entrada numérica para kerning, localização e mais.

Veja mais detalhes da nova versão do Inkscape 0.48

Instalando via PPA no Ubuntu

Podemos fazer a instalação do Inkscape 0.48 no Ubuntu através de um repositório PPA (dica do blog Unixmen). Para isso, basta ir até o terminal e digitar os seguintes comandos:

$ sudo add-apt-repository ppa:ricotz/ppa
$ sudo apt-get update
$ sudo apt-get install inkscape

O Inkscape 0.48 trouxe muitas melhorias para a ferramenta de texto. Há atualmente controles para sobrescrito, subscrito, espaçamento entre linhas, espaçamento de letras, espaçamento entre palavras, kerning horizontal, kerning vertical e rotação.

O Inkscape 0.48 agora suporta edição de vários caminhos simultaneamente. Antes a edição com a ferramenta de nó tinha a limitação de trabalhar apenas com um caminho por vez.

Instalou? Testou? Gostou?

O que você achou das novas ferramentas do Inkscape 0.48? Deixe um comentário e compartilhe suas impressões aqui :)

Ah, e siga-me no Twitter.

"Blues", de Robert Crumb

Como bom desinformado que sou, fiquei sabendo apenas no dia do acontecido que Gilbert Shelton e Robert Crumb estariam nesse dia 10 de agosto na Livraria da Vila, na Fradique Coutinho para um encontro pós-Flip.

Para aqueles mais desinformados do que eu, Gilbert Shelton é um dos expoentes dos quadrinhos underground, criador de personagens como os Freak Brothers e o gato Fat Freddy. Já Robert Crumb é o símbolo da contracultura dos anos 1960, criador de personagens como Mr. Natural e Fritz, the Cat.

Sai do trabalho e caminhei direto para a livraria, e posso dizer que ali parecia uma lata de sardinhas descoladas. Eu, que já não tenho mais idade (mental) para muvucas, pensei em ir embora. Porém antes do bate-papo começar, anunciaram que tudo seria transmitido em um telão no café aos fundos da livraria, onde poderíamos acompanhar a entrevista confortavelmente tomando um expresso. Foi o que eu fiz, me acomodei no café e pedi uma cerveja!

Enquanto todos esperavam o atrasado Robert Crumb, eu e a @FernandaStambul trocávamos twits, tentando nos encontrarmos naquela imensidão de aproximadamente 18m² do café, e com o Paulo Caruso demonstrando mau humor enquanto resmungava parado ali ao meu lado. Após mais alguns twits, eu e a moça já estávamos juntos quando a transmissão da entrevista começou, mediada por Caco Galhardo. Shelton e Crumb se mostraram muito bem-humorados desde o início, enquanto ao meu lado o Paulo Caruso ainda reclamava com o funcionário do café que o barulho do espremedor de laranjas não o deixava ouvir a transmissão. Pensei então com os meus botões “quem foi o infeliz que pediu um suco de laranja, só para o Caruso ficar aqui reclamando?”.

Capa de Cheap Thrills (1968), segundo álbum da Big Brother and the Holding Company, banda de Janis Joplin. Feita por Crumb.

Crumb estava espantado com a quantidade de pessoas que ‘o amavam’, e brincava dizendo que cedo ou tarde alguém da plateia levantaria para lhe dar um tiro. Eu já estava pedindo minha segunda cerveja quando ele continuou a conversa, dizendo que usou drogas para abrir a mente, coisa que ele não recomendava apesar de ter funcionado. Nesse momento, a @FernandaStambul já sacudia nas mãos o LP Cheap Thrills, da Big Brother and the Holding Company, banda de Janis Joplin. A moça torcia para conseguir um autógrafo do Crumb naquela capa feita por ele, ainda que o próprio autor da obra tivesse declarado não entender porque a Janis o convidou para fazer aquela capa, já que ele não gostava da música dela.

Já que entrei no assunto… Crumb é um grande fã de música, e vinis de 78 rotações. “Isso aqui parece natal”, dizia ele ao receber diversas bolachonas de presente da plateia. Reclamou de um disco do Crosby que ganhou, dizendo que era chato, e ainda disse ao microfone que queria um do Pixinguinha!

Enquanto eu matava minha segunda long neck, já estava pensando em convidar o Crumb para tomar mais algumas, quando então ele disse na entrevista que não gostava de cerveja… Mas tudo bem, eu preferia mesmo encontrar a @jumancin ao final do evento pra tomar umas e outras, e ela nem iria atrair tanta muvuca como ele!

Entre tantas outras coisas que disse, Crumb ainda fez elogios ao Brasil afirmando ter encontrado aqui pessoas doces e gentis, ao contrário da propaganda negativa de violência que fazem lá fora, e disse que sua visita ao nosso país tropical o fez repensar seus conceitos. Também não deixou de elogiar nossas mulheres, dizendo que elas são belas e grandes (?), e que aqui é um paraíso para o voyeur. Depois demonstrou o quanto ficou impressionado com São Paulo, perguntando como nós conseguíamos viver aqui sem ficarmos loucos. Mal sabia ele que nós somos realmente loucos!

Shelton e Crumb distribuindo autógrafos. Foto tirada pela @FernandaStambul

Após mais de uma hora de conversa, o evento se encerrava. Começava então a luta das sardinhas descoladas por um autógrafo. A organização havia distribuído quarenta senhas para autógrafos em “livros comprados na Livraria da Vila”. Como de costume, o número de sardinhas descoladas que buscavam a assinatura ultrapassou o limite, assim como a origem dos itens a serem autografados não pode ser controlada.

Não muito tempo depois de autografar o Cheap Thrills da @FernandaStambul, Crumb ficou irritado com a quantidade de autógrafos que estava dando, então se virou e escalou o corrimão da escada, disse que haviam acabado os autógrafos por hoje e se trancou no banheiro. Já Shelton permaneceu ali mais um tempo distribuindo autógrafos, enquanto terminava de tomar sua cerveja.

Depois de tudo acabado, e depois de me perder da @jumancin, ouvi do lado de fora da Livraria alguém dizer que o time do Santos estava ganhando da seleção dos Estados Unidos por 2×0, mesmo estando desfalcado de sete titulares! Sai correndo para o Empanadas Bar para terminar de assistir o jogo e encerrar ali a minha noite :)

Siga-me no Twitter!

Nota do autor: Para fins de esclarecimentos, venho dizer que [1] não falei aqui quase nada sobre Gilbert Shelton pois não prestei muita atenção nele, e que [2] apesar de meus comentários maldosos sobre o suposto mau-humor de Paulo Caruso, sou grande fã dele… Ou não! E também nem sei mesmo se era o Paulo ou o Chico Caruso :)

Qual é a real função do design?

Design está na moda. Usam essa palavra para se referir a uma porção de coisas, e que nem sempre tem de fato relação com Design. Essa palavra chama a atenção em capas de revista, temas de palestras, cursos e campanhas publicitárias. As várias interpretações e o pouco esclarecimento sobre a real função do Design geram uma grande confusão e pouca eficácia no processo de criação, principalmente para quem está começando na área.

“Tio, o que é Design?”

Design refere-se ao projeto visual e funcional de um produto, a adaptação de um produto a necessidade dos seus usuários, cativando o seu uso através da estética, aplicando-se conceitos e usabilidade a sua forma. Porém não é difícil encontrar profissionais, empresas, cursos, matérias de revistas e conversas de botequim, associando o Design à produção de imagens, ou resumindo-o a manipulação de um software específico.

Vale sempre lembrar que um software é apenas uma ferramenta, e por si só não garante a qualidade do projeto. Nenhum software deve ser encarado como uma solução pronta. Existem diversos softwares diferentes e com funções similares, e a escolha sobre qual utilizar deve ser de cada profissional. A definição do que é Design vai muito além do Photoshop!

Design é uma área projetual. Sua função é responsável por gerar desempenho, qualidade, durabilidade e aparência a um produto. Cada trabalho a ser realizado exige planejamento, pesquisa, criatividade e técnica. Ao contrário do que muitos pensam, a função do Design não está vinculada pura e simplesmente a produção de imagens.

O Design para Web

O webdesign é um fragmento do design. Não existe webdesigner. Existe o designer que faz web, e este profissional tem que aprender tudo, tipografia, fotografia, semiótica, gestalt, matemática, ótica, percepção, comportamento humano, etc. Senão, ele não consegue fazer web (Alexandre Wollner).

Costumo dizer que o design para web chega a ser mais multidisciplinar que em outras vertentes. Hoje o profissional de webdesign, para elaborar um projeto coerente, precisa trabalhar em conjunto com diversos outros profissionais como arquitetos de informação, webwriters ou programadores (isso quando ele próprio não acaba assumindo uma dessas funções). No desenvolvimento de um website, além do trabalho de criação alguns outros conhecimentos são importantes para que o projeto forneça soluções eficientes e eficazes em usabilidade, desempenho e comunicação, focadas nas necessidades do público-alvo. Não é um trabalho apenas criativo, mas também de planejamento e de pesquisa. Produzir um Web Site inevitavelmente exige “pensar”.

Portanto, além da manipulação de Softwares, existem alguns métodos de planejamento e pesquisa que se deve conhecer, além de conceitos sobre como trabalhar a pregnância da forma.

Briefing: coletando as informações

Todo projeto deve começar com um briefing. Ele é o documento onde são colocadas as informações e dados necessários para a criação de qualquer projeto. Utilizar elementos dentro de qualquer peça gráfica sem um estudo do caso é um equívoco que compromete a comunicação e a funcionalidade. Há que se levar em consideração diversos fatores tais como: o objetivo do projeto, o produto a ser divulgado, o público-alvo (sexo, idade, cultura, classe social, e outras informações relevantes), identidade visual existente, motivações e propósitos, informações sobre o cliente, a prioridade das informações, a imagem a ser transmitida, etc. Para realizar tal estudo, nada melhor do que ter em mãos um briefing bem elaborado. Se não temos em nossa equipe um profissional de atendimento, o ideal para a elaboração desse documento é se reunir com o cliente, tirando suas dúvidas, esclarecendo detalhes e orientando-o sobre conceitos e tecnologias. Quando esse processo de elaboração não é possível de se realizar com o cliente, pode-se enviar a ele um documento com perguntas a serem respondidas, o que nem sempre é satisfatório. É possível encontrar vários modelos e exemplos de briefing na Web, dando uma noção de como esse documento deve ser feito. No entanto o ideal é não seguir um modelo, e sim elaborá-lo sempre de acordo com a necessidade do projeto.

A arquitetura de informação

Trata-se de como organizar a estrutura da interface e a distribuição das informações, categorizar conteúdos (taxonomia), além de priorizar a comunicação de informações mais relevantes. O documento apropriado para especificar a ordem e o posicionamento dos elementos que vão compor a página é o wireframe. Através de uma forma esquemática, ele representa a distribuição e a hierarquia das informações a serem comunicadas. A partir dos posicionamentos do wireframe é que se constrói o Layout.

Layout: transformando a informação em comunicação

Uma vez que uma das funções do design é transformar informação em comunicação, nenhum elemento dentro do layout deve estar lá sem comunicar algo. Elementos desnecessários podem confundir, poluir e dificultar o acesso e o entendimento das informações. Para um bom trabalho, é necessário fazer um estudo de conceitos visuais e de comunicação. Deve-se ter consciência do porque usar determinadas cores, fontes e formas, e quais sensações esses elementos estão transmitindo ao usuário.

As cores

A percepção que temos das cores proporciona diferentes emoções e estados de ânimos em nós, e por isso elas têm poder de comunicação bem maior do que se imagina. É importante saber trabalhar com o equilíbrio e com a psicodinâmica das cores, para que elas transmitam as sensações desejadas. Cada cor transmite uma informação, sensação ou emoção diferente, isso dependendo da cultura do público-alvo, do contexto, ou mesmo das outras cores com a qual ela é combinada.

Uma boa introdução neste assunto é encontrada no site Color in Motion, que por meio de uma animação, dá exemplos de sensações e emoções que cada cor pode representar. Uma fonte de informação mais consistente sobre o assunto pode ser o livro Psicodinâmica das Cores em Comunicação.

Para elaborar uma paleta de cores com equilíbrio, é importante saber como trabalhar as combinações cromáticas, por mais que se saiba que cores transmitem as sensações desejadas. Uma ótima ferramenta que pode nos auxiliar na elaboração de uma paleta de cores é encontrada no site http://kuler.adobe.com.

A Tipografia

Toda ideia a ser transmitida é traduzida através de letras. É importante possuir um bom conhecimento de como trabalhar com a tipografia na web, priorizando sempre uma boa legibilidade e respeitando o contexto do projeto. Diferentemente da limitação de outras épocas, hoje temos alguns recursos na tipografia para web que nos permitem maiores possibilidades, como é o caso da biblioteca Cufón e do Google Font Directory. Existem diversas famílias tipográficas, cada qual com uma aplicação específica, de acordo com o contexto. Saber escolher bem a tipografia a ser usada em um projeto é um ponto importante na comunicação.

Uma boa fonte de informação para quem está começando e quer se aprofundar no assunto é o livro Manual de tipografia.

As formas

Outro fator relevante na pregnância da forma é a aplicação das leis da Gestalt em nosso projeto. Segundo a Wikipédia, Gestalt é um termo intraduzível do alemão, utilizado para abarcar a teoria da percepção visual baseada na psicologia da forma. Aprendendo a analisar as manifestações visuais e objetos ao redor, compreendemos melhor o porquê algumas formas agradam e outras não, podendo assim trabalharmos esses fatores em nossos projetos. O estudo da Gestalt compreende a “integração das partes em oposição à soma do todo: estrutura, figura e forma”. Leis da Gestalt, como unificação e segregação, fechamento, boa continuidade, proximidade e semelhança, ajudam a orientar o processo de criação e obter resultados satisfatórios.

Uma boa referência de estudo sobre o assunto é o livro “Gestalt do Objeto: Leitura Visual da Forma“, do professor João Gomes Filho.

Seu desenho vai virar código, e agora?

Não podemos criar um bom projeto gráfico para um site se não compreendermos o potencial da web como mídia interativa, e todas as possibilidades e limitações que isso nos trás.

Também é importante sabermos a forma que a informação é estruturada na web. Conhecimentos em HTML e principalmente CSS acabam sendo indispensáveis na hora de criamos um layout que possua uma implementação viável e proporcione um bom desempenho para o site, assim como facilidade de manutenção e boa acessibilidade. Conhecer CSS e saber explorar da melhor forma possível os seus recursos logo na concepção do projeto gráfico pode fazer toda a diferença. CSS é uma linguagem simples, e quanto mais experiencia você possuir com ela, melhor será a criação dos seus layouts.

Como disse certa vez Chris Coyier em seu perfil no Twitter, “CSS é como xadrez: você pode aprender os princípios em um dia, e passar a vida inteira se especializando”.

Então, já sabe o que é design? E webdesign?

Os processos e conceitos necessários para se tornar um designer não se encerram aqui. Outros conhecimentos, como semiótica, antropologia, arte, técnicas de composição, além da busca de boas influências, são essenciais na formação de um profissional. Porém, a partir daqui pode-se ter uma compreensão mais clara do que é Design, além de uma direção para iniciar os estudos e o trabalho.

Gostou? Então assine o RSS e siga-me no Twitter!

Este artigo foi publicado originalmente em 4 de setembro de 2007, e revisado e atualizado em 4 de agosto de 2010.

O Centro Cultural da Espanha em São Paulo apresenta a quarta edição deste ciclo mensal didático e participativo de arte e tecnologia, criações sonoras experimentais e atuações audiovisuais sob a forma de reuniões entre interessados nos campos da arte, tecnologia, música experimental, arte sonora, dispositivos interativos e processos de áudio e vídeo em tempo real. Os Encontros surgem com a ideia de oferecer um espaço físico para compartilhar conhecimentos específicos e gerais, críticas e opiniões sobre os processos criativos nos âmbitos mencionados, nos quais a participação crítica do público é fundamental.

Objetivos específicos

• Aproximar o público dos artistas, revelando métodos de produção e detalhes de
  funcionamento de ferramentas artísticas analógicas e digitais.
• Potencializar a relação e o diálogo entre criadores de diferentes disciplinas e cenas
  artísticas.
• Ajudar o público a decifrar, de forma didática, o que está “oculto” nas produções
  artísticas e multimídia.

Formato

Em cada Encontro AVLAB são convidadas três propostas artísticas (individual, coletiva ou projeto colaborativo) para realizar uma breve e informal apresentação conceitual e técnica, seguida de uma demonstração prática como um “pocket-show multimídia” ou performance audiovisual de curta duração. Cada edição convida um mediador ou diretor rotativo diferente que, junto com o curador Daniel Gonzalez, concebem a programação e o desenvolvimento conceitual dos Encontros. As jornadas são documentadas integralmente e publicadas com licenças específicas Creative Commons.

Uma aproximação entre os processos criativos de três ganhadores do Prêmio Sergio Motta

Apresentado por Tetê Tavares.

Artistas e projetos convidados:

• Rafael Marchetti (Net artista, pesquisador independente)
• Rejane Cantoni (pesquisa interfaces cinemáticas; desenvolvimento de instalações sensorizadas em meios naturais e digitais)
• Wilson Surkoski (compositor, músico eletrônico, performer multimídia)

O 4º Encontro propõe diálogo com artistas contemplados pelo Prêmio Sergio Motta de Arte e Tecnologia em diferentes edições, ao longo dos seus 10 anos de existência. Seus processos de criação, plataformas e ferramentas utilizadas serão o foco do debate.
Rejane Cantoni (premiada em 2003 e 2009/10) apresentará conceitualmente Solar, uma instalação robótica, imersiva e interativa desenhada para simular qualidades e medidas da luz solar na relação humano X espaço-tempo. Rafael Marchetti (premiado em 2002) apresentará Internet além do Google, uma seleção de diversas obras desenvolvidas nos últimos anos de sua produção que utilizam tecnologia baseada na internet. Wilson Surkoski, premiado em 2004, traz Diário em 4 Movimentos: uma
análise de quatro diferentes momentos de seu trabalho recente.

Tetê Tavares é Coordenadora de Projetos do Instituto Sergio Motta. Roteirista e redatora, já escreveu para TV, Internet e video-documentários. É mestre em Comunicação e Semiótica pela PUC-SP.

Rafael Marchetti

http://www.rmarchetti.com/

Rafael Marchetti

A apresentação do artista percorrerá diversas obras desenvolvidas nos últimos anos de sua produção, utilizando tecnologia baseada na internet. O desfecho da apreentação acontece com uma performance de remixagem ao vivo.

É net artista, pesquisador independente, formado pela Escola de Belas Artes Manuel Belgrano, Buenos Aires (1997). Desenvolveu projetos como artista em residência em instituições como Cyprès (França) e no MediaLab Madrid, onde trabalhou em colaboração com FutureLab ARS Electronica no desenvolvimento do WikiamapMadrid. Foi co-fundador dos coletivos Influenza e Preguiça Febril. Seus trabalhos foram premiados pelo Prêmio Sergio Motta de Arte e Tecnologia (2002), ZKM (2003), FILE (2004) e Prog:me (2005).

Desde 2007 trabalha em colaboração com Rachel Rosalen no projeto Territórios Complexos, apresentado na Fundación Telefónica Buenos Aires, Mostra SESC de Artes (São Paulo), Plugin (Basel), Kunstraum Walcheturm (Zurich), Bain::Conective (Bruxelas) e Dorkbot.Mvd no Centro Municipal de Exposiciones (Montevideo).

Links Relacionados:

http://soundtoys.net/, http://www.desvirtual.com/, http://netart.org.uy/, http://www.hiperface.com/, http://www.rachelrosalen.com.br/, http://rosalenmarchetti.wordpress.com/, http://www.runme.org/

Rejane Cantoni

www.rejanecantoni.com, www.cantoni-crescenti.com.br

Imagem: Leonardo Crescenti

Imagine entrar em uma máquina, fornecer coordenadas de uma cidade e de um momento no tempo e receber como resposta a direção, a intensidade e a sensação de calor que a luz do sol irradia naquele espaço-tempo. A artista apresentará o trabalho Solar, uma instalação robótica,  imersiva e interativa, desenhada para simular qualidades e medidas da luz solar na relação humano x espaço-tempo, realizada em parceria com Leonardo Crescenti.

Nasceu em São Paulo; estudou comunicação, semiótica, visualização de sistemas de informação e interfaces cinemáticas em São Paulo e Genebra; desde 1987 pesquisa e desenvolve instalações imersivas com dispositivos de aquisição e manipulação de dados em ambientes naturais e/ou sensorizados e automação.

Links Relacionados: SOLAR – instalação

http://www.youtube.com/user/leocrescenti#p/a/u/0/vcGat3zf5gY

Wilson Surkoski

www.sukorski.com, www.sukorski.com/PS

Wilson Surkoski

Análise de quatro diferentes momentos de seu trabalho recente, envolvendo a motivação, as ferramentas tecnológicas, a poética e as escolhas: PSSA – Paisagens Sonoras Sub Aquáticas (instalação sonora sub aquática para piscinas realizada no SESC Araraquara durante o verão de 2010), SuperCordas (instalação sonora formado por 11 sistemas de monocórdios com amplificação e atuadores eletromagnéticos), Somcilotto (instalação sonora para 8 monitores de toque, com 49 sonificações da obra do pintor concreto “Luiz Sacilotto”) e pocket performance de code::name VRVBV (DVD com vídeos incidentais, música em espaço de projeção sonora 5.1.)

Compositor, músico eletrônico, performer multimídia, criador/produtor de conteúdos musicais para rádio/vídeo/cinema, designer e construtor de instrumentos musicais inusitados e pesquisador em áudio digital. Trabalha intensamente em várias atividades musicais no Brasil e no exterior. Compõe para cinema, vídeos experimentais, instalações de áudio arte, arte urbana, arte e novas mídias; além de se apresentar como performer musical em shows e performances monoband, no Brasil e com forte carreira internacional. Projetos desenvolvidos recentemente incluem: “Somnium” realizado no evento Sudamerica Electrónica nas Estrelas, planetário do Ibirapuera SP. “Espanca Mosca” – show monoband realizado no “ExperimentaClub Madrid” e no DA2 Center – Salamanca, Espanha. “Música de Invenção”: palestra/show no AV Media Lab Prado – Madrid. “M de Machado” e “7 Improvisos em torno de Heiner Muller” com o ator Paulo César Pereio. “SuperCordas” e “Somcilotto” instalações sonoras. “Orqestra de Laptops de S.Paulo” (File – Hipersônica). “São Paulo, a Symphonia da Metrópole” Cinematéca de Jerusalém. Show
“Tubo de Ensaio” com Pepê da Mata Machado CCBB São Paulo. Show “code::name VRVBV” Audio Art Festival (Krakóvia, Ciezyn e Gdansk na Polônia, “PSSA Paisagens Sonoras Sub Aquáticas” instalação sonora para piscina do SESC Araraquara, “São Paulo Real Tempo” Orquestra de Laptops + Livio Tragtenberg – SESC Santana. Atualmente realiza pesquisas relacionadas à harmonia espectral, Max, PD, instrumentos virtuais, instalações sonoras, entre vários outros interesses.

Organização Centro Cultural da Espanha em São Paulo

Agência Espanhola de Cooperação para o Desenvolvimento – AECID. O CCE_SP realiza um intenso trabalho em associação com os poderes públicos e com uma diversificada gama de instituições e organizações da sociedade civil. A ênfase do trabalho em São Paulo, não se limita a promoção da cultura espanhola, mas reside no desenvolvimento de iniciativas que agreguem diferentes atores locais e ibero-americanos visando a promoção da cultura como fator de desenvolvimento. Trata-se, portanto, de fomentar o encontro de experiências e recursos para apoiar espaços de reflexão, intercâmbio e diálogo, e assim, apoiar a produção artística, cultural e o seu papel como fator de desenvolvimento.

www.ccebrasil. org.br

Coordenação

Daniel Gonzalez Xavier (Sao Paulo, 1980) é Gestor Cultural e Curador Independente especializado em arte, tecnologia, artes sonoras e audiovisuais. Foi Mediador Cultural de Medialab-Prado, Madri e Coordenador dos Encuentros AVLAB também em Madrid. É Fundador do coletivo ciberativista TEMP. Em 2004 e 2005 foi coordenador e curador do Festival FILE Hipersonica. Mestrado em Gestão Cultural pela Universidad Carlos Tercero de Madrid e Dotorando en Artes pela Universidad Nacional de
Córdoba, Argentina.

Parceria

Centro Cultural da Juventude – CCJ, da Prefeitura de São Paulo e vinculado à Secretaria de Cultura. É o maior centro público dedicado aos interesses da juventude paulistana e está relacionado à Secretaria Municipal de Cultura. São 8.000 metros quadrados de arquitetura moderna e arejada, reunindo biblioteca, anfiteatro, teatro de arena, sala de projetos, Internet Livre em banda larga, laboratório de idiomas, laboratório de pesquisas, estúdio para gravações musicais, ilhas de edição de vídeo e de áudio, ateliê de artes plásticas, sala de oficinas e galeria para exposições, além de uma ampla área de convivência.

http://escuta.estudiolivre.org/

Formato Original

Medialab-Prado é um programa institucional e público da área das artes da prefeitura de Madrid, dedicado a confluência entre as artes, tecnologias, ciências e sociedade

www.medialab-prado.es

Serviço

Sábado, 7 de agosto ás 17 horas no Centro Cultural da Espanha em São Paulo. (Entrada franca)

Local Avenida Angélica, 1.091
Higienópolis – São Paulo SP
Tel 11 3822 2627

Contato para mais informaçoes:

Daniel Gonzalez Xavier – daniel.g@medialab-prado.es
Miguel Castro – cultura4@ccebrasil.org.br
Tel (+ 55) 11 3822 2627
Fax. (+ 55) 11 3666 0516
http://ww2.ccebrasil.org.br/projeto/encontros-avlab-sao-paulo

O principal objetivo é a criação de um filme de longa duração no formato anime, utilizando apenas software livre. Mas além disso, outros objetivos por trás do projeto Morevna merecem atenção. Eles pretendem promover soluções Open Source e a ideologia por trás do Sofware Livre, testar e melhorar ferramentas livres existentes repassando comentários e problemas para desenvolvedores e a comunidade de usuários, validar ferramentas livres como alternativas eficientes e eficazes para criação de animações profissionais de qualidade, e gerar documentação e tutoriais para que outros artistas possam aprender como usar ferramentas livres.

Softwares usados na produção

Os principais softwares usados na produção do anime são:

• Animação 2D: Synfig Studio
• Modelagem e animação 3D: Blender
• Imagens estáticas: GIMP e Krita.

O vídeo abaixo mostra mais detalhes do projeto Morevna.

Os responsáveis pelo projeto ainda estão a procura de pessoas interessadas em participar, como ilustradores e 3D Designers.

Se você quiser participar do desenvolvimento ou saber mais sobre este projeto, entre em contato com eles pelo email morevna.project [a] gmail . com.

Mostra do Vídeo Livre

Estão abertas as inscrições para a Mostra do Vídeo Livre, evento que será realizado pela Aliança do Vídeo Livre durante o 11o. Fórum Internacional do Software Livre (FISL), de 21 a 24 de julho, em Porto Alegre, RS.

Produtores de vídeo que tenham obras publicadas com licenças permissivas (como Creative Commons) podem participar, independentemente da duração, gênero, ineditismo e data de produção do trabalho. Os vídeos selecionados pela organização da Mostra serão exibidos como parte da programação da Aliança do Vídeo Livre no FISL. Com a reunião destes trabalhos, a AVL Brasil espera fomentar os modelos de licenciamento livre entre as produções nacionais.

Acesse o site da mostra – http://videolivre.org.br/mostra2010/

Ramón Miranda, o criador do Gimp Paint Studio, lançou seu primeiro tutorial de pintura com GIMP e GPS: Pintando un ojo en Gimp.

Com uma rápida olhada você já percebe o quão completo é o material, tratando de detalhes sobre luz, técnica de pintura e uso do GIMP. Veja as ilustrações de alguns passos:

Reconhecendo as linhas que definem a imagem. O "esqueleto"

Analisando quantitativamente a presença de sombras e luzes na imagem

Localizando as áreas de sombra e luz na imagem

Primeiras linhas para guiar a pintura. (baseadas no "esqueleto")

Estudo de cores da imagem

Como pincelar com a ferramenta de borrão

Os vários passos da pintura comentados

O resultado final

Gostou?
Baixe o tutorial em PDF: Pintando un ojo en Gimp
Divirta-se!

Entre os argumentos da Canonical para a saída do GIMP está o fato de ele ser considerado uma aplicação mais “profissional”, com uma interface complexa demais para os usuários do Ubuntu. Apesar de ter alguns usuários mais antigos como adeptos, e até mesmo alguns usuários simpatizantes que aprenderam a editar imagens com o GIMP, fato é que um dos principais motivos para a pouca popularidade desta ferramenta sempre foi a sua interface em três janelas flutuantes, que causa estranheza e desconforto na grande maioria dos usuários que tentam migrar de outros editores como o Photoshop.

Cedendo as incansáveis reclamações de usuários, os desenvolvedores da ferramenta decidiram implementar na próxima versão do GIMP o modo de “janela única”, mais parecido com outros editores, e que possibilitará uma migração mais confortável e uma curva de aprendizagem mais suave.

O GIMP 2.8 será a próxima versão estável do editor. Enquanto isso, caso você queira conferir alguns dos novos recursos, é possível instalar e versão de desenvolvimento, que ainda é instável e pode conter alguns bugs, mas que vale a pena dar uma conferida!

Instalando o GIMP 2.7.1

Para fazer a instalação, vamos adicionar o repositório PPA Oficial do GIMP 2.7.1. Abra a janela do terminal e digite o comando abaixo:

$ sudo sh -c "echo 'deb http://ppa.launchpad.net/matthaeus123/mrw-gimp-svn/ubuntu lucid main' >> /etc/apt/sources.list"

Depois de adicionar o PPA, é preciso adicionar a chave GPG. Para isso, digite no Terminal o comando abaixo:

$ sudo apt-key adv –recv-keys –keyserver keyserver.ubuntu.com 405A15CB

Em seguida podemos atualizar os repositórios:

$ sudo apt-get update

Depois disso, estamos prontos para instalar o GIMP 2.7.1:

$ sudo apt-get install gimp

Atualizando: uma forma mais fácil

Recebi dois comentários nesse post, dos usuários Rafael Raposo e Fabricio Biazzotto, sugerindo uma forma mais simples de fazer a instalação, adicionando o repositório já com a chave GPG. Segue abaixo:

$ sudo add-apt-repository ppa:matthaeus123/mrw-gimp-svn
$ sudo apt-get update
$ sudo apt-get install gimp


Agradeço ao Rafael e ao Fabricio pela colaboração ;)

Janela Unificada

Ao iniciar o GIMP 2.7.1 você vai perceber que ele ainda está com as três janelas flutuantes, além de um bug que faz com que a interface misture o Inglês com o Português.

Para ativar a interface com janela unificada, basta ir até o menu Window e clicar na opção Single-window mode. Esse novo formato da interface faz com que várias imagens possam ser abertas para edição na mesma janela, sendo divididas em abas.

Ainda existe um bug que faz com que tenhamos que ativar esse recurso a cada inicialização do GIMP.

Utilizando o GIMP com uma janela unificada

Alguns dos novos recursos

Agrupando camadas

A nova possibilidade de agrupar camadas em pastas facilitará a tarefa de criar layouts mais complexos sem se perder. Podemos agrupar, mover ou ocultar várias camadas de uma só vez. Alguns recursos ainda precisam ser aprimorados, como a possibilidade de aplicar uma máscara ao grupo de camadas.

Tageamento de recursos

O GIMP se tornou ideal para quem trabalha com uma grande quantidade de pincéis, gradientes ou texturas, com a possibilidade de organizar esses recursos através de tags. Dessa forma, o usuário pode filtrar esses recursos através de uma tag específica.

Salvar ou exportar

Na nova versão, a opção de salvar arquivos se limita aos formatos nativos do GIMP, como o XCF. Foi adicionado ao menu uma opção para exportar as imagens para outros formatos como JPG ou PNG, o que para mim faz muito mais sentido.

Pincéis dinâmicos e rotativos

Agora os usuários poderão incrementar suas pinturas no GIMP aproveitando o suporte a pincéis rotativos, ou a possibilidades de alterar o aspecto de proporcionalidade e inclinação.

Nova ferramenta de edição de textos

Uma nova forma de se trabalhar com textos no GIMP

Uma das novidades que mais me empolgaram é a possibilidade de trabalhar com textos diretamente na camada, sem que seja necessário edita-lo numa janela separada. Sobre o texto em edição ainda são exibidos atalhos para estilos como negrito e itálico. Porém a nova ferramenta ainda deixa a desejar em alguns aspectos, como a possibilidade de formatar apenas um trecho do texto dentro do bloco.

1, 2… Testando!

Todos esses novos recursos citados e outros mais ainda estão sendo testados e aprimorados. O GIMP 2.7.1 ainda é uma versão em desenvolvimento e instável, não recomendada para o trabalho de produção.

Nos testes que eu realizei, apesar dos pequenos bugs a ferramenta se saiu muito bem, não apresentando problema algum nas edições feitas.

Fique a vontade para testar e conferir por você mesmo a evolução dessa poderosa ferramenta, e ver que não vai demorar muito para termos uma alternativa livre totalmente a altura de qualquer tarefa de produção e edição de imagens :)

Referências

• Install GIMP 2.7.1 on Lucid Lynx using PPA
• GIMP 2.7 Release Notes

Tecnologia na Web, Revista Webdesign

Início de um novo ano e mais desafios prometem movimentar o universo dos profissionais de internet. Além de procurar atualização sobre os conceitos fundamentais que ajudam a construir as bases para atuação na área, é preciso ficar atento também às novidades em termos de ferramentas de produção.

Nos últimos tempos, o surgimento de novas opções e pacotes de software tem contribuído para melhorar o trabalho neste segmento. “Meu cotidiano com aplicações web se resume: ao Netvibes para guardar informações de fácil acesso; o trio da Google: Gmail , Reader e Calendar; o Remember the Milk, que é o centro da minha produtividade, onde uso a metodologia GTD em todas as minhas demandas; e, apesar de a aplicação já existir um tempo, conheci em 2009 o SlimTimer, um software muito bom de gerenciamento de tempo. Trabalho ele casado com o Remember the Milk. Quem conhece a metodologia GTD sabe como é importante prever o tempo de execução de cada tarefa. Normalmente, a gente faz uma previsão de acordo com a experiência anterior de uma demanda recorrente. Mas, quando é preciso fazer algo inédito, é fundamental trabalhar com o SlimTimer. Ao começar a trabalhar no projeto, acionamos o relógio e ele contabiliza todo o tempo em que você estiver nele. E, se esse trabalho for para uma agência, por exemplo, ainda dá para exportar uma planilha com tudo anotado”, revela o webdesigner freelancer Cristiano Santos (http://cristianoweb.net).

“O novo pacote da Adobe, sem dúvida, facilitou muito o dia-a-dia no escritório! Mas não são só softwares gráficos que podem facilitar a vida dos profissionais de criação. Hoje, o Twitter funciona como uma ótima fonte de informações, que contribui muito para que estejamos mais antenados no que acontece no meio criativo e no mundo”, argumenta o designer Silas Augusto (www.silasaugusto.com), que atualmente dirige projetos internos e de reestruturação do grupo Guia de Motéis (www.guiademoteis.com.br).

Neste cenário, Fernando Leite (www.fernandoleite.com), online content developer da Dell, lembra das extensões do navegador Firefox como elementos úteis no trabalho de criação e desenvolvimento de projetos web. “Não surgiram nesse ano (não sei precisar quando), mas cada vez mais temos add-ons para Firefox que nos ajudam no desenvolvimento. Destaque para os já mais do que conhecidos Firebug, Web Developer, ColorZilla e MeasureIt. Além disso, a Google vem lançado e aperfeiçoando aplicativos que ajudam no desenvolvimento/resultado final de projetos interativos.”

getfirebug.com

Como escolher as ferramentas ideais?

Levando-se em consideração o ritmo de produção e diante de tantas novidades e das diversas opções existentes para se trabalhar com a criação e o desenvolvimento de projetos digitais, os profissionais precisam se cercar de alguns parâmetros para garantir a escolha adequada das ferramentas a serem utilizadas.

Segundo Cristiano, em seu “#bunkerweb”, o planejamento do projeto é quem manda. “Nem proposta para um cliente eu faço se não houver um pré-trabalho. Fazer um bom planejamento é fundamental para tudo, inclusive, sobre quais softwares vou utilizar no projeto em questão. É comum, quando um trabalho tem uma demanda de criação de animação complexa em SWF, eu repassála para outro profissional que domine Flash, pois não trabalho com essa ferramenta. Porém, há casos em que eu mesmo faço animações mais simples, utilizando outras ferramentas mais específicas, como, por exemplo, banners ou thumbnails.”

Já Fernando revela que procura trabalhar com as ferramentas que se sente mais à vontade, que tem maior domínio. “Normalmente, nos projetos que faço como freelancer, utilizo o Photoshop para criação de layouts e algum editor de HTML para codificar. Atualmente, tenho utilizado o Smultron (para Mac) e o PSPad (para PC). Além disso, uso o site ClockingIT (www.clockingit.com) para o gerenciamento do projeto.”

“Tempo, público-alvo e formato (e-mail marketing, site, hotsite, banner etc.) são os principais parâmetros para a escolha da ferramenta. Como kit padrão, utilizo o pacote da Adobe: Photoshop, Illustrator, Flash, Dreamweaver, Premiere e InDesign (para projetos off-line)”, completa Silas.

Neste debate, não podemos deixar de citar o software livre como uma ótima alternativa para quem trabalha com o design para mídias interativas. Durante a apresentação da palestra Web Design com Software Livre, Agni listou algumas opções: GIMP (editor de imagens), Blender (modelagem 3D), Scribus (paginação) e Inkscape (desenho vetorial). “Conheço o GIMP e posso dizer que é uma ótima ferramenta, principalmente no quesito mobilidade, uma vez que você pode levá-lo no pendrive e trabalhar no notebook, caso ocorra uma emergência. Tenho uma versão mobile que ‘mora’ no meu pendrive”, revela Cristiano.

GIMP is the GNU Image Manipulation Program

Especialização em uma ferramenta

É comum vermos pelo mercado profissionais que acabam se tornando especialistas em apenas um pacote de ferramentas existentes para a criação e o desenvolvimento de projetos digitais. Diante deste cenário, a dúvida mais comum é: quais são as vantagens de se tornar um especialista e os riscos que isso pode trazer para a carreira de um profissional?

“Acredito que existam mais riscos do que vantagens. Hoje, os profissionais precisam se especializar em áreas e não em ferramentas para dar conta do que o mercado pede. Ao se especializar muito em uma ferramenta podem acontecer situações bem complicadas. Um exemplo é um projeto exigir o fechamento do arquivo em CorelDraw para quem é especialista em Illustrator. Por mais que os softwares se conversem, não há uma padronização em relação às suas ferramentas e isso pode custar algumas horas a mais de trabalho para o reconhecimento da nova ferramenta”, alerta Silas.

“Mais importante do que dominar várias ferramentas é dominar conceitos. Por isso, acho difícil que alguém não seja cont ratado para uma vaga, pois nunca usou determinado software, mas somente o concorrente. Talvez, no início, o profissional demore um pouco mais para executar determinadas tarefas, mas com o uso esse tempo vai diminuindo rapidamente”, complementa Fernando.

Nesta discussão, é importante ressaltar uma reflexão apresentada na palestra de Agni, que citamos anteriormente. Segundo ele, “existe uma grande diferença entre saber como uma ferramenta funciona e saber o que fazer com ela“.

“É comum ver pessoas estudando para aprender uma determinada ferramenta e deixando de lado o mais importante, que é o que fazer com ela. Erro cometido, principalmente, por quem está dando os primeiros passos na área. Procuro sempre fazer o processo contrário, que é primeiro pensar e estruturar bem a ideia para em seguida produzi-la em alguma ferramenta, de acordo com a necessidade. Lápis, papel e caneta são imortais e ótimos instrumentos de criação! Sempre gostei e incentivei essa prática para as pessoas que trabalham e trabalharam comigo”, diz Silas.

“Tive um chefe, quando trabalhava em uma agência de publicidade, que sempre falava mal da minha geração por pensar com o mouse, por receber um briefing e ir direto abrir o Photoshop, Illustrator ou similares. A execução de uma ideia é somente a parte final de um projeto ou peça. Muito mais importante é pensar antes o que se quer, onde queremos chegar, quais os nossos objetivos. Ferramentas são somente ferramentas, não importa qual você usa, se no final você consegue chegar ao resultado que você tinha planejado”, ressalta Fernando.

Matéria publicada na Revista Webdesign, na sessão Tecnologia na Web da edição 74, de fevereiro de 2010. Para visualizar o PDF com a matéria, clique aqui.

Você já testou o HTML5 hoje?

O Hypertext Markup Language é a base da estrutura da Web. Sua última versão lançada é o HTML4.01, que teve sua recomendação aprovada no final de 1999 pela W3C. Porém, está chegando o HTML5, uma nova versão da linguagem depois de anos sem atualização, apresentando novas possibilidades de desenvolvimento que vem deixando desenvolvedores e empresas de tecnologia em grande expectativa.

Será que já é hora de começarmos a adotar o HTML5 em nossos projetos?

A evolução Semântica do HTML5

Além das novas API’s, suporte multimídia, aprimoramento do uso off-line e melhor depuração de erros, a maior evolução que temos hoje no HTML5 é a Semântica, que diz respeito ao significado das marcações. Na atual versão do HTML não temos um padrão que determine exatamente os tipos de informação que colocamos em cada parte do documento. Os navegadores e buscadores não podem distinguir que uma determinada área da página é um cabeçalho, um rodapé, um menu ou um artigo, por exemplo. Dessa forma os desenvolvedores acabavam criando o seu próprio padrão de nomenclatura através de identificadores e classes.

As novas marcações do HTML5 não terão uma visualização diferente da marcação <div>, porém elas trarão um valor semântico. Dessa forma, para identificar um cabeçalho, podemos usar <header> ao inves de <div id=”header”>. Essa padronização será usada por todos os desenvolvedores, e entendida por todos os navegadores, buscadores e sistemas informacionais, e facilitará a indexação dos dados e a troca de informações pelas diferentes aplicações na Web.

A falta de consenso sobre os codecs

Algo que vem causando grande euforia sobre a nova versão da linguagem, e que é um dos pontos altos do HTML5,  é o suporte nativo a recursos multimídia (áudio e vídeo) sem a necessidade de instalação de plugins no navegador. Mas ao mesmo tempo existe uma falta de consenso sobre qual codec deve ser usado para esses novos recursos.

Enquanto a W3C recomenda o uso do codec Theora por ser um padrão aberto, outras empresas vem utilizando o codec proprietário H.264 em seus navegadores. Dessa forma temos os navegadores Firefox e Opera suportando apenas o Theora, enquanto o Safari e Internet Explorer 9 suportam apenas o H.264. Apesar do Chrome suportar ambos os codecs, o Google vem usando o H.264 no seu protótipo do YouTube em HTML5, além de recentemente ter adquirido e liberado o codec VP8E sob código aberto, como parte do projeto WebM.

O HTML5 será o fim do Flash?

O Flash vem assegurando seu espaço no mercado principalmente pela sua utilização em vídeos, banners, hotsites ou advergames. Porém ele vem deixando gradativamente de ser a ferramenta preferida de muitos desenvolvedores e empresas por vários motivos, como o tempo de carregamento, falta de acessibilidade ou problemas de travamento com plugins. Muitos apostam que os novos recursos do HTML5 (como a nova API para desenvolvimento de gráficos bidimensionais e a possibilidade de criar aplicações RIA) podem ser uma sentença de morte para o Flash.

Eu acredito que não é o lançamento do HTML5 que fará com que empresas e desenvolvedores abandonarem o Flash. Pelo contrário, acredito que os novos recursos que o HTML5 trás fazem parte dessa ânsia do mercado por uma alternativa ao Flash que seja mais alinhada com os rumos que a Web vem tomando: mais semântica e acessível. Com a evolução de bibliotecas Javascript como o JQuery, e com as possibilidades que nos trará a nova versão do CSS3, acredito sim que o HTML5 possa ser uma alternativa ao Flash, mas não a curto prazo. Ainda é muito mais prático e rápido criar uma animação em Flash do que utilizando HTML/CSS/Javascript, e boa parte das agências e desenvolvedores tende ao mais cômodo.

Mesmo afirmando que o Flash é insubstituível, a Adobe  já demonstrou publicamente uma preocupação com o HTML5, chegando a afirmar que os seus clientes estão sendo persuadidos por outras empresas a usar tecnologias alternativas ao Flash, principalmente pela Apple usar HTML5 em vez do Flash em seus aparelhos (iPhone, iPod Touch e iPad). Alguns rumores já acusaram a Adobe de tentar sabotar o progresso da linguagem através da sua atuação na aprovação dos padrões junto a W3C.

Já está na hora de usar o HTML5?

Apesar das últimas versões dos navegadores já suportarem as novas marcações, boa parte dos usuários não tem o hábito de atualizar seus navegadores, e isso faz com que a maioria das pessoas ainda não consiga visualizar as páginas estruturadas em HTML5. Além de que, apesar da linguagem já ter sido liberada, só será uma recomendação definitiva em 2012.

Ainda não é hora de implementar definitivamente o HTML5 em nossos projetos, mas todos devemos começar a estudar seus novos recursos e a fazer testes. Os grandes nomes do mercado de tecnologia vêm disponibilizando os seus protótipos experimentais utilizando a nova versão, e isso é de grande valia. O mercado deve ir se preparando, e preparando os usuários.

A quantidade de informações que podemos encontrar na Web já é bastante grande, basta fazer uma busca. Para referência sobre todas as marcações do HTML5 recomendo acessar o http://www.w3schools.com/html5/html5_reference.asp, e para ter acesso aos canais de participação dos grupos de trabalho da W3C, basta acessar http://www.whatwg.org.

Bom divertimento ;)

Na lista de Discussão do Inkscape Brasil, o Cícero Moraes mandou a dica do vídeo abaixo, produzido por ele e outros amigos, e que está concorrendo no 48 hours Ad Contest. O mais interessante sobre o vídeo é o fato de boa parte dele ter sido feita utilizando Blender, GIMP e Inkscape. Esse fato por si só já ganhou a minha simpatia!

Para votar nesse vídeo, basta acessar o Canal no Youtube e pesquisar por teomacedo, e a pesquisa retornará o vídeo. Basta clicar no “joinha” e dar o seu voto!

Parabéns Cícero pelo vídeo e pela participação :)

Saiba mais:

• Cannes Lions
• Young Lions
• The Youtube Cannes Young Lions – 48 hours Ad Contest
• WaterAid
• Inkscape Brasil – Lista de Discussão
  

Devemos ter os CMSs como soluções prontas também em questões de interface?

Com a crescente demanda de fluxo de informação existente na Web, é imprescindível o uso de ferramentas que facilitem o processo de publicação e compartilhamento de conteúdo. A idéia de uma Web como plataforma colaborativa fez com que novos paradigmas sejam considerados no desenvolvimento dos projetos. Dentre os diferentes sites concorrentes nos diversos segmentos, a escolha do usuário se dará não só pela qualidade do conteúdo ou pela facilidade de uso, mas principalmente por aquele que lhe proporcionar uma melhor experiência.

Seguindo essa linha de raciocínio, o trabalho de criação e de desenvolvimento de projetos digitais e interativos deve priorizar a experiência do usuário em sua concepção. Isso faz com que, em se tratando do sistema por trás da interface, não tenhamos que “reinventar a roda” a cada novo projeto, e sim trabalharmos com a idéia de sistemas pré-concebidos para a automatização de tarefas. O uso de ferramentas CMS’s proporciona uma maior qualidade aos sites, uma vez que dinamiza o desenvolvimento e permite uma maior atenção no projeto de Interface e na experiência do usuário.

CMS’s podem limitar o Design de Interface?

As interfaces devem ser projetadas de acordo com os objetivos do site e com o tipo de experiência que queremos proporcionar ao usuário. Para isso é imprescindível trabalhar-mos a hierarquia visual, para que ela forneça maior consistência nos elementos de navegação e maior facilidade de uso. Porém, devemos proporcionar muito mais que facilidade. Acredito que a estética tenha tanta importância quanto a usabilidade, pois é ela que irá cativar o usuário a consumir o conteúdo e interagir com o nosso produto, tornando a experiência mais agradável e interessante. Dessa forma, é essencial conhecermos bem os recursos que o CMS escolhido possui para possibilitar tais experiências de uso, assim como a flexibilidade de customização visual que a ferramenta fornece para atingirmos de forma integral a estética projetada.

Acima de tudo, uma boa interface deve ser simples. Toda complexidade que possa existir para que os objetivos do usuário sejam atingidos deve ser possível de ser absorvida pelo sistema. Hoje existem inúmeras opções de CMS’s, algumas com finalidades específicas, outros escaláveis para diversas funcionalidades. É de extrema importância conhecermos bem as opções disponíveis, pois o que poderia limitar o design de uma interface nesse caso seria a escolha equivocada do CMS para o projeto.

Pensando ainda na experiência do usuário, é essencial que na hora de projetar uma interface sejam definidos mapas mentais representando a forma que o usuário irá interagir com o produto, tanto no momento do lançamento quanto em futuras adequações. Dessa forma, no momento de definição dos fluxos de navegação e wireframes, assim como da criação de uma boa pregnância visual do projeto gráfico, devemos estar atentos tanto no que diz respeito a flexibilidade da interface quanto na escalabilidade do CMS. Na evolução natural que nosso projeto possa vir a ter, desde a inclusão de novos módulos de conteúdo, novas formas de orientação na navegação local e global, menus contextuais de acordo com o perfil do usuário ou outras ferramentas adaptativas, o maior desafio é manter uma sintonia entre as possíveis extensões da interface com a capacidade de implementação de novos portlet’s ou widget’s pelo CMS em uso, de forma que os diferentes objetivos do site sejam sempre facilmente atingidos pelo usuário.

As interfaces prontas

Normalmente as opções de CMS’s disponíveis possuem um painel administrativo pronto. Porém não há como projetar qualquer interface sem conhecer claramente as necessidades de quem irá utilizar o sistema, seja o usuário que irá navegar pelo site, ou a equipe que irá administrar o conteúdo. O WordPress, possui um painel administrativo relativamente simples, porém podemos encontrar dificuldades quanto a utilização de plugins que estendem suas funcionalidades, pois normalmente não seguem o mesmo padrão de interface administrativa. No Plone a administração do conteúdo é feita dentro da mesma interface de navegação utilizada pelos usuários, não havendo um painel de administração específico, o que divide opiniões quanto a facilidade ou confusão que isso pode gerar na administração dos conteúdos.

Mesmo que a comunidade de alguns CMS’s venham demonstrando uma preocupação maior com a usabilidade e a experiência do usuário, como é o caso do Drupal para a sua versão 7, é essencial que haja uma avaliação do painel administrativo para cada projeto em específico, sendo feita um análise baseada em quem fará uso desta interface. Ao escolhermos um CMS para um projeto, devemos estar sempre atentos à flexibilidade que o sistema possui para a adaptação ou criação de um painel administrativo. O Django por exemplo, possui uma app de administração padrão, porém ela é opcional, havendo a possibilidade de a equipe desenvolver sua própria interface de administração.

Evite equívocos no seu projeto

Para a escolha adequada de qual ferramenta utilizar, é essencial a leitura das documentações dos principais sistemas disponíveis, assim como a troca de experiências em fóruns e listas de discussão, e a analise de outros sites baseados em gerenciadores de conteúdo. Assim, podemos conhecer melhor os recursos e possibilidades que cada CMS pode oferecer ao nosso projeto.

Porém é sempre importante termos conciência de que além da escolha do CMS, outros fatores como a produção e gestão dos conteúdos, a arquitetura de informação, e até mesmo a veiculação de publicidade dentro do site, tem impactos diretos na concepção da interface, e vice-versa. A falta de comunicação e entendimento entre as equipes envolvidas em cada etapa do projeto podem acarretar os maiores equívocos dentro dos projetos de interface ;)

Trechos desse artigo são mencionados na matéria “Design de Interfaces para CMS’s” publicada na edição 77 da Revista Webdesign nesse mês de maio, edição essa focada em Design de Interface. Confiram a revista nas bancas!

Minha empolgação poderia ir muito além disso, não fosse o relato de Dave Walker, um líder da comunidade Ubuntu que foi convidado pela Canonical para ir até seu escritório em Londres conferir o novo projeto gráfico. Em um artigo escrito para o site Linux User & Developer, Dave relatou que os designers envolvidos na nova concepção do Ubuntu utilizavam MACs e softwares proprietários na criação do projeto. Disse também que a equipe fez questão de salientar que gostariam de ter utilizado o Ubuntu e suas ferramentas no projeto, mas não tinham a familiaridade necessária para tal.

Não quero aqui fazer qualquer comparação entre plataformas, ou entre softwares como GIMP e Photoshop. Acredito que essas comparações, assim como discussões sobre produtividade realmente não vem ao caso. Quero apenas afirmar que esse projeto gráfico poderia ter sido feito no Ubuntu, utilizando ferramentas como GIMP e Inkscape, sem sombra de dúvidas. Essas ferramentas possuem pleno potencial para isso.

A Canonical, que tem a proposta de fazer um “Linux para seres humanos”, deveria ter a utilização de ferramentas livres como principal proposta nesse projeto. Mesmo eu acreditando que não existam muitos designers conceituados para trabalhar com branding dentro da comunidade, a Canonical deveria ter feito o esforço de reunir uma equipe de designers que tivessem intimidade com as ferramentas livres, mesmo que fosse para trabalhar em parceria com essa outra equipe. Existem ótimos profissionais utilizando Ubuntu no trabalhando de criação!

Muita gente pode considerar que as ferramentas livres não estão devidamente preparadas para um trabalho profissional na área de design. Eu mesmo tenho muitas considerações a respeito. Porem aqueles que investem nesses produtos, tendo inclusive uma distribuição baseada em Ubuntu para produção gráfica e multimídia, tem o dever de incentivar o seu uso, até mesmo para alavancar a evolução dessas ferramentas.

Novo tema do Ubuntu 10.04

Em contra-senso com os novos valores definidos para a marca, a Canonical demonstrou uma “precisão” errada na escolha dos profissionais, falta de “confiabilidade” no seu produto, pouca “colaboração” com a comunidade, e nenhuma “liberdade” ao utilizar softwares proprietários no projeto.

Leia mais:

• Redesigning Ubuntu – behind the scenes on 10.04
• New logo for Ubuntu
• New Ubuntu design created on Apple Mac
• Ubuntu Brand I e Ubuntu Brand II