Pré-Projeto de um site

14
PONTIFÍCIA UNIVERSIDADE CATÓLICA DE SÃO PAULO CAMPUS MARQUÊS DE PARANAGUÁ Departamento de Ciências da Computação Tecnologia e Mídias Digitais 2º Semestre / 2010 ARTE E DESIGN ARTE E DESIGN NOS GAMES Trabalho Integrado Gabriela de Sá Teles Freitas RA 00062791

description

Roteiro do site. Trabalho integrado 2º semestra. Tema: Arte e Design. Subtema escolhido: Arte, Design e Games.

Transcript of Pré-Projeto de um site

Page 1: Pré-Projeto de um site

PONTIFÍCIA UNIVERSIDADE CATÓLICA DE SÃO PAULO

CAMPUS MARQUÊS DE PARANAGUÁ

Departamento de Ciências da Computação

Tecnologia e Mídias Digitais

2º Semestre / 2010

ARTE E DESIGN

ARTE E DESIGN NOS GAMES

Trabalho Integrado

Gabriela de Sá Teles Freitas RA 00062791

Page 2: Pré-Projeto de um site

PONTIFÍCIA UNIVERSIDADE CATÓLICA DE SÃO PAULO

CAMPUS MARQUÊS DE PARANAGUÁ

Departamento de Ciências da Computação

Tecnologia e Mídias Digitais

2º Semestre / 2010

ARTE E DESIGN

ARTE E DESIGN NOS GAMES

Memorial descritivo e analítico da elaboração do website que será o trabalho acadêmico multi-disciplinar dos alunos do 2º semestre do bacharelado em Tecnologia e Mídias Digitais da PUC-SP, tema geral: “Arte & Design”.

Trabalho Integrado

Gabriela de Sá Teles Freitas RA 00062791

Page 3: Pré-Projeto de um site

RESUMO

Esse pré-projeto mostrará como será abordado a questão “arte e design”

nos jogos digitais, mais conhecidos como games. Para isso será abordado três questões

no nível mais superficial: como a arte e o design estão presentes nos games, como os

games podem ser vistos como expressão de arte e de design, e como os games

influênciam a arte e o design.

PALAVRAS-CHAVE

arte – design – games.

Page 4: Pré-Projeto de um site

Sumário:

1. Introdução..................................................................................................5

2. Desenvolvimento.......................................................................................7

2.1. Tema e metodologia...............................................................................7

2.2. Disciplinas..............................................................................................9

2.3. Etapas...................................................................................................10

2.4. Avaliação do trabalho desenvolvido....................................................10

2.5. Quanto ao website................................................................................10

3. Conclusão................................................................................................11

Bibliografia..................................................................................................12

Fluxograma..................................................................................................13

Wireframe....................................................................................................13

Page 5: Pré-Projeto de um site

1. Introdução.

O tema escolhido pelos professores do curso para o trabalho integrado foi

“arte e design”. Esse tema permite vários tipos de abordagem. Esse trabalho terá

como foco os games – jogos digitais – e, para tanto, tratará, primeiramente, de

três pontos diferentes:

– como a arte e o design se expressam nos games;

– como os games influenciam a arte e o design e

– como os games podem ser vistos como expressão artística e de design.

A primeira parte do trabalho terá seu conteúdo teórico melhor

desenvolvido em comparação as outras, e foi subdividida em:

– apresentação do que é o design e a arte – uma apresentação teórica,

pois esses conceitos permitem interpretações que divergem do ponto de vista

usado, além disso, o grande problema nos designer brasileiros é a falta de teoria

para apoiar a técnica utilizada;

– relação teórica entre design e semiótica;

– análise de alguns banners de propaganda de games ou da concept art

deles com base na semiologia e na teoria do design, o que inclui tipografia e

cores – essa parte seria uma aplicação prática do item anterior com base nos

games, sendo que os banners e games ainda não foram escolhidos /

selecionados.

– evolução da arte gráfica dos games.

