Design Cidade e Literatura proposta de desenvolvimento projetual
84
19 or g
ge e
or w
el l
2a capa
Índice Índice Conceito de criação.................................................................... 04 Público Alvo................................................................................... 05 Pesquisa Iconográfica.................................................................. 06 Paleta de cores............................................................................. 07 Tipografia....................................................................................... 08 Design de Informação................................................................. 09 Design de Navegação.................................................................. 11 Design de Interação.................................................................... 12 Design de Som............................................................................. 15 Peças de divulgação..................................................................... 16 Softwares utilizados.................................................................... 19
Conceito de Criação
19
84
A nossa proposta é criar um ambiente imersivo, em que o interator utilize do círculo com os dizeres do partido apresentado pelo livro 1984 para adentrar lugares da cidade de São Paulo que demonstrem a proximidade entre a realidade escrita no livro com a realidade da cidade. Escolhemos como temas a violência policial, a banalização do conhecimento e da cultura e a manipulação da sociedade para que, mesmo em condições de vida precárias, pensem que têm uma vida ótima, tudo graças ao governo. Decidimos relacionar estes temas com os três dizeres do partido apresentado pelo livro: “Guerra é paz”, “Ignorância é força” e “Liberdade é escravidão”. Utilizando de páginas interativas para chamar a atenção do interator à grande semelhança entre os temas apresentados, que são vividos diariamente em São Paulo, e estes dizeres. Utilizamos como linguagem visual os temas visuais notórios da escola bauhaus: Formas geométricas e simples, cores primárias, diagramação diferenciada.
Público Alvo Nosso público alvo está entre os interessados em obras literárias do gênero romances e ficção-cientifica, que pesquisem e se interessem em reality shows, informações sócio-políticaeconômicas. Obras literárias a distúrbios históricos contra os direitos humanos, temas futuristas. Pessoas de ambos os sexos, a partir de 16 anos e de todas as classes sociais, e com acesso a internet. O livro possui uma página no Facebook com mais de 1 milhão de curtidas. Na rede social “Skoob”, rede social voltada para fãs de leitura, ele é avaliado com 4,6 estrelas, publicado por 37 editoras, 1,9 mil curtidas, e mais de 30 mil marcações de leitura. Desses, 42% são homens e 58% são mulheres. O livro é exposto em pontos de venda (Livrarias, supermercados), sites de compras online (e-commerces como Submarino, Lojas Americanas, etc), e-books (Kobo, Kindle, etc). Observamos que o público alvo tem o hábito de realizar compras de livros pela internet, pelo preço mais acessível e o diferencial de poder receber o livro em casa. Tudo isso nos motivou a realizar este conjunto de peças digitais que ampliarão a visão do produto no mercado.
Pesquisa iconográfica
84
Peter Keler, Berço Bauhaus, 1922. O Berço Bauhaus, que na realidade é um portarevistas, serviu de referência na tipografia do trabalho. Tanto nas cores primárias como nas formas geométricas. Em um objeto só temos 3 formas e 3 cores: quadrado, triângulo, círculo; azul, vermelho e amarelo. Poster para a exibição de Bauhaus, 1923, por Joost Schmidt O pôster serviu como referência para o uso da tipografia em caixa alta, diagramados em grids geométricos, mescla de formas de cores primárias e toda a linguagem visual, com elementos inclinados.
19
Poster de Bauhaus, Julho de 1923. A imagem serviu de referência para a tipografia. Contém formas geométricas e todos os tipos escritos em caixa alta.
Paleta de cores A paleta de cores teve como referĂŞncia a da iconografia de Bauhaus, que enfatiza as cores primĂĄrias em um tom mais pastel, juntamente com as cores preta , bege e branco fosco.
R - 37 G - 64 B - 143 Hex: #23418E R - 224 G - 191 B - 155 Hex: #E0BF9B
R - 226 G - 197 B - 26 Hex: #E1C421
R-0 G-0 B-0 Hex: #000000
R - 182 G - 35 B - 37 Hex: #B62325 R - 232 G - 233 B - 232 Hex: #E8E9E8
Tipografia
19
84
Optamos pela utilização de uma tipografia fina e reta que fosse de fácil legibilidade. Com base no estilo tipográfico de Bauhaus, utilizamos apenas tipos caixa alta ou caixa baixa em uma mesma página. A fonte Bauhaus 93 é a fonte principal para títulos, e mantivemos a fonte Futura e Gill Sans como fontes auxiliares. Elas são recomendadas para textos corridos, com vários parágrafos, e o uso de cada uma é opcional, podendo alternar entre as duas.
Design de Informação A informação será exposta em páginas principais e internas, contendo animações, citações do livro, interação com redes sociais (twitter e facebook), fazendo com que haja imersão do usuário com o conteúdo proposto no livro com os tempos atuais da sociedade.Veja a seguir as interfaces do hotsite:
1-Home:
Ao entrar no site, o usuário visualizará uma pequena animação onde os elementos da home começam a se formar. Nele entram as palavras “Ignorância”, “Liberdade” e “Guerra”, que são links que levam às suas respectivas páginas internas. Ao passar o mouse em cada palavra, haverá uma animação onde o resto dos lemas do partido se completarão logo em seguida “Ignorância é poder” “Liberdade é escravidão” e “Guerra é paz”, respectivamente.
2 - Guerra é paz:
Ao entrar em “Guerra é paz”, haverá algumas peças desmontadas pela tela. Ao clicar em cada peça, elas vão entrando em seu lugar até finalmente completarem o desenho de uma arma. Ao clicar na arma montada, um texto “Arme suas tropas” sai da arma, e o usuário segue para a home novamente.
3 -Liberdade é escravidão:
Começará com a imagem de uma cidade com poucas casas, arvores, em um clima rural. Ao clicar na “Faça a cidade crescer”, haverá uma interação onde uma pequena fabrica aparecerá. As casas ao lado vão se juntando, as arvores vão sumindo. A cada clique a cidade vai crescendo, aparecendo fábricas maiores e prédios, as casas vão se juntando em um morro até virarem uma
comunidade. As árvores somem por completo até o final da animação. São quatro cliques no total, até chegar no resultado final, a cidade engolida pela fábrica e toda a sociedade marinalizada, as casas amontoadas.
4 - Ignorância é poder
Nessa página apresentaremos uma balança. Ela começa com um equilibrio, onde de um lado está o governo, e do outro, o povo. No rodapé da página, a frase “Alie-se ao partido”. Automaticamente, inicia-se uma animação onde o povo na balança começa a protestar, levantando bandeiras. A balança então pesa para o povo. Conforme o usuário clica na frase “Alie-se ao partido”, cada pessoa larga a bandeira e pula para o lado do governo. Gradativamente a balança vai ficando pesada para o lado do governo, até que não sobra mais ninguém. No final da animação, o usuário é redirecionado de volta para a home.
5 – Finalizando com propaganda do livro
19 8
4
Depois da última animação ter corrido, o usuário será redirecionado para a página final. Nela apresentaremos a biografia de George Orwell, links para compra do livro e para a home, redes sociais (Twitter, facebook, youtube), imagem do livro, preços, e alguns balões com comentários sobre o livro, desde pessoas influentes até simples leitores e admiradores do autor.
Design de Navegação Como o site é totalmente interativo, sem muito texto ou informação escrita, todas as interações são feitas por links de apenas uma ou mais palavras. Da home, temos links que direcionam o usuário a cada uma das páginas onde o usuário interagem com elas. Na home também tem um link direto para a página final com a venda do livro, para quem não estiver muito disposto a usufruir todas as interações.
Home
Ignorância é força
Guerra é paz
Venda e informações
Liberdade é escravidão
Design de Interação No aspecto interativo, guiaremos o usuário a escolher entre três núcleos apresentados na peça literária, para imergir uma página com animações relacionadas a cada tema. Essas animações são como interpretações visuais dos lemas do partido apresentado por George Orwell em seu livro. Nos três núcleos apresentaremos opção de retorno à home, e outro para avançar sentido a apresentação do livro, a página final com informações sobre o livro e o autor.
1. Home
IGNORÂNCIA
É FORÇA
É PAZ
ge w or
ÃO
D VI
or
ge
RA
C ES
LIB
É
ER D
AD
E
84
RA
ER
GU
19
19
84
Na página principal há uma animação de entrada onde os elementos da página entram gradativamente no espaço central. Dentro da diagramação dos elementos, há três palavras: Ignorância, Guerra e Liberdade. Ao passar o mouse em cima de cada uma, aparecerá em outro canto a continuação do lema, respectivamente: “é força”, “é paz” e “é escravidão”. Há também um link que levará direto para a última página do percurso, uma página destinada diretamente para informações sobre o autor e links para comprar. Cada palavra dos lemas levará a uma página com uma interpretação visual relativa a cada lema, conforme veremos a seguir.
l el
Home
2. Ignorância é Força
Nessa página temos a oportunidade ilustrar e ressaltar uma das máximas do livro. “A ignorância do povo é a força do estado”. Como uma metáfora, utilizamos uma balança. De um lado, há o governo, simbolizado com o Grande Irmão, uma figura maior e vermelha. Do outro, há a população. Ao entrar na página, automaticamente a população começa condensada e numerosa, todas protestando. A balança então pende para eles. Conforme o usuário clica na frase “Alie-se ao partido”, a população para de protestar e muda de lado para o lado do partido. Ao final, ninguém sobra do lado da população, todos do lado do partido. A balança então tende para o partido. Ao fim da animação, cai um menu ao lado direito com opções de voltar para a home, comprar o livro ou trocar de página.
3. Guerra é Paz
Um modo que encontramos de exemplificar o efeito da guerra iminente e incessante do livro, é com o uso de uma arma desmontada. O usuário, clicando no texto “Arme suas tropas”, vai montando gradativamente uma arma. Ao terminar de montar a arma, ela dispara. Então temos a opção de seguir para uma das outras páginas, comprar o livro ou voltar à home.
4. Liberdade é Escravidão
Seguindo o modelo de animação gradativa das outras páginas, nessa apresentaremos uma pequena cidade, com árvores e casas. Ao clicar na frase “Faça a cidade crescer”, a cidade condensa-se levemente, e no lugar liberado surge uma pequena fábrica. Conforme o usuário clica na frase, a fábrica vai ficando maior, e a cidade cada vez mais condensada. Essa nossa interpretação do lema do partido leva em conta o contexto atual de nossa sociedade. Orwell quis dizer que “É livre quem pensa com a cabeça do partido”. Essa interpretação hoje não seria muito realística. Em vez disso, utilizamos o aspecto da evolução da cidade sem levar em conta o ponto de vista do trabalhador. O ato de trabalhar hoje em dia é praticamente uma escravidão, que dá uma falsa sensação de liberdade. Mas se você não trabalhar, não terá dinheiro, nem liberdade. Tudo está condicionado ao dinheiro.
5. Página final (promoção do livro)
19 8
4
Além das páginas de animações, temos a página final, onde expomos a biografia de George Orwell, links para compra do livro, imagem da capa do livro. Ao lado direito, caem do topo da página balões com opiniões de leitores, fãs e críticas literárias. Links para mídias sociais (Facebook, twitter e youtube), e um link para voltar para a home. 1984 - george orwell “Escrita maravilhosa, desenvolvimento do enredo perfeito. Você não só se envolve na história, como também aprender a olhar o mundo com outros olhos.”
grande escritor do século xx Winston, herói de 1984, último romance de George Orwell, vive aprisionado na engrenagem totalitária de uma sociedade completamente dominada pelo Estado, onde tudo é feito coletivamente, mas cada qual vive sozinho. Ninguém escapa à vigilância do Grande Irmão, a mais famosa personificação literária de um poder cínico e cruel ao infinito, além de vazio de sentido histórico. De fato, a ideologia do Partido dominante em Oceânia não visa nada de coisa alguma para ninguém, no presente ou no futuro. O'Brien, hierarca do Partido, é quem explica a Winston que "só nos interessa o poder em si. Nem riqueza, nem luxo, nem vida longa, nem felicidade: só o poder pelo poder, poder puro". Quando foi publicada em 1949, poucos meses antes da morte do autor, essa assustadora distopia datada de forma arbitrária num futuro perigosamente próximo logo experimentaria um imenso sucesso de público. Seus principais ingredientes - um homem sozinho desafiando uma tremenda ditadura; sexo furtivo e libertador; horrores letais atraíram leitores de todas as idades, à esquerda e à direita do espectro político, com maior ou menor grau de instrução. À parte isso, a escrita translúcida de George Orwell, os personagens fortes, traçados a carvão por um vigoroso desenhista de personalidades, a trama seca e crua e o tom de sátira sombria garantiram a entrada precoce de 1984 no restrito panteão dos grandes clássicos modernos. Algumas das ideias centrais do livro dão muito o que pensar até hoje, como a contraditória Novafala imposta pelo Partido para renomear as coisas, as instituições e o próprio mundo, manipulando ao infinito a realidade. Afinal, quem não conhece hoje em dia "ministérios da defesa" dedicados a promover ataques bélicos a outros países, da mesma forma que, no livro de Orwell, o "Ministério do Amor" é o local onde Winston será submetido às mais bárbaras torturas nas mãos de seu suposto amigo O'Brien. Muitos leram 1984 como uma crítica devastadora aos belicosos totalitarismos nazifascistas da Europa, de cujos terríveis crimes o mundo ainda tentava se recuperar quando o livro veio a lume. Nos Estados Unidos, foi visto como uma fantasia de horror quase cômico voltada contra o comunismo da hoje extinta União Soviética, então sob o comando de Stálin e seu Partido único e inquestionável. No entanto, superando todas as conjunturas históricas - e até mesmo a data futurista do título -, a obra magistral de George Orwell ainda se impõe como uma poderosa reflexão ficcional sobre os excessos delirantes, mas perfeitamente possíveis, de qualquer forma de poder incontestado, seja onde for.
ir para a loja
voltar para a home
Ale Torres, usuária do Skoob
“Uma obra obrigatória, não apenas devido ao apelo da violência empregada em mostrar o sofrimento de um povo controlado e totalmente submisso.“
e-Book: R$39,90 Livro: R$49,90
“1984 é o tipo de livro que vai fazer você ficar pensando nele semanas depois de já ter terminado a leitura.” Edu, usuário do Skoob
Luciano Luiz, usuário do Skoob
"Obra-prima terminal de Orwell, 1984 é uma leitura absorvente e indispensável para a compreensão da história moderna." Timothy Garton Ash, New York Review of Books
Design de som Haverá presença de som apenas nas páginas internas do site. Optamos pelo uso de sons ambientes como trilha sonora, conforme descrito abaixo:
1. Ignorância é Força
O som ambiente dessa página é o som dos bonecos protestando com as bandeiras levantadas. Eles gritam e protestam, e o som começa a diminuir gradativamente conforme eles param de protestar. No fim só resta o silêncio, que simboliza a ignorância do povo.
2. Guerra é Paz
Dentro dessa página haverá som ambiente de pessoas desesperadas gritando ocasionalmente, tiros, alarmes de carro, sirenes de polícia, para que o usuário sinta que está em um ambiente perigoso, hostil. Então ele sente a necessidade de armar-se, e conforme ele monta a arma, sons de metal batendo (montando a arma), e, assim que a arma é montada, ele pode fazer um disparo, tendo assim o som de um tiro.
3. Liberdade é Escravidão
A página começa com um som rural, tranquilo, sons de floresta, ambientando uma pequena vila sem muitos recursos. Conforme o usuário clica e a cidade cresce, o som começa a ficar mais confuso, sons de carro, fábrica, buzinas, pessoas falando. O som cresce gradativamente conforme a fábrica e a cidade cresce, criando um ambiente caótico.
Peças de divulgação 1. Banner animado
19
84
Criamos um banner animado. Neste banner, iniciamos com uma porta fechada. Logo depois, aparece uma chave e destranca a porta e ela abre. Ao abrir, aparecem três palavras: “Opressão”, “Violência” e “Ignorância”. Essas palavras caem e em seguida aparece a frase “Temas do livro de George Orwell, 1984”, “Que também fazem parte do nosso cotidiano”, “Saiba mais”.
2. E-mail Marketing
Para o e-mail marketing, assim como a página final do site, colocamos um resumo do livro, citações de leitores em balões, links para redes sociais e compra do livro.
George Orwell um dos maiores escritores do século XX
Winston, herói de 1984, último romance de George Orwell, vive aprisionado na engrenagem totalitária de uma sociedade completamente dominada pelo Estado, onde tudo é feito coletivamente, mas cada qual vive sozinho. Ninguém escapa à vigilância do Grande Irmão, a mais famosa personificação literária de um poder cínico e cruel ao infinito, além de vazio de sentido histórico. De fato, a ideologia do Partido dominante em Oceânia não visa nada de coisa alguma para ninguém, no presente ou no futuro. O'Brien, hierarca do Partido, é quem explica a Winston que "só nos interessa o poder em si. Nem riqueza, nem luxo, nem vida longa, nem felicidade: só o poder pelo poder, poder puro".
e-Book: R$39,90 Livro: R$49,90
ir para a loja "Obra-prima terminal de Orwell, 1984 é uma leitura absorvente e indispensável para a compreensão da história moderna."
“Uma obra obrigatória, não apenas devido ao apelo da violência empregada em mostrar o sofrimento de um povo controlado e totalmente submisso.“ Luciano Luiz, usuário do Skoob
Timothy Garton Ash, New York Review of Books “1984 é o tipo de livro que vai fazer você ficar pensando nele semanas depois de já ter terminado a leitura.” Edu, usuário do Skoob
“Escrita maravilhosa, desenvolvimento do enredo perfeito. Você não só se envolve na história, como também aprender a olhar o mundo com outros olhos.” Ale Torres, usuária do Skoob
3. Divulgação no Facebook
19 84
Fizemos uma página para divulgação do livro no facebook. Nela postaremos imagens de divulgação com comentários de leitores, citações do livro 1984 e de outros livros de George Orwell. Este é um exemplo de post, onde mostramos comentários de leitores em caixas “balões de fala” que saem da cidade logo abaixo.
Softwares Utilizados Adobe Illustrator CS6 Organização de objetos vetoriais
Adobe Illustrator CS6 Diagramação de elementos no Projeto de Desenvolvimento Projetual
Adobe Flash CS6 Concepção e animação do site e banner
Microsoft Word 2013 Concepção de pesquisa teórica
Google Drive Armazenamento de arquivos para projeto colaborativo
Este projeto foi desenvolvido por: Akauan Bassichetti Caio MIranda Carvalho Douglas Santana Lucas Jesus Silva