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.  

 

Site de apoio a aulas (IPCA) e workshops lecionados por Manuel Granja — mgmonteiro@ipca.pt