SlideShare uma empresa Scribd logo
1 de 7
Baixar para ler offline
Flat Design
Está sendo considerada uma nova
tendência de UI, com a ideia de
adaptar o mesmo conteúdo para
diversos dispositivos, quanto mais
simples for o visual, melhor. Deste
modo, também são tendências
marcantes a utilização de CSS e SVG
para criar interfaces mais planas e
flexíveis.
Definição:
Flat = Plano
+ Design = Design Plano
Em termos práticos: “flat design”
significa criar um design sem a
utilização de gradientes, pixels de
sombreamento, skeumorfismo (tipo de
design usado pela Apple no iOS e Mac
OS) que tem sido utilizado de forma
descontrolada nos últimos anos para
alcançar o que parece ser uma interface
“flat”.
Principais características:
- Utilização de cores sólidas;
- Tipografia nítida;
- Contraste bem definido;
Exemplos:
https://2012.twitter.com/
http://frappuccino.com/en-us/campaign/sipface
http://www.colouredlines.com.au/
http://everylastdrop.co.uk/
http://etchapps.com/
http://builtbybuffalo.com
http://www.spelltower.com/
http://fltdsgn.com/
Ferramentas:
http://designmodo.com/flat/

Mais conteúdo relacionado

Destaque

DESIGN PARA FACEBOOK
DESIGN PARA FACEBOOKDESIGN PARA FACEBOOK
DESIGN PARA FACEBOOKRenato Melo
 
A EVOLUÇÃO DA MARCA SUPERMAN - TCC de Ed Truppel
A EVOLUÇÃO DA MARCA SUPERMAN - TCC de Ed TruppelA EVOLUÇÃO DA MARCA SUPERMAN - TCC de Ed Truppel
A EVOLUÇÃO DA MARCA SUPERMAN - TCC de Ed TruppelDiego Moreau
 
Reserva das Artes Aptos de 4 Quartos de 168 e 198m Noroeste
Reserva das Artes Aptos de 4 Quartos de 168 e 198m NoroesteReserva das Artes Aptos de 4 Quartos de 168 e 198m Noroeste
Reserva das Artes Aptos de 4 Quartos de 168 e 198m NoroesteGeraldo Pereira dos Santos
 
Google Material Design - Conceito, aplicações, código e web components
Google Material Design - Conceito, aplicações, código e web componentsGoogle Material Design - Conceito, aplicações, código e web components
Google Material Design - Conceito, aplicações, código e web componentsDan Vitoriano
 
Técnicas de Atendimento ao Novo Cliente
Técnicas de Atendimento ao Novo ClienteTécnicas de Atendimento ao Novo Cliente
Técnicas de Atendimento ao Novo ClienteRenato Melo
 
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceFlat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceEdu Agni
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designInVision App
 
O ambiente de marketing
O ambiente de marketingO ambiente de marketing
O ambiente de marketingThayse Beckner
 
Design de Conteúdo: Conversão
Design de Conteúdo: ConversãoDesign de Conteúdo: Conversão
Design de Conteúdo: ConversãoRenato Melo
 
Tipologia na Produção Gráfica
Tipologia na Produção GráficaTipologia na Produção Gráfica
Tipologia na Produção GráficaRenato Melo
 
Conteúdo para Conversão Pt2
Conteúdo para Conversão Pt2Conteúdo para Conversão Pt2
Conteúdo para Conversão Pt2Renato Melo
 
Projeto Web - Resumo P2
Projeto Web - Resumo P2Projeto Web - Resumo P2
Projeto Web - Resumo P2Renato Melo
 
Academia Criativa
Academia CriativaAcademia Criativa
Academia CriativaRenato Melo
 
Desbloqueio Criativo
Desbloqueio CriativoDesbloqueio Criativo
Desbloqueio CriativoRenato Melo
 

Destaque (16)

DESIGN PARA FACEBOOK
DESIGN PARA FACEBOOKDESIGN PARA FACEBOOK
DESIGN PARA FACEBOOK
 
A EVOLUÇÃO DA MARCA SUPERMAN - TCC de Ed Truppel
A EVOLUÇÃO DA MARCA SUPERMAN - TCC de Ed TruppelA EVOLUÇÃO DA MARCA SUPERMAN - TCC de Ed Truppel
A EVOLUÇÃO DA MARCA SUPERMAN - TCC de Ed Truppel
 
Boulevard Residence Lotes de 400 a 700m
Boulevard Residence Lotes de 400 a 700mBoulevard Residence Lotes de 400 a 700m
Boulevard Residence Lotes de 400 a 700m
 
Reserva das Artes Aptos de 4 Quartos de 168 e 198m Noroeste
Reserva das Artes Aptos de 4 Quartos de 168 e 198m NoroesteReserva das Artes Aptos de 4 Quartos de 168 e 198m Noroeste
Reserva das Artes Aptos de 4 Quartos de 168 e 198m Noroeste
 
Google Material Design - Conceito, aplicações, código e web components
Google Material Design - Conceito, aplicações, código e web componentsGoogle Material Design - Conceito, aplicações, código e web components
Google Material Design - Conceito, aplicações, código e web components
 
Técnicas de Atendimento ao Novo Cliente
Técnicas de Atendimento ao Novo ClienteTécnicas de Atendimento ao Novo Cliente
Técnicas de Atendimento ao Novo Cliente
 
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceFlat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
 
Do texto ao PowerPoint
Do texto ao PowerPointDo texto ao PowerPoint
Do texto ao PowerPoint
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
 
O ambiente de marketing
O ambiente de marketingO ambiente de marketing
O ambiente de marketing
 
Design de Conteúdo: Conversão
Design de Conteúdo: ConversãoDesign de Conteúdo: Conversão
Design de Conteúdo: Conversão
 
Tipologia na Produção Gráfica
Tipologia na Produção GráficaTipologia na Produção Gráfica
Tipologia na Produção Gráfica
 
Conteúdo para Conversão Pt2
Conteúdo para Conversão Pt2Conteúdo para Conversão Pt2
Conteúdo para Conversão Pt2
 
Projeto Web - Resumo P2
Projeto Web - Resumo P2Projeto Web - Resumo P2
Projeto Web - Resumo P2
 
Academia Criativa
Academia CriativaAcademia Criativa
Academia Criativa
 
Desbloqueio Criativo
Desbloqueio CriativoDesbloqueio Criativo
Desbloqueio Criativo
 

Estudo sobre flat design