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.
Inspiração
—Site Inspire e Awaards
— A melhor tipografia passa despercebida
—2017 trendy google fonts combinations
—Web Typography
——
Site de apoio a aulas (IPCA) e workshops lecionados por Manuel Granja — mgmonteiro@ipca.pt