Design Digital 
Dentro e fora da web
“Digite uma citação aqui.” 
–Jaime Silveira 
Who I am? 
Pedro Marques 
UI/UX Designer @ CI&T
tA 
Altamente Ácido
tA
SOBRINHO
PALESTRAS
tA Design old school
SENTA QUE LÁ 
VEM HISTÓRIA
DESIGN 
tA DigiWAT?
Quem Sou eu? 
O que faz o designer 
digital? 
Onde vive… 
O que come… 
Pedro Marques 
UI/UX Designer @ CI&T
Quem Sou eu? 
TODO DESIGNER 
Pedro Marques 
UI/UX Designer @ CI&T
I’M YOUR FATHER
Web
20
20
Design responsivo
Grids! <3
Interfaces Digitais
UX
User eXperience
Experiência do Usuário
Usuário
Cliente
Qualidade
20.000 
POR DIA
:) ou ;(
Enchant me. 
Simplify my life. 
Make me amazing. 
Android Team
DESIGN 
Fora da web
Device Pixel Ratio 
0.75 
1 
1.33 
1.5 
2 
3 
Low dpi 
normal, mdpi 
tvtdpi 
hdpi 
retina, xhdpi 
xxhdpi 
Tá, mas e trampo...
Device Pixel Ratio 
0.75 
1 
1.33 
1.5 
2 
3 
Low dpi 
normal, mdpi 
tvtdpi 
hdpi 
retina, xhdpi 
xxhdpi 
MERCADO
Device Pixel Ratio 
0.75 
1 
1.33 
1.5 
2 
3 
Low dpi 
normal, mdpi 
tvtdpi 
hdpi 
retina, xhdpi 
xxhdpi 
Carência
Device Pixel Ratio 
0.75 
1 
1.33 
1.5 
2 
3 
Low dpi 
normal, mdpi 
tvtdpi 
hdpi 
retina, xhdpi 
xxhdpi 
Portfólio
Device Pixel Ratio 
0.75 
1 
1.33 
1.5 
2 
3 
Low dpi 
normal, mdpi 
tvtdpi 
hdpi 
retina, xhdpi 
xxhdpi 
Como criar?
Device Pixel Ratio 
0.75 
1 
1.33 
1.5 
2 
3 
Low dpi 
normal, mdpi 
tvtdpi 
hdpi 
retina, xhdpi 
xxhdpi 
E outros tantos…
Device Pixel Ratio 
0.75 
1 
1.33 
1.5 
2 
3 
Low dpi 
normal, mdpi 
tvtdpi 
hdpi 
retina, xhdpi 
xxhdpi 
Boas práticas
Device Pixel Ratio 
0.75 
1 
1.33 
1.5 
2 
3 
Low dpi 
normal, mdpi 
tvtdpi 
hdpi 
retina, xhdpi 
xxhdpi 
Boas Práticas 
‣...
O que estudar?
https://developers.google.com/web/fundamentals/
http://www.awwwards.com/
www.dzndigital.com.br
meetup.com/UX-Belo-Horizonte/
Crie experiências 
Não importa a tela
Crie experiências 
Não importa a tela Perguntas?
Crie experiências 
Não importa a tela 
Que a força esteja com vocês <3
Valeu Galera! 
“Digite uma citação aqui.” 
https://twitter.com/pedro_designer 
pedro@marksdesign.–Jaime Silveira 
com.br 
...
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Design Digital - Dentro e Fora da Web
Próximos SlideShares
Carregando em…5
×

Design Digital - Dentro e Fora da Web

941 visualizações

Publicada em

Design digital dentro e fora da web - Palestra ministrada na UniBh

Publicada em: Design
0 comentários
3 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
941
No SlideShare
0
A partir de incorporações
0
Número de incorporações
71
Ações
Compartilhamentos
0
Downloads
14
Comentários
0
Gostaram
3
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Design Digital - Dentro e Fora da Web

  1. 1. Design Digital Dentro e fora da web
  2. 2. “Digite uma citação aqui.” –Jaime Silveira Who I am? Pedro Marques UI/UX Designer @ CI&T
  3. 3. tA Altamente Ácido
  4. 4. tA
  5. 5. SOBRINHO
  6. 6. PALESTRAS
  7. 7. tA Design old school
  8. 8. SENTA QUE LÁ VEM HISTÓRIA
  9. 9. DESIGN tA DigiWAT?
  10. 10. Quem Sou eu? O que faz o designer digital? Onde vive… O que come… Pedro Marques UI/UX Designer @ CI&T
  11. 11. Quem Sou eu? TODO DESIGNER Pedro Marques UI/UX Designer @ CI&T
  12. 12. I’M YOUR FATHER
  13. 13. Web
  14. 14. 20
  15. 15. 20
  16. 16. Design responsivo
  17. 17. Grids! <3
  18. 18. Interfaces Digitais
  19. 19. UX
  20. 20. User eXperience
  21. 21. Experiência do Usuário
  22. 22. Usuário
  23. 23. Cliente
  24. 24. Qualidade
  25. 25. 20.000 POR DIA
  26. 26. :) ou ;(
  27. 27. Enchant me. Simplify my life. Make me amazing. Android Team
  28. 28. DESIGN Fora da web
  29. 29. Device Pixel Ratio 0.75 1 1.33 1.5 2 3 Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi Tá, mas e trampo?
  30. 30. Device Pixel Ratio 0.75 1 1.33 1.5 2 3 Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi MERCADO
  31. 31. Device Pixel Ratio 0.75 1 1.33 1.5 2 3 Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi Carência
  32. 32. Device Pixel Ratio 0.75 1 1.33 1.5 2 3 Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi Portfólio
  33. 33. Device Pixel Ratio 0.75 1 1.33 1.5 2 3 Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi Como criar?
  34. 34. Device Pixel Ratio 0.75 1 1.33 1.5 2 3 Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi E outros tantos…
  35. 35. Device Pixel Ratio 0.75 1 1.33 1.5 2 3 Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi Boas práticas
  36. 36. Device Pixel Ratio 0.75 1 1.33 1.5 2 3 Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi Boas Práticas ‣ Consistência ‣ Projeto detalhado ‣ Acadêmicos ‣ Qualidade é melhor que quantidade ‣ Projetos pessoais
  37. 37. O que estudar?
  38. 38. https://developers.google.com/web/fundamentals/
  39. 39. http://www.awwwards.com/
  40. 40. www.dzndigital.com.br
  41. 41. meetup.com/UX-Belo-Horizonte/
  42. 42. Crie experiências Não importa a tela
  43. 43. Crie experiências Não importa a tela Perguntas?
  44. 44. Crie experiências Não importa a tela Que a força esteja com vocês <3
  45. 45. Valeu Galera! “Digite uma citação aqui.” https://twitter.com/pedro_designer pedro@marksdesign.–Jaime Silveira com.br marksdesign.com.br

×