Aulas 9 e 10

10 outubro 2017

Dose semanal de ícones culturais

Bauhaus «A Staatliches-Bauhaus foi uma escola de design, artes plásticas e arquitetura de vanguarda na Alemanha. A Bauhaus foi uma das maiores e mais importantes expressões do que é chamado Modernismo no design e na arquitetura, sendo a primeira escola de design do mundo.»
—O “Ilustrador” Norman Rockwell
HipstersHippies e Yuppies (por exemplo, Top 10 hipsters font)

Alguns designers portugueses

Sebastião Rodrigues
João Machado
R2
White Studio

 

 Notícias

Excelente entrevista de um User Experience Designer

—A influência da Coluna de Trajano nos cartazes de cinema. (a Trajan original)

A primeira regra de 7 rules for creating gorgeous ui é “Light comes from the sky

Logotipos Responsivos (detesto o termo responsivo, alguma ideia de tradução?)

—As melhores perguntas são as mais “tontas”: Que resolução tem o olho?

Slideshow para falar sobre Hierarquia visual, Composição, Espaço em branco, Grelhas, etc.

Exercício 2

Nesta pasta google drive encontra-se um ficheiro word com vários textos e uma pasta zip com algumas de fontes.

Compõe uma espécie de “primeira página de jornal” com os textos em anexo inspirado nos vários exemplos que foram mostrados na aula. Tenta obter uma página visualmente e editorialmente coerente. É um exercício gráfico livre, acompanhado pelo professor, um work in progress, que exige um sentido crítico editorial e cujos resultados serão imprevisíveis.

  • Começa por estabelecer uma grelha,
  • Escolhe um par de fontes para texto e títulos.
  • Se um texto não tem título, inventa um apropriado.
  • Estabelece um estilo de apresentação a todos os textos.
  • Inventa um título para a tua página de jornal, rouba informação ou ideias visuais para compor a tua página do modo mais interessante possível, por exemplo: data, preço, director do jornal, etc.

Prazo de entrega no final desta aula.

Entrega: colocar na mesma pasta google drive os vossos trabalhos em formato pdf. O ficheiro deve estar identificado da seguinte maneira: “Exe2_” + [o vosso primeiro e último nome] + “.pdf” , qualquer coisa como, por exemplo, “Exe2_ZéXoninhas.pdf”.

Alguns exemplos

pdf-exemplo do professor

—Uma lista com exemplos de design editorial

Typographic Posters 

Graphic Porn

Aulas 29 e 30

Exercício 4.

Aula 27 e 28

Exercício 4.

Aula 25 e 26

Exercício 4.

Aula 23 e 24

Exercício 4.

Aulas 21 e 22

Responsive/ editorial design. Geometria no Design. Logotipos.

Aulas 19 e 20

FInalizar Exercício 3. Responsive/ editorial design.

Aulas 17 e 18

Exercício 3. Responsive design/editorial design.

Aulas 15 e 16

Exercício 3. Responsive design/editorial design.

Aulas 13 e 14

Exercício 2b (illustrator). Tipografia, grelhas, hierarquias e composição.

Aulas 11 e 12

Exercício 2 (illustrator). Tipografia, grelhas, hierarquias e composição.