Login / Registre-se Account
Jump to section

As ilustrações contam histórias de uma maneira atraente que não seria possível com fotografias e os ícones. Usamos ilustrações para demonstrar conceitos, contar histórias e descrever ideias diferenciadas de forma autêntica.

Tipos de ilustrações

Mini-spots
As ilustrações mini-spot transmitem um conceito único e simples para dar suporte a um título ou texto. Elas são um pouco mais complexas do que os ícones e sempre usam nossa paleta vermelha de uma cor com a textura de pontos.

Spots
As ilustrações spot ajudam a transmitir uma ideia ou história numa escala de pequena a média, e devem ser usadas com textos de apoio. Elas são mais complexas do que as mini-spots e usam uma paleta de 3 a 7 cores.

Quando usar ilustrações

Use ilustrações quando um assunto for muito complicado ou abstrato para ser entendido de outra forma e os ícones ou diagramas forem muito técnicos. Diagramas e gráficos são úteis para apresentar dados, enquanto as ilustrações constroem uma estrutura narrativa ou demonstram um conceito. As ilustrações também funcionam bem em animações que usem o mesmo estilo visual.

Ao criarmos ilustrações, precisamos ter certeza de que o design é: 

Ativo, e não passivo.
As ilustrações precisam sugerir movimento e atividade. Ao retratar pessoas, elas devem ser dinâmicas, em vez de rígidas ou estáticas.

Profissional, e não extravagante.
Nosso estilo é refinado e adequado à natureza complexa de nossas soluções. Não somos excessivamente fofos, caricatos ou infantis.

Informativo, e não decorativo.
Nossas ilustrações precisam envolver um público de negócios que tem conhecimento de software de nível empresarial. Nosso objetivo vai além de atrair a atenção do público em geral.

Aberto, e não fechado.
Com diversidade de pessoas e pensamentos, as melhores ideias vêm de todos os lugares. Evitamos descrições e representações homogêneas das empresas tradicionais.

Usando cores nas ilustrações

Usamos uma paleta de cores limitada em vez de realista para nossas ilustrações. Escolha cores da paleta de nossa marca para transmitir o tom da sua mensagem. As paletas de cores das ilustrações variam de simples (1 a 2 cores) a complexas (5 ou mais cores).

Cores mínimas
Paletas de cores mínimas são ideais para a maioria das ilustrações de marca. Escolha cores com contraste forte e use texturas para acrescentar profundidade e dimensão.

Cores ricas
Paletas de cores ricas são ideais para ilustrações ousadas que chamem a atenção. Escolha combinações de cores com propósito e não use texturas.

Escolha um conjunto limitado de cores da paleta da nossa marca.

Não force uma cor em uma ilustração apenas para torná-la realista.

Luz e sombra

Toda cena de ilustração deve ter uma fonte de luz clara. Use variações claras e escuras consistentes para criar luz e sombra.

 

Se a luz estiver vindo do canto superior direito, as sombras serão projetadas no lado esquerdo. As sombras devem cair sobre os objetos de forma natural e orgânica.

 

Use sombras para mostrar que os objetos na cena têm corpo e profundidade.

 

Oculte detalhes desnecessários usando luz e sombra.

 

Use cores de sombra que façam sentido com a paleta em geral.

Posicione e use apenas uma fonte de luz.

image

Não misture fontes de luz.

Contraste
Use cores que tenham alto forte. Cores vivas chamam a atenção e cores menos saturadas dão profundidade. Use esse contraste para separar o objeto focal do fundo.

 

Textura
Nosso estilo de ilustração apresenta dois padrões de textura. Use texturas como destaques em ilustrações com apenas uma cor ou de cores mínimas. Para manter as ilustrações abertas e organizadas, as texturas não devem ser usadas como preenchimento de fundo ou para cobrir áreas extensas.

Use texturas como destaque em ilustrações de cores limitadas.

Não use texturas como preenchimento de fundo ou para cobrir áreas extensas.

Diversidade e inclusão

A diversidade e a inclusão são uma parte significativa do nosso processo de criação de ilustrações. Nossas ilustrações são sempre revisadas por designers, colegas e comunidades de diversidade e inclusão da Red Hat®. Para sermos intencionais e atenciosos, reservamos tempo para pesquisar, ouvir e ajustar. Com nossas ilustrações, pretendemos exaltar aqueles que foram marginalizados por sua aparência, habilidade ou identidade.

Inspire-se em pessoas reais para criar seu design e use fotos como referência.

Nossas ilustrações mostram que cada ser humano é diferente e que essas diferenças são bem-vindas. Usamos fotos de pessoas reais como base para nossas ilustrações, e não as ideias que fazemos delas, para evitar preconceitos e estereótipos não intencionais. Não há espaço para erros. Se não tivermos tempo suficiente para as etapas anteriores, optamos por uma alternativa sem ilustrações de pessoas. Nossas ilustrações representam uma comunidade diversificada, refletindo o mundo como ele realmente é.

Crie uma estrutura facial e traços realistas.

Não faça pessoas excessivamente arredondadas e simplificadas.

Use pessoas reais como referência e customize-as de acordo com a nossa marca.

Não crie ilustrações de pessoas copiadas exatamente como na foto.

Use referências para ilustrar pessoas em poses naturais e autênticas.

Não simplifique demais as pessoas a ponto de parecerem duras e inverossímeis.

Mostre a diversidade nas pessoas e use detalhes, como roupas e acessórios, para conferir personalidade.

Não crie pessoas que pareçam genéricas ou não intencionais.

Tons de pele
Em uma ilustração ou conjunto de ilustrações, os tons de pele precisam ser consistentes e incluir a diversidade do nosso público. Use variações claras e escuras de vermelho e laranja para tons de pele, mas não as tonalidades mais saturadas dessas cores. A cor usada para os tons de pele precisa combinar com o restante da ilustração. Por exemplo, use tons avermelhados em uma ilustração com detalhes vermelhos. Ao usar apenas uma cor para ilustrar, use a cor de fundo para todos os tons de pele em vez de preenchimento ou textura.

Tons de pele avermelhados

Tons de pele alaranjados

Para ilustrações de apenas uma cor, use a cor de fundo para todos os tons de pele.

Não use preenchimento ou textura para os tons de pele em ilustrações de apenas uma cor.