A ilustração é uma forma vibrante e variada de comunicação visual. Como disciplina de design, mescla a clareza da mensagem do design gráfico com a capacidade expressiva das artes plásticas. No auge, a ilustração faz algo que a fotografia não pode. Retrata o que é familiar a partir de uma perspectiva inatingível aos olhos humanos.
O recente afluxo de marcas que usam ilustração online é uma das melhores coisas que já aconteceu na web em muito tempo. Trouxe vibração, humor e clareza a uma série de propostas de negócios e permitiu que as empresas contassem suas histórias com mais clareza.
Apesar dos aspectos positivos, existem problemas. Em sua essência, a ilustração é uma ferramenta para contar histórias, mas à medida que sua popularidade aumenta, ela se volta para o obrigatório. Temos um site, portanto devemos ter ilustrações .
Sem visão estratégica, ilustração é ornamentação, a antítese da originalidade. A história é descartada, a imaginação abandonada. Sites individuais perdem a distinção e todos os produtos e serviços ilustrados se misturam.
Um funcionário bem vestido está sentado em uma mesa arrumada operando uma interface abstrata que se funde com o mundo real conforme textos e e-mails voam em aviões de papel que pousam em um gato dormindo ao lado de uma planta frondosa, enquadrando uma pessoa fazendo ioga enquanto bebe kombucha aplicativo do qual emerge uma mão gigante que assina um contrato com uma caneta-tinteiro enorme .
Certamente você já viu.
Existem quatro culpados que ameaçam a viabilidade a longo prazo da ilustração na web.
Réu 1: falta de inteligência nas imagens
A origem
A ilustração tem uma rica história de instigação . Por centenas de anos, ele tem sido usado como uma forma de comentário social. Por quê? Porque esclarece de maneira pungente a natureza complexa dos assuntos humanos. Quando as pessoas são contraditórias, quando as experiências são confusas, a ilustração torna isso óbvio - em um instante.
O objetivo da ilustração não é a controvérsia por si só. Em vez disso, o objetivo é fazer com que as pessoas parem e reflitam sobre um ponto de vista, mesmo que ele entre em conflito com o deles. Na melhor das hipóteses, a ilustração é o momento definitivo.
Configurando plano de contas
O problema
A demanda atual por conteúdo visual roubou muito dos poderes de elucidação da ilustração contemporânea na web. Online, a ilustração raramente instiga; principalmente, ele instrui ou embeleza.
Em muitos sites, as ilustrações são representações visuais de um para um do texto com o qual estão associadas. Experimente nosso recurso de agendamento exclusivo! [Inserir ilustração monoline do calendário]
Ou eles retratam pessoas vivendo cenários da “melhor vida” graças aos produtos e serviços adquiridos. Experimente nosso recurso de agendamento exclusivo! [Inserir ilustração de um laptop bebendo café cumprimentando uma agenda com rosto sorridente]
Nenhuma das abordagens é potente o suficiente para evitar que as ilustrações do site percam seu estilo narrativo.
O remédio
Alguns conceitos são difíceis de ilustrar. Existem produtos e serviços que não são empolgantes ou facilmente vinculados às experiências humanas. Aqui, ilustradores deve cavar mais fundo durante a criação do conceito. Para descobrir os ângulos mais atraentes de um tópico, explore seu lado negro.
- Quais são os grandes pontos fracos e por que eles existem?
- Quem é mais afetado financeiramente, profissionalmente ou emocionalmente?
- Existem pontos de vista conflitantes ou controversos entre empresas, clientes ou especialistas?
Perguntas como essas funcionam com a maioria dos produtos vendidos online. Como ilustradores, muitas vezes temos a tarefa de mostrar o que é bom, mas se não entendermos o que é ruim, vamos buscar tropas cansadas. Na verdade, esse equilíbrio positivo / negativo é um aspecto fundamental da narrativa. Sem os baixos, os altos ilustrativos perdem seu impacto.
Trabalho bem executado: Grande Cartel
Culpado 2: Novidade Rampant Imitation Ruins
A origem
Imitação e criatividade não são diametralmente opostas. Desde o primeiro mundo civilizações , artistas e designers cultivaram a criatividade por meio do mimetismo. Um estilo atraente chama a atenção. Nós o examinamos, desconstruímos e reunimos sua técnica para aprimorar nosso próprio trabalho. Isso é crescimento.
Em um mundo perfeito, a imitação se limitaria a aprender e comentar. Os estilos copiados seriam transformados, tanto visual quanto conceitualmente. Raramente funciona assim.
O problema
A imitação rejeita a evolução. Quando encontramos um estilo popular e nos prendemos à sua órbita, somos como aprendizes do velho mundo com um toque sinistro. Nós nos apropriamos indevidamente dos atributos estilísticos dos ilustradores que “seguimos” e promovemos os resultados como nossos.
As marcas são cúmplices. A Empresa X quer o estilo de ilustração da Empresa Y, então eles encomendam uma cópia. Isso acontece repetidamente, site após site, cada iteração introduzindo novas camadas de entropia. Eventualmente, toda uma indústria emprega um desfile de clones degenerados, como Michael Keaton em Multiplicidade .
Não procure mais além do estilo de ilustração predominante da paisagem SaaS. É constrangedoramente homogêneo.
O remédio
Existem inúmeros caminhos além da imitação. Nenhum requer gênio criativo ou a exclusão de inspiração externa. Muito pelo contrário; ilustradores precisam de ampla exposição ao material de referência. Quanto mais vemos e armazenamos, mais podemos reinterpretar. Uma série de exploratórias exercícios e possivel:
- Mashup de história . Reimagine um estilo de ilustração inspirador através dos olhos de um artista talentoso.
- Redesenho rápido . Desenhe um objeto com cuidado enquanto faz referência ao estilo de outro ilustrador. Em seguida, redesenhe rapidamente o mesmo objeto 7 a 10 vezes sem o estilo de referência e abrace as peculiaridades que surgirem.
- Adicionar uma regra . Crie uma restrição que impacte o processo de ilustração. Por exemplo: Posso apenas desenhar linhas retas. Eles podem ter qualquer comprimento ou ângulo, mas devem ser retos.
- Troca de ferramenta . Imite um estilo de ilustração com uma ferramenta de desenho que não é adequada para o trabalho. Por exemplo, se o estilo depende de linhas precisas, replique-o com tinta e um pincel de cerdas macias.
- Interpretação cega . Compile uma coleção de 3-4 estilos de ilustração atraentes e peça a um colega para descrever um por escrito. Descarte todos os estilos de referência originais e use a descrição escrita para informar as escolhas criativas.
Trabalho bem executado: Toggl
Culpado 3: os sistemas de ilustração ficam velhos e rígidos
A origem
A nossa era é de obsessão por sistemas de design, decorrente da necessidade de manter experiências consistentes em vários pontos de contato da marca. Não que os sistemas de design sejam novos. Os sistemas editoriais existem há mais de um século, mas o pensamento sistêmico é urgente devido ao número de canais digitais que as marcas utilizam agora.
Da mesma forma, as marcas empregaram estilos de ilustração distintos por décadas, mas os sistemas de design modernos introduziram uma nova consideração: Como tornamos nosso estilo de ilustração sistemático?
Cores, texturas, proporções e tipos de corpo são cuidadosamente definidos. Os resultados são exibidos com muito alarde. O tempo revelou uma falha.
O problema
A ilustração e o design da interface não são iguais. Quando um sistema de design informa o estilo de uma interface, o resultado é uma coesão feliz que orienta os usuários em seu ambiente digital. A arquitetura da informação é um marco. A navegação é um hábito. Mas um estilo ilustrativo conduzido por sistema sufoca o impulso criativo - aquela súbita ignição de novas ideias freneticamente capturadas e refinadas.
Não é que os sistemas sejam inerentemente ruins. Quando os sistemas funcionam em Apoio, suporte dos conceitos de imagem, os ilustradores podem realmente achar as restrições libertadoras. Mas quando as imagens são concebidas através das lentes de um sistema, as idéias enfraquecem enquanto os ilustradores repousam na falsa confiança da coesão: Ele se encaixa no sistema, então funciona!
Gradualmente, mais esforço é direcionado à manutenção do sistema. Pesos de linha e artigos de vestuário anulam conceitos atraentes. Finalmente, o estilo e a capacidade de contar histórias da ilustração murcham e morrem.
O remédio
A ilustração traduz a complexidade da engenhosidade e emoção humanas. Convida os de fora a apreciar experiências às quais podem não estar acostumados. A capacidade da ilustração de ser um veículo de identidade da marca é secundária. Eles não devem ser revertidos.
Para evitar que as imagens fiquem rígidas, construa sistemas de ilustração com base em princípios temáticos. A voz e os valores de uma marca não são apenas fontes para decisões estilísticas. São estratégias de contar histórias que podem ser vistas, interpretadas e recontadas a partir de múltiplas perspectivas - do cliente, da empresa e da concorrência.
Existem etapas práticas que orientam o desenvolvimento e a relevância a longo prazo dos sistemas de ilustração:
- Não se preocupe com regras e detalhes que o espectador comum não percebe.
- Evite aplicar as diretrizes do sistema de uma forma que prejudique a intuição criativa.
- Não bloqueie os sistemas nas mesmas paletas de cores das marcas que eles representam.
- Ocasionalmente, quebre o sistema e desafie os espectadores, convidando ilustradores externos para contribuir com seus próprios estilos exclusivos.
- Planeje a evolução do sistema e permita a experimentação incremental - mesmo quando o estilo atual for bem recebido.
Trabalho bem executado: Notion.so
Culpado 4: as ilustrações de estoque são usadas em demasia
A origem
Muitas empresas exigem grandes quantidades de conteúdo visual em seus sites, mas as restrições de tempo e orçamento limitam o número de gráficos personalizados que podem ser encomendados. Para preencher a necessidade, as empresas recorrem a sites de estoque onde adquirem conjuntos temáticos de ilustrações.
javascript obter data sem hora
Infelizmente, é raro encontrar ilustrações originais, de alta qualidade e pouco utilizadas (para não falar da marca).
O problema
Uma tendência preocupante surgiu no mundo da ilustração de ações. No que só pode ser descrito como um tributo equivocado à era do clipart, agora existem sites de ilustração misturar e combinar que geram instantaneamente imagens “personalizadas”, permitindo que os usuários definam variáveis como gênero, tom de pele e roupas. As ilustrações resultantes são uma mancha na credibilidade criativa das empresas que as utilizam.
O remédio
Para empresas com recursos limitados, existem duas maneiras de contornar a vibração falsa associada às imagens de estoque. O primeiro pode ser uma surpresa. Abrace as ilustrações stock de todo o coração. Vá all in. Use imagens de banco de imagens sem reservas, mas encontre maneiras de personalizá-las. Como?
- Misture e combine diferentes estilos de estoque com colagem digital.
- Combine ilustrações de arquivo com fotografia (até mesmo fotografia de banco de dados).
- Sobreponha elementos desenhados à mão, como marcas de Sharpie ou traços de tinta.
- Faça traçados de amostras de estoque digitalmente empenadas e distorcidas.
- Converta estoque em tons de cinza e infunda cores da marca com gráficos desenhados digitalmente.
A segunda maneira de evitar estoque ao trabalhar em um orçamento é priorizar quais ilustrações são mais necessárias e solicitar um pequeno conjunto. Talvez isso signifique encomendar cinco ilustrações da página inicial. No curto prazo, eles proporcionarão impacto visual e, posteriormente, poderão ser usados para informar um conjunto maior de ilustrações para outros canais.
Trabalho bem executado: Bloomberg Businessweek
Crie Ilustrações de Web Design com Propósito
Na web, a ilustração torna os serviços mais relacionáveis e os produtos mais desejáveis. Ele fortalece a narrativa da marca e ajuda os visitantes do site a entender os fluxos intermináveis de informações que encontram diariamente. Mas apenas ter ilustrações em um site não é suficiente.
Ilustrações que não vão além das representações 1 para 1 de seu texto correspondente são uma oportunidade de engajamento desperdiçada. Da mesma forma, há pouco valor em ilustrações que podem ser confundidas como pertencentes a uma das centenas de outras marcas.
As ilustrações devem cativar os espectadores com um ponto de vista único - estilística e conceitualmente. Eles não precisam ser complexos, foto-realistas ou cheios de cores para serem notados, mas precisam iluminar algo interessante sobre seus assuntos de uma forma que palavras, fotos e diagramas não podem.
A ilustração veio para ficar. Seus poderes comunicativos são persuasivos demais para serem descartados. Mas para empresas e ilustradores que não exploram o potencial expressivo da ilustração, seu valor será passageiro.
• • •
Leituras adicionais no Blog de design do ApeeScape:
- Ilustração 101 da marca: visualizando a narrativa
- Um guia passo a passo para projetar ilustrações personalizadas sem qualquer habilidade de desenho
- Explorando os Princípios de Design da Gestalt
- Retrospectiva de tendências de design UX 2019
- Os princípios do design e sua importância
Compreender o básico
Por que é importante incluir gráficos em um site?
Incluir gráficos como fotos de produtos e ilustrações de web design em sites é uma ótima maneira de ajudar os usuários a entender o texto que estão lendo. Os gráficos fornecem informações visuais sobre os produtos, adicionam cor e estruturam o conteúdo do site. Sem os gráficos, a internet seria um ensaio sem fim.
O que são ícones de sites?
Existem muitos tipos de ilustrações em sites. Os ícones de sites são glifos simplificados usados para representar comandos, notificações e ferramentas. Além disso, existem versões mais detalhadas chamadas ícones especiais, que são usadas para ilustrar serviços e recursos do produto.
Para que são usados os ícones?
Os ícones são abstrações. Eles simplificam objetos, ideias e comandos em símbolos gráficos que podem ser rapidamente identificados pelo olho humano. Os ícones são uma das principais tendências de ilustração da web porque ajudam os usuários a realizar as tarefas desejadas e encontrar rapidamente o que precisam em um site.
Qual é o propósito da ilustração?
A ilustração ajuda os usuários a perceberem a realidade de uma forma familiar, mas deliciosamente incomum. É útil quando uma ideia, produto ou serviço é difícil de explicar em palavras. Por causa da vasta quantidade de estilos de ilustração da web, é uma maneira poderosa de relacionar emoções complexas rapidamente.
Por que os ícones são tão importantes?
Vivemos em um mundo saturado de informações visuais. Ícones e ilustrações de sites nos ajudam a eliminar a desordem e decidir rapidamente o que é importante. Eles nos mantêm felizes com os produtos que usamos todos os dias e, quando funcionam bem, promovem a satisfação com a marca.
