SlideShare uma empresa Scribd logo
1 de 45
FLAT DESIGN
RENATO MELO - 2020
IMAGEM
QUALIDADE
#1
Foto =
300 dpi (alta resolução)
#2
Dá para ser visto
facilmente no
Photoshop
Inspiração:
behance.net
#3
ESTILO
FLAT DESIGN
Menos é mais: Flat Design
“Design Sólido”
O Estilo prima pelo minimalismo e ausência
de efeitos como sombreamento, degradês
agressivos, relevos, etc
Logo do Google antes e depois de aplicar o
conceito de Flat Design
CARACTERÍSTICAS
FLAT DESIGN
Uso de elementos simples: botões e ícones,
além de formas como retângulo, quadrado e
círculo.
Cuidado com a tipografia, são fontes bonitas,
porém simples.
Designs alegres e coloridos. A paleta de
cores ganha várias cores.
Utilização de fotos com ou sem duotone.
As fotos podem receber também formas e
desenhos na composição.
EXEMPLOS
FLAT DESIGN
DESIGN
BANCOS GRATUITOS
Freepik.com: Fotos, Layouts e
Vetores
Unsplash.com: Fotos
Pexels.com: Fotos
Thenounproject.com: Ícones
NA PRÁTICA
Medida:150x210mm
Cor: C77 – M28 – Y0 – K0
Crie uma faixa branca + logo da
World Health Organization
Digite no Google: World Health
Organization logo
Insira uma imagem de um dos
bancos de imagens passados hoje.
Insira o texto: “Cuidados Básicos na
Transição do Isolamento” com
quadrado na cor: C15% (resto é zero)
Para passar o quadrado para frente do texto:
Clique com o botão direito do mouse e vá em
organizar, trazer para frente.
Acrescentar mais uma imagem e o
seguinte texto
Segure o botão do mouse no ícone do
quadrado e troque para Elipse (bola).
Faça duas bolas e coloque 2 ícones com os
textos acima.
Escolha ícones no site do The Noun Project:
Clique em get this icon (faça um cadastro)
Clique em Basic Donwload e depois escolha
a opção “SVG”
Encerre colocando uma faixa branca e o
endereço do escritório da OMS
P1
Em grupos de até 4 pessoas, faça material de
papelaria e um anúncio all type para a
Adidas:
1 - Cartão de Visita – 90x50mm
2 – Pasta de Vendas – 420x297mm (aberta)
3 – Crachá – 55x85mm
4 – Papel Timbrado – 105x148mm
5 – Anúncio All Type (roteiro livre) –
297x210mm
Data: 19 de maio
Entrega em .jpg via e-mail:
renatomelo85@gmail.com
FLAT DESIGN
RENATO MELO - 2020

Mais conteúdo relacionado

Mais procurados

DESIGN PARA FACEBOOK
DESIGN PARA FACEBOOKDESIGN PARA FACEBOOK
DESIGN PARA FACEBOOKRenato Melo
 
Flat Design - Computação Gráfica - 2021-01
Flat Design - Computação Gráfica - 2021-01Flat Design - Computação Gráfica - 2021-01
Flat Design - Computação Gráfica - 2021-01Renato Melo
 
Flat Design - Computação Gráfica - 2021-02
Flat Design - Computação Gráfica - 2021-02Flat Design - Computação Gráfica - 2021-02
Flat Design - Computação Gráfica - 2021-02Renato Melo
 
Desenho técnico básico - Camiseta Regata
Desenho técnico básico - Camiseta RegataDesenho técnico básico - Camiseta Regata
Desenho técnico básico - Camiseta RegataMarcio Duarte
 
Polígono e Padrões
Polígono e PadrõesPolígono e Padrões
Polígono e PadrõesMarcio Duarte
 

Mais procurados (7)

DESIGN PARA FACEBOOK
DESIGN PARA FACEBOOKDESIGN PARA FACEBOOK
DESIGN PARA FACEBOOK
 
Flat Design - Computação Gráfica - 2021-01
Flat Design - Computação Gráfica - 2021-01Flat Design - Computação Gráfica - 2021-01
Flat Design - Computação Gráfica - 2021-01
 
Flat Design - Computação Gráfica - 2021-02
Flat Design - Computação Gráfica - 2021-02Flat Design - Computação Gráfica - 2021-02
Flat Design - Computação Gráfica - 2021-02
 
Desenhando Bolsos
Desenhando BolsosDesenhando Bolsos
Desenhando Bolsos
 
