ginga 3.0 - design para nÃo designers

108
para não designers Design

Upload: ginga-aceleradora-escola

Post on 15-Apr-2017

145 views

Category:

Business


0 download

TRANSCRIPT

Page 1: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

para não designersDesign

Page 2: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Heitor Frade [email protected]

Page 3: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Introdução

Page 4: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

LOGOMARCA

Page 5: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

LOGOMARCA

Page 6: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

A LOGO

Page 7: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

A LOGO

Page 8: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

O LOGO

Page 9: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

O LOGO

Page 10: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

A MARCA

Page 11: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

LOGOTIPO

Page 12: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Feio x Bonito

Page 13: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 14: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 15: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Básico x Elaborado

Page 16: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Criação de padrões

Page 17: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Personas

Page 18: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 19: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 20: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Posts

Page 21: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Exemplos FB*

Page 22: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Apresentações

Page 23: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

OLÁ, EU SOU A MARIA FERNANDA.

Page 24: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 25: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

MAS PODE ME CHAMAR DE MAFÊ.

Page 26: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 27: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

SOU DESIGNER E TRABALHONA ROCK CONTENT.

Page 28: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

de graça

Page 29: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

POR ONDEPASSEI?

Page 30: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 31: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

PRINCÍPIOS PARA UMBOM DESIGN

Page 32: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

"A MENTE É UMA MÁQUINADE BUSCA DE PADRÕES."

Stephen Jay Gould

Page 33: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

+ AGRUPAMENTO+ HIERARQUIA DA INFORMAÇÃO

+ CONTRASTE+ ALINHAMENTO

+ CORES+ FONTES

+ COMPOSIÇÃO

LAYOUT

Page 34: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

EXEMPLO 1

Page 35: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 36: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

set list 04.01primeiro bloco:

rehabvalerie

mardy burnsegundo bloco:

scummyoffice boydaddy cool

terceiro bloco:fearless

bad romancebaby don’t

Nenhuma banda deve simplismente tocar um setlist já prepado.A dica é: não toque para você, toque para os outros.

Page 37: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

set list 04.01primeiro bloco:

rehabvalerie

mardy burnsegundo bloco:

scummyoffice boydaddy cool

terceiro bloco:fearless

bad romancebaby don’t

Nenhuma banda deve simplismente tocar um setlist já prepado.A dica é: não toque para você, toque para os outros.

Page 38: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Nenhuma banda deve simplismente tocar um setlist já prepado.A dica é: não toque para você, toque para os outros.

1˚ BLOCO:REHAB

VALERIEMARDY BURN

SET LIST04/01/15

2˚ BLOCO:SCUMMY

OFFICE BOYDADDY COOL

3˚ BLOCO:FEARLESS

BAD ROMANCEBABY DON’T

Page 39: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Nenhuma banda deve simplismente tocar um setlist já prepado.A dica é: não toque para você, toque para os outros.

1˚ BLOCO:REHAB

VALERIEMARDY BURN

SET LIST04/01/15

2˚ BLOCO:SCUMMY

OFFICE BOYDADDY COOL

3˚ BLOCO:FEARLESS

BAD ROMANCEBABY DON’T

Page 40: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Nenhuma banda deve simplismente tocar um setlist já prepado.A dica é: não toque para você, toque para os outros.

Page 41: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Nenhuma banda deve simplismente tocar um setlist já prepado.A dica é: não toque para você, toque para os outros.

1˚ BLOCO:REHAB

VALERIEMARDY BURN

SET LIST04/01/15

2˚ BLOCO:SCUMMY

OFFICE BOYDADDY COOL

3˚ BLOCO:FEARLESS

BAD ROMANCEBABY DON’T

Page 42: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

EXEMPLO 2

Page 43: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

PRINCÍPIOS PARA UM BOM DESIGN

Page 44: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

PRINCÍPIOS PARA UM BOM DESIGN

Considerações iniciais

Page 45: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

PRINCÍPIOS PARA UM BOM DESIGN

Considerações iniciais

Page 46: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

PRINCÍPIOS PARA UM BOM DESIGN

Considerações iniciais

Page 47: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

PRINCÍPIOS PARA UM BOM DESIGN

Considerações iniciais

UNIDADE 1

Page 48: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

PRINCÍPIOS PARA UM BOM DESIGN

Considerações iniciais

UNIDADE 1

Page 49: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

PRINCÍPIOS PARA UM BOM DESIGN

Considerações iniciais

UNIDADE 1 01/07/2015

Page 50: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

PRINCÍPIOS PARA UM BOM DESIGN

Considerações iniciais

UNIDADE 1 01/07/2015

AULA 3

Page 51: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

PRINCÍPIOS PARA UMBOM DESIGN

Page 52: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

EXEMPLO 3

Page 53: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 54: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

O SLIDE É DE GRAÇA.

Page 55: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

A IMPORTÂNCIA DO

ESPAÇAMENTO

Page 56: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

ALINHANDO A FOTO COM O GRID

Page 57: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 58: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 59: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

IMAGENS

Page 60: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

VOCÊ PRECISA MESMO COLOCAR FOTOS?

Page 61: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

AS FOTOS PRECISAM SER LITERAIS?

Page 62: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 63: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 64: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

AS FOTOS PRECISAM ESTAR EM BAIXA?

Page 65: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 66: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 67: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Psicologia das cores

Page 68: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Tendências

Page 69: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Roupas

Page 70: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Fontes

Page 71: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Cores

Page 72: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 73: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Clipes*

Page 74: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Feminismo

Page 75: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Gays

Page 76: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Negros

Page 77: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Política

Page 78: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Ferramentas

Page 79: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

.ai

Page 80: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

.psd

Page 81: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

.indd

Page 82: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

.aep

Page 83: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

.prproj

Page 84: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

.canva

Page 85: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Referências

Page 86: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Sites*

Page 87: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Música, esporte,política, moda,

tv, religião...

Page 88: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Dicas

Page 89: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Amor à primeira vista

Page 90: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Não se apegue!

Page 91: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Não apague

Page 92: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Teste A/B

Page 93: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Opinião x Validação

Page 94: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Peça maca-co

Page 95: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Peça macaco

Page 96: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Separe o problemada pessoa

Page 97: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Exemplos

Page 98: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 99: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 100: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 101: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 102: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Paletas

Page 103: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 104: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 105: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS
Page 106: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Q&A

Page 107: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Banco&de&vetores,&ícones&e&imagens:&h4p://www.freepik.com&

h4ps://unsplash.com/?grid=mul?&&

Cores:&h4ps://color.adobe.com/pt/create/colorBwheel/&

h4p://www.agenciasabre.com.br/site/2014/03/20/aBpisicologiaBdasBcoresBnoBmarke?ng/&&

Conteúdo:&h4p://www.smartalk.com.br&

h4p://resultadosdigitais.com.br&h4ps://rockcontent.com&

&Gerador&de&persona:&

h4p://geradordepersonas.com.br&&

Pesquisa:&h4ps://www.behance.net&h4ps://br.pinterest.com&

&Fontes:&

h4p://clubedodesign.com/2016/02/asBmelhoresBfontesBgra?sB20/&h4p://clubedodesign.com/2014/03/asB100BmelhoresBfontesBgra?s/&

h4p://www.fonNabric.com/category/free/&

Page 108: GINGA 3.0 - DESIGN PARA NÃO DESIGNERS

Obrigado!