Issuu on Google+


Agradecemos aos nossos orientadores que

sempre nos auxiliariam e nos apoiaram ao longo de todo o semestre. E cujo auxílio tornou possível a elaboração do projeto. Agradecemos também a colaboração dos familiares e amigos pelo apoio e presença constante nas horas complicadas e momentos de aflito.


02

03


Integrantes..................................................................06 Apresentação............................................................... 08 Conceito principal..........................................................10 Público-Alvo.................................................................12 Iconografia.................................................................. 14 Paleta de cores............................................................. 18 Tipografia................................................................... 20 Tecnologia utilizada........................................................22 Peça principal...............................................................24 Roughs............................................................... 26

Fluxograma e wireframe..........................................28

Layout final......................................................... 32

Outras peças................................................................ 34 Conceito do e-book........................................................ 36 Estrutura do e-book........................................................38 Conceito do logo........................................................... 40 Estrutura do logo...........................................................42 Bibliografia.................................................................. 46 . CRéditos..................................................................... 48


06 04 3

6-

26

17

:5

RA 0

1-

76

ro 0

3-

88

18

:5

RA

ei

av

Cr

15

:5

RA

es

en

m

Gi

e

m

er

ilh

a

to

ra

vo

La

r

to

VĂ­

om

Pa l

Gu


07


Trabalho de Graduação Interdisciplinar do curso de Design Gráfico da Faculdades Metropolitanas Unidas O

– FMU – tem como tema pré estabelecido: Gêneros Literários – Diálogos do Design. O recorte escolhido foi: literatura brasileira para vestibular com estudo da vida e obra do escritor brasileiro Álvares de Azevedo. A elaboração do trabalho consiste na criação de um site de relacionamento para estudantes na época do pré-vestibular. Junto ao conteúdo didático, o usuário tem a possibilidade de criar o seu perfil e compartilhar informações com seus amigos, o que torna o estudo mais leve, descontraído e facilita na absorção do conteúdo. Como o tema abordado é de difícil compreensão e de diversas pressões e cobranças, oferecer um apoio didático interativo e descontraído facilitará para o estudante passar por essa fase conturbada, justificando desse modo o recorte do tema.

08


09


O conceito principal do projeto é oferecer aos adolescentes que se encontram na fase prévestibular, uma forma de aprendizado mais suave e descontraída, em que o jovem possa interpretar a obra e o autor sem se tornar um momento ruim e complicado. Como é um site que promove o relacionamento entre os usuários, o fato de conversarem sobre o assunto facilita a absorção do tema (literatura). Aprender literatura sem deixar de ser jovem. Ter contato com os amigos sem abrir mão da interatividade que ele já utiliza no cotidiano.

10


11


Estudantes pré-vestibulares de ambos os sexos com idade de 16 a 18 anos presentes nas classes A, B e C e que busquem estudar e sejam interessados pelo assunto. Pessoas curiosas e que sejam focadas no vestibular e façam uso da tecnologia. Estudantes de cursinhos pré-vestibular e/ou ensino médio.

12


13


As imagens selecionadas como referência para o projeto foram escolhidas durante uma pesquisa sobre a arte jovem, ou seja, um design contemporâneo, que chame a atenção e que já seja de costume dos adolescentes. São imagens que apresentam exploração de tipografias, vetores e formas geométricas e fotomontagem.

14


15


16


17


Uso de cores fortes e contrastantes. Já que o público alvo é de jovens entre 16 a 18 anos, essas cores são importantes para chamar a atenção e fazer com que o site seja “percebido” por eles, já que muitos jovens possuem uma percepção distraída: o que não chama atenção é descartado. Serão utilizadas cores complementares proporcionando um design mais harmonioso.

18


19


A tipografia para os textos de conteúdo do site foi a Trebuchet MS, por não ter serifa e assim ser uma tipografia de fácil legibilidade para web. Já para os títulos e links, foi usada a Franklin Gothic Book, por se tratar de uma fonte impactante e de boa leitura.

20


Trebuchet MS abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 Frankling Gothic Book abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 Frankling Githic Demi abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890

21


22


23