A segunda parte do trabalho será abordado em um só tópico – o que trata

sobre Gamearte. Considerei que “gamearte é qualquer arte na qual games

digitais desempenharam algum papel significante na criação, produção, e/ou

exibição do trabalho. E a arte resultante pode existir como um game, uma

pintura, uma foto, som, animação, vídeo, performance ou instalação”1. Haverá

uma pequena explicação teórica, tendo como base a arte pop e três exemplos: as

animações feitas por Guillaume Reymond para o projeto “Game Over”; os

quadrinhos da série “Scott Pilgrem” criada por Bryan Lee O'Malley; e os

desenhos do artista conceitual Manuel Augusto dos personagens da série de

games do “Street Fighter” como zumbis. Os três exemplos serão dados apenas

1 LAURENTIZ, Silvia. Game Art. Postado em 18/02/2009. Acessado em 30/09/2010. Site “Enciclopédia Itaú Cultural – arte e tecnologia”. In: < http://tinyurl.com/347fept >

Page 6: Pré-Projeto de um site

com duas imagens para cada um, uma da game art e uma de algum game que usa

o elemento reproduzido ou do game que foi fonte de inspiração para tal arte, e

uma pequena legenda indicando o ponto em comum.

Por último, o terceiro tópico do projeto foi dividido em dois subtópicos:

– games como expressão artística – a discussão sobre se o game pode ou

não ser considerado arte, a qual chamou minha atenção esse ano, com base no

artigo de Robert Ebert, intitulado “Videogame nunca será arte” e nas opiniões

dos designers de games, vários críticos, jornalistas, acadêmicos e historiadores

que foram entrevistados pela revista Galileu, em 09/2010, para responder a

pergunta “Videogame pode ser arte?”. A conclusão será feita à luz do que

consideramos arte anteriormente – que a arte é uma criação humana que visa

sintetizar a história, os sentimentos, as emoções e a cultura humana, usando

como base valores estéticos –, com diversas imagens.

– advergames – a explicação sobre o que é um advergame e como ele e o

design impresso de banners tem a mesma função: ambos querem passar uma

mensagem para um certo público de maneira visualmente agradável. Esse item

em específico terá mais exemplos do que teoria.

Os procedimentos de pesquisa incluem: livros, dissertações de mestrado,

monografias, artigos, vídeos, websites e, principalmente, as aulas de Design de

Interface Digital, Introdução à Tecnologia e Estética e Teoria dos Códigos,

Símbolos e Sinais, ministradas pelos professores Alexandre Braga, Priscila

Arantes e Marcus Bastos, respectivamente.

Page 7: Pré-Projeto de um site

2. Desenvolvimento.

2.1. Tema e metodologia.

O tema do site foi escolhido pelos professores do curso em uma reunião e

divulgado aos alunos durante o mês de setembro. Decidiu-se abordar o tema no quesito

dos games apenas por essa ser a área a ser seguida profissionalmente por mim, após a

gradução, tanto que o conteúdo foi pensado para servir como portifólio depois de

pronto. O conteúdo será completo, conciso, com mais teoria do que exemplos – já que a

teoria é o fator mais precário nos designers, ela será valorizada, mas não de forma

maçante, e haverá muitas imagens – uma vez que o tema é “arte e design”.

Anexo 1 – Fluxograma nº 1 do conteúdo do site.

Page 8: Pré-Projeto de um site

Anexo 2 – Fluxograma nº 2 do conteúdo do site.

Anexo 3 – Tópicos dos conteúdos que servirão de base para o conteúdo do site.

Page 9: Pré-Projeto de um site

2.2. Disciplinas.

Disciplina Professor Como a matéria será abordada no trabalho

Sistemas Hipermídia David Lemes Essa disciplina cuidará da elaboração do roteiro, da organização do conteúdo e da coordenação do projeto. Os princípios de imersãoserão usados quando for tratado a arte nos games.

Introdução a Tecnologia e Estética

