O fluxograma So you need a typeface é um projeto de Julian Hansen, com tradução livre de Lucas Oliveira. É uma forma alternativa de como escolher tipos de letras (ou apenas se inspirar) para um projeto específico. A lista é vagamente baseada no top 50 das 100 Besten Die Schriften.

Veja abaixo o poster (e clique para fazer o download do tamanho original).

GIMPZINE foi uma publicação em formato PDF criada pela Comunidade Brasileira de GIMP, trazendo tutoriais, análises e entrevistas sobre ele que é o mais famoso software livre para edição de imagens: o GIMP.

A revista foi produzida entre junho de 2006 e junho de 2008, totalizando 9 edições (de 0 a 8). O site da revista não está mais no ar, mas por ter todas as edições salvas aqui em arquivo, resolvi disponibiliza-las para aqueles que desejam conhecer um pouco mais sobre o GIMP e os profissionais que o utilizam.

No site da Comunidade Brasileira de GIMP existe um recado informando sobre a possível reativação da revista, expondo a necessidade de colunistas fixos para que isso aconteça. Se você já trabalha com GIMP e deseja participar, entre em contato com eles :)

Download das 9 edições da revista

• GIMPZINE, edição nº 00
• GIMPZINE, edição nº 01
• GIMPZINE, edição nº 02
• GIMPZINE, edição nº 03
• GIMPZINE, edição nº 04
• GIMPZINE, edição nº 05
• GIMPZINE, edição nº 06
• GIMPZINE, edição nº 07
• GIMPZINE, edição nº 08

Acompanhe abaixo o infográfico.

Entre os cursos da SAIBADESIGN temos o de Direção de arte para mídias digitais, que foi criado por profissionais atuantes – entre eles eu – a partir da demanda do mercado por diretores de arte com conhecimentos focados em mídias digitais. Neste curso teórico as mídias digitais são abordadas como um todo, mas o foco de informação e exemplos são dados às mídias web e mobiles. Além disso, o curso é único em sua estrutura e idealização no mercado: a teoria vem da prática e é totalmente orientado aos conhecimentos que o mercado de mídias digitais exige de um diretor de arte.

Você pode entrar em contato com a SAIBADESIGN através do e-mail saibadesign@saibadesign.com.br ou do telefone (11) 3063-3669.

Conteúdo do curso

Introdução: O que são mídias digitais?; Direção de arte; Direção de arte nas mídias digitais; Experiência de usuário; As facetas da experiência de usuário; Interfaces digitais; A rivalidade da mídia impressa e digital; Ética.

Conteúdo, pesquisa e briefing para web: Briefing para mídias digitais; O alicerce do profissional criativo: o conceito visual; Webwriting; Conteúdo x Search Engine Optimization (SEO); Análise; Editorial; Arquitetura de informação.

Cores e tipografia: Dando critério à subjetividade; O processo de percepção da cor; Cores aplicadas à prática; Cores na mídia digital x cores na mídia impressa; A arte de compor com tipos; Critérios de seleção de tipos; Tipos na web; @font-face; Formatos de fontes.

Imagem e áudio: Imagem: um idioma universal; O diretor de arte: o intérprete do indizível; O software é apenas uma ferramenta; Fotografia ou ilustração?; Técnicas manuais e digitais; A imagem em movimento; Análise da qualidade do arquivo digital: formatos e critérios; A importância do áudio na mídia digital; Sinc e a qualidade da trilha; Softwares e arquivos de áudio.

Interfaces e Layout: Interface e layout: conceitos e composição; Arquitetura de informação e usabilidade; Interface social; Técnicas de layout; Grids e sentido da leitura; Wireframe; Softwares e plataformas; Front-end: HTML/ CSS/Javascript ;Formatos; Identidade visual nas mídias digitais; Manual de identidade visual; O portfólio; O portfólio de direção de arte para mídias digitais;

Cases: Estudo de cases de sucesso.

Livros, referências e vocabulário: Referências para você se aprimorar e continuar estudando aquilo que gosta, sempre.

Essa pesquisa foi feita através de um formulário online e divulgada nas listas de discussão AI, Desinterac, UX Recife, IHC e redes sociais da UPA São Paulo, obtendo 247 respostas válidas. Foram analisados fatores como perfil, formação, como trabalham, cargos e experiência, o que é feito no trabalho e salários.

A UPA São Paulo considera que a pesquisa ainda é beta, por não terem conseguido dar conta de analisar todos os dados e fazer todos os cruzamentos de informação da forma mais ideal. A proposta é que a pesquisa seja repetida anualmente, para ir aprimorando aos poucos e para poder comparar os resultados.

Abaixo, você pode ver os slides com toda a pesquisa. Espero que seja útil :)

