Interfaces Gráficas Digitais: PROJETO FINAL | AVALIATIVO SEGUNDO BIMESTRE

PROJETO FINAL AVALIATIVO | LAYOUT DE SITE RESPONSIVO

DOWNLOAD DE CONTEÚDO CLIQUE AQUI

Nota: 0 à 10 - Segundo Bimestre

_Individual ou em dupla ou em trio

O que fazer:
_ Recriar a página de capa de um layout de algum site utilizando illustrator ou indesign [photoshop]
_ Aplicar em formato tela de computador e para Dispositivo Móvel [Celular e Tablet]

Formato ver modelos possíveis abaixo:

_ Conferir o tamanho de uma tela em pixels [pesquisar]
_ Prancheta no tamanho da tela.

Nome do arquivo:

_Nome dos[as] acadêmicos[as]

INFORMAÇÕES QUE DEVE CONTER NA CAPA DA INTERFACE DO SITE

_ As mesmas informações do site de pesquisa

_ Apenas redesenhar [recriar]

_ Sugestão: http://www.templatemonster.com/

Data de Entrega:

_03 de JUNHO

Como Entregar:

_Impresso em folha A3

_ Colocar o nome do autor[res] do projeto

_ Imagem Original em uma folha separada A4

_ Imagem Recriada [tela de computador] Tablet + Celular

_ Apresentar a imagem do computador | Tablet | Celular - o redesenho estara dentro desta imagem.

POSTAR NO DROPBOX

PASTA: AVALIAÇÃO SEGUNDO BIMESTRE

- Criar uma pasta com o[s] nome[s] do[s] acadêmicos.

_Dentro da pasta com seu nome [acima] COLOCAR OS ARQUIVOS:

. AI [Arquivo em Illustrator - arquivo do site responsivo] PRANCHAS SEPARADAS [site - tablet - celular]

AS TRES PRANCHAS NO MESMO ARQUIVO - em tamanho original

.PDF do A3 FINAL

Exemplos de imagens de sites responsivos

O QUE É SITE RESPONSIVO
Sites responsivos, ou flexíveis, tem como função se adaptar a qualquer tamanho de tela, permitindo que o site seja visualizado com eficiência em computadores, tablets e celulares. Criar sites responsivos fornece uma ótima experiência de visualização, fácil leitura e navegação com um mínimo de redimensionamento.

O papel da Criação de sites responsivos na evolução do mundo digital
Com a evolução do mundo digital e das tecnologias o acesso a internet passou a ser feito por meio de diferentes dispositivos, como tablets e smartphones. Para evitar o desenvolvimento de sites específicos para cada um deles, a melhor solução é utilizar os sites responsivos que respondem de acordo com o tamanho e a resolução de cada tela acessada.

Veja os sites abaixo e abra em seu celular:

http://www.kingshillcars.com/

http://lynnandtonic.com/

http://urban-svensson.com/

http://www.red-root.com/cv/

http://rourkery.com/

http://upperdog.se/

http://designprofessionalism.com/

http://pgrady.com/

http://glitch.com/

http://clearairchallenge.com/

http://dustinsenos.com/

http://staffanstorp.se/

http://trentwalton.com/

http://owltastic.com/