Design E LuteriaProcessos Projetuais

DESIGN DIGITAL - MA4UNIVERSIDADE ANHEMBI MORUMBI

EUGENIA TAMER LANGENJULIANA SANTOS DE PAULA

LUÍS GUSTAVO PIZZISIMONE MONTAGNANI DE SOUSA

Ba-51

F

radius = 16.8 mmdecay = 83.7%segments = 11

a-106

A

CO

a-58

a-10636º

ED a-50

OC

O C

ÍndiceConceito de Criação ...................................................................... 5

Conceito de Sonorização ................................................................ 5

Perfi l do Usuário ........................................................................... 6

Tipografi a .................................................................................... 7

Iconografi a .................................................................................. 8

Paleta de Cores .......................................................................... 10

Processos e Linguagens Tecnológicas............................................. 10

Mapa de Informação ................................................................... 11

Topologia de Navegação .............................................................. 11

Website: Layout ......................................................................... 12

Website: Wireframe .................................................................... 13

Dispositivo Móvel: Layout ............................................................ 14

Dispositivo Móvel: Storyboard ...................................................... 15

Dados do Grupo ......................................................................... 16

OC

4

O C

5

Conceito de SonorizaçãoMinimalista¹, constituído de sonorização sonoplástica imitando os barulhos da interação real com os objetos (papel, madeira, escrita, etc), bem como sons do instrumento, esporadicamente, e (talvez) trechos de músicas de estilos variados (Clássica, Jazz, Country) que envolvam o instrumento violino.

¹ • adjetivo e substantivo de dois gênerospartidário do minimalismo • substantivo masculinotendência para simplificação e redução dos elementos constítutivos de (algo); princípio de reduzir ao mínimo o emprego de elementos ou recursos

Conceito de CriaçãoDado o tema Design e Artesanato: Instrumentos musicais e, tendo em vista o objetivo fi nal de produzir um website autoral de caráter documental, optou-se por criar o site discutindo o papel do projeto na atividade do design e da luteria. Uma comparação entre os processos de construção nas respectivas áreas deverá estar presente. O ambiente foi idealizado com um fundo a contrastar com a área principal do site que será branca, remetendo às plantas e rascunhos em um projeto.No vídeo promocional para dispositivo móvel, a câmera acompanha o traçado de uma linha. Intercalando fi lmagens, com animação em fl ash e efeitos, o vídeo termina com o desenho da identidade visual (capa deste pdp), convidando o usuário a visitar o website.

OC

6

Perfil do Público AlvoDesigners e curiosos, interessados nas constantes discussões a respeito dos temas de projeto e metodologia. •Demográfi cos: Brasileiros ≈Faixa etária: Maiores de 15 anos ≈Gênero: Ambos ≈Escolaridade: Alfabetizados ≈Área de atuação ou interesse: Design (luteria também em um caráter secundário) •Psicográfi cos - Estilo de vida digital, envolvidos academicamente ou como hobby nas questões de processo projetual •Geográfi cos: Concentrado nos grandes centros brasileiros onde as atividades em design são prolífi cas

O C

7

TipografiaFoi escolhida a tipografi a Verdana para os textos corridos no site, em função da sua disponibilidade nos diversos sistemas operacionais. Para os títulos foi escolhida a Andrew Script, manuscrita, para ser associada às letras presentes nos projetos e rascunhos.

VerdanaABCDEFGHIJKLMNOPQRSTUVXYZ

abcdefghijklmnopqrstuvxyz1234567890

Andrew ScriptABCDEFGHIJKLMNOPQRSTUVXYZ

abcdefghijklmnopqrstuvxyz1234567890

OC

8

Levantamento Iconográfico

http://www.atelierlabussiere.com/planta.htm

Plantas de violinos incluindo medidas de instrumentos antigos, feitos pelos grandes mestres (Del Gesù, Stradivari, Amati, etc), com detalhes de construção, como o desenho do instrumento em escala real, espessura em diversos pontos dos tampos e curvaturas. Desenho de linha característico, considerado no layout do site.

O C

9

Levantamento Iconográfico

http://blog.nebrwesleyan.edu/fi les/Home_Page.gifhttp://www.strangesystems.net/archives/000005.php

http://personavirtual.wordpress.com/2008/04/28/wireframe-na-mao-nos-testamos-e-gostamos/