O conceito principal do site trata-se de propor aos estudantes uma forma de aprendizado com a possibilidade de se relacionar com outros jovens, tornando o estudo mais agradável, já que o tema é denso e complexo. Dentro do site, além do relacionamento, o usuário encontrará um apoio didático completo de literatura brasileira, tendo vida e obra dos autores abordados nas provas do vesibular. Nesse projeto, será desenvolvida, em especial, página de vida e obra do

Álvares de Azevedo.

O site apresenta duas páginas principais - de estudo e perfil. A página de estudo apresentará todo conteúdo de apoio didático, enquanto a página de perfil oferecerá todas as possibilidades de interação e informações pessoais. O site terá como diferencial a possibilidade de mudança de foco, entre estudo e perfil. A escolha entre as páginas de estudo e perfil será feita pelo próprio usuário. O layout do site caracteriza-se por formas geométricas, fotomontagem design clean, vetores trazendo uma navegação confortável e agradável.

24


25


26


27


28


29


30


31


32


33


AlĂŠm do site, para complementar o projeto, serĂĄ criado o

e-book, o logotipo e banner

para propaganda do

34

site.


35


O conceito principal da peça de apoio do projeto principal (o e-book) é trazer ao jovem uma forma interativa de estudo, já que o e-book contém os diferenciais de ser portátil, prático e ainda dispor ao usuário a interatividade de dicionário.

36


37


O e-book apresenta auxilio de vocabulário, contendo um link nas palavras de difícil compreensão que, quando acessadas, abrem um dicionário com a definição do vocábulo, facilitando a compreensão do livro, tornando-se interativo. Segue com a mesma linguagem do layout do site.

38


39


O nome Estudo Alternativo seguiu a característica principal do recorte, ou seja, uma nova maneira de estudo, transmitindo bem a intenção real do projeto. O logotipo criado tem como característica a mesma linguagem do site, ou seja, uma linguagem jovem, alternativa e impactante, atraindo a atenção do público-alvo.

40


41


42


43


44


45


BHASKARAN, Lakshmi; RAIMES, Jonathan. Design Retro: 100 anos de design gráfico. 1 ed. São Paulo: Senac, 2008. RADFAHRER, Luli. Design/web/design:2. 1 ed. São Paulo: Market Press, 2003. Periódicos: REVISTA INFO - FACEBOOK. 300 ed. São Paulo: Editora Abril, 2011. Mensal. ISSN1519-6186. COMPUTER ARTS PROJECTS. 12 ed. São Paulo: Editora Europa, 2011. Semestral. ISSN 2182-0899. COMPUTER ARTS PROJECTS. 16 ed. São Paulo: Editora Europa, 2011. Semestral. ISSN 2182-0899. COMPUTER ARTS PROJECTS. 12 ed. São Paulo: Editora Europa, 2011. Semestral. ISSN 2182-0899.

46


47


Figura 01 - ilustração agradecimentos, página 02 Fonte: REVISTA VEJA. São Paulo: Editora Abril, 2011. Semanal

Figura 02 - ilustração integrantes, página 07 Fonte: REVISTA VEJA. São Paulo: Editora Abril, 2011. Semanal

Figura 03 - ilustração apresentação, página 09 Fonte: http://www.flickr.com/photos/haleynealphotography/3405992720/

Figura 04 - ilustração conceito principal, página 11

Fonte: http://www.stock-photos-free.com/Royalty-Free-Images/JumpingMan__265

Figura 05 - ilustração público-alvo, página 13

Fonte: REVISTA VEJA. São Paulo: Editora Abril, 2011. Semanal

Figura 06 - ilustração peça principal, página 25 Fonte: http://www.flickr.com/photos/pinksherbet/2452068666

Figura 07 - ilustração outras peças, página 33 Fonte: http://www.flickr.com/photos/mamchenkov/275167674

Figura 08 - ilustração conceito do e-book, página 37 Fonte: http://www.flickr.com/photos/arcticpuppy/5153330882

Figura 09 - ilustração conceito do logo, página 41 Fonte: REVISTA VEJA. São Paulo: Editora Abril, 2011. Semanal

Figura 10 - ilustração bibliografia, página 47 Fonte: http://www.flickr.com/photos/libelul60/2375489918

Figura 11 - ilustração créditos, página 49

Fonte: http://www.flickr.com/photos/castle_life/5021220373

48


49



Livro de pré-projeto de crição do TGI