Blog
26/09/2016

Duotone

Hoje trago-vos um artigo de conhecimento, onde vou falar sobre uma técnica que tem ganho bastante popularidade no universo do web design: o duotone.

O que é o duotone?

A explicação mais simples do duotone refere-se à criação ou reprodução de imagens nas quais se eliminam os meios-tons — aquilo que, na fotografia analógica, correspondia ao cinzento médio — e as altas luzes.

Naturalmente, nesta tendência, a maioria das composições recorre ao azul, castanho, vermelho e amarelo.

No entanto, enquanto criadores, podemos escolher as cores que melhor se adaptam ao nosso web design, e é precisamente isso que tem acontecido até hoje.

Por isso, partilho convosco alguns exemplos de sites onde as imagens e ilustrações são claramente influenciadas por esta abordagem criativa.

1. Adidas Football

diseno-web-barcelona-estudio-duotone-01

A estética principal da campanha do site da Adidas baseia-se em imagens duotone a ocupar todo o ecrã.

A imagem é complementada por um fundo a condizer, criando uma atmosfera impactante que transmite a força que a marca desportiva procurava.

2. Mirage Festival

diseno-web-barcelona-estudio-duotone-02

O design do site do Mirage Festival aposta num visual arrojado e irreverente, conseguindo assim destacar-se de outros sites.

A estética do site resulta da combinação entre vermelho e azul, transformando as imagens em duotone.

3. Fjord Trend

diseno-web-barcelona-estudio-duotone-03

Este exemplo mostra-nos uma utilização subtil do duotone, tanto nas imagens como nos fundos.

A solução confere ao web design um destaque extra, reforçando a identidade visual e criando contraste com os detalhes.

4. Triple 9

diseno-web-barcelona-estudio-duotone-04

O duotone é também utilizado em filmes e vídeos, enriquecendo o diálogo entre imagem e espectador, acrescentando dramatismo, intensidade e até brutalidade.

5. La Marine Nationale on Board Careers

diseno-web-barcelona-estudio-duotone-05

Neste caso, não se trata de imagens, mas sim de ilustração. Neste web design, o autor aposta numa ilustração em duotone, recorrendo a diferentes tons de vermelho e branco para realçar o carácter do site.

Em suma, o duotone apresenta inúmeras variantes — pode ser intenso, agressivo, dramático ou, pelo contrário, subtil e delicado.

Vale a pena conhecer esta técnica; o conhecimento abre sempre portas para a utilizarmos, rejeitarmos ou, simplesmente, aprendermos com ela.

Gostou?
Inscreva-se
Artigos relacionados
começamos a trabalhar
no teu projeto?

Analisamos a sua situação atual e definimos o próximo passo.

Entre em contato agora
Nosso site usa cookies para coletar informações sobre seu dispositivo e sua atividade de navegação. Utilizamos esses dados para melhorar o site, garantir a segurança e entregar conteúdo personalizado. Você pode gerenciar suas preferências de cookies clicando aqui.
Aceitar cookies Configurar Rejeitar cookies
Informações básicas sobre cookies
Este site utiliza cookies e/ou tecnologias similares que armazenam e recuperam informações durante sua navegação. Em geral, estas tecnologias podem ter finalidades muito diversas, como, por exemplo, reconhecê-lo como utilizador, obter informações sobre os seus hábitos de navegação ou personalizar a forma como os conteúdos são apresentados. Nossos usos específicos dessas tecnologias estão descritos abaixo. Por defeito, todos os cookies estão desativados, exceto os técnicos, que são necessários para o funcionamento do site. Se desejar mais informações ou exercer os seus direitos de proteção de dados, pode consultar o nosso Política de cookies".
Aceitar cookiesConfigurar
Cookies técnicos necessários Sempre ativo
Os cookies técnicos são estritamente necessários para o funcionamento do nosso site e para a sua navegação. Estes tipos de cookies são aqueles que, por exemplo, nos permitem identificá-lo, dar-lhe acesso a determinadas partes restritas da página se necessário, ou lembrar diferentes opções ou serviços já selecionados por você, como suas preferências de privacidade. Portanto, eles estão ativados por padrão e sua autorização não é necessária. Ao configurar o seu navegador poderá bloquear ou alertar sobre a presença deste tipo de cookies, embora esse bloqueio afete o correto funcionamento das diferentes funcionalidades do nosso site.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Cookies publicitarias
Las cookies publicitarias permiten la gestión de los espacios publicitarios de la web. Además, estas cookies pueden ser de publicidad personalizada y permitir así la gestión de los espacios publicitarios de la web en base al comportamiento y hábitos de navegación de usuario, de donde se obtiene su perfil y permiten personalizar la publicidad que se muestra en el navegador del usuario u otros perfiles y redes sociales del usuario.
Confirmar preferências
Contate-nos
Forma

Conte-nos
seu projeto

Indique o contexto geral da sua organização e o escopo planejado do projeto.
A Code Barcelona, ​​​​como responsável pelo tratamento dos seus dados, procederá ao seu tratamento para responder à consulta e/ou solicitação que nos faça através deste formulário de contacto. Poderá exercer os seus direitos de acesso, retificação, eliminação, bem como outros direitos, consultando a informação detalhada adicional sobre Proteção de Dados no nosso política de Privacidade.
Title
Popupcontent
Análise da sua situação digital

Analisaremos sua situação digital atual. Entraremos em contato para entender o seu contexto e avaliar conjuntamente quais áreas analisar, e posteriormente prepararemos uma auditoria com os principais pontos e recomendações.

A Code Barcelona, ​​​​como responsável pelo tratamento dos seus dados, procederá ao seu tratamento para responder à consulta e/ou solicitação que nos faça através deste formulário de contacto. Poderá exercer os seus direitos de acesso, retificação, eliminação, bem como outros direitos, consultando a informação detalhada adicional sobre Proteção de Dados no nosso política de Privacidade.
Aceptar