Esse visual esboçado: tendências, dicas e ferramentas para o uso de rabiscos no design
É sempre divertido realmente mergulhar em uma tendência de design popular e ver quem está fazendo isso, como funciona, o que se comunica e como você pode experimentá-lo.
Fique conosco como fazemos exatamente com os designs modernos de doodle que você vê em toda a Web no momento.
Explore o Envato Elements
Detecção de tendências
Uma das minhas facetas favoritas de estudar design é procurar e analisar tendências generalizadas. Gosto de considerar as decisões de design coletivo de certas gerações, locais ou qualquer outro grupo e o que as levou à aceitação e rejeição de certas idéias.
No entanto, há mais do que psicologia. Também gosto de analisar as especificidades de como executar o estilo geral que esses designers estão implementando.
Pensar nas tendências do design ajuda a expandir seus horizontes como designer. Às vezes, fornece informações sobre novas idéias; outras, ajuda a identificar táticas em excesso que você deve evitar! De qualquer forma, você se beneficia prestando atenção ao mundo ao seu redor e ao que é atualmente popular do ponto de vista visual.
Tome cuidado especial para observar fontes em outdoors, anúncios impressos, sites e letreiros de janelas de fast food. Pense em que tipo de designers de fotografia em determinados campos se interessa. Todas essas informações têm uma maneira de serem armazenadas silenciosamente na parte de trás do seu cérebro e ressurgir quando você abre o Photoshop e olha fixamente para a tela em branco.
Hoje vamos dar uma olhada em uma tendência que eu comecei e mais recentemente. Não é de modo algum algo novo, mas, por qualquer motivo, parece ser o atual favorito dos designers.
Design esboçado
Uma tendência que surgiu há vários anos e que de repente viu um ressurgimento é o uso de obras de arte esboçadas muito básicas como elemento principal de design.
Isso pode e pode assumir muitas formas, mas o tipo de que estou falando é uma fidelidade muito baixa, desenho de linha de desenho animado que quase qualquer um poderia criar. Esta é uma ótima notícia para quem quer recriar esse visual, porque você pode finalmente adotar o fato de que suas habilidades de desenho são ruins!
Exemplos
Vamos dar uma olhada rápida na web para ver os tipos de projetos de que estou falando e quais padrões emergem.
Rabiscos de fundo denso
Um uso popular da aparência de esboço simples é usar as ilustrações como textura de fundo. Isso geralmente assume a forma de ilustrações e texto densamente compactados, que geralmente são exibidos de volta a uma opacidade reduzida.
Observe como esses dois exemplos usam os elementos esboçados no plano de fundo e no primeiro plano. Novamente, a separação é mantida através de simples opacidade e diferenças de cores.
Animações
Curiosamente, em quase todos os exemplos que encontrei, incluindo os dois já usados, as animações foram usadas em conjunto com os elementos esboçados.
A natureza das animações é tipicamente bastante simples e não exatamente o material dos desenhos animados da manhã de sábado. A estrutura básica das ilustrações permanece estática, por exemplo, nenhum personagem balança os braços ou algo tão complexo. Em vez disso, os itens são simplesmente movidos pela página ou girados para que pareçam mais dinâmicos.
Como estamos acostumados a ver ilustrações dando vida, esse tipo de design se presta notavelmente à animação básica. Depois que você terminar de implementar seus esboços, jogue alguma mágica em jQuery ou CSS para trazer algum interesse adicional para a página.
Setas e tipo
O uso mais básico da aparência esboçada que eu já vi é a adição de setas esboçadas e / ou texto logo acima do que normalmente é um design da Web muito típico.
Em vez de basear todo o design em uma sensação esboçada, esses designers usam ilustrações básicas para violar a estética estabelecida e chamar sua atenção para áreas-chave.
Adicionando outra dimensão
A moda do esboço é frequentemente aprimorada com a adição de elementos tridimensionais. Lembre-se de que o estilo geral de baixa fidelidade e a natureza apressadamente desenhada do esboço permanecem constantes; a natureza do esboço é apenas mais realista em sua profundidade e perspectiva.
O que é isso se comunicando?
Antes de abordarmos algumas maneiras fáceis de implementar esse estilo em seus próprios designs, é crucial considerarmos as implicações dessa ação.
Sempre que você toma uma decisão de design estético, está comunicando certas coisas aos seus visitantes, quer você queira ou não. Por exemplo, esse estilo específico é de natureza muito amigável. Ele comunica uma atmosfera muito informal, acolhedora e não muito séria.
Conceitos
Essas ilustrações geralmente parecem patetas e divertidas, mas também podem ser usadas para comunicar idéias como inovação (geralmente esboçamos nossas idéias), ingredientes totalmente naturais ou algum tipo de iniciativa ecológica, criatividade (empresas de design usam esse método frequentemente) ou até um estilo de vida excitante e nervoso.
Você simplesmente não pode evitar, os esboços de guardanapos de coquetel nunca dirão "limpo e corporativo" ou "sério e profissional", se seu objetivo for criar um desses estilos, procure outro tema visual em outro lugar.
Recursos Livres
Agora que examinamos onde e como esse estilo de design está sendo usado e o que ele comunica efetivamente, é hora de descobrir como recriá-lo.
Como em qualquer estilo de design popular, há toneladas e milhares de recursos gratuitos que podem economizar muito trabalho. Eu sempre incentivo o design a partir do zero, quando você tem tempo, mas vamos enfrentá-lo, prazos rígidos falam mais alto do que boas intenções.
Fontes
Existem toneladas de fontes esboçadas gratuitas, aqui estão alguns candidatos notáveis que você deve conferir. Cada um representa um estilo significativamente diferente do tipo esboçado.
Pontudo
Pointy é definitivamente uma das fontes esboçadas mais populares devido à sua natureza 3D. Isso é bom e ruim. Por um lado, provavelmente é exatamente o que você está procurando, por outro, é muito usado em excesso.
VAG-HandWritten
Uma fonte rabiscada à mão decentemente crível, perfeita para quando você deseja emparelhar com a aparência de seta desenhada que vimos acima.
Idolwild
Eu gosto de serifas de laje, aqui está uma boa esboçada com uma sensação decididamente cômica.
Bom cachorro
Aqui está uma opção decente para quando você precisar de uma fonte mais ousada. As fontes em negrito manuscritas podem ser muito feias, então pegue as que você encontrar imediatamente.
Agora, essas fontes são incompletas, mas ainda baseadas em tipografia. Lembre-se de que, como alternativa aos pincéis abaixo, você pode encontrar algumas fontes decentes de doodle dingbat se você se esforçar o suficiente. Confira Tombats 7 e 2Peas GGs Love Me para começar.
Escovas
Se você quiser economizar tempo eliminando todos esses rabiscos, aqui estão alguns pincéis de esboço pré-criados para o Photoshop.
Escovas de esboços de Dayz da escola
Jogo de escova 45 - HandmadeDoodles
Doodles criativos T9
Escovas de randomage fofas
Escovas de seta Doodle
Escovas de seta Doodle
Aplicativos para criar seus próprios rabiscos
Os recursos acima são bons, mas o estilo dessas ilustrações é tão básico que você não terá problemas para criar obras de arte a partir do zero, se tiver tempo. No entanto, desenhar com o mouse quase nunca é divertido; portanto, você precisa de um sistema melhor para gerar a arte.
O jeito da velha escola é, obviamente, pegar papel e lápis, mas digitalizar obras de arte é uma dor. Se você deseja seguir o caminho mais sofisticado, nada supera um Wacom com tela sensível ao toque ou outro tablet de desenho dedicado. Infelizmente, muitos de nós não têm orçamento para comprar um tablet de desenho apenas porque estamos com preguiça de digitalizar um esboço. Felizmente, há uma alternativa mais prontamente disponível.
Hoje em dia, embora a maioria de nós já tenha pelo menos um dispositivo touchscreen. Consiga uma caneta de US $ 8 e seu iPhone e iPad se tornarão ferramentas impressionantes de desenho digital. Aqui estão alguns aplicativos para conferir.
Ideias Adobe
O Ideas é o aplicativo ideal para esse tipo de trabalho e deve ser definitivamente o local onde você inicia sua pesquisa. É simples, gratuito, custa US $ 5, 99 e exporta PDFs vetoriais que você pode levar diretamente para o Illustrator para outras manipulações.
Sketchbook Pro
O Sketchbook Pro é uma ferramenta de desenho séria, perfeita para criar rabiscos simples e obras de arte altamente realistas. Também não deixe de conferir a versão para Mac.
LiveSketch HD
Quando eu quero criar algo realmente único, é aqui que eu me viro. É um aplicativo peculiar que parece trabalhar com um lápis mais do que a maioria dos outros. Você vai adorar ou odiar, mas por apenas US $ 2, eu recomendo que você experimente.
Going 3D
Se você deseja criar um esboço em 3D como o mostrado no início deste artigo, não procure mais, o SketchUp, aplicativo gratuito do Google. Você pode obter um modelo 3D básico em minutos e convertê-lo instantaneamente em um dos muitos estilos esboçados integrados.
Para obter mais informações, consulte nosso tutorial recente sobre Design de um mapa da cidade 3D esboçado
Conclusão
Este artigo deve fornecer tudo o que você precisa saber sobre rabiscos simples no design. Começamos examinando alguns sites ao vivo que usam essa técnica e encontramos algumas idéias e sugestões sólidas para implementá-las. Em seguida, analisamos algumas fontes e pincéis que podem ajudá-lo a obter esse visual com pouco ou nenhum esforço e concluímos com alguns aplicativos que ajudarão você a criar sua própria arte nesse estilo.
Deixe um comentário com um link para qualquer trabalho que você tenha visto neste estilo. Nós queremos ver!
