Design para Redes Sociais - Projeto Web

18
DESIGN PARA REDES SOCIAIS: POST RENATO MELO - 2017

Transcript of Design para Redes Sociais - Projeto Web

Page 1: Design para Redes Sociais - Projeto Web

DESIGN PARA REDES SOCIAIS: POST

RENATO MELO - 2017

Page 2: Design para Redes Sociais - Projeto Web

AS AGÊNCIAS DE PUBLICIDADE E A GUERRA

ENTRE ON E OFF

Page 3: Design para Redes Sociais - Projeto Web

HOJE, MÍDIA TRADICIONAL ESTÁ

SAINDO MUITO CARO PARA AS PME’S

Page 4: Design para Redes Sociais - Projeto Web

POSSIBILIDADES

Ação para parque de shopping da região.

Exibida somente para mobile para pais que estão no Gonzaga no final de semana.Sex: das 18h às 21hSáb e Dom: das 12h às 20h

Page 5: Design para Redes Sociais - Projeto Web

DESIGN PARA POSTSFACEBOOK & INSTAGRAM

Page 6: Design para Redes Sociais - Projeto Web

FOTOS ANTES NO FORMATO SQUARE (QUADRADO) –

1080x1080px, AGORA ACEITA QUALQUE FORMATO

Page 7: Design para Redes Sociais - Projeto Web

Toda imagem publicada é encaixada

automaticamente em uma caixa

invisível.

FACEBOOK

Page 8: Design para Redes Sociais - Projeto Web

Esse box possui a medida de de 394px

(altura) e 470px (largura).

FACEBOOK

394px

470px

Page 9: Design para Redes Sociais - Projeto Web

Caso a imagem não esteja no tamanho

certo, ela ficará com um espaço em

branco na lateral direita.

FACEBOOK

Page 10: Design para Redes Sociais - Projeto Web

Você deve trabalhar com qualquer

tamanho que atenda a escala de

394x470px, isto vai depender da qualidade da

imagem que você tem.

FACEBOOK

Page 11: Design para Redes Sociais - Projeto Web

No Photoshop, o formato no tamanho 700x522 pixels com 100 DPI costuma funcionar bem.

Page 12: Design para Redes Sociais - Projeto Web

Para capa: 1944 x 778. Faça uma margem de 300 pixels de cada lado para evitar cortes na imagem.

Page 13: Design para Redes Sociais - Projeto Web

Imagem de perfil: 900x900 pixels. Lembre-se que a imagem será inserida dentro de um círculo para ser exibida.

Page 14: Design para Redes Sociais - Projeto Web

#TRABALHO04.12

Page 15: Design para Redes Sociais - Projeto Web

DIVIDAM-SE EM GRUPOS DE 3 A 5 PESSOAS

1)CRIE UM APLICATIVO DESRUPTIVO PARA A ÁREA DA SAÚDE

2)CRIE TODO O PROJETO DE UX E UI DE ACORDO COM AS AULAS

3)APRESENTE O RESULTADO FINAL JÁ COM OS MOCKUPS

4)PARTE ESCRITA VIA E-MAIL E APRESENTAÇAO NO DIA

Page 16: Design para Redes Sociais - Projeto Web

#PRÁTICA

Page 17: Design para Redes Sociais - Projeto Web

Criem uma campanha para a Coca Cola para o Natal:

2 posts, 1 arte de capa e 1 arte para o perfil.

Page 18: Design para Redes Sociais - Projeto Web

FACEBOOK.COM/[email protected]