Teoria do design gráfico: equilíbrio

1. Introdução: Quando nascemos, o equilíbrio é uma das primeiras e mais importantes habilidades que aprendemos Ao longo de nossas vidas, buscamos ter uma dieta balanceada, encontrar um equilíbrio perfeito entre vida profissional e somos instintivamente atraídos por coisas simétricas O equilíbrio visual no design gráfico é igualmente importante. Cada elemento em uma composição tem uma certa quantidade de peso visual e você precisa aprender a mantê-los em equilíbrio para obter composições agradáveis Neste curso, abordaremos simetria, alinhamento, grades, movimento, orientação, vista, ponto central visual e tudo mais que possa ajudá-lo a encontrar o equilíbrio certo em seus projetos 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. Peso visual (parte 1): Todos nós instintivamente tentamos encontrar equilíbrio em tudo na vida, seja no equilíbrio entre vida profissional e pessoal ou uma dieta balanceada ou até mesmo arrumando flores em um vaso tentando manter No design gráfico, o equilíbrio é igualmente crucial e é uma das formas mais eficazes de alcançar a harmonia em uma composição. No mundo físico, quando você está tentando manter o equilíbrio entre as coisas, você sempre precisa garantir que haja peso igual nos dois lados de uma balança Por exemplo, em design gráfico, estamos pensando exatamente da mesma maneira, mas chamamos isso de peso visual, que significa que cada componente ou elemento que você usa em suas composições terá um certo peso. E neste vídeo, abordaremos várias maneiras diferentes de identificar o que faz com que algo pareça mais pesado ou mais leve em uma composição Então, antes de tudo, cores vibrantes sempre parecem mais pesadas do que tons neutros Então, por exemplo, aqui, com o criador da capa do livro Swan, as cores vibrantes realmente se destacam e formam pontos focais E apesar de ocuparem muito menos espaço na composição, eles ainda carregam uma boa quantidade de peso visual. Esta capa está utilizando o mesmo equilíbrio que veríamos no signo de Yin Yang, que, aliás, também é um ótimo exemplo de como achamos agradáveis coisas equilibradas E é um conceito filosófico chinês que explica que as forças opostas ou contrárias na natureza são, na verdade, complementares, interconectadas e interdependentes, o que significa que elas dependem umas das outras ou melhoram os efeitos umas das outras Essa também é uma ótima maneira de pensar em equilíbrio no design gráfico. Então, quando você está juntando coisas opostas, elas podem aprimorar ou enfatizar os atributos umas das outras e, então, você atinge o equilíbrio certo Mas voltando às cores, cores mais escuras também tendem a parecer mais pesadas do que cores mais claras Então, no caso desse pôster, por exemplo, podemos sentir imediatamente que essas regiões aqui em preto parecem mais pesadas, e o mesmo se aplica a essa fita aqui na parte superior, em comparação com as outras duas cores dominantes, o laranja e E a razão pela qual eu amo esse pôster é que ele não é completamente simétrico Somente essa seção superior pode ser considerada centrada e simétrica Embora essa parte inferior seja assimétrica, esses são os dois termos que discutiremos com muito mais detalhes no próximo vídeo No entanto, mesmo que não haja simetria na parte inferior, as coisas ainda parecem muito equilibradas E isso se deve principalmente ao fato de termos uma quantidade igual dessas áreas mais escuras colocadas aqui E mesmo que essa área aqui à direita seja talvez um pouco maior do que a da esquerda, os camelos e esses personagens também colocados em preto ajudam a equilibrar os dois lados Outra ótima ilustração minimalista também mostra a mesma abordagem, novamente, distribuindo o peso visual, confiando principalmente nas cores Então essa cor vermelha mais escura aqui realmente se destaca, e está um pouco fora do centro, então está um pouco mais perto do lado esquerdo E para contrabalançar isso, há uma linha diagonal usada aqui na parte inferior, que está subindo para a direita Então, há mais desse espaço em branco usado aqui, e isso está ajudando a equilibrar o peso desse vermelho aqui, que está, novamente, ligeiramente para a esquerda. Provavelmente, o mais importante a lembrar é que qualquer coisa que você colocar no ponto central exato de sua composição parecerá mais equilibrada ou estável. E quanto mais longe, você move objetos desse ponto central, quer você os mova para a esquerda, direita, superior ou inferior, ou especialmente se você os move para os pontos angulares Os mesmos objetos parecerão muito mais pesados quanto mais próximos chegarem das bordas da tela E se você não for cuidadoso o suficiente, eles podem facilmente fazer com que a composição pareça inclinada para um lado ou para o outro Um ótimo exemplo disso é essa cidade na capa de borda, onde intencionalmente, o designer criou desequilíbrio, enfatizando o tema ou o título do livro Então, aqui já ter a cidade e o solo em que estão colocados em preto a torna visualmente muito pesada. Mas também o fato de a maior parte do edifício especialmente o edifício mais alto, estar colocado aqui perto da borda direita, sem qualquer outro suporte por baixo, atinge exatamente o que eu descrevi: essa forma, em particular, parece extremamente pesada em particular E essa capa mostra que nem sempre você usa o equilíbrio para criar harmonia em sua composição. Você também pode criar situações precárias quase instáveis, que deixará os espectadores um pouco Isso criará tensão, drama, e todas essas coisas são úteis para chamar a atenção dos espectadores e torná-los interessados em qualquer finalidade para a qual seu design é usado. Outra percepção interessante é que sentimos que as bordas mais duras pesadas do que as curvas ou mais macias Voltando a esses dois pôsteres, quando você olha para o de cima, que usa mais curvas, parece que é um pouco mais leve em termos de peso visual em comparação com o pôster abaixo, que usa principalmente Mesmo dentro de uma única composição, podemos ver o efeito disso. Ter esse carro cortado e mostrar apenas um lado dele criou essa interessante assimetria em que temos as belas curvas originais do Enquanto estamos no lado esquerdo, temos essa borda reta e afiada. Portanto, mesmo que você ignore o fato de que falta um lado desta carta aqui e apenas preste atenção na área restante, ainda parecerá que o lado esquerdo é mais pesado do que o direito Já mencionamos o equilíbrio simétrico e assimétrico, mas na verdade existem dois outros tipos de equilíbrio mas na verdade existem dois outros tipos de E essa em particular, eu chamaria de balança em mosaico, em que temos esses personagens flutuando aparentemente aleatoriamente, e também o carro, novamente, é cortado De alguma forma, as coisas ainda parecem equilibradas. E o designer conseguiu isso mais uma vez usando uma balança de mosaico, mas também uma grade na composição Novamente, não se preocupe se você não estiver familiarizado com as grades e como elas funcionam, pois as discutiremos com muito mais detalhes em outro vídeo 3. Peso visual (parte 2): Caso você esteja se perguntando qual é o quarto tipo de balança, na verdade é chamada de balança de rádio, que acontece quando você tem sua composição irradiando de um ponto central E não precisa ser o ponto central físico ou visual da composição, pode estar em qualquer lugar. Como nesse caso, é tocada em algum lugar por aqui, que fica um pouco fora do canto superior direito da composição. A propósito, neste caso, está muito próximo do ponto central visual. Novamente, outro termo que discutiremos mais tarde. Por enquanto, estou apenas dizendo que o ponto central físico da composição está sempre no centro exato, enquanto o ponto central visual está sempre um pouco acima dele. Novamente, em outro vídeo, vou explicar o porquê e veremos mais exemplos disso. Mas voltando ao padrão de rádio, podemos ver claramente que não apenas esses bambus estão saindo desse ponto central, mas também que os personagens estão todos alinhados da mesma maneira Então, é quase como uma estrela que está se formando aqui. simetria do rádio também é uma ótima maneira de capturar a atenção do espectador e realmente atraí-lo para a composição, porque todas essas linhas levam ao ponto central Então, isso está atraindo a atenção dos telespectadores. É quase como montar uma armadilha para seus olhos, e vou mostrar muitos outros exemplos disso quando começarmos a falar sobre simetria com mais detalhes Mas ainda há algumas outras maneiras de pensar sobre o equilíbrio visual. E uma delas é que formas complexas sempre parecem mais pesadas do que formas mais simples. Então, voltando a este pôster novamente, quando você olha para os camelos e os cavaleiros neles, eles são definitivamente formas mais complexas em comparação com essas outras áreas curvas aqui à esquerda e à direita E mesmo que sejam detalhes muito menores, eles ainda parecem bastante pesados visualmente em comparação com as outras formas mais simples da composição Outra observação bastante óbvia é que formas de campo ou formas positivas. Como neste caso, esse círculo sempre parecerá mais pesado do que formas vazias ou negativas, como esse peixe, que tem apenas um contorno Finalmente, texturas complexas também parecem mais pesadas do que texturas simples ou áreas sem qualquer Então, no caso da capa deste livro, a água aqui no fundo parece muito mais pesada que o céu E observe que há algo também muito interessante acontecendo aqui. O texto está todo alinhado para o lado esquerdo, que normalmente significaria que as coisas podem ficar realmente desequilibradas se não contrabalançadas com algo do lado direito, mas ter aquele pequeno tabuleiro lá e também o sol ou a lua, não tenho 100% de certeza, neste caso, joga totalmente do lado direito, bem próximo à borda, ambos aqui do lado direito e também aqui no topo, ainda consegue manter tudo em equilíbrio. Lembre-se do que eu disse: quanto mais longe algo é colocado do ponto central visual ou físico de sua composição, mais pesado ele se sente Portanto, embora este não seja um item grande e, além disso, não seja um item grande em comparação com o resto dos elementos usados, o fato de estarem tão próximos da borda ainda adiciona mais volume ou peso visual a eles. Obviamente, também ajuda o fato de termos duas cores vibrantes usadas nesses elementos, novamente, carregando mais peso, e termos uma forma mais complexa neste barco e no personagem em comparação novamente com o resto dos elementos do design. Então, como designer gráfico, você precisa pensar em todas essas maneiras diferentes de alcançar o equilíbrio em sua composição. E, como tudo em design, não se trata de usar um único desses métodos, pois pode ser muito mais eficaz sempre que você começa a combiná-los. Há também outro termo importante chamado direção visual, que tem muito a ver com equilíbrio e peso visual, e é a técnica com a qual você indica movimento ou a direção do movimento em sua composição. E aqui está um ótimo exemplo com este pôster do Sasquatch, onde vemos claramente a direção de muitas coisas, como esse avião aqui passando e indo muito rápido para o passando e indo muito rápido para E a razão pela qual sentimos isso rápido é porque ele já está quase saindo do quadro Comparado a isso, temos esse grande monstro, e ele parece imediatamente mais lento porque, embora esteja indo na mesma direção, parece que acabou de entrar no quadro Então, já existe uma relação entre esses dois detalhes na composição, e eles já estão se equilibrando Um item rápido, porém menor, movendo-se junto com um item ou personagem grande, porém mais lento, nesse caso Mas as coisas podem ficar facilmente desequilibradas se tudo estiver se movendo na mesma direção. E é por isso que temos esse trem. Claramente se movendo para a direita, e também essas baleias ou peixes aqui na parte inferior se movendo para a direita E se você prestar mais atenção, notará que também há um carro aqui, que mais uma vez está se movendo para a direita. E se você pensar bem, também há um ótimo ritmo aqui. Vemos coisas se movendo para a esquerda na parte superior, depois temos o trem se movendo para a direita, depois o carro se movendo para a esquerda e, em seguida, as baleias na parte inferior, novamente, se movendo para a direita E, como tudo mais, ritmo e equilíbrio também costumam andar de mãos dadas no design gráfico. Também adoro essa ilustração, que mostra muitas maneiras muito inteligentes de usar o equilíbrio em uma composição. Em primeiro lugar, temos essa forma muito rígida aqui na parte inferior combinada com as formas mais complexas desses animais na parte superior E mesmo que a metade superior da composição não seja simétrica, ela ainda parece equilibrada E isso se deve principalmente à distribuição inteligente desses três animais, que variam em tamanho. Mas o que eu mais amo nessa ilustração é essa forma na parte inferior, que imediatamente estabelece drama. Pois sabemos que colocar coisas em cima de uma forma como essa exigiria a distribuição perfeita de peso para que ela permanecesse estável. Então, da mesma forma que a capa do livro City on the Edge. Aqui, mais uma vez, o drama se estabelece, mostrando uma cena em que o equilíbrio pode ser facilmente interrompido É a mesma sensação que temos quando olhamos para pedras como essa, equilibrando-as com muito cuidado ou mesmo quando estamos brincando de gênero Há mais um termo que vale a pena mencionar aqui: a regra das probabilidades, da qual tenho um ótimo exemplo Essa regra afirma que é uma boa ideia enquadrar o assunto com duas instâncias semelhantes ou idênticas para obter harmonia e equilíbrio visual. E você pode ver isso muito comumente usado em Edwards, e a Apple também adora usar a regra das probabilidades Então, em vez de ter apenas um mac book, temos dois outros idênticos em tamanho, mas ainda menores do que o do meio. Então, esse é claramente o assunto principal, e é apoiado apenas pelos outros dois ao lado. A razão pela qual a regra das probabilidades funciona tão bem, novamente, é principalmente devido ao fato enfatizar a simetria Então, se você tem um objeto que já é simétrico, colocar dois objetos adicionais só aumenta ainda mais a simetria em 4. Simetria reflexiva: Já estabelecemos que uma das melhores maneiras de alcançar equilíbrio em suas composições é confiar na simetria Mas, na verdade, existem muitos tipos diferentes de simetria que você pode usar em seus designs e até mesmo combinar várias simetrias em uma única composição Neste vídeo, analisaremos alguns exemplos muito criativos de todos esses diferentes tipos de simetrias Também veremos como assimetria pode adicionar interesse visual às suas composições e até passaremos algum tempo analisando como a simetria é usada no como a simetria é usada Então, primeiro de tudo, por que a simetria é universalmente atraente para todos no mundo A principal razão para isso é porque ele aparece muito comumente na natureza. O corpo humano em si e o rosto são quase perfeitamente simétricos, embora haja pequenas diferenças entre os dois lados Todos os componentes do corpo estão em simetria. Portanto, mesmo se olharmos para o rosto, temos coisas centralizadas, como o nariz e os lábios, enquanto os olhos e ouvidos que não estão centralizados estão exatamente à mesma distância da linha central em ambos os lados O mesmo vale para os membros, como duas mãos com cinco dedos de cada lado Essa simetria particular, chamamos de simetria reflexiva ou simetria bilateral, que atinge o equilíbrio e a simetria ao Voltando ao exemplo das mãos, você pode ver que é uma imagem espelhada perfeita Os polegares se encontrando no meio e todos os outros dígitos refletidos para os lados Você veria a mesma simetria reflexiva em quase todos os organismos vivos, incluindo animais e plantas Pense nas árvores. Essa é provavelmente a mais fácil de imaginar. Tanto as raízes quanto os galhos visam obter simetria No entanto, dependendo das circunstâncias e condições, como vento forte sempre vindo do mesmo lado, pode tornar uma árvore assimétrica, que não significa que ela não será mais esteticamente agradável Pelo contrário, pode se tornar mais interessante e único. Agora, é importante que simetria reflexiva no design possa ser aplicada não apenas entre os lados esquerdo e direito da composição, mas também entre a parte superior e inferior, e até mesmo ela possa ser usada em formato diagonal Portanto, se você colocar seu centro de simetria em uma linha diagonal, poderá ter os detalhes refletidos ou espelhados nos dois cantos opostos Como, neste caso, o designer deste pôster, Shepherd fairy usa várias simetrias Shepherd fairy usa várias simetrias dentro da mesma composição. Claramente, temos essa simetria reflexiva para o rosto e essa imagem no meio Também temos simetria radial para os elementos ao redor desse círculo aqui Mas a tipografia sugere várias linhas de simetria, então podemos colocar uma aqui no meio, e podemos ver essa forma aqui na parte superior, parecendo simétrica, mesmo que os parecendo simétrica, mesmo caracteres reais não estejam perfeitamente equilibrados, mas também podemos colocar outra linha de simetria aqui porque, mais uma vez, temos a mesma quantidade de texto na parte inferior e na Mas em termos das cores usadas no texto, também podemos usar um centro de simetria aqui na diagonal, porque, como você pode ver, temos o branco usado nos e também o preto usado nos cantos opostos preto usado Assim como com qualquer outra ferramenta e método em design gráfico, aplicar simetria em suas composições pode ser mais interessante quando você começa a combinar diferentes tipos de simetrias, ou mesmo a combinar simetria ou mesmo E observe como o rosto não é perfeitamente simétrico, pois essa linha aqui não se repete no lado esquerdo Além disso, os lábios não são perfeitamente simétricos. Mesmo os detalhes no cabelo não são simétricos, enquanto as flores no cabelo estão, na verdade, usando uma simetria perfeita Portanto, esses detalhes sutis que introduzem assimetria no rosto ajudam a torná-lo mais natural porque, como discutimos, rostos em particular não são perfeitamente simétricos e, se forem feitos com essa aparência, parecerão parecerão Mas em termos de composição, o que é ótimo é que temos esses detalhes assimétricos e simétricos detalhes E, como Yin e Yang, que mencionamos quando falávamos sobre equilíbrio, essas duas coisas opostas realmente funcionam muito bem juntas e se complementam E você pode encontrar muitos outros exemplos neste quadro, como este pôster do filme Rogue One, onde geralmente tudo é simétrico, exceto Nesse caso, esse é o personagem principal olhando para a esquerda em vez de ficar de frente para nós, mas também o título e o texto alinhados à direita e ver até mesmo coisas sutis como essa pessoa olhando para a esquerda, que podem equilibrar o fato termos o texto colocado aqui à direita E a razão para isso é, novamente, espaço implícito ou detalhes implícitos Então, mesmo que não estejamos realmente vendo o que ela está olhando, imaginamos que deve haver algo aqui no lado esquerdo. E mesmo estando fora da moldura , ainda ajuda a equilibrar os detalhes aqui à direita. Se você confiar na simetria perfeita em uma composição, ela pode parecer um pouco estática e entediante E é por isso que, mais uma vez, mesmo com o pôster titânico, embora a parte inferior do pôster embora a parte inferior do seja muito simétrica As faces aqui na parte superior não estão em simetria. Então, temos Kate Winslet olhando para a direita e Leonardo Dicaprio Mesmo na capa deste livro, que parece usar simetria perfeita, se você prestar muita atenção a alguns detalhes, especialmente nessa área aqui, notará que, na verdade existem algumas imperfeições Para obter simetria reflexiva, você nem sempre precisa usar exatamente a mesma coisa nos dois lados Você também pode confiar apenas em objetos semelhantes. Este pôster mostra isso extremamente bem, onde temos dois objetos completamente diferentes alinhados um ao outro, formando um círculo perfeito, mas ainda sendo divididos em sua linha central, que é o centro de simetria, Wes Anderson, o famoso diretor de cinema também adora usar simetria em seu trabalho Assim, você encontrará muitas cenas em todos os filmes dele quais você pode facilmente colocar um centro de simetria no meio E além de estabelecer um equilíbrio como esse, ele também gosta de usar a regra das probabilidades, em que você tem o assunto no meio acompanhado ou emoldurado por outros dois sujeitos nas laterais 5. Tipos adicionais de simetria e assimetria: Também existe um termo interessante chamado simetria translacional, que significa que, em vez de ter apenas uma versão espelhada do mesmo detalhe, você teria várias cópias do mesmo objeto repetidas em um local no espaço, essencialmente formando um padrão, essencialmente formando um padrão, dependendo Mas, por exemplo, este pôster usa simetria reflexiva para que pudéssemos colocar a linha de simetria aqui Mas também usa simetria translacional repetindo os mesmos detalhes em uma Há também outra forma especial de variação da simetria reflexiva, que chamamos de simetria reflexiva deslizante, que os detalhes do espelho não estão perfeitamente Em vez disso, eles estão ligeiramente afastados um do outro. Portanto, neste caso, a simetria reflexiva do deslizamento é usada nas mãos, embora sejam simétricas, elas não estão alinhadas Essa composição em particular também combina profundidade e ritmo muito bem. Então, podemos ver que essa linha amarela curvilínea está entrelaçada com Então, às vezes está atrás da mão, às vezes vem na frente dela, e o ritmo é criado pela alternância desse efeito de sobreposição Então, uma vez que está atrás, próxima vez está na frente, então novamente, está atrás, depois está na frente e, mais uma vez, no final, está atrás. E a mesma coisa acontece aqui no topo também. Outra forma muito comum e eficaz de simetria é chamada de simetria radial ou rotacional, maioria dos objetos e elementos de design são girados em torno de um ponto são girados em torno E podemos identificar esses pontos centrais muita rapidez e facilidade. Então, há um aqui, outro aqui, outro aqui. Novamente, um aqui no meio. Este, depois outro aqui no topo, e assim por diante. É importante que o ponto central não precise estar no centro físico ou visual. Como já mencionei em outro vídeo, neste caso, podemos colocar o ponto central aqui na borda esquerda do quadro. Ou mesmo que esteja na linha central da composição, ela pode ser colocada mais abaixo, portanto, não no centro exato na vertical Assim como com as outras formas de simetria, você não precisa usar a simetria de rádio de uma maneira perfeita Embora, em alguns casos, como nesse padrão, ele seja usado de forma que todos os elementos se repitam perfeitamente e ao redor do centro de simetria Bem, você pode ver ótimos exemplos como este pôster onde claramente os detalhes não são idênticos e, embora a simetria do rádio não seja perfeita, ainda sentimos que tudo está muito bem equilibrado nessa composição Quando a simetria do rádio é combinada com a perspectiva, onde temos as linhas fortes novamente direcionando nossa atenção para o centro da composição, o efeito de atrair o espectador para o design pode ser ainda mais enfatizado o design pode ser Também adoro neste pôster em particular como as cores são usadas para conectar os dois pontos focais e estabelecer unidade e harmonia E você pode estar se perguntando se designs simétricos são agradáveis Por que quereríamos usar assimetria em uma composição? A melhor resposta para isso é que ela pode introduzir drama, intensidade ou tensão. E se isso combinar com a mensagem ou tema principal do seu design, será mais eficaz usar a assimetria do que a simetria Um ótimo exemplo disso é o pôster de se apaixonar. Todos nós sabemos que quando estamos apaixonados, não pensamos direito, e as coisas podem ficar um pouco caóticas Portanto, o uso da assimetria para esse tópico funciona muito bem. Assim como este pôster do filme Coringa, onde o personagem principal está nessa posição assimétrica, enfatizando o quão instável ele fica até o final do filme, sem estragar nada para você, caso você ainda não tenha visto o sem estragar nada para você, caso você caso E a mesma composição assimétrica funciona muito bem também para este filme da Pixar, onde enfatiza essa situação precária de uma casa flutuando É difícil pensar em algo mais desequilibrado do que isso, e é por isso que uma composição perfeitamente simétrica tivéssemos o título aqui no meio e o balão também colocado no meio não teria funcionado Por último, mas não menos importante, se você observar os designs de logotipo, também verá a simetria usada com muita frequência, ajudando a alcançar e enfatizar equilíbrio, estabilidade, força, poder ou o que melhor se aplica a uma marca específica E lembre-se do que eu disse sobre evitar a simetria perfeita em certos casos Isso é exatamente o que você verá no logotipo da Starbucks. Mais uma vez, o rosto tem algumas diferenças entre o lado esquerdo e o direito porque seria um pouco estranho tê-lo perfeitamente simétrico e até mesmo o logotipo do Google não está usando um círculo perfeito, então você pode ver essa diferença lá no lado direito Portanto, essas imperfeições sutis na simetria ou forma sempre podem tornar as coisas um pouco 6. Alinhamento: Quando as pessoas pensam em alinhamento em termos de design gráfico, maioria de nós pensaria em alinhamento de texto. No entanto, isso também se aplica ao alinhamento de outros elementos em sua composição como imagens e até cores E, da mesma forma que os outros métodos sobre os quais falamos neste tópico, alinhamento também é uma ótima ferramenta para alcançar um equilíbrio visual ou interrompê-lo Neste vídeo, como sempre, veremos alguns exemplos criativos em que alinhamento serve a um propósito maior introduzindo interesse visual Começando com essa brilhante capa da revista New York Times, vemos imediatamente algo que vai contra muitas coisas sobre as quais falamos quando se trata de criar equilíbrio visual e distribuir peso visual em um design Quando olhamos para a cobertura e imaginamos todos os elementos com um peso visual específico, imediatamente sentimos que esse lado é muito mais pesado do que o que temos no lado direito Então, se fosse um objeto físico, ele definitivamente tombaria e cairia para o lado esquerdo. Então você pode estar se perguntando por que eles decidiram usar o texto alinhado à esquerda E também sobreponha com o rosto de Roger Faderer, na minha opinião, tem muito a ver com o título Portanto, Roger Faderer ainda consegue se destacar, o que, em termos de tênis, geralmente significa que é uma grande concentração E podemos ver essa concentração em seus olhos. Mas o fato de ele estar olhando para a esquerda e sendo colocado tão perto da borda da moldura cria uma enorme tensão nessa composição, que é ainda mais amplificada pelo fato de todo o texto também estar colocado aqui na borda esquerda Então, quando você está se concentrando muito, por exemplo, assistindo a um filme, você está sentado na beira da cadeira, ou também existe o termo estar na borda, que geralmente significa excitação, perigo ou risco Todos esses significados ocultos podem ser agrupados em uma composição alinhando tudo a uma borda Comparado a isso, quando você alinha as coisas no centro e cria uma composição mais simétrica, você pode obter mais equilíbrio E nesse caso, combinado com essas cores alegres, também ajuda a criar calma, que funciona muito bem para a mensagem desse pôster, que é sobre esse alegre Mas o alinhamento central nem sempre significa estabilidade e calma Por exemplo, nesse caso, o tema do filme é revolução ou rebelião, que obviamente é o oposto de calma e estabilidade. E o alinhamento central também funciona aqui. E, nesse caso, ajuda a reforçar a força necessária para defender seus direitos, mas também o fato de que as pessoas precisam se unir e trabalhar juntas para alcançar seu objetivo Outro alinhamento comum é a justificação, novamente, algo que usamos principalmente para No entanto, ele também pode ser usado ou referenciado quando você distribui outros elementos visuais igualmente Mas, nesse caso, podemos ver que o texto é justificado e ajuda a formar esse retângulo sólido E na maioria das vezes, quando a justificativa é usada, ela enfatiza a estrutura, unidade e as regiões comuns Todos esses são termos e princípios de design que abordamos detalhadamente quando falamos sobre a psicologia do design. A propósito, também discutimos no tópico de tipografia se é melhor justificar seu texto ou alinhá-lo à esquerda ou à direita propósito, quando se trata de alinhamento à esquerda ou à direita, que também chamamos de alinhamento à esquerda e alinhado Também vale a pena mencionar outro termo, que é bordas irregulares Isso é o que acontece quando você tem, por exemplo, texto alinhado à esquerda, acabando com bordas irregulares à direita E o mesmo acontece quando você alinha o texto à direita ou cria alinhado à direita ou cria Dessa forma, você terá bordas irregulares no lado esquerdo. Assim como o equilíbrio em uma composição, se houver uma grande diferença entre o comprimento das linhas, se você estiver usando o alinhamento à esquerda ou à direita, isso pode fazer com que as coisas pareçam menos estáveis ou mais dinâmicas É menos problemático ter bordas irregulares em textos maiores, como títulos ou subtítulos Embora possa ser mais problemático quando ocorre no corpo do texto, e isso ocorre na maioria das vezes, você veria uma justificativa sendo usada em vez disso E no design editorial, é muito comum combinar vários alinhamentos na mesma página ou composição Mas o importante é que todos os diferentes tipos de alinhamentos sirvam para facilitar a leitura e a legibilidade quando se trata Então, em uma página, por exemplo, aqui, podemos ver o alinhamento à esquerda Nessa parte, também podemos ver alinhamento à esquerda nessas legendas Este texto aqui está alinhado à direita. Além disso, este parágrafo aqui está alinhado à direita. O título do artigo também está alinhado à direita, enquanto o corpo do texto é justificado com as últimas linhas de cada parágrafo alinhadas à esquerda O objetivo principal do alinhamento geralmente é agrupar coisas e criar estrutura em sua composição Caso você precise exibir informações conectadas, como no caso deste pôster, essas datas no lado direito, essas datas no lado direito, mesmo sem criar um limite visual como uma moldura ou uma cor de fundo diferente O simples fato de estarem alinhados à esquerda já os separa do resto da composição e adiciona a estrutura necessária Por outro lado, se você está evitando intencionalmente o alinhamento, você também pode criar mais interesse, movimento e impulso em um design 7. Grades - termos: As grades no design gráfico semelhantes ao alinhamento podem fornecer uma estrutura invisível para sua composição que é usada para orientar o posicionamento de todos os elementos visuais em seu Em alguns casos, como neste pôster de 12 homens zangados, o uso de uma grade pode ser óbvio Em outros designs, talvez você não perceba que também há uma grade subjacente à qual todos os elementos estão alinhados O objetivo principal das grades é facilitar o alinhamento em uma composição, mas também fornecer equilíbrio e unidade Pode parecer caótico e pouco profissional quando cada elemento em uma composição complexa está simplesmente flutuando no espaço sem nenhum E a vantagem de usar sistemas de grade sofisticados é que os alinhamentos usados em seu projeto não precisarão parecer tão óbvios No entanto, seus espectadores ainda terão a sensação que tudo está bem organizado em seu trabalho Para entender melhor como trabalhar com grades, primeiro precisamos abordar alguns termos, e é mais fácil mostrar isso aqui no design Então, aqui temos um spread composto por duas páginas. Também temos a coluna já visível aqui no meio. Essa é a linha preta, e essas linhas roxas estão indicando as margens Mesmo confiando nas guias de margem, você já pode estabelecer algum tipo de estrutura Mas como o espaço entre as margens é muito grande, se colocarmos algo que não esteja conectado a uma margem, imediatamente pareceria fora do lugar ou flutuando no espaço Então, por exemplo, se eu tenho uma moldura aqui no lado esquerdo e outra moldura no lado direito, você já pode dizer que não há uma estrutura real aqui, e tudo é colocado de forma completamente aleatória Isso nunca é uma boa prática em design gráfico. Portanto, mesmo que você queira criar uma composição muito aberta e dinâmica, usar uma grade sempre melhorará o equilíbrio e a unidade do seu trabalho. Então, deixe-me excluir essas duas formas e mostrar o que acontece se introduzirmos colunas ou guias de colunas. Então, isso é algo que chamaríamos de grade de colunas. Nesse caso, essa é uma grade de 12 colunas, o que significa que, em cada página, você teria 12 colunas de tamanho igual e distribuídas uniformemente. E isso, como você pode ver, já dá muito mais estrutura do que simplesmente confiar nas margens Além disso, é importante mencionar que as guias das colunas só aparecem dentro das margens para que não se sobreponham Obviamente, isso não significa que você não possa alinhar itens colocados nas margens às guias de colunas Mas é sempre melhor dividir a área dentro das margens por 12 em vez de incluir também as margens Mas apesar de termos introduzido muitas linhas adicionais às quais podemos alinhar nosso conteúdo ou elementos visuais, alinhamento vertical dos itens ainda pode ser complicado E para isso, podemos introduzir linhas ou linhas de fluxo, que transformarão essa grade de colunas em uma grade modular. E a razão pela qual a chamamos de grade modular é porque as células criadas pelas colunas e linhas são chamadas de módulos. Então você pode ver no topo, eu marquei as 12 colunas, e também marquei no lado esquerdo, as 12 linhas. E eu também indiquei os termos sobre os quais estamos falando. Então você pode ver que aqui está um módulo. Essas linhas horizontais são chamadas de linhas de fluxo, enquanto as outras podem ser chamadas de linhas verticais ou guias de coluna. E também falamos sobre margens, que dependem de qual delas você está vendo e terá um nome diferente Então, essas seriam chamadas de margens externas. Essas no meio de ambos os lados seriam chamadas de margem interna e, em seguida, temos as margens superior e inferior E quando você coloca um elemento visual que ocupa vários módulos, nos referimos a ele como uma zona espacial, então pode ser qualquer quantidade de módulos usados para isso. E lembre-se de que também mencionamos s, que são as lacunas ou espaços entre suas colunas. E chamamos as duas margens internas juntas como a sarjeta. No entanto, esse é um termo até mesmo da Adobe, às vezes também usado para se referir ao s nas composições Portanto, sempre que você criar colunas, no design se referirá ao espaço entre elas como medianiz. No entanto, em termos de design editorial, essa é a maneira melhor ou mais correta de usar esses dois termos. E, finalmente, a área principal cercada pelas margens é chamada de área de conteúdo 8. Grades - exemplos: Agora que você sabe a que esses termos se referem, vamos voltar ao nosso quadro e ver as grades em ação Então, aqui está um exemplo simples e agradável de um layout de revista. É muito fácil identificar a grade modular subjacente. Então, por que o corpo do texto e a maioria dos detalhes tipográficos são divididos em três colunas distintas Ainda podemos ver que devem ser usadas mais colunas. Por exemplo, essas imagens aqui não estão alinhadas às colunas abaixo Em vez disso, eles estão ocupando exatamente metade da área de conteúdo, que seria uma zona espacial composta exatamente de seis por seis módulos. Seis módulos na horizontal e seis módulos na vertical. O alinhamento do cabeçalho ou título deste artigo e também deste parágrafo de introdução também deve ser alinhado às linhas de fluxo, forma semelhante a esta parte específica aqui, que deve ser outra E então, é claro, podemos ver a sarjeta e também o s entre as colunas Agora, não acho que grades modulares sejam úteis apenas quando se trata de layouts e design editorial Mesmo ao criar pôsteres, por exemplo, eles podem ajudar a fornecer estrutura E nesse design, é muito fácil identificar essa grade subjacente. Então, cada uma dessas letras é colocada em módulos individuais, e podemos ver que até mesmo essas linhas amarelas estão ocupando exatamente a mesma largura dos caracteres. Então eles estão marcando muito bem a largura dessa coluna, ou a mesma coisa aqui no lado direito. E se observarmos linhas como esta aqui, também podemos ver que as linhas amarelas também aqui na outra linha são sempre colocadas exatamente no ponto central vertical de um módulo. Então, identificando essa regra, tenho quase certeza de que encontraríamos outro módulo aqui. Lembre-se do que mencionei no início deste vídeo: as grades não precisam necessariamente estar visíveis e, na verdade, a maioria dos designers profissionais as usaria de uma forma que dificilmente seria reconhecível, mas ainda fornecendo a estrutura necessária Então, não vou mais destacar as colunas e as regras. Você provavelmente já pode vê-los, mas ainda assim pode ver que, embora haja uma grade aqui, quanta liberdade você tem. Depois de começar a brincar com a forma como você usa os módulos na grade e também como você define suas zonas espaciais. Portanto, se eu usar uma linha vertical e começar a movê-la nesse design, você verá muitos detalhes alinhados entre si Então, aí já temos um alinhamento. Também temos outra seção de alinhamento aqui. Podemos dar um passo adiante. E então, mais uma vez, outro alinhamento acontecendo aqui e assim por diante Podemos ver um óbvio novamente aparecendo aqui, outro aparecendo lá, outro aparecendo aqui, outro aparecendo aqui, e assim por diante. Portanto, você já deve reconhecer isso, especialmente designs mais complexos, nos quais você tem muitas informações para exibir. Usar e confiar em uma grade modular sempre proporcionará mais segurança e ajuda para encontrar o posicionamento de todos os seus elementos visuais E as grades, é claro, não são usadas apenas no design impresso, mas também no web design, e quase todos os sites dependeriam de alguma forma de grade Como nesse caso, podemos ver uma grade de cinco colunas em ação. Então, há a coluna número um. Dois, nos quais podemos encontrar a borda aqui e também ali. Há a coluna número três, quatro e depois cinco. As grades em web design são mais óbvias quando olhamos para blocos A propósito, eu recomendo fortemente que você confira nosso blog criativo em m designer.com, onde compartilhamos regularmente tutoriais de inspiração e notícias da E há um termo final, que remonta ao design de impressão e aos layouts, que é a grade de linha de base, que pode ser usada em combinação com uma grade de colunas ou grade modular, e o único propósito de uma grade de linha de base é garantir que todas as linhas de texto, especialmente no corpo da cópia, sejam alinhadas verticalmente, não apenas dentro de uma página, mas também entre as páginas de uma que remonta ao design de impressão e aos layouts, que é a grade de linha de base, que pode ser usada em combinação com uma grade de colunas ou grade modular, e o único propósito de uma grade de linha de base é garantir que todas as linhas de texto, especialmente no corpo da cópia, sejam alinhadas verticalmente, não apenas dentro de uma página, mas também entre as páginas de uma espalhado e até mesmo por toda a revista e principalmente em livros. O problema de não usar grades de linha de base é que, mesmo com uma pequena diferença entre o posicionamento vertical das linhas, pode causar distração quando papel fino é usado nas páginas de um livro, por exemplo, revelando levemente o texto impresso no outro lado da página E ao ler o texto, essa mudança sutil pode ficar muito confusa ou perturbadora 9. Movimento: Da mesma forma, à importância usar a profundidade no design gráfico e sugerir espaço tridimensional enquanto trabalhamos em planos bidimensionais Implicar movimento também é igualmente importante para criar composições envolventes uma vez, na maioria das vezes, especialmente no design de impressão, tudo seria estático. Depois de impresso, as coisas não estão se movendo. Além de algumas exceções estranhas sobre as quais falaremos neste vídeo Mas primeiro, vamos examinar mais de perto os diferentes tipos de movimentos ou movimentos que você pode usar em suas composições e também algumas regras e técnicas que também podem ajudar a colocar as coisas em movimento Então, primeiro de tudo, existem três categorias principais de movimento no design gráfico. O primeiro é o movimento cinético, que um elemento de design é feito para parecer que está mudando de posição Para isso, um exemplo perfeito é esse ciclista, onde o movimento está implícito ao usar a mesma imagem três vezes sobreposta sobre a outra e ter essa leve mudança radial A mesma coisa que podemos ver aqui neste pôster. Nesse caso, usando algo semelhante à técnica de multiexposição na fotografia ou outro exemplo em que os detalhes se deslocam para a esquerda e para a direita, inspirados por falhas ou interferências em um vídeo A imitação de filme em design gráfico sempre ajudará você a obter composições mais dinâmicas A outra categoria de movimento é chamada de movimento rítmico, que geralmente é mais fácil de conseguir usando linhas ou outros elementos repetidos que gradualmente distorcidos na composição Há outro termo interessante chamado perturbação média, que significa que um item ou objeto em sua composição está interagindo ou perturbando E ao fazer isso, o movimento ou movimento é indicado. Então, neste caso, as linhas que representam água são perturbadas pelo surfista Mas uma perturbação média pode até mesmo ser alcançada sem realmente mostrar o que está causando a perturbação Como nesse caso, a tipografia é perturbada e transformada em líquida por algo que se move pela algo que se move Então, como você pode ver, ainda podemos entender o movimento mesmo sem ver o que o estava causando em primeiro lugar. A terceira categoria de movimento é chamada de movimento ilusório e, na verdade, é bastante semelhante à perturbação média É quando os elementos seu design interagem entre si para sugerir movimento Então, neste caso, o número quatro e a pequena estrela estão interagindo um com o outro, criando esse movimento curvo claro que podemos ver Mas, como eu disse, você também pode considerar isso perturbação média porque a estrela está arrastando partes do número consigo Aqui está outro ótimo exemplo de movimento ilusório em que temos a mão esticando a corda, e mostrar esse ponto crítico no tempo pouco antes de a corda ser solta é uma indicação poderosa de movimento e também uma ótima maneira de adicionar tensão e drama a essa também uma ótima maneira de adicionar tensão e drama a Também adoro o fato de a tipografia estar alinhada à mesma linha diagonal formada pela corda do lado direito, o que ajuda a manter as coisas mais simétricas e mais simétricas Então, se eu adicionar a linha de simetria aqui no meio ou na linha central da composição, você pode ver como esse texto foi essencial para manter o equilíbrio na composição Regra do espaço também é um termo útil para lembrar com o qual você pode enfatizar movimento em uma direção específica. Então, por exemplo, ter esse cavalo aqui no lado esquerdo da moldura sugere claramente que o cavalo está se movendo para a direita. E dando muito espaço extra para que esse movimento aconteça e colocando o assunto no início do quadro, tornando a composição e o movimento si um pouco mais calmos e lentos em comparação com se você fizesse o oposto e o objeto já estivesse quase saindo Então, se você quiser fazer algo parecer muito rápido, lembre-se de sempre colocá-lo mais perto da borda da composição, para que pareça que está literalmente prestes a sair da moldura. As linhas de movimento também são uma ótima maneira de indicar movimento. E não pense que esse método se restringe à ilustração , pois ele também pode ser facilmente usado em coisas como design de logotipo. E também podemos ver muitas linhas de movimento nesses pôsteres Como neste, nós o vemos mais na forma líquida. Novamente, há muitas linhas de movimento neste pôster. Há outra aqui com a taça de tênis, e mesmo essa, eu consideraria uma linha de movimento. E mesmo que as chamemos de linhas de movimento, elas não precisam necessariamente ser feitas de linhas, elas podem até ser triângulos ou outras formas E por último, mas não menos importante, também vale a pena mencionar as ilusões de ótica, que não são algo comumente usado em design gráfico Ainda assim, em certos casos , pode ser uma ótima maneira de atrair e chamar a atenção dos espectadores. Então, acredite em mim, todas as quatro são imagens estáticas. Elas não são animações. Ainda assim, quando você olha para eles e se concentra especialmente no ponto central, as formas e os detalhes de cada um deles começarão a se mover. Embora seja uma experiência divertida e única, também é desorientadora e estonteante Então, como eu disse, essa não é a maneira mais comum e melhor de sugerir movimento e movimento em suas composições 10. Orientação e proporção: Um aspecto importante de suas composições, que geralmente deve ser decidido logo no início de um projeto, é a orientação ou a proporção E quando você toma a decisão certa entre usar retrato, paisagem, quadrado ou outros formatos, isso pode melhorar muito o equilíbrio visual do seu trabalho e também acomodar o tipo certo de movimento para sua mensagem Neste quadro, em vez de mostrar as proporções de retrato e paisagem mais usadas , coletei intencionalmente exemplos mais extremos para formatos muito altos e muito amplos Esse tipo de orientação, que é muito mais amplo do que o formato normal de paisagem, chamaríamos de orientação panorâmica. Apesar dos formatos extremamente altos, geralmente nos referimos como arranha-céu E embora o formato quadrado no design gráfico tenha se tornado muito mais usado desde a introdução dos canais de mídia social, eu ainda incluí alguns exemplos deles aqui no lado direito. Esse tipo de orientação extrema não é comum. No entanto, quando se trata de banners, na maioria das vezes, você teria que criar várias versões chamadas mutações do seu design original em várias proporções, incluindo formatos quadrados, arranha-céus e panorâmicos, você teria que criar várias versões das chamadas mutações do seu design original em várias proporções, incluindo formatos quadrados, arranha-céus e panorâmicos, entre outros. Proporções altas são especialmente boas para gráficos informativos ou festivais, onde há muitas informações que precisam ser Mas, como designer, você deve sempre ter em mente como seus espectadores vivenciarão seu design. Se eles vão segurar a impressão na mão ou se ela estará em um pôster ou outdoor maior Dependendo da distância entre o visualizador e o design, pode grande impacto, qual será a orientação correta para sua composição. Especialmente quando você precisa exibir muitas informações importantes, como no caso deste pôster do festival, você deve garantir que o espectador tenha acesso fácil a todas elas, para a legibilidade não seja prejudicada ao forçá-lo a ficar que a legibilidade não seja prejudicada ao forçá-lo a ficar em posições difíceis como ajoelhar-se para ler o que está escrito na que está escrito na No caso do design de UX, especialmente para design móvel, você terá que confiar muito no formato retrato, que é a forma mais usada de segurar um telefone celular E se você vem de um plano de fundo impresso, isso pode ser um desafio no começo. Mas aprender a lidar com esse tipo de proporção ou orientação de SPAC também melhorará a maneira como você usa o espaço e cria seus layouts em outros formatos 11. Ponto central visual: Às vezes, você pode ficar tentado a colocar o ponto focal de sua composição no centro físico exato da moldura E embora em alguns casos, como quando você usa simetria de rádio, possa ser uma boa ideia fazer isso Na maioria das vezes, é melhor alinhar seu ponto focal ao ponto central óptico ou visual E isso não deve ser confundido com o ponto central físico ou geométrico que você obtém dividindo igualmente sua moldura horizontal e verticalmente em duas seções, e a interseção dessas duas linhas será o ponto central geométrico No entanto, o ponto central óptico ou visual deve estar um pouco acima disso, geralmente cerca de cinco a 10% maior do que o ponto central geométrico Então, em algum lugar por aqui. Agora observe como nessa composição específica, por exemplo, os detalhes mais importantes e de maior contraste, essas nuvens estão todas alinhadas nesse ponto central visual Mas usando essa grade que eu criei no Illustrator, podemos verificar essas outras composições também Então, talvez vamos mover a moldura aqui sobre este pôster da Disney para a Princesa e o Sapo Mais uma vez, podemos ver que o ponto central geométrico está aqui, enquanto o ponto central óptico ou visual está perfeitamente alinhado com a face do personagem principal Podemos ver que isso também pode ser usado quando se trata de tipografia Então, se eu mover minha moldura para mais perto da capa deste livro. Mais uma vez, podemos ver que a linha central visual, que estaria em algum lugar por aqui, é usada aproximadamente como a linha de base deste texto, mas na verdade está centrada no ponto central visual, que fica aproximadamente por Portanto, a linha central do texto está alinhada com esse ponto central óptico Aqui está outro exemplo com o pôster Blade Run. Mais uma vez, o texto 2049 é alinhado na linha central visual, mas isso significa que ele está colocado ou alinhado mais próximo ao ponto central óptico do quadro E podemos ver mais uma vez exatamente a mesma coisa acontecendo aqui, onde a pequena silhueta dessa pessoa está novamente, colocada no ponto central óptico E mesmo neste caso, na tela de boas-vindas de um aplicativo a partir de um instantâneo de um telefone celular, podemos ver imediatamente que o ponto focal, neste caso, os olhos e os círculos ao redor deles estão novamente alinhados ao ponto central óptico ou visual E também vale a pena mencionar que, dependendo do tipo de formas que você está usando para sua composição, especialmente no caso de formas simples ou primitivas, como um triângulo e um retângulo arredondado, o tipo certo de equilíbrio pode não ser alcançado usando o centro de massa dessas formas ou mesmo o Nesses casos, outro cálculo matemático pode ser usado, chamado centróide, que pode criar o equilíbrio perfeito, e é isso que eles usaram para ícone e o logotipo do YouTube E você pode ver que as porcentagens aqui são muito semelhantes ao ponto central óptico No entanto, ainda existem diferenças sutis entre os dois. Mas não se preocupe como designer gráfico, você não precisa ser matemático e não precisa fazer esses Você desenvolverá um y para poder ajustar manualmente as formas e alinhá-las umas às outras para criar o equilíbrio perfeito, assim como aprenderá a transformar o tipo e criar o equilíbrio óptico entre os personagens 12. Ponto de vista: Você pode influenciar fortemente a interpretação que o espectador faz do assunto em seu design escolhendo um ponto de vista específico Isso é mais fácil de explicar com a analogia da fotografia, onde pode fazer uma grande diferença onde você se posiciona ao tirar uma foto do objeto Aproximando-se do assunto e talvez até recortando alguns detalhes. Você mostrará uma conexão muito mais pessoal com o assunto. se você tirar a foto de mais longe, estará se concentrando mais no ambiente e na relação entre o objeto e o ambiente. Você também pode ter visto fotógrafos tirando fotos de modelos ou até mesmo examinando fotógrafos, tirando fotos do casal de todos os tipos de ângulos diferentes A razão pela qual eles fazem isso é porque até mesmo a menor mudança no ângulo da imagem afetará muito a E isso é exatamente a mesma coisa que você ter em mente como designer gráfico, e decidir o ponto de vista certo para o seu projeto deve ser decidido logo no início, juntamente com a orientação e a proporção Neste quadro, coletei alguns exemplos de pontos de vista extremos, observando a vista de um sapo, vendo coisas do nível do solo ou de um pássaro, vendo coisas de cima E há até exemplos criativos usando vários pontos de vista na mesma composição Usar a visão panorâmica de um sapo, por exemplo, neste caso, ajudou a criar proporções altamente exageradas para o jogador de basquete e a fazer com que o salto que ele está dando parecesse muito mais alto do que pareceria se estivéssemos olhando de Aqui você também pode ver a comparação de duas ilustrações separadas da Ponte Golden Gate em San Francisco, e você pode ver imediatamente que a versão no lado esquerdo, mais uma vez, usando a visão panorâmica de sapo, captura e enfatiza a altura da estrutura muito melhor em comparação com a outra ilustração que mostra a outra ilustração que mostra a estrutura Também existem ótimos exemplos de visão panorâmica aqui, tanto para ilustrações quanto para fotografias E essa visão específica é frequentemente usada para plantas, plantas e mapas No entanto, ele também pode ser usado para imagens criativas Como neste caso, graças à direção do sol e da luz, podemos ver silhuetas perfeitas de todas as pessoas que estão na praia, mesmo que as estejamos olhando de cima mesmo que as estejamos olhando E mesmo sendo uma única fotografia, quase parece que está misturando dois pontos de vista separados E aqui está um pôster que usa novamente uma combinação inteligente de dois pontos de vista diferentes, virando a cidade de cabeça para baixo e colocando os personagens principais aqui Mas o que torna esse design realmente excepcional é como o espaço negativo também se parece com a silhueta de um prédio aqui no meio E a famosa cena do início do filme também está usando, novamente, vários pontos de vista combinados E não é à toa que essa cena memorável também foi usada para o pôster. Novamente, tornando-o original e ajudando a chamar a atenção dos espectadores. E outra forma de combinar vários pontos de vista em uma composição é usando materiais refletivos, como neste caso, a faca mostrando outra pessoa, Jack Nicholson, que na verdade nem estaria visível dentro da moldura se não houvesse Também adoro este exemplo que mostra o famoso pôster de armas florestais de um ângulo diferente Novamente, isso mostra o quanto é importante decidir qual é o ângulo que você escolhe para o seu design. Embora essa visão seja muito memorável e fácil de reconhecer, acho que ninguém teria se lembrado ou mesmo reconhecido Tom Hanks desse ângulo Outra maneira interessante de escolher seu ponto de vista é usar algo que, de outra forma, seria muito reconhecível Como nesta ilustração, fomos atrás do famoso letreiro de Hollywood, algo que não vemos com frequência, mas ainda assim entendemos imediatamente o que estamos vendo. Brincar com diferentes rotações e pontos de vista na fotografia também pode resultar em resultados incríveis E, como designer gráfico, isso é algo que você também deve ter em mente ao procurar imagens para suas composições Mas não importa o ponto de vista que você decida usar em seu projeto, lembre-se de que ele sempre deve reforçar a mensagem que você está Portanto, não escolha um ponto de vista estranho só por causa disso 13. 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 ler o glossário de termos em PDF, revisar tudo o que abordamos e, se estiver pronto, faça o teste para testar seus conhecimentos Volte a qualquer momento às referências nos quadros da Miller que usamos neste curso para ajudá-lo a se lembrar das coisas sobre as quais falamos ou para encontrar inspiração para seu próximo projeto de design Informe-nos se você sentiu que faltou alguma coisa neste curso ou se você tem alguma sugestão sobre como podemos melhorá-lo. Envie-nos um e-mail para info at smdesigner.com e entraremos em contato com você o mais rápido 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 de que não há uma 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 de que você usará o que aprendeu para criar algo incrível e mal posso esperar para ver isso.