Melhore seus layouts: como criar citações longas de forma eficaz

1. Introdução: Escrever mais do que algumas palavras pode ser um desafio. Letter citações longas e frases podem ser francamente assustadoras. Não se preocupe com algumas dicas e truques, você pode fazer isso e eu estou aqui para ajudar. Oi, meu nome é Gia Graham e sou designer freelance, ilustradora e artista de letras manuais. Nesta aula vamos cobrir os principais componentes da boa composição, como planejar seu layout e como escolher o melhor estilo de letras para criar uma peça atraente. Uma vez que tenhamos trabalhado nosso caminho através desses princípios, o projeto para esta classe será escrever uma citação consistindo de cinco palavras ou mais. Esta classe é ideal para quem luta com composição de letras. Eu estarei trabalhando digitalmente usando o Procreate App, mas esses conceitos serão facilmente transportados para o trabalho analógico também. Vamos começar. 2. Os componentes principais: Antes de mergulharmos no desenho passo a passo, vamos primeiro falar sobre os componentes-chave da boa composição e rever alguns dos termos que usaremos ao longo da aula. Agora os termos layout e composição são essencialmente intercambiáveis e você vai me ouvir usar ambos os termos ao longo da classe. Composição significa reunir e, neste contexto, refere-se à colocação de elementos visuais dispostos usando o pensamento consciente. Isso se refere à forma como os elementos são dispostos na página, razão pela qual o layout do termo é freqüentemente usado. Os componentes-chave para um bom layout são hierarquia, legibilidade, estrutura e equilíbrio. Nas próximas quatro lições, vou dividir cada uma delas e explicar como elas funcionam. 3. Hierarquia: Hierarquia é o arranjo da informação visual para implicar importância. Isso influencia a ordem em que o olho humano percebe os elementos em um design. Essencialmente, a hierarquia é tudo sobre decidir o que é mais importante na arte que você está criando e descobrir quais elementos você deseja chamar mais atenção. Vejamos alguns exemplos. Nesta peça, a essência da citação é reconhecer um presente super dope. Então estas são as palavras que contêm o mais importante, super droga e presente. Decidi hierarquizar essas palavras de duas maneiras. Primeiro por tamanho, tornando-os as maiores palavras da peça, e depois também por cor. Como você pode ver, o branco cria mais contraste contra o fundo laranja, que ajuda as palavras a se destacar. Agora esta citação de Rumi é bastante longa, 25 palavras para ser exato. Era importante usar a hierarquia para destacar a essência da citação, que é a sua tarefa amor é procurar e encontrar-se. Neste caso, eu criei hierarquia com tamanho, tornando as palavras mais importantes maiores e também por estilo. As palavras menores são todos os estilos simples sans serif e monoline, enquanto as palavras importantes estão em pedregulho ou ligeiramente mais estilos decorativos. Quero salientar que nem sempre haverá hierarquia em todas as letras que você criar. Aqui, por exemplo, eu fiz as letras do mesmo estilo, principalmente da mesma cor e a maioria das palavras são mesmo do mesmo tamanho. Mas ainda funciona. Isso é principalmente porque é uma frase bastante curta com apenas cinco palavras. Hierarquia torna-se muito útil ao escrever citações e frases mais longas porque ajuda a dividir visualmente as informações, tornando assim mais fácil de consumir. 4. Legibilidade: A definição mais simples de legibilidade, é a qualidade de ser clara o suficiente para ler. Os problemas mais comuns que eu vi em relação à legibilidade são, quando a direção de leitura não é considerada, e quando um estilo excessivamente complicado é usado. Como eu tenho certeza que você sabe, falantes de Inglês e a maioria dos idiomas usando o alfabeto romano, ler da esquerda para a direita, e de cima para baixo. Há muitas maneiras de brincar com o layout de palavras dentro desses parâmetros. Como você pode ver aqui, esta peça diz, visão é a arte de ver o invisível. Com este layout, lemos visão primeiro, então o olho se move para baixo e lê, é o, de cima para baixo, em seguida, continua da esquerda para a direita para ler, arte de, da esquerda para a direita novamente, para ler, ver. Então finalmente lê, o invisível, de cima para baixo. Por outro lado, quando as palavras são colocadas fora desta sequência, o texto torna-se difícil de ler. Aqui está a mesma citação disposta de forma diferente, e à primeira vista, o layout parece bem, no entanto, quando o olho se move através do trabalho em uma sequência natural, você vai ler, arte da visão, da esquerda para a direita, então o olho quer passar de cima para baixo, leitura, é o do. Então da esquerda para a direita você lia, via, e finalmente invisível. Obviamente, isso não faz sentido. O leitor precisaria fazer um pouco de ginástica visual para ler esse layout e seqüência, o que não é ideal. Lembre-se sempre de considerar a direção de leitura. Por último, lembre-se que uma peça pode rapidamente tornar-se difícil de ler se houver muita coisa acontecendo. Simplificar ajuda. Por exemplo, se você estiver usando vários estilos de letras diferentes em seu layout, talvez limite a paleta de cores para ajudar a peça a se sentir mais coesa. Por outro lado, se você quiser usar muita cor, tente limitar o número de estilos diferentes que você usa, para que o layout não fique muito ocupado. Ou se você quiser usar um estilo de letras muito decorativo com muitos floreios, talvez limitá-lo a apenas uma ou duas palavras, e equilibrá-lo com um estilo mais simples. Lettering uma citação longa pode ser complicado o suficiente como é, então, a fim de manter as coisas legíveis, tente simplificar. 5. Estrutura: A definição de estrutura é o arranjo de e as relações entre as partes ou elementos de algo complexo. Com referência aos layouts, estrutura é a forma como os elementos visuais de uma peça são organizados e posicionados uns em relação aos outros. Pense na estrutura como os blocos de construção para o seu layout ou a estrutura para a sua peça. Assim como uma casa precisa de uma estrutura sólida, um bom layout precisa ser construído em uma estrutura sólida. Vamos voltar àquela citação Rumi que compartilhei antes. Com uma citação tão longa, é absolutamente essencial construir uma estrutura sólida para juntar a peça. Aqui está a arte final, e aqui está o quadro que usei para construir a peça. Agora, aqui estão alguns dos blocos de construção que você pode usar ao criar a estrutura para seu próprio layout, horizontal, vertical , triângulo, inclinação, onda e arco. Vamos colocar alguns desses para usar mais tarde na aula. 6. Equilíbrio: No equilíbrio de design é o princípio de organizar elementos para que eles sejam distribuídos uniformemente. Quando uma peça não está equilibrada, é difícil para o olho fluir através da arte. Se os elementos são muito pesados de um lado contra outro, o olho do espectador pode ficar preso nesses pontos e simplesmente não parece muito certo. Vamos olhar para este exemplo de um layout desequilibrado e falar sobre por que ele não funciona. A primeira coisa que se destaca para mim são essas áreas aqui, que são basicamente apenas espaço morto. O espaço morto cria buracos em seu layout, que impede o olho de fluir em torno da arte. Então ouça que a palavra arte é muito grande em comparação com as outras palavras, tornando-a um pouco dominante. Pode-se argumentar que a palavra maior cria hierarquia, mas isso é muito maior do que as outras palavras. Torna-se desproporcional e distrativo. Outra coisa que me sobressai são estas duas palavras que não estão alinhadas e parecem flutuar. Finalmente, essas duas palavras estão criando um pouco de tensão porque elas estão muito próximas uma da outra. Aqui está a mesma citação com um layout mais equilibrado. Arte ainda é a maior palavra, mas não é muito maior do que as outras palavras que se sente totalmente fora de proporção. Também ter o contorno da palavra em vez preenchido ajuda a impedir que ele supere a composição. O estilo de sombra na visão é repetido na palavra ver. Junto com a criação de hierarquia, essa repetição também ajuda a criar equilíbrio. Aqui essas linhas simples preenchem áreas potenciais do espaço morto. Isso evita buracos visuais no layout. Vamos manter todas essas coisas em mente ao trabalharmos em nosso projeto para a classe. 7. Os 5 passos: Agora que analisamos os componentes-chave para um bom layout, vamos colocar esses princípios em prática. Aqui estão os cinco passos que costumo dar para criar um layout do início ao fim. O primeiro passo é planejar. O segundo passo é o despejo cerebral. O terceiro passo é um esboço de esqueleto. Passo quatro é construção de estrutura, e passo cinco é construção letterform. Vamos mergulhar em cada um deles a seguir. 8. Planejamento: planejamento deve ser sempre o primeiro passo ao criar uma composição. Como na maioria das situações, as coisas vão correr mais bem se você começar com um plano. Como você sabe, nosso projeto para esta aula é escrever uma citação. Você pode escolher entre uma das citações que eu forneci para você na seção de recursos ou você pode escolher uma citação por conta própria, desde que tenha um mínimo de cinco palavras. Vamos primeiro escrever a citação para determinar o que deve se destacar mais ou, em outras palavras, vamos decidir sobre a hierarquia. Aqui está a citação que escolhi. É de George Lucas, o criador de Star Wars. Escrevi e pensei sobre o significado por trás disso. Esta citação é toda sobre a importância da imaginação e o fato de que ela é o catalisador para todos os empreendimentos. Antes que você possa fazer algo, primeiro você tem que imaginar. Eu acho que as palavras mais importantes aqui são fazê-lo e imaginá-lo. Estas são as palavras que escolho hierarquizar. Quando essas palavras se destacam, é fácil para o seu cérebro preencher automaticamente os espaços em branco para obter a essência do sentimento. Fazer isso é imaginar. Se eu fosse hierarquizar palavras diferentes, isso poderia mudar a forma como a mensagem é lida à primeira vista. Por exemplo, se eu fiz você não pode e imaginar, as palavras mais importantes. Como você pode ver aqui, esta não seria a primeira impressão que queremos dar porque ele transmite uma mensagem diferente da citação, e até dá uma impressão negativa à primeira vista. Agora que identificamos as palavras mais importantes na citação, agora podemos pensar sobre as diferentes maneiras de criar hierarquia na peça. Podemos estabelecer hierarquia com o tamanho. Palavras maiores vão se destacar mais e, portanto, ler como mais importante. Nós também podemos usar a cor. Usar uma cor mais ousada fará com que as palavras se destacem mais, ou você pode usar estilo. Lettering as palavras importantes em um estilo diferente pode ajudá-los a se destacar. Eu acho que eu quero que essas palavras sejam as maiores no meu layout, então eu vou usar o tamanho para criar hierarquia. Eu provavelmente vou postar isso no Instagram então eu acho que vou escrever em um formato quadrado. Eu tenho minha citação, eu sei quais palavras eu quero hierarquizar, eu tenho uma idéia de como eu poderia criar essa hierarquia, e eu até decidi sobre as dimensões da peça. Tenho um plano em vigor, e posso passar para a próxima etapa do processo. Tenha em mente que todas essas coisas podem ser ajustadas à medida que você começa a criar seu layout, mas pensar nessas opções antecipadamente ajudará você a começar com mais confiança. 9. Tirando as ideias da cabeça: Agora que temos um plano em vigor, o próximo passo é fazer um despejo cerebral, que é tudo sobre colocar rapidamente todas as suas ideias no papel. A melhor maneira de fazer um despejo cerebral é criar esboços rápidos em miniatura. Eu sei que meu layout será quadrado, então eu desenhei quatro quadrados. Eu também gosto de manter minha citação perto para referência rápida, e para garantir que eu não esqueça nenhuma das palavras. Agora, eu vou começar a esboçar vagamente quaisquer idéias que me vêm à mente. Se você não tem certeza por onde começar, comece com suas palavras mais importantes, desenhe primeiro e construa em torno delas. O objetivo deste exercício é a geração de ideias, então mantenha-o rápido e solto. Seus esboços devem ser bagunçados. Se você se concentrar em torná-los muito bonitos, você não está permitindo que seu cérebro o espaço vagueie livremente e venha com novas idéias. Uma vez que você começa, você pode perceber que as idéias continuam vindo. Se for esse o caso, não pare na quarta miniatura, continue até tirar todas as suas ideias da cabeça e ficar no papel. Depois de concluir este exercício, revele todos os esboços em miniatura e decida qual deles você deseja seguir em frente. Decidi explorar esta. Agora vou passar para a próxima etapa do processo. 10. Esboço do esqueleto: Se você fez minha aula de Diversão com Florais, você já me ouviu falar sobre esboços de esqueleto. Esta etapa do processo será uma versão mais refinada da miniatura, mas ainda será um esboço muito básico. Como o nome sugere, esboço esqueleto é tudo sobre colocar os elementos ossos nus no lugar. Ainda não estamos pensando em detalhes. Isso é apenas sobre descobrir formas, tamanhos e posicionamento. Assim, todas as minhas cartas serão muito rudimentares durante este processo. Está bem. Então eu abri uma tela quadrada e eu vou ligar meu guia de desenho. A primeira coisa que eu gosto de fazer é determinar o ponto central, que é bem aqui. Isso só me ajuda a alinhar tudo e garantir que as coisas fiquem centradas. Agora eu tenho minha miniatura e visualização para fácil referência. Durante a fase de planejamento, decidi que usaria o tamanho para criar hierarquia. Então eu vou desenhar duas das minhas maiores palavras primeiro para definir as proporções para a peça. Então faça onde estão minhas duas maiores palavras. Então, vamos pegar esses para baixo. Então eu vou ter certeza que isso está centrado e então eu vou começar a construir todo o resto em torno dele. Agora, na minha miniatura, eu desenhei a menos e pode em minúsculas, mas eu realmente acho que ele vai funcionar melhor se maiúsculas. Então, eu só vou esboçar isso. Agora eu gosto da idéia de ter essas duas palavras em uma inclinação, mas como você pode ver, uma palavra é muito mais curta do que a outra. Então, preciso ter certeza que parece equilibrado. Algumas linhas simples podem ajudar a criar o equilíbrio visual que eu preciso. Na verdade, vou ter essas linhas repetidas aqui também. Agora o truque com ImagineIt será conseguir todas essas letras para caber. Então eu realmente preciso me concentrar no espaçamento aqui. Normalmente, quando eu tenho um caso como este em que eu estou tentando fazer as coisas para caber em uma quantidade muito específica de espaço, muitas vezes eu vou desenhar a primeira e última letras, e então descobrir a colocação de todas as outras letras no espaço que me resta. Agora, como você pode ver, isso é super apertado e não vai funcionar muito bem. Então o que eu preciso fazer é reduzir a altura do ImagineIt para que eu tenha mais espaço com sábio para trabalhar. Se eu fizer isso um pouco mais curto, então eu vou desenhar na minha primeira e última carta novamente. Vamos ver se consigo fazer isto funcionar. Está bem. Isso ajudou. Claro, eu não posso esquecer de incluir a atribuição, desde que você saiba de onde veio a citação, sempre dê crédito em sua parte. Então, já que estou usando essas linhas no topo, repetindo aqui, eu vou usar linhas na parte inferior também, e apenas repita esse motivo que vai ajudar a equilibrar as coisas. Está bem. Vou apenas certificar-me de que tudo está centrado, o espaçamento funciona de cima para baixo, de lado a lado. Aí está o meu esqueleto e agora estou pronto para o próximo passo. 11. Construção da estrutura: Agora que eu tenho uma idéia geral de onde as coisas vão, é hora de finalizar uma estrutura e construir uma estrutura sólida. Faço isso desenhando guias. Como você viu na última lição, eu sempre ligo meus guias de Canvas primeiro, porque eles me ajudam a posicionar a arte na página, mas também preciso de outro conjunto de guias para garantir que minha altura de letras permaneça consistente em cada palavra e em cada linha. Estes são os guias de estrutura. Para criar os guias de estrutura, vou primeiro adicionar uma nova camada. Vou rotular essas guias de camada para que eu não desenhe acidentalmente nela. Agora eu vou escolher uma cor que vai se destacar dos guias de Canvas. Eu normalmente escolho um rosa brilhante. Eu costumo usar a caneta técnica para desenhar minhas guias com um tamanho de pincel em cerca de 10%. Agora eu vou apenas percorrer e desenhar meus guias para cada palavra e cada grupo de palavras. Então procrie. Quando você desenha uma linha e segure-a e, em seguida, basta tocar na tela, ela se encaixará em uma linha perfeitamente reta. Você também pode simplesmente olhar para os guias do Canvas para confirmar que suas linhas estão retas. Basta lembrar se você começar com guias vacilantes, toda a sua peça será vacilante. Por isso, certifique-se sempre de que as suas linhas estão retas. Uma coisa a lembrar ao construir sua estrutura é que você deseja repetir tamanhos sempre que possível. Ao escrever uma citação onde haverá várias linhas, tamanhos repetidos podem ajudar a criar um segmento de consistência. Vou duplicar este guia e usar a mesma altura do boné para Imagine it. Vou arrastar isto para baixo para que as minhas duas linhas levantadas de aluguer tenham a mesma altura do boné. A propósito, a linha em que as letras se sentam é chamada de linha de base, e essa linha é chamada de Altura do Cap porque determina a altura das letras maiúsculas. Se eu estivesse desenhando um estilo que tivesse letras maiúsculas e minúsculas, eu desenharia minha linha de base onde as letras se sentam, eu desenharia a altura da minha tampa para determinar a altura das letras maiúsculas, então eu também desenharia uma linha aqui, que seria a minha altura X. Isso determina a altura de todas as letras minúsculas. Então, voltando à peça em que estamos trabalhando, vou desenhar meus guias para essa palavra. Aqui eu quero ter certeza de que este está centrado no espaço para que haja a mesma quantidade de espaço acima e abaixo. Para as palavras inclinadas, eu vou desenhar uma linha primeiro e obter o ângulo exatamente como eu quero. Então o que eu vou fazer é duplicar isso para garantir que a altura da tampa segue o mesmo ângulo. Se eu de mãos livres, é provável que seja um pouco desligado. Vou selecionar esse deslize de três dedos, copiar, colar. Lá vamos nós. Então, por uma questão de consistência, vou duplicar isto e copiá-lo aqui. Então estes dois estão exatamente no mesmo ângulo. Agora vou passar e terminar as palavras restantes. Meu quadro está tudo pronto. Agora posso continuar a construir os formulários das cartas. 12. Construção da forma da letra: Tenho a minha estrutura no lugar e estou feliz com ela. Agora vou começar a construir esses formulários de carta e decidir quais estilos eu quero usar. Aqui é onde adicionamos a carne aos ossos do esboço do esqueleto. Uma pergunta que tenho recebido muito ultimamente é, como você decide quais estilos de letras usar? Vamos começar por aí. É realmente útil começar a construir uma biblioteca de recursos de estilos de letras para que você tenha algo para se referir, para ajudá-lo a girar suas rodas quando você está começando em uma nova peça. Uma maneira de fazer isso é através de livros. Aqui estão alguns livros que eu absolutamente amo e recorrer muitas vezes. Junk Type é uma coleção incrível de tipografia vintage. É uma grande fonte de inspiração e um dos meus favoritos pessoais. Scripts é outra coleção de multas vintage, mas esta se concentra em letras de roteiro e como ele foi usado em sinalização, publicidade e muito mais. The Golden Secrets of Lettering é um livro imperdível se você estiver aprendendo letras manuais e o Capítulo 5 é dedicado a estilos de letras. In Progress também é preenchido com estilos incríveis, esboços e miniaturas, muita inspiração aqui. Vou incluir esta lista de livros juntamente com os links para onde você pode encontrá-los na seção de recursos. Outra grande fonte de inspiração é o Pinterest. Ao usar o Pinterest, meu conselho seria fazer uma pesquisa muito direcionada para encontrar inspiração. Por exemplo, eu tenho uma carta vintage e placa de design onde eu salvo imagens de apenas embalagens de produtos vintage. Etiquetas vintage estão transbordando com inspiração lettering. O mesmo vale para cartazes de viagem e cartazes vintage. Esta é uma busca muito direcionada e há muita inspiração aqui. Eu também tenho uma placa com letras modernas e inspiração fonte também. Mais uma vez, vou ligar para todos estes na seção de recursos se você quiser verificá-los por si mesmo. Agora isso é super importante. Ao procurar inspiração no Pinterest, especialmente quando você está olhando para o trabalho atual, esteja ciente de cruzar essa linha da inspiração à imitação. O ponto de inspiração é começar suas próprias ideias. Por exemplo, você pode gostar da forma como alguém desenhou um L e decidir incorporar um floreio semelhante em sua peça, tudo bem. O que não está certo, é imitar toda a estrutura de layout, estilo ou estética de alguém. Agora que você fez um pouco de pesquisa e encontrou alguma inspiração, se você ainda está preso em qual estilo de letras escolher para sua peça, primeiro pense nesses dois fatores para ajudar a começar algumas idéias. Propósito. Qual é o propósito da citação que você está escrevendo? É para ser motivacional? Por exemplo, com esta peça, aqui eu usei um estilo ousado, mas amigável, que parecia que se encaixava na frase motivacional. Neste caso, a frase é mais reflexiva então eu usei um estilo serif que se sente mais sério, mas as curvas suaves e ligaduras dão uma sensação de conexão e calor. Aqui, esta peça é apenas sobre diversão e brincadeira ao sol então eu usei uma letra estilizada brincalhão. A outra coisa a considerar é o conteúdo. O que diz a peça? Existem palavras na citação que se prestem a um estilo particular? Por exemplo, uma palavra como “Luz” poderia ser feita em um estilo monolino que visualmente se sente leve. Por outro lado, uma palavra como “Heavy” poderia ser escrita em uma slab-serif robusta porque visualmente, esse estilo parece pesado. Falando de slab-serifs grossas, eu decidi usar esse estilo para estas duas palavras na minha peça porque “DO IT” se sente um pouco como um comando amigável, então eu quero que ele seja ousado. “ IMAGINE IT” parece mais leve, como sonhar acordado, então vou usar um estilo mais caprichoso aqui e também precisa ser um estilo condensado ou estreito, já que há muitas letras para caber em um espaço limitado. Por outras palavras, vou manter as coisas simples usando um sans-serif discreto. Agora vou começar a construir cada um destes formulários de carta e terminar esta peça. Aqui está o meu esboço final. Como podem ver, adicionei alguns enfeites e vamos falar sobre isso na próxima lição. 13. Detalhes: Eu liguei-me ao meu esboço, adicionei cor, e aqui está a peça final. Desde fazer isso é tão grande e eu usei um estilo muito ousado, Eu decidi fazer o letreiro branco e adicionou um detalhe em linha para acalmar o impacto dele. Caso contrário, teria sido demasiado dominante. Eu repeti a sombra em imaginá-lo, mas inverti as cores porque as letras estreitas precisam da cor ousada para ajudá-lo a se destacar aqui. Como todas as outras palavras são menores e em um estilo mais simples, escolhi uma cor escura para dar-lhes mais presença para que eles não se percam muito no layout. A outra decisão que tomei foi embelezar a terceira linha de texto com alguns detalhes frondosos . A principal razão para esta decisão foi porque é apenas parte do meu estilo pessoal. Minhas letras tendem a ser mais ilustração pesada com muitas flores e folhagem. Mas havia uma razão prática também. Neste layout, as folhas estão preenchendo o espaço morto criado pelas palavras inclinadas. Eles também estão criando fluxo na peça, mantendo o olho se movendo de cima para baixo e de volta novamente, usando ilustração para embelezar suas letras pode realmente ajudar a aprimorar um layout se for bem feito. A chave é usar os enfeites sabiamente. Use-os para preencher buracos e espaço morto no Layout. Crie interação com as ilustrações em palavras para tornar o layout mais interessante. Ou, como já discutimos, você pode usar enfeites para criar movimento em sua peça. Apenas lembre-se de usá-los com moderação e intenção. Claro, há ocasiões em que a ilustração pode ser parte integrante do layout e tão importante quanto as letras, mas isso requer uma abordagem ligeiramente diferente. Vou criar outra classe especificamente sobre como criar uma peça ilustrada de letras à mão para mostrar como trabalhei nesse processo. 14. Considerações finais: Enquanto você está trabalhando em seu projeto, vá devagar e enfrente uma fase de cada vez. É raro que um layout se junte perfeitamente ao mesmo tempo. Composição é como um quebra-cabeça. É preciso um pouco de pensamento, um pouco de esforço e muita paciência para colocar todas as peças no lugar certo. Pode haver alguma frustração ao longo do caminho, mas quando tudo se junta, é satisfatório. Você pode postar cada um de seus passos na galeria do projeto se quiser feedback ao longo do caminho e definitivamente compartilhar sua peça final. Mal posso esperar para ver o que você cria.