design Digital ma4 - Anhembi Morumbi-2009
integrantes do grupo: André Ávila Lobo Bruna Cremm Rotger de Oliveira Caio Victor Bemfica Martins Lucas Balanin Almeida Mello Luis Guilherme Alves Marcílio Rodrigo da Costa Tamires Albamonte design Digital ma4 - Anhembi Morumbi-2009
4
Conceito de Criação O objetivo do site é apresentar ao seu usuário uma discussão entre o artesanato e o design; no que se refere ao campo da ergonomia. Para que esse objetivo seja devidamente alcançado o trabalho ira propor uma interação entre os vídeos nele apresentados, tal como se houvesse uma conversa entre o profissional designer e o profissional Luthier, de modo que seus pontos de vista sobre a ergonomia e os processos de trabalho gerais de cada um fossem comparados um com o outro. Além dos vídeos textos também irão contribuir para tal discussão. Ou seja, o site desenvolvido terá como objetivo apresentar os conceitos de design e artesanato, explorando mais a fundo o campo da ergonomia e se utilizando principalmente da linguagem textual e de vídeo para tanto. 5
Iconografia foto Luthier de instrumentos de corda Zé Pereira se especializa em confeccionar violas caipira. 6
A ergonomia na inovação e na tradição Iconografia Na foto da esquerda, o ambiente de trabalho do Luthier Zé Pereir a. Na foto a direita, uma armação de uma viola caipira ergonômica. 7
Iconografia iphone Formas arredondadas remetendo o conceito de sofisticação.. Fibra de carbono, pois nos remete a um material que é o oposto da madeira 8
Paleta de Cores R:155 G:134 B:78 R:255 G:255 B:255 R:150 G:68 B:28 R:54 G:35 B:15 R:233 G:219 B:184 R:00 G:00 B:004 Elegemos cores que pudessem ambientar o usuário na discussão proposta. Para tanto escolhemos as cores aqui apresentadas. Essas cores terrosas nos remetem a algo manual, artesanal, enquanto que o branco e o preto à tecnologia. 9
Tipografia Kuat Condensed (destaques) AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz Kuat Regular (Textos Curtos) AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz Calibri (Texto Corrido) AaBbcCDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz Optamos por fontes sem serifas, com formas mais arredondadas e curvilíneas. Para o corpo do texto seria necessária uma fonte que não cansasse a leitura do usuário, portanto elegemos uma fonte que possui grande legibilidade: a fonte Calibri, criada por Lucas de Groot para a Microsoft. Para outras áreas (título e menu), utilizaremos uma fonte mais jovial, que chama a atenção do leitor.usaremos a fonte Kuat, criada por Leonardo Eyer. 10
Design de informação Diagrama de navegação 11
Design de informação Mapa do site O sistema de interação do site se dará pelos seguintes elementos: Videos Músicas pela playlist Slide em flash Dois infográficos: - Um infográfico traçando por meio de um scroll interativo, a linha do tempo da ergonomia no decorrer da história. - Um infográfico colocando de forma prática as diferenças de processo de produção entre o Luthier e o Designer. 12
A ergonomia na inovação e na tradição Proposta de interface HOME ERGONOMIA DESIGN LUTHIERIA A COMPARAÇÃO Titulo do site Slide em Flash About Descritivo do Som/Musica Player do Som/Música Descritivo do Som/Musica Player do Som/Música Descritivo do Som/Musica Player do Som/Música Descritivo do Som/Musica Player do Som/Música Descritivo do video Vídeo wallpappers rodapé 13
A ergonomia na inovação e na tradição Proposta de interface HOME ERGONOMIA DESIGN LUTHIERIA A COMPARAÇÃO Titulo do site Slide em Flash About Descritivo de video Player do Som/Música Descritivo de video Descritivo de video Player do Som/Música Descritivo de video Player do Som/Música Descritivo de video Player do Som/Música Video Video Rodapé 14
Conceito da peça Mobile Para a divulgação do site, criaremos uma vinheta para ser reproduzida em mobiles. Nesta vinheta, ao mesmo tempo em que apresentamos o Designer e o Luthier, mostraremos também as opiniões conflitantes que cada um possui sobre o assunto discutido (design, artesanato e ergonomia). 15
Tecnologias e Processos Para a captura áudio visual, e registro de informações, nos utilizaremos dos recursos da fotografia videografia e da sonoplastia. Utilizaremos uma câmera fotográfica Nikon D60; duas filmadoras, uma Sony Handycam DCR-HC48 e uma Panasonic Mini- DV CCD e para a captação de audio utilizaremos da plataforma pro-tools por meio de microfones direcionais fazendo a gravação da voz do entrevistador e entrevistados e o som dos instrumentos confeccionados pelos Luthiers. O programa Adobe Photoshop Cs4 e Adode Illustrator Cs4 serão utilizados para a edição e tratamento de imagens. 16
Tecnologias e Processos A montagem das vinhetas será feita com After Effects Cs4, a edição de audio será feita no Pro-tools,e a de vídeo no Adobe Premiere, After Effects e Final Cut Pro. O layout do site será feito inicialmente no Adobe Fireworks Cs4 e posteriormente passado para as linguagens HTML e CSS, fazendo assim uso do Adobe Dreamwever Cs4 e Notepad ++, alguns recursos do Flash Cs4 serão utilizados( e action Script 2.0) e Javascript. A edição de todos os sons (vinheta, site, vídeos e entrevistas) serão feitas com os programas Sony Soundforge 9 e Adobe Audition. 17
Elementos Sonoros Nosso projeto contará com elementos sonoros característicos da Viola caipira, que foi o instrumento que selecionamos no início do projeto e foi determinante para selecionarmos o nosso Luthier. É certo que a discussão do projeto está voltada à Ergonomia e não a viola caipira em si, portanto, tomamos como linha para o projeto de som, o uso da viola para criar todos os sons, não usando a viola apenas da maneira óbvia, ou seja, pelo vibrar das cordas, e sim, pelas batucadas na madeira de seu corpo, pelo bater da corda no traste; enfim, a viola caipira foi o ponto de partida para a delimitação do projeto, e agora entrará também cumprindo o seu papel existencial: Ser ouvida! Usaremos efeitos sonoros e player com playlist. Os efeitos sonoros serão utilizados nos seguintes locais: - Botões de avançar e retroceder do slide no topo No player adicionaremos músicas realizadas com Viola caipira pela sua ligação com o tema do projeto, mas o foco serão músicas que foram feitas utilizando-se das mais diversas adequações instrumentais para compô-la, como a percussão corporal, criando uma relação direta com o tema proposto que é a Ergonomia. 21 18