Wireframes de alguns sites utilizados na concepção do layout do site. Foram acrescidos das medidas que fi guram nas plantas do instrumento.

OC

10

Paleta de CoresBaseada no caráter projetual das atividades, consiste de preto e branco, bem como graduações de cinza: cores presentes em plantas e projetos. Visto que é exibido em monitor (fonte de luz), não pode ser completamente branco, adiciona-se o marrom, como contraste, exaltando o conteúdo. A textura de madeira relaciona também com a madeira trabalhada pelo luthie.

Processos e Linguagens TecnológicasPROCESSOS: Videografi a, fotografi a, escaneamento, editoração, edição de som, captura de som.LINGUAGENS UTILIZADAS: HTML, CSS, javascript, actionscript. SOFTWARES: Adobe Illustrator, Adobe Audition, Adobe Dreamweaver, Adobe Flash, Adobe InDesign, Adobe Photoshop, Adobe SoundBooth, Adobe Reader, Sony Soundforge, Final Cut.

O C

11

Mapa de Informação

Topologia de NavegaçãoHome

Design

Violino

Projetos

Extras

Quem Somos

INTERLIGAÇÃO TOTAL

Navegação foi idealizada com interligação total, pois é um site relativamente pequeno, e fácil de se localizar.O usuário pode se deslocar entre os nós disponíveis sem necessidade de retornar sempre a uma página principal. A navegação fi ca mais ágil.

Home

Design Projetos Violino Extras Quem Somos

História Ramos

IntersecçãoHistória Metodologias

História Anatomia(infográfico)

Fabricação(vídeo)

RingtonesLinks Vídeos

Grupo Contato Blog

OC

12

Layout do Site

LAYOUT DA PÁGINA PRINCIPAL (HOME)Cabeçalho e conteúdo integrados, com chamadas para as diversas áreas.Impressão de papel milimetrado sobre mesa de madeira.

LAYOUT DE PÁGINA DE CONTEÚDO

Cabeçalho e conteúdo integrados. Dois terços da largura ocupados com o conteúdo, e um terço com chamadas para as diversas áreas.

O C

13

Wireframe do Site

O WIREFRAME DA HOME

Seguindo a extrutura principal do site, mas ocupando a área de conteúdo com chamadas fi xas para as diversas partes do site, bem como um banner dinâmico em fl ash.

O WIREFRAME DA ÁREAS DE CONTEÚDO

Mantendo o cabeçalho e o rodapé, e em uma extrutura de duas colunas, onde uma coluna será o conteúdo da página aberta e em outra chamadas para outras paginas do site.

OC

14

Layout da peça para Dispositivo MóvelPeça digital para dispositivo móvel, inicia com uma tela em branco. A seguida entra uma mão e começa a traçar uma linha. Em princípio a identidade visual a ser mantida ao longo do vídeo é a predominância de área em branco na tela.Há um jogo de zoom para mudar o conteúdo. Zoom na linha, e a câmera acompanha a mesma, quando se tem novamente a panorâmica,

percebe-se que agora o conteúdo é a tela de um computador: um software de vetorização. É importante notar a presença do cursor do mouse (a ser posicionado cuidadosamente).Novamente usando o jogo de zoom, muda-se para vídeo da planta de um violino. Aonde, com auxílio da pós-produção vai se transformar no instrumento em si. Mantêem-se esse jogo, entre os vetores, e a linguagem em vídeo.Zoom na caixa de cravelhas, então o traçado dos contornos da mesma, que por fi m, novamente na panorâmica, se revela o signo de identidade presente na capa deste, e também no website.

O C

15

Storyboard da peça para Dispositivo Móvel

OC

16

Dados DUniversidade An

Design MA20

http://processosp

Eugenia Tamer Langen

Juliana Santos de Paula

O C

17

Do Gruponhembi Morumbi

DigitalA409

pdl.blogspot.com/

Luís Gustavo Pizzi

Simone Montagnani de Sousa

Design E LuteriaProcessos Projetuais

DESIGN DIGITAL - MA4UNIVERSIDADE ANHEMBI MORUMBI

EUGENIA TAMER LANGENJULIANA SANTOS DE PAULA

LUÍS GUSTAVO PIZZISIMONE MONTAGNANI DE SOUSA

Ba-51

F

radius = 16.8 mmdecay = 83.7%segments = 11

a-106

A

C O

a-58

a-10636º

EDa-50