Diferente dos posts “para designers” que faço aqui, hoje resolvi fazer um post “para clientes”. O diagrama que você vê abaixo foi compartilhado pelo pessoal do Ser Designer é, e mostra exatamente o que os clientes devem esperar ao combinar algumas de suas exigências mais comuns, como rápido, barato, bom, e as vezes até de graça.

Se você é um designer, repasse. Se você é um cliente, reflita ;)

Dos dias 27/02 a 01/03 aconteceu em Barcelona o Mobile World Congress, evento que traz as principais novidades para o setor de tecnologia mobile. Um dos principais destaques do evento foi a apresentação feita pela Telefónica Digital em parceria com a Mozilla, do projeto de uma plataforma mobile baseada em HTML5 e Linux, e estaria disponível ainda esse ano.

A plataforma – que seria uma alternativa aos sistemas iOS da Apple, Android do Google e Windows Phone da Microsoft – trará uma arquitetura baseada quase inteiramente na rede, com funcionalidades como chamadas, mensagens e jogos desenvolvidas com os recursos do HTML5 (e a gama de tecnologias que o cercam, como CSS3, Javascript e SVG), e sendo executadas através do Firefox.

Com isso, será possível baratear o custo dos smarthphones para classes emergentes, já que teremos uma plataforma muito mais leve e com qualidade, que poderá ser executada em dispositivos menos potentes. Também será possível submeter o sistema a uma padronização aberta pela W3C, e abrir novas oportunidades para desenvolvedores de aplicativos, além de impulsionar o HTML5 como um padrão multi-plataforma.

Cada serviço será construido como um aplicativo HTML5

Para saber mais sobre o projeto, acesse Telefónica and Mozilla pioneer first Open Web Devices.

Um dos fatores que mais atraem os usuários nos computadores da Apple sem dúvida é a interface gráfica do seu sistema operacional Mac OS, que une beleza e refinamento em cada detalhe de interação. Muito desses elementos de interface do Mac OS servem como inspiração para muitos designers criarem ícones, layouts e interfaces para sites na web.

Agora, e se pudéssemos ter toda a interface do Mac OS em uma página da web? Foi justamente essa ideia que teve o web designer e front-end developer italiano Alessio Atzeni, que está fazendo um trabalho progressivo de reproduzir essa interface utilizando para isso todos os novos recursos do CSS3, além do HTML5 e da biblioteca jQuery UI Draggable.

Para conferir o projeto, acesse a página Mac OS X Lion with CSS3. Alessio promete atualizações constantes no projeto, para adicionar novas funcionalidades e por a prova as possibilidades e limitações do CSS3. Por isso, pode ser que acessando a página daqui a um mês você encontre outras novidades além do que verá agora. Vamos acompanhar :)

Dificilmente alguém nunca jogou Super Mario World ao menos uma vez na vida. E conhecendo minimamente o jogo, é fácil perceber que ele é composto por vários níveis, onde cada um deles possui vários estágios. Mas você já reparou que, de acordo com a narrativa, a trilha sonora sofre alterações que se adequam a cada situação, modificando o tema principal?

Todas essas observações estão no trabalho feito em 2010 por Alan Tonello, Amanda Becca e Larissa Cavalcanti para a cadeira Música e Trilha Sonora do curso de Cinema da UFPE, onde foi feita a análise de como toda a trilha sonora é modificada ao longo dos estágios para que estes sejam caracterizados, fazendo referência a diferentes ritmos musicais, e até mesmo se assemelhando a trilhas famosas do cinema.

Se você é fã do jogo ou de música, ou apenas um curioso, vai gostar do vídeo abaixo :)

Um pouco de como funciona esse processo pode ser visto no livro Prototyping Interfaces – Interactive Sketches with VVVV, que abrange dentro das suas 280 páginas a manipulação aplicada de esboços interativos com a linguagem de programação visual VVVV. Ele é dividido em dois grandes capítulos, sendo o primeiro com informações teóricas e o outro trazendo a parte prática.

Na parte prática do livro são abordados os fundamentos da linguagem de programação visual VVVV, e como controlar diferentes componentes eletrônicos com Arduino e a linguagem. A partir da utilização de diferentes sensores e atuadores nas modernas tecnologias de rastreamento, como o xBox Kinect, diferentes exemplos são explicados dentro de uma ampla gama de tutoriais.

O livro foi desenvolvido no período de inverno 2011/2012 na Universidade de Ciências Aplicadas de Schwäbisch Gmünd na Alemanha, como tese de licenciatura de Jan Barth, Roman Stefan Grasy, Mark Lukas e Markus Lorenz Schilling, e é direcionado a estudantes de design, designers de interação e artistas multimídia.

Para mais informações acesse vvvv.org ou envie um e-mail para hello@prototypinginterfaces.com.