Slides da palestra que apresentei no Wordcamp 16 Fortaleza. O termo ‘The Greatest Hits’ vem dos títulos dos CD’s de grandes artistas que continham suas músicas de maior sucesso. A ideia é trazer um apanhado de conceitos e aplicações que o Design traz pra Web. Falar sobre design, identidade visual e técnicas de composição visual, sempre ‘linkando’ com design de interfaces, pra embasar a plateia até chegarmos experiência do usuário, fechando assim um pacote de conceitos e aplicações que guiam um trabalho de design para web bem fundamentado.

2. DESIGN PARA WEB
The Greatest Hits

3. Danilo Nobre
Diretor e Designer @ Bleez
Designer desde 2007
Formação = Design Gráfico + Computação/2
Fundei a Bleez em 2011

5. O QUE NÃO É A PALESTRA
Photoshop/Tutorial
Código

6. O QUE É A PALESTRA
Conceitos
Técnicas
Diquinhas espertas

7. DESIGN PARA WEB
The Greatest Hits

8. DESIGN

9. O QUE É DESIGN?
Design = Projeto

12. O CAMINHO
Problema
Objetivo
Solução
Resultados

13. DESIGN VS ARTE
#ALEX-GREY#APPLE

14. IDENTIDADE
VISUAL

15. Representação visual de uma marca
Personalidade da marca
É a partir dela que iniciamos
IDENTIDADE VISUAL

17. COMPOSIÇÃO

18. Resultado da união e relação dos
elementos
HARMONIA
Cores, espaçamento, posicionamento,
tipografia, ...

19. CORES

20. ESTRUTURA

22. Alinhamento dos elementos em
relação aos outros
ALINHAMENTO
Grid

26. Ganhar Destaque
CONTRASTE
Cores, tipografias, formas, …

29. Remover o que foi construido
DESCONSTRUÇÃO
Me ajuda contra excessos

32. PROCESSO
CRIATIVO

33. REFERÊNCIAS

34. PESQUISA

35. PESQUISA

37. PLÁGIO

41. EXPERIMENTE
#DIQUINHA

42. MOSTRE O CAMINHO
#DIQUINHA

43. EXPERIÊNCIA
DO USUÁRIO

46. TÉCNICAS

47. GOOGLE ANALYTICS

50. MAPA DE CALOR

52. RESULTADOS

54. SEU PROJETO NUNCA
ESTÁ PRONTO

55. MENSURE

56. TESTE A/B

57. A B
75% 25%
PERÍODO DO TESTE
CHAVE DO TESTE

59. A
B

61. Valeu!!
bleez.com.br
danilonobre@bleez.com.br
/danilonobre