Ilustração

Visão geral

As ilustrações transmitem significado à primeira vista, simplificando ideias complexas e aumentando a compreensão do usuário por meio de storytelling visual. Isso preenche a lacuna entre os conceitos técnicos e a compreensão do usuário, tornando as ideias abstratas mais tangíveis e envolventes.

Nos produtos e serviços da Cloudflare, as ilustrações capturam a atenção, despertam a curiosidade e orientam os usuários de forma eficaz. Elas transformam conceitos intangíveis em recursos visuais identificáveis, melhorando a clareza e a acessibilidade.

Princípios básicos

Simples e claro

Focar no essencial. Reduzir detalhes desnecessários para que os elementos significativos se destaquem. Usar linhas limpas, formas simples e uma paleta de cores mínima para manter os recursos visuais fáceis de interpretar.

Mostrar, não contar

Usar metáforas e analogias para representar ideias complexas. A ilustração deve ajudar quem visualiza a entender um conceito rapidamente, sem precisar de muito texto.

Consistência é fundamental

Seguir rigorosamente a paleta de cores, a tipografia e a espessura das linhas da marca Cloudflare e reutilizar imagens icônicas da biblioteca existente. Isso garante que todas as ilustrações façam parte de uma linguagem visual coesa da nossa marca.

Ilustração da marca - Garantir escalabilidade

Garantir a escalabilidade

As ilustrações devem ser igualmente legíveis e eficazes em tamanhos pequenos e grandes.

Ser acessível

Design com acessibilidade em mente. Garantir linhas, formas e cores distintas usando padrões e rótulos para diferenciar os elementos, especialmente se eles tiverem funções diferentes. Garantir o contraste entre as cores e fornecer descrições de texto alternativas para todas as ilustrações não decorativas, para que possam ser compreendidas por pessoas que usam leitores de tela.

Ilustração da marca - Incorporar a marca

Incorporar a personalidade da marca

Usamos ilustrações para expressar o caráter único da nossa marca. As ilustrações não devem ser apenas claras, mas também imediatamente reconhecíveis como nossas. Adotar nossa linguagem visual específica e incorporar nossa paleta de cores única, inteligência e peculiaridades distintas em cada peça.

Estilo e composição

Ilustração da marca - Personalidade das pessoas

Pessoas e personalidade

A diversidade é uma parte integrante da forma como ilustramos as pessoas na Cloudflare. Diferentes características, tons de pele, penteados e roupas devem ser usados para dar personalidade às nossas ilustrações e representar a diversidade de nossos funcionários e clientes.

Baixar as diretrizes para ilustrar pessoas

2-D e isométrico

Embora o estilo seja principalmente bidimensional, algumas ilustrações utilizam degradê e sombreamento sutis para criar uma sensação de profundidade e dimensão. Isso evita que pareçam excessivamente simplistas. Em alguns casos, ilustrações isométricas transmitem melhor o significado.

Não

Não complicar demais os recursos visuais com elementos desnecessários que podem confundir ou distrair os usuários.

Não introduzir estilos ou esquemas de cores não relacionados, pois isso pode criar confusão e diminuir o reconhecimento e a confiança da marca.

Não utilizar imagens clichês ou usadas em excesso, sem originalidade. Há muitos fatores que tornam a Cloudflare única. Focar na diferença.

Não apresentar usuários ou ambientes de forma homogênea. Procurar representar uma variedade de usuários sempre que possível. Não perpetuar estereótipos, preconceitos ou concepções errôneas que causem vieses culturais.

Paleta de cores

A paleta de cores do nosso estilo de ilustração é baseada na marca Cloudflare. Ela apresenta predominantemente tangerina, manga e rubi, com framboesa e cereja criando uma sensação de calor e otimismo. Essas cores são complementadas por um conjunto de cores mais frias, incluindo amora, roxo, cinza claro e azul claro, que proporcionam equilíbrio e contraste. O branco é usado como um tom neutro fundamental, conferindo às ilustrações um aspecto limpo e moderno. O efeito geral é profissional, confiável e sutilmente energético.

Em nossas ilustrações de marca, as cores vermelho e verde são usadas com um propósito específico. O vermelho representa perigo ou ameaça evidentes, sinalizando ataques cibernéticos, violações de segurança ou uma ação malsucedida. Por outro lado, o verde transmite segurança, sucesso e proteção, ilustrando conexões seguras, defesas eficazes ou uma ação concluída. O uso dessas cores de forma consistente em todos os nossos recursos visuais garante uma experiência unificada e intuitiva para nossos clientes, ajudando-os a compreender rapidamente o estado de sua segurança.