Priscila Arantes Acompanhamento do desenvolvimento da parteconceitual do projeto. A matéria estudada nessas aulas é a base da história da arte, que será usada para explicar o design – história e conceitos – e a própria arte.

Design de Interface Digital Alexandre Braga Tanto a parte teórica do design quanto a análise de banners fará uso do que for aprendido nessa matéria.

Aplicativos para Animação Digital

Eliseu Lopes Será feito uma animaçãode um minuto sobre esse tema. Roteiro e projeto será entregue ao professor.

Mídias Digitais Aplicadas à Educação

Sônia Allegretti A definir com a professora.

Teoria dos Códigos, Símbolos e Sinais

Marcus Vinícius Bastos Análise dos banners e teoria do design também serão abordados do ponto de vista da semiótica – teoria e prática –, conforme as aulas.

Redação Vanda Elias Revisão da escrita. Síntese das descrições (x é y) como título ou subtítulo antes das descrições, que serão feitas conforme trabalhamos em aula.

Introdução ao Pensamento Teológico

Jozimas Não será abordada no projeto por decisão dos professores.

Programação de Web Maurício Pontuschka Também não será abordada no projeto por decisão dos professores.

Redes Computadores e internet

Eduardo Savino Também não será abordada no projeto.

Page 10: Pré-Projeto de um site

2.3. Etapas.

Nº Etapa Status1 Pesquisa, seleção do subtema, decisão do foco do conteúdo. Concluído2 Montagem do pré-projeto – para orientação e coordenação. Concluído3 Monografia escrita para desenvolvimento do tema, checando, assim,

sua viabilidade. Em andamento

4 Roteiro, concept art, storyboard, selecionar o som da animação. Concluído5 Animação Para fazer6 Selecionar e resumir conteúdo do site. Para fazer7 Arquitetura de informação, usabilidade e navegabilidade. Para fazer8 Construção do layout. Para fazer9 Montagem do site. Para fazer10 Hospedagem do site. Para fazer

2.4. Avaliação do trabalho desenvolvido.

Conceitos trabalhados – como a arte influênciou o design, por consequência

a história da arte também, o que é o design, qual a função do design, diferenças entre

arte e design, o que é semiologia, segundo Peirce, e como ela afeta o design, teoria das

cores, tipografia; imersão; gameart; game como arte; o que é um advergame e qual a sua

função.

Recursos semióticos utilizados – textos teóricos, textos descritivos, imagens,

vídeos e animações.

Avanços – o material teórico/bibliográfico foi lido, separado e selecionado;

um rascunho escrito (como uma monografia) está sendo desenvolvida – a parte teórica

foi escrita, faltando apenas fazer as análises –, ajudando, assim, a desenvolver as idéias

e conceitos absorvidos durante a pesquisa.

Desafios – os desafios estão mais presentes no projeto em si do que na

pesquisa: a parte de uma disciplina não foi, ainda, decidida pelo professor, atrasando

assim o desenvolvimento do conteúdo, que pode ser posto no final, ficando desconexo

com o restante do conteúdo do site; algumas bases teóricas ainda não foram dadas em

aula para a análise – parte que ia ficar em destaque – poder ser feita.

2.5. Quanto ao website.

Vale ressaltar que o conteúdo do website será abordado de forma simples e

resumida: após a pesquisa e montagem de um rascunho escrito com os conteúdos

propostos, será feita uma revisão e um resumo dos pontos mais importantes, dando

sempre uma valorização no uso das imagens.

Page 11: Pré-Projeto de um site

3. Conclusão.

Em síntese, o website terá uma grande base teórica, mas escrita de forma

simples e resumida, com valorização de imagens. Ele abordará três pontos diferentes do

tema “arte e design” no âmbito dos games: como a arte e o design se expressam nos

games; como os games influenciam a arte e o design; e como os games podem ser vistos

como expressão artística e de design.

Mas essa é só a proposta inicial, uma vez que, à luz da discussão feita no

