Exercício 3

Desenhar a página inicial de um site de notícias.

Boa parte das homepages da net é constituída por listas e blocos de informação.
Observem os seguintes sites de notícias:

http://e360.yale.edu/
The great discontent
Big Medium
Pitchfork
Drexel News Blog
The verge
Wired

1) Desenhar uma maquete de uma página de notícias em Illustrator:

• Inventem uma página de notícias cujos conteúdos sejam as «notícias»/ links que eu vos apresento nos posts/aulas deste site.
• Inventem um nome e um logótipo, criem um menu (ou não)
• Adaptem os conteúdos das notícias à vossa página (escolher/produzir imagem, escrever um título, escrever resumo do conteúdo, etc.).
• Desenhar a página apoiada impreterivelmente numa grelha.
• Usem fontes Web; descarreguem por exemplo, fontes google e instalem-nas para as trabalharem no Illustrator

2) Programar essa página em html e css, adaptada a diferentes viewports (responsive design):

• Usem fontes Web

Objectivo concreto:
Apresentar uma página de abertura realista de um  site de notícias, o mais credível possível. E a sua adaptabilidade a diferentes viewports (responsive design). Quero ver a página num smartphone.

Objectivos gerais:

• Praticar o controlo das hierarquias visuais e do uso do espaço branco / espaço negativo: (Exemplo)
• Desenvolvimento do sentido editorial. As notícias e a página fazem sentido? o que se pode fazer para melhorar a comunicação dos elementos da página.
• Capacidade de apropriação de ideias de outros sites.
• Praticar o corta-e-coze próprio do trabalho de um designer: copiar fotografias, modificá-las, roubar, melhorar, adaptar.

Prazo: a entregar nesta pasta, os ficheiros web e o pdf  da maquete feita em illustrator, comprimidos numa pasta nomeada da seguinte maneira “NomeApelido.zip”, até  ao dia 20 de dezembro.