Page 1

F a-106 radius = 16.8 mm decay = 83.7% segments = 11

DESIGN DIGITAL - MA4 UNIVERSIDADE ANHEMBI MORUMBI

a-51

A

B

O

E

C

a-58 36ยบ

D

a-50

a-106

EUGENIA TAMER LANGEN JULIANA SANTOS DE PAULA LUรS GUSTAVO PIZZI SIMONE MONTAGNANI DE SOUSA

Design E Luteria Processos Projetuais


C

O


O

C

Índice Conceito de Criação ...................................................................... 5 Conceito de Sonorização................................................................ 5 Perfil do Usuário ........................................................................... 6 Tipografia .................................................................................... 7 Iconografia .................................................................................. 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


C

4

O


O

C

Conceito de Criação Dado o tema Design e Artesanato: Instrumentos musicais e, tendo em vista o objetivo final 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 filmagens, com animação em flash e efeitos, o vídeo termina com o desenho da identidade visual (capa deste pdp), convidando o usuário a visitar o website.

Conceito de Sonorização Minimalista¹, 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êneros partidário do minimalismo • substantivo masculino tendê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

5


O

C

Perfil do Público Alvo Designers e curiosos, interessados nas constantes discussões a respeito dos temas de projeto e metodologia. •Demográficos: 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áficos - Estilo de vida digital, envolvidos academicamente ou como hobby nas questões de processo projetual •Geográficos: Concentrado nos grandes centros brasileiros onde as atividades em design são prolíficas

6


O

C

Tipografia

Foi escolhida a tipografia 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.

Andrew Script ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890 Verdana ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890 7


O

C

Levantamento Iconográfico

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.

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

8


O

C

Levantamento IconogrĂĄfico 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 figuram nas plantas do instrumento.

http://www.strangesystems.net/archives/000005.php

http://blog.nebrwesleyan.edu/files/Home_Page.gif

9


O

C

Paleta de Cores Baseada 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ógicas PROCESSOS: Videografia, fotografia, 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.

10


O

C

Mapa de Informação Home

Projetos

Design

História

Ramos

História

Violino

História

Metodologias

Anatomia (infográfico)

Intersecção

Quem Somos

Extras

Fabricação (vídeo)

Links

Ringtones

Grupo

Contato

Blog

Vídeos

Topologia de Navegação Home

Design

Projetos

Violino

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 fica mais ágil. 11


O

C

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.

12


O

C

Wireframe do Site O

WIREFRAME DA

HOME

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

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.

13


C

O

Layout da peça para Dispositivo Móvel

Peç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 fim, novamente na panorâmica, se revela o signo de identidade presente na capa deste, e também no website. 14


O

C

Storyboard da pe莽a para Dispositivo M贸vel

15


C

O

Dados D

Universidade An Design

MA

20

http://processosp

Eugenia Tamer Langen

Juliana Santos de Paula 16


O

C

Do Grupo

nhembi Morumbi Digital

A4 09

pdl.blogspot.com/

Simone Montagnani de Sousa

LuĂ­s Gustavo Pizzi 17


F 601-a 4AM - LATIGID NGISED IBMUROM IBMEHNA EDADISREVINU

15-a

A

B

O

C

05-a

mm 8.61 = suidar %7.38 = yaced 11 = stnemges

D

85-a ยบ63 601-a

NEGNAL REMAT AINEGUE ALUAP ED SOTNAS ANAILUJ IZZIP OVATSUG SรUL ASUOS ED INANGATNOM ENOMIS

airetuL E ngiseD siautejorP sossecorP

E

Proposta de Desenvolvimento Projetual  

O arquivo definitivo.

Read more
Read more
Similar to
Popular now
Just for you