72
Design Digital Dentro e fora da web

Design Digital - Dentro e Fora da Web

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Design Digital - Dentro e Fora da Web

Design DigitalDentro e fora da web

Page 2: Design Digital - Dentro e Fora da Web

–Jaime Silveira

“Digite uma citação aqui.”

Who I am?

Pedro MarquesUI/UX Designer @ CI&T

Page 3: Design Digital - Dentro e Fora da Web

tA

Altamente Ácido

Page 4: Design Digital - Dentro e Fora da Web

tA

Page 5: Design Digital - Dentro e Fora da Web
Page 6: Design Digital - Dentro e Fora da Web

SOBRINHO

Page 7: Design Digital - Dentro e Fora da Web
Page 8: Design Digital - Dentro e Fora da Web
Page 9: Design Digital - Dentro e Fora da Web
Page 10: Design Digital - Dentro e Fora da Web
Page 11: Design Digital - Dentro e Fora da Web
Page 12: Design Digital - Dentro e Fora da Web
Page 13: Design Digital - Dentro e Fora da Web

PALESTRAS

Page 14: Design Digital - Dentro e Fora da Web

tADesign old school

Page 15: Design Digital - Dentro e Fora da Web

SENTA QUE LÁ VEM HISTÓRIA

Page 16: Design Digital - Dentro e Fora da Web
Page 17: Design Digital - Dentro e Fora da Web
Page 18: Design Digital - Dentro e Fora da Web
Page 19: Design Digital - Dentro e Fora da Web

tA

DigiWAT?DESIGN

Page 20: Design Digital - Dentro e Fora da Web
Page 21: Design Digital - Dentro e Fora da Web
Page 22: Design Digital - Dentro e Fora da Web
Page 23: Design Digital - Dentro e Fora da Web
Page 24: Design Digital - Dentro e Fora da Web
Page 25: Design Digital - Dentro e Fora da Web

Quem Sou eu?

Pedro MarquesUI/UX Designer @ CI&T

O que faz o designer digital?

Onde vive…

O que come…

Page 26: Design Digital - Dentro e Fora da Web

Quem Sou eu?

Pedro MarquesUI/UX Designer @ CI&T

TODO DESIGNER

Page 27: Design Digital - Dentro e Fora da Web
Page 28: Design Digital - Dentro e Fora da Web

I’M YOUR FATHER

Page 29: Design Digital - Dentro e Fora da Web
Page 30: Design Digital - Dentro e Fora da Web

Web

Page 31: Design Digital - Dentro e Fora da Web

20

Page 32: Design Digital - Dentro e Fora da Web
Page 33: Design Digital - Dentro e Fora da Web

20

Page 34: Design Digital - Dentro e Fora da Web

Design responsivo

Page 35: Design Digital - Dentro e Fora da Web

Grids! <3

Page 36: Design Digital - Dentro e Fora da Web
Page 37: Design Digital - Dentro e Fora da Web
Page 38: Design Digital - Dentro e Fora da Web

Interfaces Digitais

Page 39: Design Digital - Dentro e Fora da Web
Page 40: Design Digital - Dentro e Fora da Web

UX

Page 41: Design Digital - Dentro e Fora da Web

User eXperience

Page 42: Design Digital - Dentro e Fora da Web

Experiência do Usuário

Page 43: Design Digital - Dentro e Fora da Web
Page 44: Design Digital - Dentro e Fora da Web

Usuário

Page 45: Design Digital - Dentro e Fora da Web

Cliente

Page 46: Design Digital - Dentro e Fora da Web

Qualidade

Page 47: Design Digital - Dentro e Fora da Web

20.000POR DIA

Page 48: Design Digital - Dentro e Fora da Web

:) ou ;(

Page 49: Design Digital - Dentro e Fora da Web

Enchant me.

Simplify my life.

Make me amazing.

Android Team

Page 50: Design Digital - Dentro e Fora da Web

DESIGNFora da web

Page 51: Design Digital - Dentro e Fora da Web
Page 52: Design Digital - Dentro e Fora da Web
Page 53: Design Digital - Dentro e Fora da Web
Page 54: Design Digital - Dentro e 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?

Page 55: Design Digital - Dentro e Fora da Web

Device Pixel Ratio

0.75 1

1.33 1.5

2 3

Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi

MERCADO

Page 56: Design Digital - Dentro e Fora da Web

Device Pixel Ratio

0.75 1

1.33 1.5

2 3

Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi

Carência

Page 57: Design Digital - Dentro e Fora da Web

Device Pixel Ratio

0.75 1

1.33 1.5

2 3

Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi

Portfólio

Page 58: Design Digital - Dentro e Fora da Web

Device Pixel Ratio

0.75 1

1.33 1.5

2 3

Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi

Como criar?

Page 59: Design Digital - Dentro e Fora da Web
Page 60: Design Digital - Dentro e Fora da Web
Page 61: Design Digital - Dentro e Fora da Web

Device Pixel Ratio

0.75 1

1.33 1.5

2 3

Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi

E outros tantos…

Page 62: Design Digital - Dentro e Fora da Web

Device Pixel Ratio

0.75 1

1.33 1.5

2 3

Low dpi normal, mdpi tvtdpi hdpi retina, xhdpi xxhdpi

Boas práticas

Page 63: Design Digital - Dentro e Fora da Web

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

Page 64: Design Digital - Dentro e Fora da Web

O que estudar?

Page 65: Design Digital - Dentro e Fora da Web

https://developers.google.com/web/fundamentals/

Page 66: Design Digital - Dentro e Fora da Web

http://www.awwwards.com/

Page 67: Design Digital - Dentro e Fora da Web

www.dzndigital.com.br

Page 68: Design Digital - Dentro e Fora da Web

meetup.com/UX-Belo-Horizonte/

Page 69: Design Digital - Dentro e Fora da Web

Crie experiênciasNão importa a tela

Page 70: Design Digital - Dentro e Fora da Web

Crie experiênciasNão importa a telaPerguntas?

Page 71: Design Digital - Dentro e Fora da Web

Crie experiênciasNão importa a tela

Que a força esteja com vocês <3

Page 72: Design Digital - Dentro e Fora da Web

–Jaime Silveira

“Digite uma citação aqui.”

Valeu Galera!

https://twitter.com/pedro_designer

[email protected]