8 maneiras de usar ícones e elementos desenhados à mão
Embora muitas vezes haja um foco nos elementos de design com pixel perfeito, eles não são adequados para tudo. Às vezes você quer algo com um pouco mais de capricho. Algo um pouco mais autêntico!
Ícones ou elementos desenhados à mão podem ser a técnica de design correta para adicionar algo especial a um projeto. Embora a maioria dos designers não fique louca com elementos que parecem desenhados à mão, alguns toques podem adicionar uma sensação pessoal à qual os usuários são atraídos.
É algo que também é tendência em web design. Desde um rabisco em um ícone, a uma experiência completa que é igual usabilidade e arte, os elementos desenhados à mão são uma opção de design popular. Aqui estão oito novas maneiras de usar essa tendência!
Criar separação
Os elementos de design desenhados à mão podem ser misturados e combinados com quase qualquer tipo de outra exibição visual. Eles podem trabalhar ao lado de fotos ou vídeo, em um mar de espaço em branco ou perto de elementos de texto. Não elimine o conceito de usar esse tipo de elemento, pois você tem medo de como ele pode se encaixar no padrão geral de design.
Tente; nunca se sabe.
O Digital Visitor usa esses elementos em todo o design para criar uma separação entre elementos e bits no conteúdo. Embora os elementos na página inicial sejam meramente pontos, existem exemplos em vários lugares abaixo do pergaminho e até o favicon tem esse toque desenhado à mão.
O posicionamento de cada elemento é projetado para garantir que o usuário esteja visualizando o conteúdo certo. No exemplo acima, o elemento está no centro da tela, usado para criar separação entre duas áreas de conteúdo. No design mais baixo, elementos semelhantes são usados no estilo de ícone em pequenas caixas de texto para mostrar o que a empresa faz.
Doodles interativos
Elementos desenhados à mão podem divertir peças interativas no design. Desde o carregamento de animações - muitos dos exemplos de sites nesta publicação usam esse estilo - até uma experiência totalmente interativa, essa técnica de design é interessante o suficiente para despertar o interesse do usuário.
O Real Estate Stained Glass é um belo exemplo de jogo interativo que combina a tendência de design do site e o elemento criativo, permitindo que os usuários coloquem desenhos na tela. O que une isso é que, enquanto o visual é desenhado à mão, os elementos são precisos e funcionam perfeitamente. Colorir funciona como deveria - e você não rabisca fora das linhas - para uma experiência que manterá os usuários conectados.
Tipografia quase desenhada
Às vezes, os melhores elementos desenhados à mão não são realmente escritos. Os estilos de tipografia que imitam a caligrafia são particularmente populares, especialmente para fins de exibição.
Esse estilo de tipo tem uma sensação mais leve e agradável com a qual os usuários podem se relacionar. (O truque é garantir que as letras sejam altamente legíveis.)
O Tradewinds Hotel faz um ótimo trabalho com um tipo de letra cursivo simples, grande o suficiente e legível o suficiente para ler de relance. O suporte à tipografia é tudo em um estilo simples, sem serifa, o que ajuda a dar ênfase ao tipo de letra da tela e também mantém tudo fácil para o usuário digerir.
Design Divots
Alguns elementos desenhados à mão servem a um propósito puramente visual. Eles existem para criar um fluxo ou sentir o design que pode ser difícil de estabelecer de outras maneiras. Esses divots podem ser especialmente divertidos quando usados em lugares minúsculos em todo o design.
A fabricação de cerveja da mãe faz exatamente isso. Há um grande coração na página inicial - é óbvio. Mas também existem pequenos elementos em quase todas as outras páginas - alguns óbvios, outros bastante ocultos. Cada botão possui toques desenhados à mão com o design da faixa de opções, os elementos aparecem em segundo plano e se sobrepõem aos elementos deslizantes para preencher o espaço morto no design. O efeito geral é inteligente e visualmente interessante.
Para definir o humor
Os elementos de design desenhados à mão geralmente assumem um tom mais leve e divertido. Eles podem dar esse tipo de vibração a quase qualquer projeto e, quanto mais elementos desenhados à mão você usar, mais leve será o projeto.
O Signs for Science é um ótimo exemplo de como empacotar um design com elementos desenhados à mão para uma estética divertida, quase infantil (a cor também contribui). Da tipografia aos ícones, para sublinhar os sublinhados, todo o conceito tem um humor muito específico. É criativo, leve e incentiva a interação do usuário.
Demonstrar Criatividade
Um conceito de design desenhado à mão pode ser uma grande oportunidade para o design de um site de portfólio, pois pode enfatizar a criatividade. Esses elementos colocam mais foco no processo de design e em como o pensamento e o trabalho que podem entrar em um projeto.
(Além disso, é uma maneira divertida de alongar os músculos criativos.)
O Feebles usa elementos desenhados à mão para a imagem principal da maneira acima e combina com o logotipo desenhado à mão no canto superior esquerdo. (Você pode sentir falta se não olhar de perto.)
Para ícones ou logotipos
Como esse é um dos usos mais populares de elementos desenhados à mão, não estava no topo da lista. (Principalmente para ajudá-lo a pensar em outras idéias antes de pular para algo mais comum.)
Toques desenhados à mão podem ser um ótimo complemento para um ícone ou logotipo. De rabiscos a formas descentradas ou círculos que não são bem redondos, a imperfeição adiciona caráter e charme onde os estilos perfeitos de formas de computador não podem.
Terra mais alta usa o rabisco para separar as letras no logotipo em estilo de ícone. O estilo minimalista é impressionante e eficaz, e o elemento desenhado à mão confere-lhe uma personalidade que uma linha reta não transmitiria.
Como efeitos animados
Dê vida a um elemento desenhado à mão com animação.
As imagens desenhadas na tela podem ser divertidas de se ver e assistir. Embora o benefício óbvio para o usuário seja o entretenimento enquanto ele assiste a algo ganhar vida, também existem benefícios para o proprietário do site: aumento do tempo no site e potencial para mais conversões.
Longa história curta usa esse conceito na página inicial. Primeiro, desenhe o logotipo, que usa um estilo de tipografia desenhado à mão. E, em seguida, animá-lo em um pacote de projetos de design, que se move rapidamente e inclui vários desenhos à mão no processo. O loop inteiro dura apenas alguns segundos.
Conclusão
Mesmo que você não consiga desenhar, a simulação de elementos desenhados à mão em projetos de design pode adicionar um toque pessoal que os usuários apreciam. Da tipografia aos jogos, ao carregamento de animações, esses elementos podem mostrar criatividade e personalidade.
Embora um elemento desenhado à mão não seja para todos os projetos, pense nisso na próxima vez que você precisar melhorar o clima ou adicionar um pouco de algo para manter os usuários. Mantenha a ideia simples e conecte-a a um tema que transporta todo o design. E divirta-se! É disso que se trata esses elementos.