desenvolvimento desse trabalho, surgiu a preocupação dos pontos discutidos ficarem

desconexos e de haver um excesso de conteúdo no site. Para tanto, após a conclusão das

pesquisas, sob orientação do professor responsável pela coordenação de conteúdo do

site, propõe-se que haja a seleção de um dos três pontos escolhidos para ser trabalhado

no website, mas mantendo a estrutura inicial do site: com uma teoria base resumida e

escrita de forma simples, com uma galeria de imagens.

Page 12: Pré-Projeto de um site

Bibliografia.

HUIZINGA, Johan. Homo Ludens: o jogo como elemento da cultura. São Paulo:

Perspectiva, 1971.

POLTRONIERI, Fabrizio Augusto. Arte e jogos eletrônicos: uma introdução ao

conceito de estética aplicado ao jogar digital. Publicado em 17/09/2009. Acessado em

29/09/2010. In: < http://www.ufscar.br/rua/site/?p=2308 >

BAER, Ralph. Genesis: How the Home Video Games Industry Began. Acessado em

28/08/2010. In: < http://www.ralphbaer.com/how_video_games.htm >

VAN AMSTEL, Frederick. Afinal, o que é semiótica?. Publicado em 04/05/2005.

Acessado em 28/09/2010. In: < http://tinyurl.com/yekkkew >

VAN AMSTEL, Frederick. Semiótica e Arquitetura da Informação. Publicado em

09/09/2005. Acessado em 28/09/2010. In: < http://tinyurl.com/26pav6h >

GUERRA, Ana; PORTELA, Jéssica; RIBEIRO, Rui. Semiologia no Design. Publicado

em 01/06/2008. Acessado em 01/10/2010. In: < http://tinyurl.com/26jas4s >

PAZ, Hélio Sassen. Afinal de contas, o que é design?. Publicado em 27/08/2002.

Acessado em 27/09/2010. In: < http://tinyurl.com/2ezgua7 >

ELIMELIAH, Craig A. art Vs. design. Publicado em 13/01/2006. Acessado em

27/09/2010. In: < http://www.aiga.org/content.cfm/art-vs-design >

BRADY, Michael. Art and Design: What’s the Big Difference?. Critique Magazine,

1998. In: < http://www.unc.edu/~jbrady/Essays/Art_Design.html >. Acessado em

27/09/2010.

Site “Webdesigner Depot”. The Difference Between Art and Design. Publicado em

21/09/2009. Acessado em 27/09/2010. In: < http://tinyurl.com/2ewjlqf >

Site “SpineR:) – Portal para jovens”. O que é arte?. In < http://tinyurl.com/2fv2xno >

Acessado em 27/09/2010.

Site oficial da “Escola de Design UNISINOS”. O que é design?. Acessado em

27/10/2010. In: < http://www.unisinos.br/oqueedesign/blog.php >

LAURENTIZ, Silvia. Game Art. Postado em 18/02/2009. Acessado em 30/09/2010.

Site “Enciclopédia Itaú Cultural – arte e tecnologia”. In: < http://tinyurl.com/347fept >

Site oficial da “Webcore Games”. Advergames: o que são?. Acessado em 30/09/2010.

In: < http://www.webcoregames.com.br/advergames.html >

MURPHY, Samantha. Videogame pode ser arte?. Postado em 21/09/2010, no site da

Revista Galileu. Acessado em 21/09/2010. In: < http://tinyurl.com/34r6txc >

Page 13: Pré-Projeto de um site

Fluxograma

Wireframe

Page 14: Pré-Projeto de um site

PONTIFÍCIA UNIVERSIDADE CATÓLICA DE SÃO PAULO

CAMPUS MARQUÊS DE PARANAGUÁ

Departamento de Ciências da Computação

Tecnologia e Mídias Digitais

2º Semestre / 2010

ARTE E DESIGN

ARTE E DESIGN NOS GAMES

Trabalho Integrado

Gabriela de Sá Teles Freitas RA 00062791