Feche o Photoshop e pegue um lápis: a arte perdida dos esboços em miniatura
Muito antes de surgirem os modelos de UI da web, os designers de impressão aprimoravam suas idéias usando um método testado e aprovado, chamado desenho em miniatura. Essa prática parece ser uma arte perdida, então vamos lançar alguma luz sobre ela!
Hoje, discutiremos brevemente o que são esboços em miniatura, algumas dicas para criá-los e como implementá-los efetivamente em seu fluxo de trabalho já ocupado.
Explorar recursos de design
Antes da Wireframing, Miniatura
Atualmente, o wireframing é uma prática muito popular. Embora alguns evitem que seja desnecessário, muitos designers e profissionais de UI / UX veem uma renderização muito básica e mínima como um primeiro passo importante que permite que você se concentre nos princípios básicos de layout, independentemente do estilo supérfluo.
Definitivamente, há algo a ser dito para considerar criticamente como sua página será estruturada em um nível básico. Na verdade, muitas vezes me pergunto por que não discuto sobre o irmão mais velho da estrutura de arame: o esboço em miniatura.
O esboço em miniatura é um primeiro passo impressionante que usa as mesmas idéias que uma estrutura de arame, apenas em um nível ainda mais básico. Para quem é novo no conceito, vamos dar uma olhada no que são os esboços em miniatura.
O que são esboços em miniatura?
O nome parece engraçado no começo, mas se você pensar bem, já sabe o que é uma miniatura em um contexto diferente. Por exemplo, se eu usar a frase "galeria de miniaturas", você provavelmente saberá instantaneamente que quero dizer uma grade de pequenas imagens que normalmente servem como links para equivalentes maiores.
Usando esse conhecimento, você provavelmente pode adivinhar que os esboços em miniatura são grupos de pequenos desenhos. O objetivo dos esboços em miniatura é obter muitas idéias no papel em um curto espaço de tempo. É basicamente uma maneira de debater visualmente onde você não fica obcecado e não mexe, mas em vez disso cria um grande número de possibilidades. Eles são muito parecidos com wireframes em forma, apenas menores e mais rápidos. Geralmente, os designers criam várias miniaturas e depois escolhem algumas das melhores para se transformar em wireframes.
Como funciona
Para iniciar o processo, pegue um lápis e desenhe várias pequenas caixas vazias para servir como o cromo do navegador, os limites das páginas ou qualquer outro meio em que estiver trabalhando. Você pode até encontrar páginas básicas para impressão, como a abaixo, para ajudá-lo começado.
A partir daqui, você simplesmente deixa as idéias fluírem. Esta não é uma prática para aperfeiçoar suas habilidades de desenho; seu foco deve estar na geração de idéias. O esboço de miniaturas é rápido e talvez até um tanto desleixado. Use formas básicas e não gaste muito tempo em uma única imagem, assim que puder ter uma ideia de como será essa ideia básica de layout.
Por que isso é uma coisa boa?
Que benefícios possíveis você poderia obter de páginas de pequenos esboços desenhados às pressas? Você ficaria surpreso. Como projetistas, temos muito facilmente um caso de visão de túnel. Sentamos em nossos computadores e criamos a primeira coisa que surge em nossas cabeças e avançamos a um ponto de qualidade quase acabada.
O problema é que, quando você investe um tempo real em uma ideia, fica apegado a ela. Você não pode evitar, esta é uma resposta psicológica automática. Infelizmente, sua primeira ideia nem sempre é a melhor que você pode fazer e, geralmente, geralmente é a mais genérica.
Depois de criar esse anexo em um design, deixá-lo para trás e tentar algo completamente novo é exponencialmente mais difícil. Suas velhas idéias tendem a aparecer, porque seu cérebro está preso. Mesmo se você não tiver esse problema, ainda estará gastando muito tempo e apresentando apenas algumas idéias básicas.
A principal falha desse método é que você não coloca nenhum pensamento crítico na geração de ideias. Por "pensamento crítico", quero dizer crítica comparativa real e raciocínio lógico. Em vez disso, você apenas executa três idéias no máximo e decide entre elas. Você pode ter outras dez idéias melhores do que as três primeiras, mas simplesmente não tem esse tipo de tempo para nunca prosseguir.
Com o desenho de miniaturas, você realmente amplia seu cérebro e se força a um verdadeiro pensamento criativo, produzindo tantas variações diferentes quanto possível. Com esse método, você tem o benefício exclusivo de recuar e observar tudo o que pode pensar em fazer e tomar uma decisão inteligente sobre quais idéias valem a pena seguir adiante.
Economize tempo a longo prazo
Alguns de vocês provavelmente pensam que já têm etapas iniciais suficientes para executar no primeiro dia de um trabalho de design e não precisam adicionar mais nada! Este é um ponto válido, mas, se bem feito, o esboço em miniatura pode realmente melhorar sua linha do tempo, em vez de destruí-la.
Primeiro de tudo, você não precisa matar um dia inteiro nisso. Simplesmente dedique um pouco da geração básica de idéias: dez minutos, vinte, trinta, depende de você. Além disso, a realização deste exercício dá um forte golpe no bloqueio / hesitação do designer antes mesmo de acontecer. Você descobrirá que pode desenvolver um design com muito mais rapidez, se já tiver passado pelo cérebro e puder ter certeza de que está prosseguindo com sua melhor ideia.
Não apenas para layouts
Normalmente, falo de esboços em miniatura em termos de geração de idéias de layout, mas a prática é benéfica em qualquer tipo de design. Por exemplo, a criação de logotipo é provavelmente um lugar onde você faz isso sem sequer pensar nisso.
Sentar-se com um lápis e esboçar um milhão de idéias parece um primeiro passo muito natural na geração de logotipo, então por que não aplicar essa mesma técnica a praticamente tudo o que você cria?
Tratamentos do tipo título, páginas da web, folhetos, cartões de visita, interfaces de aplicativos, design de personagens, tudo isso e muito mais podem se beneficiar de alguns minutos de esboços de miniaturas dedicados.
Dicas para o desenho adequado de miniaturas
Agora que você sabe o que são esboços em miniatura e como implementá-los em seu fluxo de trabalho, finalizamos com uma revisão de algumas dicas básicas, mas úteis, para você começar.
Estes são de baixa fidelidade, então seja legal nos detalhes Picasso
Alguns de vocês lá fora são desenhistas. Você nunca é mais feliz do que quando tem um lápis nas mãos. Outros são realmente horríveis com um lápis e não conseguem produzir um esboço decente para salvar sua vida.
Pela primeira vez na história, o último desses dois grupos pode ter um tempo mais fácil! Se você não pode desenhar, ótimo, você é perfeito para criar esboços em miniatura. Artistas talentosos tendem a ter problemas com a idéia de ir rápido e não desenvolver conceitos de verdade. Geralmente, os artistas passam mais tempo gerando menos miniaturas, simplesmente porque não podem ajudar, mas garantem que todas as linhas sejam retas, todos os círculos sejam perfeitos etc.
Lembre-se de que a chave nesta etapa é a quantidade sobre a qualidade. Não tenho nada contra miniaturas de ótima aparência; na verdade, adoro navegar por idéias de artistas de primeira linha, mas lembre-se de que seu objetivo é tirar todas essas idéias da cabeça e colocar no papel. Por exemplo, se você pode desenhar uma caixa e depois se lembrar de que ela representa seu título, pule as letras trabalhosas.
Siga em Frente
Outra coisa a ter em mente é evitar gastar muito tempo aprimorando uma idéia para acertar. Se você começar a esboçar uma de suas idéias e perceber que o odeia, resista ao desejo de apagá-la e recomeçar. Basta percorrê-lo e avançar para a sua próxima idéia. Talvez em algumas horas você olhe para trás no esboço e tenha uma idéia sólida lá.
Quanto mais melhor
Ao gerar miniaturas, não pare às cinco ou seis. Você é um profissional criativo, deve ter muito mais ideias rolando lá em cima do que isso. Eu conhecia um professor de design que faria seus alunos gerar vinte e cinco ou mais miniaturas exclusivas para cada projeto. Este é um número muito melhor para se aspirar!
Não desenhe a mesma coisa 50 vezes
Quando se depara com a tarefa de produzir tantas miniaturas, seu primeiro instinto será iniciar várias pequenas variações da mesma idéia. Isso geralmente é uma prática inútil quando comparado ao valor de se concentrar em conceitos verdadeiramente únicos. Faça o seu melhor e empurre seu cérebro para produzir conceitos tão diferentes um do outro quanto você puder gerenciar. Lembre-se de que este é o estágio de brainstorming, para que não haja más idéias. Enlouqueça, pense fora da caixa; seja estranho!
Mantenha-os quando terminar
Se você puder, é uma boa prática salvar suas miniaturas para referência futura. À medida que avança no projeto, convém relembrá-los. Você pode perder o foco e precisa ser lembrado de onde essa idéia começou ou seu cliente pode odiar tanto seus conceitos iniciais que você é enviado literalmente de volta à área de desenho (eu já estive lá muitas vezes).
Uma coisa que gosto de fazer é pegar uma caneta e criar esboços em miniatura no meu iPad usando um aplicativo como o Adobe Ideas ou o iDraw. Ter minhas idéias iniciais em formato digital é imensamente útil para armazenamento e recuperação a longo prazo. Além disso, a partir do iPad, é um pequeno salto para importá-los para o Illustrator ou Photoshop.
Conclusão
Colocar suas idéias iniciais em esboços de miniaturas pode parecer um aborrecimento a princípio, mas, depois que você entender o jeito, verá que é uma prática realmente agradável. Para mim, uma das melhores partes de um projeto é o estágio inicial em que minha mente está disparando em todos os cilindros e estou repleta de possibilidades.
Com toda a honestidade, os esboços em miniatura podem não ser para todos. Se você realmente não tira nada disso, não perca seu tempo. No entanto, recomendo dar uma chance sólida a vários projetos. Realmente dê o seu melhor e veja se você não sai com um número maior de idéias realmente boas.
Se você usar esse método, deixe um link para alguns dos seus esboços em miniatura recentes abaixo para que possamos vê-los!
Créditos das fotos: Dan Lurie, Tobias Soft (1) (2), núncio, Jeremy Keith, Shawn Campbell e CannedTuna.
