Teoria do design gráfico: composição e layout

1. Introdução: Tenha as fotos e ilustrações mais marcantes em seu trabalho, os tipos de letra mais legais e a paleta de cores mais incrível Mas sem uma composição ou estrutura sólida, tudo vai desmoronar. Neste curso, abordaremos tudo o que você precisa saber sobre a estrutura do design gráfico, a cola que une todos os elementos. Aprenderemos sobre métodos de composição amplamente usados como regra dos terços, proporção áurea, diagonais, silhuetas, tangentes , como regra dos terços, proporção áurea, diagonais, silhuetas, tangentes e muito mais. Também analisaremos centenas de designs incríveis de todas as áreas do design gráfico para ajudá-lo a visualizar e entender facilmente todos os termos e regras abordados neste curso Junto com o empolgante projeto de aula que espero que você conclua no final do curso, você também tem a planilha de análise e o glossário de termos para ajudá-lo a praticar tudo o que aprendeu Espero que você esteja tão empolgado quanto eu para começar e mergulhar no mar de conhecimento e nos belos exemplos de design gráfico. 2. Composição: Não importa o que você esteja projetando, seja um logotipo, um cartão de visita, um cartaz ou um site, você sempre terá que criar uma composição, o que significa literalmente montar as coisas ou o que algo é feito de todos os elementos que usamos no design gráfico e incluindo imagens, topografia, formas, cores e até espaços reservados precisam ser organizados uma certa maneira para criar um agradável resultado. E o bom é que a maioria das pessoas tem uma percepção semelhante de harmonia e unidade entre os componentes que você junta. E não se aplica apenas ao design gráfico, apenas pense em música, por exemplo. Composição também é outra palavra que usamos, tanto na literatura quando se trata de compor poemas, mas principalmente na música. A composição também é o processo de escrever ou produzir música. E nesse caso, trata-se do arranjo de instrumentos e notas musicais em comparação elementos visuais com os quais trabalhamos em design gráfico. Mas não pense que compor ou criar composições é um processo tão sofisticado e elaborado que apenas artistas são capazes de fazer porque na verdade é algo que todos fazemos em nossa vida cotidiana quase o tempo todo. Para lhe dar alguns exemplos, sempre que você colocar suas roupas, essa também é uma maneira que você está compondo roupas e acessórios para se apresentar de uma determinada maneira. Ou sempre que você estiver fazendo salada, novamente, você está escolhendo ingredientes. Você está cortando eles de uma certa maneira. Você está adicionando uma fonte específica. E isso é novamente, uma maneira que você está compondo comida. E mesmo quando você está fazendo suas malas ou malas para uma viagem, novamente, você está montando uma composição de coisas que você precisará enquanto estiver fora. E esta é a razão pela qual eu incluí neste quadro esses três exemplos aqui na parte inferior, apenas para lembrá-lo dessas referências simples e cotidianas que mencionei. O principal objetivo da composição no design gráfico é garantir que haja a hierarquia de equilíbrio correta, ou eles são um arranjo de todos os elementos visuais em seu trabalho para a maioria comunique efetivamente uma determinada mensagem ou história. Como sempre mencionei, composição não funcionará sem a compreensão e uso da maioria dos princípios de design que abordamos neste curso. Então, voltar às nossas referências de embalagem para uma viagem, criar uma composição sem depender também de equilíbrio, hierarquia e unidade seria semelhante a apenas jogar roupas aleatoriamente em uma mala com nosso primeiro arranjá-los e dobrá-los cuidadosamente ou tentar fazer uma salada sem cortar os ingredientes. Não há maneira real de categorizar os tipos de composições em design gráfico, além de uma simples diferenciação de composições abertas e fechadas. E é um conceito bastante simples de entender. Portanto, no caso de uma composição aberta, o fluxo visual não é restrito. Assim, os elementos em seu design podem interagir facilmente com os arredores. E, por exemplo, isso, eu definitivamente consideraria ser uma composição aberta. Mas mesmo este aqui, comparado a esse layout, que usa dois blocos de textos nos dois lados, quase formando quadro ou limite para a composição. Então, isso seria considerado mais uma composição fechada. Mas vamos dar uma olhada em outro exemplo, uma comparação de dois projetos semelhantes. Mais uma vez, aqui no lado esquerdo, vemos uma composição aberta. Mesmo que tenhamos algumas linhas de divisão, geralmente não há limites visuais que os fechem, em comparação com isso aqui no lado direito neste menu, temos muito estrutura mais rígida que leva à criação de uma composição mais fechada. Outro aspecto importante para as composições funcionarem é garantir que haja uma hierarquia entre os elementos. E torna-se ainda mais importante quando você tem muitas informações para exibir dentro do layout, por exemplo, para que uma composição funcione, não se trata apenas de encontrar o lugar certo e a proporção ou tamanho dos elementos, mas também pensando na hierarquia ou nas relações entre os elementos. E esse é outro grande tópico que abordamos em grande detalhe, incluindo como você estabelece pontos focais , pontos de entrada e utiliza escala, posição, proporção e domínio em seu trabalho. Quanto mais elementos você precisar adicionar em um design, seja, quanto mais complexo ele fica, mais importante também é entender essas regras e técnicas com as quais você pode criar uma composição. Mas a boa notícia é que você pode aprender esse processo em designs mais simples. E com a prática, você eventualmente poderá aplicar as mesmas técnicas em projetos muito mais complexos. Antes de passarmos a falar sobre layouts, eu só queria mostrar esses quatro exemplos de cenas famosas em filmes e séries de TV mostrando como a composição das cenas também é crucial na cinematografia . Seja utilizando uma perspectiva de um ponto e colocando o caractere principal no ponto de fuga, ou dividindo o quadro em dois lados iguais e usando muito espaço negativo, mais uma vez, para se concentrar mais no personagem principal da cena, estão usando linguagem de forma e triângulos para representar poder e força. Então, para resumir, a composição não é algo que você precisa aprender separadamente. Sempre se tornará um processo natural. Você nem precisa pensar nisso , pois é de certa forma, a combinação de usar todos os outros princípios e regras de design que estamos cobrindo neste curso. 3. Layout: Além da composição, outro termo que nos referimos muito comumente no design gráfico é o layout, e é referido principalmente no contexto do design editorial. No entanto, ele também acabou sendo usado em design web e UX. Você pode estar se perguntando por que temos que falar separadamente sobre Liao Quando já abordamos composição no vídeo anterior. Como há algumas pessoas, essas duas palavras podem parecer exatamente a mesma coisa ou sinônimos uns dos outros. No entanto, há uma diferença sutil quando usamos o termo composição, estamos nos concentrando no ato de selecionar os componentes ou elementos em um design por layout refere-se ao processo real de organizando e colocando todos esses elementos em um design. E eu gosto de pensar neles como os dois principais passos ou fases em cada projeto de design gráfico. Composição sendo a primeira, selecionando o que precisamos e, em seguida, passando para a fase de layout onde juntamos tudo. Claro, você pode argumentar que, enquanto trabalha em um layout, você ainda está pensando na composição dos elementos. Mas essa é apenas minha preferência e maneira simplificada de pensar nesses dois termos em relação um ao outro. Há muitas definições conectadas usadas com layouts tanto para impressão quanto para web design. E estaremos cobrindo tudo isso em tópicos separados. No entanto, neste vídeo, gostaria de me concentrar no propósito geral ou no objetivo de um layout. E acredito que essa citação resume da melhor maneira. Então, na verdade, vou ler isso para você. Portanto, letras ou ornamentos perfeitos não fazem pollsters perfeitos. Um bom layout é muito mais importante do que letras perfeitas ou decoração chique. O aluno que pode organizar cópias em grupos simples e equilibrar esses blocos de acordo com sua força e importância, aprendeu o segredo de efetivamente sair. Então, o que isso significa é que não se trata da quantidade de elementos visuais que você introduz em um trabalho que importa, mas como você alcança harmonia e hierarquia entre esses elementos, e esse é o propósito ou resultado de um bom layout. Então pense no layout de um CV, por exemplo, aqui é crucial exibir todas as informações necessárias de uma maneira muito eficaz, certificando-se de que o empregador encontre o que está procurando. E é por isso que é tão importante ter estrutura, criar grupos e regiões comuns, e estabelecer hierarquia e unidade reutilizando ou repetindo o mesmo estilo ou formatação do texto. Assim, você pode pensar na eficácia de um layout em termos da rapidez com que seu espectador encontrará o que está procurando. E para isso, algo que você precisa lembrar é que há algo chamado gravidade de leitura. que significa que, especialmente nos países ocidentais, os espectadores e os leitores tendem a começar do canto superior esquerdo de uma página ou layout, e lentamente, mas gradualmente até o canto inferior direito. Então, isso é o que chamamos de gravidade de leitura, e depende da orientação geral da leitura da esquerda para a direita. E é por isso que mencionei países ocidentais porque em certas línguas, como em árabe, a escrita fluiria na direção oposta. Então, da esquerda para a direita. Ou em certos países asiáticos, seria vertical de cima para baixo. Mas sem generalizar demais, vamos nos concentrar na gravidade de leitura original da esquerda para a direita, de cima para baixo, que também significa que a área óptica primária, que chamamos de canto superior esquerdo, é onde você deve colocar as informações mais importantes, porque é isso que a maioria dos espectadores verá primeiro. E então, do outro lado, o canto inferior direito é o que chamamos de área terminal. E isso também é muito importante porque quase todos os espectadores acabarão por estar aqui depois de digitalizar o resto do layout. Portanto, você deve colocar informações secundárias , mas ainda importantes nessa área terminal. E em termos das outras duas áreas restantes, o canto superior direito é muito mais forte que o canto inferior esquerdo. Então, este aqui normalmente nos referimos como a área do colega VQ. E a do canto superior direito é a área forte do colega. E se você não está familiarizado com a palavra pousio, ela realmente vem da agricultura e é usada para terras que normalmente são cultivadas, mas atualmente não estão em uso ou não sendo colhidas, terra ou área ociosa. E adoro o fato de que até pensar na agricultura pode nos ajudar a entender como nossos espectadores experimentarão um design que criamos. Portanto, lembre-se de pensar na gravidade da leitura e nessas quatro áreas distintas sempre que você trabalha em um layout. Por último, mas não menos importante, vale a pena mencionar que um layout geralmente vai além do arranjo de elementos dentro de uma página ou de um spread. Porque na maioria dos casos, especialmente no design de impressão, você teria que estender o layout além dos limites deles e pensar no layout de todo o artigo, ou mesmo o todo ou no caso de um livro, o layout de um capítulo e o layout de todo o livro. E a razão pela qual você precisa pensar mais globalmente quando se trata de layouts é porque, ao repetir certos layouts, você pode ajudar seus espectadores a ver a estrutura dentro de uma revista, catálogo ou livro. Assim, podemos ver que, mais uma vez, o mesmo layout está sendo repetido. Mesmo que as páginas sejam trocadas, os espectadores reconhecerão um padrão e a recorrência dos mesmos layouts. E para ajudar a consistência no caso de revistas, certamente as saídas geralmente também são repetidas não apenas dentro de uma única edição, mas em todas as edições publicadas. Basta pensar na capa que na maioria das vezes pareceria muito semelhante, mesmo que a imagem principal esteja mudando. Mas também a página do índice na maioria das revistas terá um layout muito semelhante. E principalmente por causa dessas estruturas repetidas e layout no design editorial, tendemos a usar modelos ou páginas-mestre no InDesign que agora são referidas como páginas-pai. 4. Regra dos terços: A regra dos terços é uma técnica muito usada em artes visuais. Então, antes de começar a ser usado em design gráfico, já era aplicado há muito tempo em pintura, fotografia e até cinematografia. É uma regra muito simples que é fácil de entender e também fácil de aplicar a qualquer um dos seus projetos. E há apenas algumas coisas que eu gostaria de discutir sobre isso neste vídeo além, novamente, mostrar alguns exemplos criativos, por regra de terços é usado para alinhar os pontos focais nos designs porque isso é a melhor e mais comum maneira de usar a regra dos terços. Mas antes de tudo, vamos entender como isso funciona. Então, essencialmente, o que você precisa fazer é dividir seu quadro em três seções iguais, tanto vertical quanto horizontalmente. E essas linhas de divisão horizontal e vertical resultarão em quatro pontos de interseção acordo com a regra dos terços. Estas são as posições em que é mais eficaz colocar um ponto focal. Agora você deve se lembrar que estávamos falando sobre ler a gravidade quando estávamos discutindo layouts. E pelo mesmo motivo que a maioria dos espectadores começa no canto superior esquerdo e depois gravita em direção à parte inferior direita de cada composição e quadro. Mesmo essas quatro interseções dentro da regra dos terços não são igualmente poderosas. Então você adivinhou, o ponto de interseção superior esquerdo é o posicionamento mais eficaz para um ponto focal, porque é isso que a maioria dos espectadores olhará primeiro quando virem uma composição. E a maioria das pessoas não só tende a olhar aqui primeiro, mas também fica de olho nessa posição por mais tempo. De acordo com as estatísticas, esse ponto de interseção superior esquerdo recebe 41% da atenção, seguido pelo abaixo dele, que é de vinte e cinco por cento e, em seguida, no canto superior direito sendo 20%. E, finalmente, o último no canto inferior direito é 14%. De acordo com essas porcentagens, podemos pensar que esses quatro pontos a direção ou direção geral do movimento ocular do espectador, que novamente corresponde bem à gravidade da leitura que discutimos anteriormente. Antes de olharmos alguns exemplos de design gráfico, eu só queria passar algum tempo nessas duas fotografias, o que pode nos ajudar a entender que não apenas os pontos de interseção são importante quando se trata de regra de terços, mas também como utilizamos as linhas que estão dividindo a composição. Então, além de colocar esta placa aqui perto de um dos pontos de interseção, observe como o horizonte também está alinhado com uma das regras das linhas de divisão de terços na fotografia e também uma ilustração e design gráfico, decidir onde está a linha do horizonte afetará muito o ponto de vista e a percepção de sua composição. E é uma prática comum alinhá-lo com a terceira linha horizontal inferior ou superior. Então aqui está um exemplo em que, mais uma vez, o horizonte está alinhado, neste caso com a terceira linha superior. E neste caso, o ponto focal seria essa garota que está perfeitamente alinhada a essa terceira linha vertical. E mesmo não conseguindo ver o rosto dela, a cabeça ainda está alinhada perfeitamente a uma dessas linhas de interseção. É importante mencionar que você não precisa ser extremamente rigoroso sobre o uso dessa regra. É mais uma diretriz. E a ideia geral é que, ao mover seu assunto ou ponto focal do centro de sua composição, o torna mais dinâmico e interessante. Enquanto manter o assunto no centro de uma composição pode torná-lo mais ocioso ou estático. Claro, há exceções como quando você quer alcançar uma reflexão perfeita toda ou simetria radial em suas composições, ou quando você quer enfatizar a estabilidade alinhando tudo para o centro do seu quadro. Mas vamos ver a regra dos terços em ação nesses exemplos criativos aqui. Primeiro, começando com esta capa de revista. Se eu alinhar esse retângulo que criei à própria capa, podemos ver que ele vai ter o ponto focal, que é naturalmente o rosto dessa mulher e também o grande chapéu redondo que ela está usando completo, quase exatamente no ponto de interseção superior direito, além de ter a mulher alinhada a este terço vertical, também temos a linha de cobertura principal alinhada à outra terceira linha vertical. E também pode ser intencional que esse grupo de texto esteja realmente sentado perfeitamente na terceira linha horizontal inferior. Outra coisa que podemos ver no horizonte ou tira aqui no topo da capa, é que as três palavras dentro dela também estão perfeitamente divididas e distribuídas de acordo com a regra dos terços, onde temos esses pequenos pontos de divisão alinham-se perfeitamente com as linhas de divisão vertical. Então, se eu mover esse quadro um pouco para baixo e aproximar o zoom, você pode ver o que eu estava me referindo olhando para este exemplo mais uma vez, podemos ver que o título principal está perfeitamente alinhado ou centrado nisso primeiro ponto de interseção aqui, mas é borda direita. O g também está perfeitamente alinhado com a segunda vertical, terceira linha. Portanto, mesmo que essa composição no início possa parecer um pouco caótica, você pode ver que na verdade há muita estrutura subjacente usada. Aqui está uma bela capa da revista The New Yorker, que mostra Nova York completamente coberta de neve e criando muito espaço negativo ou espaço em branco. Mas, assim como antes, a regra dos terços, novamente, é usada perfeitamente aqui para alinhar o único edifício visível. E mesmo que não seja uma linha reta, mas a atual , mesmo a neve, está alinhada a uma das terceiras linhas, semelhante a uma linha do horizonte, mesmo que não possamos ver isso nesta composição. Este cartaz do coringa do filme também utiliza perfeitamente a regra dos terços, onde podemos ver claramente que o ponto focal é suposto ser este que eu alcance de uma maneira muito inteligente é uma combinação de ambos a pessoa real e o reflexo do personagem que ele está se tornando na história. Então essa dualidade é representada neste alinhamento particular. E se pegarmos nosso guia e arrastá-lo para cá, veremos que ele está quase perfeitamente alinhado com esse ponto de interseção. E, como nos exemplos anteriores, até a topografia está alinhada à mesma linha de divisão vertical. Às vezes, você pode até utilizar vários pontos de interseção, como neste caso, o coelho é colocado em um deles pelo ego, é muito próximo de um dos outros pontos de interseção. E se conectarmos esses dois pontos, eles realmente formam uma diagonal que cria uma composição muito dinâmica. E em outro vídeo, veremos muitos exemplos criativos. Novamente, a utilização de diagonais são arranjos diagonais de elementos visuais. E por último, mas não menos importante, aqui está outro cartaz onde quase todos os pontos de interseção estão em uso. Então, temos o rosto dessa pessoa neste ponto de interseção, outro aqui à direita. E então, na parte inferior, temos os textos cobrindo os dois pontos de interseção inferiores. E não tenho certeza se isso foi intencional ou não, mas mesmo esta letra D está alinhada à linha de divisão vertical esquerda e o texto em si está perfeitamente centrado nesta horizontal inferior linha de divisão. Portanto, lembre-se de que a regra dos terços não é uma estrutura estrita como uma grade em uma composição à qual você deve alinhar seus elementos. Você pode pensar nisso mais como uma ajuda ou até mesmo alcançada que pode ajudá-lo a encontrar o posicionamento certo para os elementos mais importantes em seu design. 5. Proporção áurea: Da mesma forma que a regra dos terços, outra técnica composicional frequentemente mencionada é a proporção áurea, que também às vezes é chamada divina ou proporção divina. Não importa qual versão do termo você está usando, parece bastante significativo. E algo que definitivamente devemos abordar neste curso, assim como mencionei sobre a regra dos terços não é algo que você deve seguir. É novamente, mais como uma diretriz ou uma estrutura que pode ajudá-lo a criar uma composição equilibrada e interessante. E é uma técnica que até Leonardo da Vinci já estava usando em seu trabalho, tanto para suas pinturas, suas esculturas e até arquitetura. Mas a razão pela qual se chama Proporção Divina, porque também pode ser encontrada ou reconhecida em padrões da natureza. Então, aqui você pode ver alguns desses exemplos que se baseiam nessa proporção ou proporção. Assim, podemos ver o mesmo padrão em como as galáxias se formaram em conchas, em tempestades e até mesmo em plantas, animais e várias proporções do corpo humano. Agora, mesmo que como designer gráfico, você não precisa se preocupar com a matemática por trás da proporção áurea. Ainda é bom saber que ela vem ou baseia na sequência de Fibonacci, que não deve ser confundida com os números primos. Então, para obter o próximo número na sequência, você sempre precisa adicionar os dois últimos números um ao lado do outro juntos. Então, se você estiver começando com 01, isso é igual a um, então você adiciona um mais um, que é igual a dois. Então é um mais dois é igual a três, e depois dois mais três é igual a cinco e assim por diante e assim por diante. Então essa é a sequência de Fibonacci. Mas para obter a proporção áurea, você tem que dividir dois números um ao lado do outro nesta sequência. Por exemplo, 987 dividido por 610, o que resultará em um número de aproximadamente 1,618. E essa é a proporção áurea. E para poder utilizar essa proporção no design gráfico, comumente usamos a espiral dourada, que é gerada pela aplicação dessa proporção, dividindo o quadro e continuando a fazer isso após cada divisão, você sempre acabará tendo a mesma proporção entre esses elementos até que a espiral acabe apontando para um ponto específico dentro do quadro. E ao contrário da regra dos terços, quando você está usando a espiral dourada, Não é apenas aquele ponto onde esta espiral leva, que pode ser importante, mas também a trajetória geral do espiral e o que quer que você alinhe a ela. Então, aqui estão dois exemplos de pinturas muito famosas onde já temos a espiral dourada mostrando como ela foi aplicada ou usada para criar essas composições agradáveis. Um deles é o belo trabalho dos artistas japoneses Hokusai chamado A Grande Onda de Kanagawa. E você pode ver que a espiral dourada não precisa necessariamente ser alinhada exatamente ao quadro, que ela possa até ser girada. E mesmo assim, se um elemento importante ou o assunto da imagem resultará em uma composição universalmente agradável. Já mencionei que Leonardo da Vinci gosta de usar a proporção áurea ou a proporção divina. E em uma de suas obras mais famosas, a Mona Lisa, também podemos identificar o uso da espiral dourada. Nesse caso, tanto o ponto inicial quanto o final da espiral desempenham um papel significativo na composição. Portanto, o ponto de partida está nas mãos e o ponto final está no centro da face. Ambos os detalhes podem ser considerados pontos focais na pintura. Mas mesmo ao longo da espiral, teríamos detalhes perfeitamente alinhados, como o topo da cabeça, que é tangente à espiral. E até mesmo os braços, se os estendermos, estariam alinhados perfeitamente com a espiral. E a proporção áurea também é comumente usada no design gráfico, onde você não precisa necessariamente confiar na espiral dourada, apenas na proporção ou proporção divina que agora sabemos que está próxima de 1,618. E podemos encontrar a mesma proporção entre os dois lados do retângulo National Geographic, por exemplo, ou os dois raios usados para os círculos dentro do logotipo da BP. E mesmo vários detalhes em logotipos como Apple e Toyota utilizam novamente a mesma proporção. E como eu disse, a proporção áurea não se limita a encontrar o ponto focal de sua composição. Ele também pode ser usado, por exemplo, para definir a proporção ou a proporção entre as cores de fundo dentro de uma composição, como neste design de embalagem aqui, ou mesmo dentro de um site ou um banner, novamente, usando a mesma proporção entre os dois lados. 6. Espiral áurea: Provavelmente os exemplos mais interessantes podemos encontrar nossas ilustrações ou cartazes de arte digital e filmes. E assim como com a regra dos terços, tenho a espiral dourada preparada aqui, que poderemos alinhar e encaixar nessas imagens. Então, começando com esta primeira imagem aqui, vou apenas alinhá-la às bordas. E você verá que às vezes você não precisa necessariamente usar todas as partes da espiral dourada. Então você pode ver mesmo que não haja nada importante alinhado ao ponto final da espiral. A maioria dos detalhes nesta ilustração, como a forma dessas colinas à esquerda e também no lado direito. Mesmo o fluxo geral dessas nuvens todos seguem a estrutura invisível da espiral e até mesmo o moinho de vento aqui, embora não seja tangente à espiral, a curvatura sobre ela é realmente paralela a a espiral, ou pelo menos esta seção dentro da espiral. E neste próximo exemplo, eu queria mostrar que às vezes em uma única composição, você pode até usar várias orientações da espiral dourada e ter detalhes importantes do seu composição alinhada a eles. Então, neste caso, se eu mantiver a orientação assim, podemos ver imediatamente que há muitos detalhes que estão seguindo essa forma, especialmente em torno dessa área aqui. Então as ovelhas aqui no fundo, até mesmo a galinha sentada na cerca aqui. Mas se eu selecionar a espiral e virá-la na horizontal e na vertical, podemos ver que, na verdade, o ponto final desta forma acaba aparecendo está apontando exatamente para essa pessoa em primeiro plano. E assim como com a regra dos terços, Eventualmente, se você estiver prestando atenção, você pode desenvolver um olho vendo essas espirais ocultas dentro das composições. Às vezes, como você pode ver, até várias orientações ao mesmo tempo. Mesmo em arte conceitual para jogos como Assassin's Creed, Valhalla, podemos encontrar usos da espiral dourada, mais uma vez, levando nossos olhos a detalhes importantes como esses personagens aqui no fundo. Mas assim como antes, se eu virar essa espiral para o outro lado, podemos ver que, na verdade, todos esses detalhes selam em primeiro plano seguem esta espiral, nos leva primeiro aos personagens aqui no meio terra e, em seguida, também direciona nossa atenção para o fundo. E apenas mais um exemplo de arte conceitual. Mas, mais uma vez, temos os personagens perfeitamente alinhados à espiral e aquele pico mais alto na distância, que também está perfeitamente alinhado ao ponto final da espiral. E não é coincidência que a maioria dos filmes de animação da Pixar, Disney e até da DreamWorks também confiaria na espiral dourada. Assim, podemos ver no caso do cartaz Kung Fu Panda, ele leva perfeitamente nosso olho para o pé, que é ainda mais enfatizado pelo padrão radial em segundo plano. Se movermos a espiral aqui à direita com o cartaz para cima, podemos ver que todos os personagens estão alinhados à espiral. E mais uma vez, a espiral está levando nossa atenção para o título. E a mesma coisa está acontecendo aqui com o impostor Finding Nemo ou os peixes no fundo estão alinhados à espiral dourada por nemo está alinhado a este ponto particular dentro da espiral. Portanto, não é o ponto final da espiral, mas ainda está alinhado a uma tangente importante dentro da espiral. E outro ótimo exemplo é esse cartaz para o filme Brave. A capa do personagem principal em primeiro plano tem exatamente a mesma forma que a espiral. E até a postura dela está seguindo esse fluxo. Mas se continuarmos indo ao longo da espiral, veremos que todos os outros personagens importantes estão realmente alinhados ao ponto final da espiral. Acredite, uma vez que você comece a prestar atenção nisso, você também começará a reconhecer a proporção áurea e a espiral dourada em muitas coisas ao seu redor. 7. Direção: Enfatizar uma direção particular dentro de uma composição é uma maneira muito poderosa de fazê-la se destacar e torná-la cativante. E a maneira geral de conseguir isso é antes de tudo, escolhendo a orientação certa ou a proporção para o seu trabalho. Portanto, se você estiver se concentrando em uma direção vertical ou fluxo, é melhor começar com um formato de retrato em vez de uma paisagem. Mas além de escolher a orientação e a proporção corretas , você também deve alinhar e organizar todos os elementos em sua composição para reforçar a direção pretendida. Então, neste vídeo, veremos muitos exemplos criativos utilizando todos os tipos de direções diferentes, da vertical à diagonal e até mesmo ângulos aleatórios. E vamos começar com alguns projetos utilizando ou enfatizando a direção vertical ou o fluxo. Então, como você pode ver, isso pode ser alcançado de várias maneiras diferentes. Você pode usar tipografia, como no caso deste cartaz, e ter tudo alinhado no centro da composição, mantendo os lados esquerdo e direito completamente vazios. Neste caso, o mesmo é usado com o anúncio da Coca-Cola e também este cartaz para a noite de Poetry Slam. E além de ter um uso muito inteligente da figura terra ou espaço negativo aqui, com o microfone aparecendo dentro da silhueta de uma caneta. Mas acho que há até uma indicação de livros aqui no topo da caneta. O que eu realmente gosto nessa composição é como ela está utilizando a direção vertical de ambos os lados. Então, através da caneta está apontando para baixo e direciona nossa atenção para esta parte aqui na parte inferior, o microfone age quase como outra seta apontando para o título principal do evento. Ao enfatizar a direção vertical em uma composição, você não precisa necessariamente alinhar tudo no centro. Podemos ver com este cartaz, a maioria das informações pode ser alinhada à esquerda. E neste caso, para equilibrar as coisas, eles realmente têm uma pessoa saindo do quadro em uma cultura bastante incomum. Mas acho que isso funciona perfeitamente bem com o tema deste festival, que é sobre viajar. Então, em vez de mostrar alguém no quadro, vemos essa pessoa realmente deixando o quadro. Portanto, essa é uma analogia visual perfeita do processo de percorrer a direção vertical também pode ser usada sempre que você quiser enfatizar a gravidade e mostrar coisas como tinta ou sangue, neste caso gotejamento ou para mostrar outros movimentos verticais, como chuva ou até mesmo super-heróis voadores. E mesmo usando a tipografia para indicar direção vertical, gravidade e coisas caindo também pode criar uma composição muito única e interessante. Eu também adoro o fato de que além desta parte aqui, que indica claramente que o movimento vertical, também temos tão pequenos detalhes aqui no título principal, que a letra S prestes a cair e cair também. Portanto, a legibilidade do título principal não é sofrendo, mas isso é uma indicação sutil, funciona muito bem com o resto da composição. Soluções simples, mas inteligentes como essa podem facilmente criar unidade em seu design. No caso dessa composição, adoro o jeito que, novamente, um formato muito ferramenta está sendo usado, mas também a maneira como o ponto de vista comum ou usual é virado de cabeça para baixo. E temos essas cadeiras grudando no teto e a pessoa segurando nelas, que sugere que eventualmente, essa pessoa vai cair. E às vezes, mesmo sem mostrar algo, apenas preparar o espectador para que algo aconteça pode ser uma maneira muito eficaz de chamar a atenção deles. Vou pular a direção horizontal porque isso é algo que é bastante padrão e comum que veríamos no design gráfico. Vou pular direto para diagonais, que provavelmente é o meu tipo favorito de fluxo visual que gosto de usar em meu próprio trabalho sempre que puder. E a única coisa sobre a utilização de diagonais é que ela ajuda a romper com esse formato retangular ao qual estamos restritos, quer estejamos trabalhando em impressão ou web design, uma vez que tanto o formato do papel impresso quanto as telas são retangulares. Então pegue o pôster Maze Runner, por exemplo, que mais uma vez está dentro desta moldura retangular ou tela. No entanto, graças à orientação diagonal de todas essas linhas e até mesmo do personagem principal e da topografia, imediatamente temos a sensação de que este não é mais um formato retangular. Então nossa mente continua imediatamente essas linhas e imaginamos uma estrutura além dessa moldura retangular. 8. Diagonais: Mas é claro, se você quiser utilizar a direção diagonal em sua composição, você não precisa necessariamente girar tudo ao redor. Como você pode ver, basta indicar as diagonais, mesmo com uma linha fina simples. Mas é claro que também ajuda se você estiver usando uma imagem em combinação com essa linha que pode reforçar a mesma direção diagonal. Mas você também não está restrito a usar apenas uma única direção diagonal. Às vezes, pode funcionar muito bem se você estiver usando duas diagonais opostas dentro da mesma composição, como com esta ilustração aqui com o teleférico, podemos ver linhas definidas pelas montanhas e depois diagonais opostas definidas pelo cabo para a folha. A mesma coisa neste cartaz. Temos uma linha diagonal muito forte aqui na parte inferior e, em seguida, outra linha diagonal forte definida pelo frango. E mesmo neste caso, em que direção diagonal é usada em um índice. Mais uma vez, podemos ver exemplos dessas direções opostas. Então, temos textos definidos desta forma aqui e também aqui em cima, mas depois temos a direção oposta também usada por alguns dos outros textos desta página. E na minha opinião, não há melhor maneira de se lembrar por que esse movimento ou direção diagonal é tão poderoso e tão eficaz do que lembrar essa famosa pose de Michael Jackson do filme moon walker. Então, comparado a uma linha reta vertical na qual consideraríamos ser estático, quando algo está definido em um ângulo para a direita ou para a esquerda, parece imediatamente que está prestes a cair. E assim como aquela pessoa que vimos, ficou presa no teto prestes a cair na expectativa e nós vemos algo arriscado que capta nossa atenção. E porque as diagonais também nos lembram de triângulos, que em termos de linguagem de forma geralmente novamente, representa risco, perigo, hostilidade. Também é usado muito comumente em composições de cartazes de filmes de ação, como podemos vê-lo aqui com o pôster de vídeo preto. E também podemos vê-lo aqui com Velozes e Furiosos ou com o homem interno. E lembre-se, menos é mais em design. Portanto, mesmo quando você está usando direções como diagonais, você não precisa forçar todos os seus elementos visuais a serem restritos por ele. Para isso, um bom exemplo é o princípio, onde apenas o título principal é definido em uma linha diagonal. E o resto dessas linhas distintas aqui são na verdade, apenas ligeiramente giradas. Eles ainda não são completamente verticais ou horizontais, mas também não são completamente diagonais. Você pode imaginar que a mesma composição girava completamente, novamente, seguindo o mesmo ângulo que o título, poderia ser um pouco exagero. E então, por último, mas não menos importante, você também pode usar ângulos aleatórios em sua composição. No entanto, estes geralmente são os mais complicados de trabalhar. E sem o uso de alguma estrutura subjacente, como uma grade, é fácil acabar criando algo muito caótico para seus espectadores desfrutarem e entenderem. E algo que se aplica a todas as direções que você decide usar ou mesmo a qualquer decisão que você tome em sua composição, é que não importa o que você decida usar, deve sempre sirva o propósito ou a mensagem do seu design. Portanto, no caso desta capa de livro, por exemplo, há uma boa razão pela qual alguns dos personagens estão cabeça para baixo ou girados aparentemente aleatoriamente. É porque está enfatizando o título, a cama se moveu. E mesmo que eu não tenha lido o livro e o título não significa muito para mim. Estou imediatamente intrigado e interessado graças a este design exclusivo. Portanto, lembre-se de que sua escolha de fluxo visual para sua composição deve estar sempre alinhada à mensagem do seu trabalho. 9. Silhueta: No design gráfico, silhuetas reconhecíveis ou contornos de objetos podem ser usados de várias maneiras diferentes, sejam eles atuando como um dispositivo de retenção ou contêiner, agrupando vários elementos, insinuando coisas de forma sutil ou até mesmo para ativar a relação fundamental da figura, um dos princípios da Gestalt que abordamos em outro tópico. Neste vídeo, analisaremos alguns trabalhos muito criativos que estão utilizando silhuetas. Mas também aprenderemos qual é a diferença entre uma silhueta e um contorno, um contorno e o perfil. Então, tecnicamente, devemos nos referir a algo assim como uma silhueta, neste caso, a silhueta de um pássaro e dentro dele, a silhueta de uma bailarina ou dançarina, onde uma forma sólida é usado para representar algo sem mostrar detalhes dentro da própria forma. E a maneira mais tradicional de pensar em silhuetas é ter uma forma preta em um fundo branco. E a maneira mais fácil de lembrar a definição de silhueta é simplesmente pensar na sua sombra. É um recurso escuro, menos forma, mas ainda pode ser reconhecido que está conectado a você para entender melhor como as silhuetas funcionam. Aqui está um ótimo exemplo em que temos uma transição entre áreas onde podemos realmente ver alguns detalhes dentro da imagem que nos ajuda a identificar e separar identificar e separar esses dois jogadores de cesta um do outro. Pelo resto da imagem, como as mãos, o basquete e até as pernas, nem sequer requerem nenhum detalhe para entendermos o que estamos vendo. Quem surgiu com essa composição inteligente deve ter jogado muito com várias silhuetas até encontrarem as certas que poderiam usar para este anúncio. Nesta composição, podemos ver a combinação de silhuetas e contornos. Então as silhuetas novamente são essas formas que são preenchidas com cores. Embora esses outros sejam os contornos em que não temos nenhum detalhe de campo dentro das linhas. E ambos os métodos são comumente usados no design de logotipo e ícone. E mesmo que sejam muito semelhantes entre si, eles ainda podem alcançar uma percepção um pouco diferente em seus espectadores. Você pode considerar a principal diferença entre eles sendo que as silhuetas são formas positivas por contornos ou formas negativas. E neste caso, esses termos não são usados para dizer que são bons ou ruins, é simplesmente uma maneira que categorizamos formas da maneira que elas sentem espaço. Aqui está um exemplo interessante que podemos ver a combinação de uma silhueta de uma árvore dentro deste contêiner, número dois. Mas o número em si não tem um esboço. Portanto, a composição também depende do fechamento do princípio da Gestalt. Portanto, nossa mente precisa conectar os detalhes que faltam ou preencher as lacunas no esboço desse número. Mas a principal razão pela qual estou destacando essa composição é mostrar que você nem sempre precisa mostrar a silhueta completa de algo para que ela seja reconhecível. O mesmo está acontecendo nessa composição. Novamente, podemos reconhecer tanto o pássaro quanto o dançarino sem ver todos os detalhes, mesmo quando eles são simplificados para apenas mostrar suas silhuetas. Aqui está outra composição interessante. Onde vemos apenas um pequeno detalhe desse treinador? Por que o resto de seu contorno ou forma é sugerido apenas pela silhueta composta essas várias formas coloridas combinadas. E, como você pode ver, você pode até criar contraste combinando seções de um objeto em detalhes fotográficos completos com formas coloridas simples insinuando a silhueta de objetos. Outro termo que também é comumente usado em design gráfico e soa muito semelhante à silhueta, é o contorno, que é melhor usado quando você está se referindo à forma de um objeto. Por exemplo, essa ilustração usa um contorno arredondado e curvilíneo que enfatiza a mulher e a sexualidade nessa composição. Ou aqui está outro anúncio inteligente onde podemos ver contornos e silhuetas trabalhando juntos. Então, ao olhar para esses pingentes, podemos nos referir aos seus contornos, que também ajudou a sugerir ou sugerir as silhuetas de marcos famosos, como a Estátua da Liberdade ou a Torre Eiffel. Então você pode ver que esses dois termos são muito semelhantes entre si. Há apenas uma diferença sutil na forma como os usamos quando estamos nos referindo a soluções ou detalhes em uma composição. 10. Perfil: Outro termo semelhante que você pode ter ouvido falar é o perfil, que é usado especificamente quando estamos olhando para algo ou alguém do lado. Perfil é um termo muito usado, por exemplo, na fotografia de retrato, onde é claro que estaria focando na visão lateral da mão. Um perfil não significa necessariamente que não vemos detalhes no rosto ou no objeto que vemos de lado. É melhor lembrá-lo e usá-lo simplesmente como outra palavra para ver algo do lado. Neste caso, esta é a silhueta de uma menina na visão de perfil emparelhada com outra imagem dessas flores e plantas atravessam ligeiramente seu contorno. Você pode ver que estou tentando destacar as diferenças sutis entre esses termos e com um pouco de prática e prestando atenção em como usá-los, tenho certeza de que você também poderá aplique todos eles em seu próprio trabalho. E, finalmente, deixe-me destacar mais algumas composições usando esses termos que acabamos de discutir. Então, no caso deste último cartaz, temos algumas silhuetas. Primeiro de tudo, temos o tipo aqui no meio, que é criado com espaço negativo ou espaço em branco. Mas também temos outra espada em preto que seria considerada espaço positivo. Mas ainda assim, essa é outra silhueta. Também temos outra silhueta aqui na parte inferior, que neste caso, este é um tipo especial de silhueta, que normalmente nos referiríamos como skyline, neste caso, mostrando essa fortaleza ou castelo ou assim temos a silhueta de fogo aqui na parte inferior. E, finalmente, outro detalhe sutil, o sangue gotejando aqui nesta espada. Então isso é uma silhueta dentro de outra silhueta. E você pode ver que todas essas silhuetas, obviamente nossas ilustrações, e a combinação delas e as fotografias no cartaz podem funcionar muito bem juntas. E enquanto as fotos estão nos ajudando principalmente a reconhecer esses atores e atrizes no filme. As silhuetas desses objetos e arquitetura nos contam muito mais sobre a história ou o enredo do filme. Aqui está outro ótimo exemplo de um cartaz de filme onde a silhueta de uma cruz é usada em combinação com a silhueta de uma bomba de óleo. E se você já viu o filme, você sabe que esses são os dois temas opostos no filme, religião e ganância. Se não fosse óbvio o suficiente que isso deveria ser uma bomba de óleo. Na verdade, há outro lá em segundo plano. Mesmo sendo bastante fraco, ainda é reconhecível. E a razão pela qual estou destacando essa composição é mostrar que às vezes silhuetas são a melhor maneira de simplificar algo. E em vez de nos concentrar em detalhes, ver apenas a forma geral de algo nos ajuda a nos concentrar no significado real por trás da composição. Você sempre pode confiar em silhuetas, é claro, a menos que seu assunto seja muito reconhecível, como com esta cena icônica de Forrest Gump, reconhecemos imediatamente o que estamos vendo também em contextos de um logotipo da Apple. Também reconhecemos imediatamente que esta é a silhueta de perfil de Steve Jobs. A mesma coisa com a força horizontal. famosa personagem Indiana Jones, novamente, é suficiente para ficar implícita como uma silhueta visível dentro desta caverna. Mas, na verdade, há outra silhueta dentro dessa silhueta maior neste caso. E aqui está uma combinação ainda mais inteligente de duas silhuetas. Um cartaz de Olly Moss, onde reconhecemos o famoso personagem Baba gordo de Star Wars, graças ao contorno de seu capacete. Mas o que realmente o torna reconhecível é esse detalhe aqui no meio, que por sinal, também é a silhueta de um edifício. O filme Empire Strikes Back. Portanto, não só temos duas silhuetas uma em cima da outra, mas elas também estão alinhadas dessa maneira extremamente inteligente. Isso é algo semelhante acontecendo neste cartaz Dark Knight Rises, onde vemos a silhueta do logotipo do Batman em segundo plano, no horizonte. E as orelhas na paisagem do Batman estão perfeitamente alinhadas onde veríamos as orelhas do ícone do Batman também. Para que pudéssemos continuar a silhueta ao redor deles. E nós obteríamos o ícone ou um logotipo lá em segundo plano. E este também é um bom exemplo para pensar sobre a relação entre uma silhueta e o contorno. Então, quando você tenta definir a forma como vemos Batman neste caso, eu não chamaria isso de silhueta porque podemos ver detalhes de sua armadura e até seu rosto. É melhor referir-se a uma imagem em que seu contorno é enfatizado. 11. Linha: Uma linha é um elemento de design básico e muito usado. E a razão pela qual estamos cobrindo isso sob o tópico da composição, porque ele pode ser usado para enfatizar muitos aspectos diferentes dentro de uma composição, como direcionar o olho do espectador para adicionar detalhe dentro da composição, como um ponto focal, ou para criar estrutura e adicionar hierarquia dividindo determinadas áreas. Eles também podem ser usados como linhas de movimento e enfatizam a direção ou o fluxo da composição. Eles podem formar padrões, podem introduzir ritmo e a lista continua. Mesmo que, como eu disse, eles adicionem um dos elementos de design mais simples, cabe a você, como designer gráfico, criar maneiras criativas de utilizá-lo. Então, para começar, aqui está uma bela ilustração que usa apenas linhas e elas são mesmo da mesma espessura, o que, claro, ajuda a estabelecer unidade e harmonia na composição. Neste exemplo específico usa linhas para formar essas decorações florais, mas também para apresentar essas aves apenas seus contornos e alguns detalhes dentro deles. E novamente, outra composição onde só temos linhas, mas neste caso, elas também estão formando topografia além de alguns detalhes como as nuvens e o sol. E o interessante aqui é que essa composição funciona muito bem, mesmo que haja muitos detalhes faltantes. Portanto, as linhas não estão completamente fechadas nem na tipografia ou mesmo no ambiente, como se tivéssemos algumas lacunas nas nuvens, também lacunas no sol porque temos apenas o suficiente visual informações. Ainda não é confuso e contando com o fechamento do princípio da Gestalt, nossa mente facilmente campos nessas lacunas, usando linhas em combinação com uma fotografia pode criar muito contraste. E neste caso, como essas linhas quase preenchem completamente o pano de fundo, elas também formam algo mais semelhante a uma textura. E aqui está um exemplo ainda mais extremo em que a princípio parece que essas linhas estão apenas formando uma textura aleatória. Mas então você também pode reconhecer o texto ou a topografia escondida dentro dele. E é uma técnica bastante comum e eficaz simplificar a topografia em linhas simples, como neste caso, temos essas linhas grossas e redondas que formam a palavra coisa. E o fato de não estarmos vendo apenas as silhuetas ou contornos dessas letras, mas as formas reais, essas linhas de que elas são feitas torna essa composição muito mais interessante. E dinâmico. Desenhos de linha também são comumente usados em projetos de design gráfico e , neste anúncio em particular, eles são usados em combinação com uma fotografia e por tê-los sobrepostos uns sobre os outros. E o desenho que mostra os perigos de comer fast food simplifica e apresenta brilhantemente a mensagem principal deste cartaz. As linhas também podem ser usadas para representar a ação. Nesse caso, podemos reconhecer imediatamente que esses três nomes ou marcas foram cruzados. E como com tudo no design gráfico, mesmo que não estejamos vendo o movimento real deles sendo riscados, podemos imaginar que isso aconteça, especialmente porque essas linhas parecem eles foram desenhados com um lápis de cera ou giz. Assim, a combinação de um elemento de design simples, uma linha neste caso, com textura e um pouco de aleatoriedade, em vez de mantê-lo completamente reto, sugere perfeitamente o que se trata esse problema. Então lembre-se, não subestime o poder de uma linha em suas composições. 12. Tangentes a serem evitadas: No design gráfico, como estamos trabalhando em duas dimensões, é muito importante garantir que os elementos que colocamos um ao lado do outro, eu claramente me separei quando não queremos que eles se encontrem e devemos sempre certificar de que está estabelecido o que está mais próximo de nós e o que está mais longe no espaço. Quando duas formas são colocadas próximas uma da outra, a linha compartilhada entre elas é chamada de linha implícita. Se for usado intencionalmente, ele pode criar composições muito interessantes usando justaposição ou contraste entre diferentes elementos. No entanto, quando for introduzido por acidente, normalmente nos referiremos a ele como uma tangente. E isso é algo que você na maioria das vezes gostaria de evitar. E há até outro termo que usamos para isso, que na vida real é uma coisa boa, mas no design gráfico, novamente, é algo que deve ser evitado. E esse termo é beijar, novamente, vindo de duas coisas, encontrando ou sendo alinhado perfeitamente um ao lado do outro. Vamos dar uma olhada em alguns exemplos. Principalmente bons exemplos em que tangentes são usadas de forma positiva, criando linhas implícitas, mas também veem o problema com tangentes introduzidas sem querer. Então, para começar aqui é a série de cartazes. E em cada um deles, temos dois objetos alinhados entre si, criando justaposição para enfatizar a mensagem, que são palavras, guerras de quilha. E observe como todos esses cartazes colocaram o objeto prejudicial no lado esquerdo. Por que temos imagens no lado direito mostrando vaso de comunicação. E neste caso, essas imagens não estão apenas alinhadas umas às outras de forma inteligente, mas também juntas, elas sugerem os contornos originais das armas. No caso da granada, por exemplo, temos a foto do perfil de uma pessoa do lado direito, mas as duas coisas juntas nos lembram da forma original de uma granada. E o mesmo se aplica a todas essas outras imagens, mesmo neste microfone, é usado uma forma que nos lembra mais de um míssil, depois um microfone. Então, o designer queria que a primeira leitura do espectador fosse veterana. E somente depois de um pouco de tempo eles reconhecerão o outro objeto que é usado para comunicação. Existem muitos outros exemplos semelhantes a isso neste quadro, mas mais uma vez, várias imagens são combinadas juntas, revelando apenas certas partes de cada uma delas. Mas a técnica chave é confundir os espectadores para ver esses dois objetos separados como um. Antes de olhar para alguns outros exemplos quando os elementos de design estão alinhados propositalmente, quero mostrar o problema com a introdução de tangentes. Então, aqui está uma imagem em miniatura que criei para um vídeo do YouTube. E no lado esquerdo você pode ver o design real. No lado direito, criei uma versão dela, mas intencionalmente movi as coisas para produzir essas tangentes indesejadas. Então talvez pause o vídeo neste momento se você quiser encontrá-los sozinho. Porque agora vou começar a apontá-los. Então, o primeiro que podemos detectar, se começarmos a digitalizar a imagem do canto superior esquerdo é este aqui. Portanto, esse círculo é colocado exatamente alinhado ao ícone do Illustrator em comparação com a forma como eu o tinha originalmente alinhado mais à direita. Também temos o mesmo problema com este círculo aqui, novamente, tangente ao chapéu que essa mulher está usando. Ainda mais uma vez, na composição original, eu tinha apenas uma sobreposição suficiente entre o chapéu e aquela esfera para tornar óbvio que a esfera está atrás do chapéu. Essa forma aqui também é tangente ao texto, embora seja um pequeno detalhe, ainda há uma sensação estranha. Portanto, não temos certeza se o texto deve estar na frente dessa forma ou atrás. E o mesmo problema está acontecendo aqui. Mais uma vez, há um ponto tangente entre o texto e essa forma tridimensional. Mesmo quando algo como esse detalhe aqui que está desfocado está se encontrando em uma tangente e outra forma. Ainda pode ser distrativo e confuso para o espectador. Mas essa forma de curva até tem um terceiro ponto tangente com o chapéu. Então, há uma tangente lá, outra aqui, e outra lá. Comparado a isso na composição original, ele foi colocado claramente na frente do chapéu e longe de todos os outros elementos. Portanto, não há beijos nem tangentes. Até agora, tenho certeza de que você também viu alguns posicionamentos muito ruins para esses objetos 3D flutuantes. E a principal coisa que eu quero que você se lembre deste exemplo é mesmo quando estamos tentando criar alguma aleatoriedade, tendo objetos flutuantes dentro de uma composição, você ainda deve prestar muita atenção a sua colocação, certificando-se de que você está evitando criar tangentes. 13. Tangentes intencionais: Assim como outros princípios e regras em design gráfico, uma vez que você aprende a evitar tangentes, você pode criar maneiras inteligentes e sofisticadas de apresentá-las em sua composição e realmente melhorar o como parece ou até mesmo melhorar a unidade no design. Então, neste caso, temos essa linha diagonal forte dividindo as duas cores usadas em segundo plano. E a mesma linha também é usada para dividir esses blocos atrás da topografia. O que é um detalhe muito sutil aqui é que mesmo essas duas letras, a y e a, também estão alinhadas à mesma linha diagonal. Portanto, há uma tangente entre a topografia e essa linha de divisão em segundo plano. E como não está afetando a legibilidade ou a legibilidade, e também não está tornando a composição confusa. Nesse caso, as tangentes se tornam esses detalhes sutis, únicos e ocultos dentro da composição. Então, em vez de considerá-los como erros, prefiro chamá-los de soluções inteligentes. Agora sabemos que quando você coloca duas coisas exatamente ao lado da outra, você pode criar tangentes. Mas o mesmo problema pode acontecer quando você coloca objetos exatamente alinhados à borda do seu quadro. E isso é exatamente o que está acontecendo nesse cartaz. Então, temos esse texto aqui alinhado ao lado direito e até mesmo essa palavra care está quase exatamente alinhada à borda direita. E se não fosse intencional e apoiado pelo resto do design, eu consideraria um erro. Mas uma vez que você preste mais atenção a outros detalhes, como ter esse código também perfeitamente alinhado, o reitor, o retrato, novamente criando tangentes em ambos os lados. E mesmo esse texto aqui se alinhou perfeitamente ao título. Então, se eu fosse continuar o cabelo, é aí que ele continua e até o outro lado do cabelo está alinhado o texto ou o canto dessas duas letras sendo perfeitamente alinhado, novamente para o contorno do rosto. E mesmo isso está quase perfeitamente alinhado aqui à esquerda. Então, por causa de todas essas instâncias de tangentes, podemos dizer que tudo isso foi intencional e sempre pode criar um valor de choque quando você vai claramente contra regras, mesmo que tangentes não sejam algo que a maioria das pessoas está familiarizada, elas ainda sentiriam que algo está fora no cartaz. E isso é exatamente o que o designer queria alcançar aqui. Porque isso vai novamente muito bem com a história deste filme. Até o título em si é contraditório. Mesmo que diga, eu me importo muito, o significado real disso no filme é completamente diferente sem que eu estrague o filme dizendo demais. Agora, é claro, ver tangentes no cartaz do filme nem sempre significa que ele foi intencionalmente introduzido. Como designer gráfico, é bom desenvolver um olhar crítico e olhar para um design sempre pensando se algo era intencional ou não ou se algo está funcionando ou não. E no caso deste cartaz para levar, vi algumas tangentes que tenho certeza que não foram intencionalmente introduzidas. Novamente, se você quiser jogar um pouco de jogo, você pode pausar o vídeo agora mesmo antes. Vou apontá-los para você e ver se você pode encontrar mais do que o que eu vou mostrar. Então, a primeira e mais óbvia é essa estranha safra de ter Liam Neeson quase perfeitamente alinhado com a borda do quadro, mas ainda assim cortando um pouco. Posso ver que eles tentaram fazê-lo parecer o maior possível no cartaz, mas não tenho certeza se essa é uma boa maneira de fazer a colheita. E da mesma forma, eu não teria um detalhe importante desse marco em segundo plano alinhado perfeitamente com a borda do quadro. Como aqui no lado esquerdo, temos um pouco de espaço ao lado dele. Mas no lado direito está se formando em tangente. Mas mesmo dentro da foto de Liam Neeson, podemos encontrar a arma tangente que ele está segurando está perfeitamente alinhada à perna no fundo, o que é um pouco distrativo porque esta linha parece mais uma extensão da arma quase como se estivesse atirando, mesmo que seja simplesmente, aqui está o atraso. Uma outra tangente menor que notei é o alinhamento da letra T à torre aqui no lado esquerdo, e também alguns outros detalhes como a ponta do a com o álbum. Então, depois de ver este exemplo, se você ainda não fez isso sozinho, e agora você pode começar a detectar tangentes em cartazes e todos os tipos de designs. Da mesma forma que os erros esportivos de kerning na tipografia. 14. Conclusão: Parabéns por concluir este curso da série de teoria do design gráfico. Espero que você tenha achado útil e inspirador. Não se esqueça de passar pelo glossário de termos PDF, revisar tudo o que abordamos e, se você se sentir pronto, faça o teste para testar seu conhecimento. Volte a qualquer momento para as referências nos quadros mileniais que usamos neste curso para ajudá-lo a lembrar as coisas sobre as quais falamos ou definir inspiração para o seu próximo projeto de design, informe-nos se você sentiu que havia alguma coisa faltando neste curso ou se você tiver alguma sugestão sobre como podemos melhorá-lo, envie-nos um e-mail para informações no designer.com da atribuição, e entraremos em contato com você assim que possível. Agradecemos muito sua opinião e ajuda. Agora, é hora de você escolher seu próximo tópico e mergulhar em outro curso de teoria do design gráfico. Lembre-se, não há ordem certa ou errada para concluir esta série. Todas as regras que abordamos são igualmente importantes e tudo está relacionado. Mas o mais importante é entender bem essas regras e aplicá-las em seus projetos. Tenho certeza que você usará o que aprendeu para criar algo incrível. E eu mal posso esperar para vê-lo.