Desenho técnico básico - Camiseta Regata
Desenho técnico básico - Camiseta RegataDesenho técnico básico - Camiseta Regata
Desenho técnico básico - Camiseta Regata
 
Polígono e Padrões
Polígono e PadrõesPolígono e Padrões
Polígono e Padrões
 
Maquiagem digital
Maquiagem digitalMaquiagem digital
Maquiagem digital
 

Semelhante a Flat Design - Computação Gráfica - Aula 8 - 2020-01

Flat Design - Computação Gráfica - 2022
Flat Design - Computação Gráfica - 2022Flat Design - Computação Gráfica - 2022
Flat Design - Computação Gráfica - 2022Renato Melo
 
COMPUTAÇÃO GRÁFICA I - RESUMO P2
COMPUTAÇÃO GRÁFICA I - RESUMO P2COMPUTAÇÃO GRÁFICA I - RESUMO P2
COMPUTAÇÃO GRÁFICA I - RESUMO P2Renato Melo
 
O design e a publicidade em sinergia com o marketing
O design e a publicidade em sinergia com o marketingO design e a publicidade em sinergia com o marketing
O design e a publicidade em sinergia com o marketingMarcus Vinícius Liberato
 
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...Empírica Specialists
 
Design gráfico palestra
Design gráfico palestraDesign gráfico palestra
Design gráfico palestraRonald Ners
 

Semelhante a Flat Design - Computação Gráfica - Aula 8 - 2020-01 (6)

Flat Design - Computação Gráfica - 2022
Flat Design - Computação Gráfica - 2022Flat Design - Computação Gráfica - 2022
Flat Design - Computação Gráfica - 2022
 
COMPUTAÇÃO GRÁFICA I - RESUMO P2
COMPUTAÇÃO GRÁFICA I - RESUMO P2COMPUTAÇÃO GRÁFICA I - RESUMO P2
COMPUTAÇÃO GRÁFICA I - RESUMO P2
 
O design e a publicidade em sinergia com o marketing
O design e a publicidade em sinergia com o marketingO design e a publicidade em sinergia com o marketing
O design e a publicidade em sinergia com o marketing
 
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...
Palestra: O Design e a Publicidade em sinergia com o Marketing - Marcus Vinic...
 
Manual prezi
Manual preziManual prezi
Manual prezi
 
Design gráfico palestra
Design gráfico palestraDesign gráfico palestra
Design gráfico palestra
 

Mais de Renato Melo

Expressa Esamc - Oficina de Reels e TikTOk
Expressa Esamc - Oficina de Reels e TikTOkExpressa Esamc - Oficina de Reels e TikTOk
Expressa Esamc - Oficina de Reels e TikTOkRenato Melo
 
Redação para Gestão de Crise 1 - Técnicas de Redação em RP
Redação para Gestão de Crise 1 - Técnicas de Redação em RPRedação para Gestão de Crise 1 - Técnicas de Redação em RP
Redação para Gestão de Crise 1 - Técnicas de Redação em RPRenato Melo
 
HTML 1 e 2 - Webdesign - 2022
HTML 1 e 2 - Webdesign - 2022HTML 1 e 2 - Webdesign - 2022
HTML 1 e 2 - Webdesign - 2022Renato Melo
 
Redação para E-mail - Jornalismo Multimídia
Redação para E-mail - Jornalismo MultimídiaRedação para E-mail - Jornalismo Multimídia
Redação para E-mail - Jornalismo MultimídiaRenato Melo
 
Html e E-mail Marketing - Webdesign 2022
Html e E-mail Marketing - Webdesign 2022Html e E-mail Marketing - Webdesign 2022
Html e E-mail Marketing - Webdesign 2022Renato Melo
 
Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022Renato Melo
 
Marketing por Conteúdo - Projeto Web 2022
Marketing por Conteúdo - Projeto Web 2022Marketing por Conteúdo - Projeto Web 2022
Marketing por Conteúdo - Projeto Web 2022Renato Melo
 
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022Renato Melo
 
Storytelling no Jornalismo - Jornalismo Multimídia 2022
Storytelling no Jornalismo - Jornalismo Multimídia 2022Storytelling no Jornalismo - Jornalismo Multimídia 2022
Storytelling no Jornalismo - Jornalismo Multimídia 2022Renato Melo
 
HTML - Webdesign - 2022
HTML - Webdesign - 2022HTML - Webdesign - 2022
HTML - Webdesign - 2022Renato Melo
 
Imagens para Redes Sociais - Computação Gráfica 2022
Imagens para Redes Sociais - Computação Gráfica 2022Imagens para Redes Sociais - Computação Gráfica 2022
Imagens para Redes Sociais - Computação Gráfica 2022Renato Melo
 
Social Ads - Projeto Web - 2022
Social Ads - Projeto Web - 2022Social Ads - Projeto Web - 2022
Social Ads - Projeto Web - 2022Renato Melo
 
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022Renato Melo
 
Storytelling - Técnicas de Redação em RP 2022
Storytelling - Técnicas de Redação em RP 2022Storytelling - Técnicas de Redação em RP 2022
Storytelling - Técnicas de Redação em RP 2022Renato Melo
 
Jornalismo em Vídeo - Jornalismo Multimídia 2022
Jornalismo em Vídeo - Jornalismo Multimídia 2022Jornalismo em Vídeo - Jornalismo Multimídia 2022
Jornalismo em Vídeo - Jornalismo Multimídia 2022Renato Melo
 
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022Renato Melo
 
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022Renato Melo
 
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022Renato Melo
 
Escrevendo para o SEO - Técnicas de Redação em RP - 2022
Escrevendo para o SEO - Técnicas de Redação em RP - 2022Escrevendo para o SEO - Técnicas de Redação em RP - 2022
Escrevendo para o SEO - Técnicas de Redação em RP - 2022Renato Melo
 
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022Renato Melo
 

Mais de Renato Melo (20)

Expressa Esamc - Oficina de Reels e TikTOk
Expressa Esamc - Oficina de Reels e TikTOkExpressa Esamc - Oficina de Reels e TikTOk
Expressa Esamc - Oficina de Reels e TikTOk
 
Redação para Gestão de Crise 1 - Técnicas de Redação em RP
Redação para Gestão de Crise 1 - Técnicas de Redação em RPRedação para Gestão de Crise 1 - Técnicas de Redação em RP
Redação para Gestão de Crise 1 - Técnicas de Redação em RP
 
HTML 1 e 2 - Webdesign - 2022
HTML 1 e 2 - Webdesign - 2022HTML 1 e 2 - Webdesign - 2022
HTML 1 e 2 - Webdesign - 2022
 
Redação para E-mail - Jornalismo Multimídia
Redação para E-mail - Jornalismo MultimídiaRedação para E-mail - Jornalismo Multimídia
Redação para E-mail - Jornalismo Multimídia
 
Html e E-mail Marketing - Webdesign 2022
Html e E-mail Marketing - Webdesign 2022Html e E-mail Marketing - Webdesign 2022
Html e E-mail Marketing - Webdesign 2022
 
Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022
 
Marketing por Conteúdo - Projeto Web 2022
Marketing por Conteúdo - Projeto Web 2022Marketing por Conteúdo - Projeto Web 2022
Marketing por Conteúdo - Projeto Web 2022
 
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
 
Storytelling no Jornalismo - Jornalismo Multimídia 2022
Storytelling no Jornalismo - Jornalismo Multimídia 2022Storytelling no Jornalismo - Jornalismo Multimídia 2022
Storytelling no Jornalismo - Jornalismo Multimídia 2022
 
HTML - Webdesign - 2022
HTML - Webdesign - 2022HTML - Webdesign - 2022
HTML - Webdesign - 2022
 
Imagens para Redes Sociais - Computação Gráfica 2022
Imagens para Redes Sociais - Computação Gráfica 2022Imagens para Redes Sociais - Computação Gráfica 2022
Imagens para Redes Sociais - Computação Gráfica 2022
 
Social Ads - Projeto Web - 2022
Social Ads - Projeto Web - 2022Social Ads - Projeto Web - 2022
Social Ads - Projeto Web - 2022
 
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
 
Storytelling - Técnicas de Redação em RP 2022
Storytelling - Técnicas de Redação em RP 2022Storytelling - Técnicas de Redação em RP 2022
Storytelling - Técnicas de Redação em RP 2022
 
Jornalismo em Vídeo - Jornalismo Multimídia 2022
Jornalismo em Vídeo - Jornalismo Multimídia 2022Jornalismo em Vídeo - Jornalismo Multimídia 2022
Jornalismo em Vídeo - Jornalismo Multimídia 2022
 
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
 
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
 
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
 
Escrevendo para o SEO - Técnicas de Redação em RP - 2022
Escrevendo para o SEO - Técnicas de Redação em RP - 2022Escrevendo para o SEO - Técnicas de Redação em RP - 2022
Escrevendo para o SEO - Técnicas de Redação em RP - 2022
 
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
 

Flat Design - Computação Gráfica - Aula 8 - 2020-01