Teoria do design gráfico: psicologia do design

1. Introdução: O que dificulta o aprendizado sobre a teoria do design é que tudo está relacionado. É difícil falar sobre uma única regra, princípio ou elemento sem se referir a outros. Foi isso que me inspirou a montar minha série de treinamento mais abrangente e acessível de todos os tempos, cobrindo tudo o que você precisa saber sobre a teoria do design gráfico. 20 anos de experiência aplicando essas teorias em meu trabalho como profissional criativo e ensinando-as a estudantes de todo o mundo me ajudaram a criar uma abordagem única que explica tudo sem nunca fazer você se sentir sobrecarregado Analisaremos e compararemos exemplos reais de designs impressos, web e móveis para ajudá-lo a criar uma biblioteca visual mental de ótimas composições Ao final desta série, você poderá recordar muitos exemplos criativos da memória. Você também dominará como analisar designs e aprenderá a fazer as perguntas certas ao julgar suas próprias composições Se você é um profissional criativo experiente ou está apenas começando como designer gráfico, você achará os cursos desta série incrivelmente interessantes, inspiradores e Aumente sua confiança entendendo como criar composições envolventes, claras e eficazes E aprenda a linguagem do design para se comunicar com clientes, impressores, desenvolvedores e outros profissionais criativos Neste curso, abordaremos todos os princípios básicos, incluindo fechamento, continuidade, semelhança, simplicidade, base de figuras e muito mais Para descobrir como eles podem ser utilizados em projetos de design gráfico Ao entender essas leis universais da comunicação visual, você ganhará confiança e achará mais fácil tomar decisões durante todo o processo de design. 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. Princípios de Gestalt (parte 1): Gosto de pensar nos princípios do estilo convidado como a gramática da comunicação visual Todos os idiomas do mundo dependem da gramática, que define as regras, cria consistência e garante que todos possam se entender É interessante, mas se você pensar bem, na verdade não aprendemos na escola como entender as coisas quando olhamos para elas. Portanto, a percepção visual é quase instintiva. É algo que aprendemos à medida que crescemos. E mesmo quando somos recém-nascidos, já começamos a processar nosso ambiente olhando para ele. É claro que, no início de nossa vida, usamos nossos outros sentidos mais como tocar e saborear Mas à medida que envelhecemos, acabamos confiando cada vez mais em nossos olhos para entender nosso ambiente e poder interagir com ele Aparentemente, quase 50% do nosso cérebro se dedica exclusivamente a processar os estímulos visuais com os quais somos constantemente bombardeados E mesmo enquanto estamos dormindo, nosso cérebro projeta imagens que entendemos como sonhos. E eu gosto de pensar que os sonhos são algum tipo de exercício para o cérebro. Então, mesmo quando estamos olhando para as coisas, tentando flexionar os músculos que estamos usando quando estamos novamente olhando as coisas e tentando entender o que estamos vendo Então, voltando aos principais princípios e por que é importante aprender sobre eles Lembre-se de que eu disse que não precisamos aprender a ver as coisas. No entanto, isso é totalmente verdade. Como designer ou designer gráfico, precisamos entender melhor como as pessoas perceberão os designs que criamos para poder comunicar com eficácia a mensagem de que trata o projeto. Neste vídeo, apresentarei um breve histórico de onde vêm os princípios gestais E analisaremos brevemente esse logotipo da Unilever no quadro apenas para ver como os princípios da Gesto podem ser aplicados a qualquer tipo de design Nos vídeos a seguir, examinaremos todos esses princípios muito mais detalhes e veremos muitos exemplos para garantir que você entenda como implementá-los em seus projetos. Então, em primeiro lugar, os princípios dos hóspedes vêm, na verdade , da área da psicologia. Foi iniciado por três psicólogos na Áustria e na Alemanha no início do século XX. E a citação mais importante que resume muito bem toda a ideia por trás do gastutismo de Kurt Kofka, que disse que o todo não é a soma das partes E a palavra outro é muito importante, então não é mais como disse Aristóteles, mas é outra coisa ou algo diferente Você pode ver o exemplo da bicicleta quando temos todas as suas peças dispostas e quando temos tudo montado, mesmo que sejam exatamente os mesmos componentes com a configuração ou montagem correta, ela será capaz de nos transportar de A a B. Ela se torna um veículo. E isso é algo que definitivamente não podemos dizer sobre todas as suas partes separadamente ou simplesmente dispostas assim, apenas quando elas são colocadas juntas da maneira correta. E essa é uma ótima analogia para pensar também em design Se você tem tipografia, imagens, formas, cores, contraste, etc Você pode usar todas essas coisas, mas se não as estiver montando correta ou eficaz , seu design não terá uma boa aparência ou não chamará a atenção dos espectadores. Somente quando você coloca tudo no equilíbrio certo, na ordem certa ou na hierarquia certa, é que você criará um design eficaz Há outro termo subjacente importante usado nos princípios do estilo de hóspedes chamado emergência. E, essencialmente, o que isso significa é que tendemos a olhar para o objeto inteiro antes de ver suas partes individuais. Então, novamente, pensando como designer gráfico, isso significa que se você criar um pôster, por exemplo, as pessoas olharão para o pôster na íntegra antes de começarem a ver detalhes menores, como pessoas no pôster ou no título ou subtítulo, e E por que isso é importante? Porque para nós designers, temos que sempre criar uma composição agradável ou uma aparência geral do nosso design Mas também precisamos garantir que as pessoas consigam encontrar todas as informações relevantes quando passarem um pouco mais de tempo analisando o que criamos. 3. Princípios de Gestalt (parte 2): Então, olhando para o design atual do logotipo da Uni Liver, podemos imediatamente pegar alguns dos princípios da Guestyle que são aplicados aqui Como a simplicidade, também conhecida como lei da gravidez, que podemos ver em todos esses pequenos ícones aqui Eles são todos simplificados quase até a abstração. Mas se prestarmos atenção, ainda podemos distinguir e reconhecer algumas coisas aqui. Como se houvesse um pequeno e aqui. Também temos um pássaro, há uma pimenta, há uma palmeira, há um símbolo, que é para reciclagem. Há outro símbolo, o coração, que pode ser interpretado como amor Mas, nesse contexto, é mais provável que indique produtos saudáveis. Então, por que você acha que foi importante aplicar a regra da simplicidade a todos esses ícones neste logotipo? Bem, se você pensar bem, se eles fossem muito complexos e houvesse muitos detalhes sobre eles, acabaria se tornando muito complexo e perturbador E, definitivamente, não funcionaria como logotipo. A Unilever é uma grande empresa com muitas marcas dentro dela E para poder comunicar essa complexidade, o designer decidiu destacar muitos aspectos dessas marcas sem que elas se tornassem muito avassaladoras ou avassaladoras E isso nos leva à outra regra aplicada aqui, que é chamada de fundo figurado. que significa que podemos ver algo como essa forma aqui como um contorno unificado da letra U. Então, isso é algo que entenderíamos como fundo ou plano de fundo, e todos os pequenos ícones dentro dela são figuras ou elementos em primeiro A regra básica da figura é um pouco mais complicada de entender, então você a entenderá muito mais quando analisarmos mais exemplos sobre ela Agora, como há tantos pequenos ícones agrupados nesse formato de U, também há algumas regras adicionais aplicadas para torná-lo esteticamente Uma delas, que é bastante óbvia, é a semelhança. Então, basicamente, isso significa que todos esses ícones parecem semelhantes entre si, então todos usam a mesma cor. Todos eles têm bordas arredondadas, então não há cantos afiados em nenhum deles. E se você prestar atenção aos ícones, todos eles parecem seguir a forma do U. Então isso é algo que chamamos de destino comum Todos têm vontade de ir ou fluir na mesma direção E outra coisa interessante que podemos ver aqui é que não foi necessário criar um contorno sólido para a letra U, para que ela parecesse fechada Então, nós a percebemos como uma forma próxima , embora tenha lacunas ao redor. E esse é um exemplo perfeito. E o uso do princípio do estilo convidado chamado simetria de fechamento é outra regra que podemos ver aqui Então, se tivermos essa linha aqui no meio, você pode ver que não apenas a letra U está alinhada com ela, mas até mesmo o texto na parte inferior está alinhado simetricamente com a Isso ajuda a criar um equilíbrio agradável nessa composição E se estivermos olhando para o texto em si, aqui na parte inferior, há também outra regra aplicada lá, que é chamada de continuação ou continuidade Novamente, nosso cérebro pode facilmente conectar isso e entendê-lo como uma única palavra, mesmo que haja lacunas entre as letras. Agora, isso funciona bem principalmente porque parece um texto manuscrito ou manuscrito Porém, se esse texto fosse definido em um tipo de letra diferente, como uma fonte Serif ou Sunserifont , isso já causaria problemas se tivéssemos essas grandes lacunas entre essas letras, especialmente se essas lacunas E, finalmente, uma outra regra que podemos ver sendo usada aqui é a proximidade, que neste caso conecta a marca da letra que temos aqui na parte superior e a marca nominativa que temos abaixo dela Portanto, a proximidade desses dois elementos e o fato de estarem empilhados um sobre o outro, sempre teremos que ver isso como uma única unidade, um logotipo, mesmo quando colocado em um anúncio, por exemplo, junto com os logotipos Então, para resumir, a importância dos princípios de convidação é que, como designer, você precisa ser capaz de enfatizar as relações visuais E você só pode fazer isso de forma eficaz entendendo como seus espectadores interpretarão ou perceberão as informações visuais que você está apresentando a eles. Então, espero que você esteja animado, porque agora examinaremos mais de perto cada uma das regras dos princípios de estilo de hóspedes. E não se preocupe se você se sentir um pouco sobrecarregado neste momento Tudo fará muito mais sentido quando analisarmos e analisarmos os designs dos próximos vídeos e nos concentrarmos realmente nos princípios individuais a cada vez. 4. Fechamento: fechamento é uma das regras mais simples entre os Princípios da Gestalt, que significa que quando você olha para uma imagem que tem alguns detalhes ausentes, seu cérebro pode preencher essas lacunas de forma fácil e automática para Para que essa regra funcione, é importante que você encontre o equilíbrio certo. Se você está omitindo muitos detalhes ou faltam muitos detalhes , seus espectadores podem acabar vendo esses detalhes como detalhes independentes e terão dificuldade entender o design. Por outro lado, se você fornecer muitas informações, não haverá necessidade de preencher as lacunas, então seu design não será tão envolvente ou interessante de se ver. Vejamos primeiro esta ilustração aqui à esquerda Os detalhes visuais importantes aqui que realmente ajudam a entender o que estamos vendo são esses detalhes comuns que podemos entender rapidamente, como os sapatos, o skate, o cabelo e a Mesmo que tudo seja altamente estilizado ou simplificado, ainda podemos entendê-los E uma vez que vimos esses dois detalhes, esse padrão de pontos sem um contorno sólido começa a fazer sentido como sendo o vestido que essa personagem feminina está usando Preste atenção em como quase não há detalhes no rosto, então não podemos realmente ver os olhos ou o nariz. Talvez uma pequena indicação do ouvido tenha sido suficiente para entender o que estamos vendo. Portanto, ter alguns detalhes sólidos totalmente preenchidos com preto, como os sapatos, o cabelo e também o skate, que tem um contorno claro, é suficiente para manter E mais uma vez, para entender aquele padrão flutuante que não tem nenhum contorno ou contorno E você pode estar se perguntando por que foi necessário omitir o esboço E uma resposta simples para isso é tornar envolvente ou empolgante observar quando o fecho é usado. Bem, em um design, geralmente desafia o espectador, dá a ele algo em que pensar. É quase como um pequeno enigma visual que você precisa resolver para entender o que está vendo Agora, nesta ilustração em particular, há muitas outras regras em jogo, como movimento ou movimento, que podemos novamente ver claramente quando olhamos para o cabelo, por exemplo, que indica um movimento para frente porque sabemos que cabelos longos cairiam verticalmente E quando vemos o cabelo exibido horizontalmente, entendemos imediatamente que deve haver algum tipo de movimento Ou talvez haja apenas vento soprando da direita. Outro princípio de parada obrigatória, o destino comum, no entanto, nos ajuda a conectar alguns desses detalhes e a entender o movimento ou a direção desse movimento. Não apenas o cabelo, mas também a perna está esticada para trás, e o braço também está apontando nessa direção Então, todos esses detalhes juntos nos ajudam a conectar tudo e entender que, na verdade, há um avanço rápido aqui. Mesmo que seja uma imagem completamente estática. Falaremos muito mais sobre movimento e como podemos indicá-lo em nossos designs. Quando chegarmos ao tópico chamado equilíbrio, vamos dar uma olhada no exemplo do logotipo da Johnny Walker Que evoluiu e mudou bastante relação à ilustração original, mas ainda conseguiu preservar a estética original do design Portanto, além da óbvia simplificação dos detalhes, a regra mais importante que ajudou a tornar esse logotipo mais eficaz é o uso do fechamento Muitos detalhes aqui estão apenas flutuando no espaço. Mas, novamente, graças à proximidade ou proximidade deles, podemos conectar rapidamente esses detalhes que faltam e entender que estamos vendo calças ou calças aqui, mesmo que não haja contorno mesmo que não haja contorno Agora é interessante que havia outra versão ainda mais abstrata, em que até a mão faltava e havia ainda menos detalhes ao redor da cabeça. Mas essa versão provavelmente exagerou um pouco demais na regra do fechamento. E eles deixaram muitos detalhes fora para que fossem facilmente reconhecidos. E provavelmente foi por isso que eles decidiram mudá-lo e trazer de volta um pouco mais de detalhes. Portanto, este é um ótimo exemplo em que podemos ver como grandes marcas como Johnny Walker estão ajustando o uso do fechamento Adoro o pôster desse filme chamado The Lobster, onde podemos ver Colin Farrell abraçando alguma coisa, mas não conseguimos entender o que é porque está Então, isso é o que chamaríamos de espaço negativo. Mas, nesse caso, trata-se mais de aplicar a regra de fechamento, porque nossa mente imediatamente tenta preencher essa lacuna e reconhecer o que foi removido da imagem. E há algumas pistas visuais muito sutis dos detalhes que faltam Se você prestar mais atenção a essa área aqui, podemos realmente ver que existem alguns detalhes do cabelo. Então, essa é uma ótima dica de que, na verdade, existe uma mulher que provavelmente foi removida para cá ou uma pessoa com cabelo comprido E lembre-se do que dissemos sobre equilibrar ou encontrar a quantidade certa de detalhes para mostrar e a quantidade certa de detalhes que faltam aqui. As mãos são extremamente importantes porque, sem elas, seria muito mais difícil entender o que estamos vendo. As mãos são necessárias principalmente para entendermos que há um abraço aqui Mas eles também atuam como um dispositivo de enquadramento que realmente cria essa sensação de espaço ou profundidade E essa composição me lembra Pantomima, onde, novamente, artistas usam o ar rarefeito para descrever com o que estão O logotipo do World Wildlife Fund também é um exemplo brilhante do fechamento dos EUA, onde podemos reconhecer imediatamente o urso panda, mesmo que faltem alguns detalhes ao redor do contorno Graças principalmente aos detalhes característicos que ainda são visíveis, como as manchas ao redor dos olhos as orelhas grandes e todas essas formas curvas O que ajuda ainda mais nosso cérebro a fechar esses detalhes que faltam é a maneira como esse detalhe aqui, e também esse outro aqui à direita, está ficando cada vez mais fino Portanto, não é uma espessura contínua, mas na verdade tem uma boa transição de linhas grossas para bordas mais finas e pontiagudas Essa transição, ou mudança gradual na espessura, realmente cria um movimento ou falha no design E enfatiza ainda mais a forma do urso. Assim, podemos ver claramente os detalhes que faltam na cabeça e também no corpo. E eu adoro esse exemplo engraçado aqui à direita, que claramente não é a versão atualizada desse logotipo, mas mostra como um urso polar pode parecer no mesmo estilo visual. Mas é claro que, aqui novamente, o ajuste do fechamento foi longe demais. Muitos detalhes foram omitidos para que isso realmente funcione de forma eficaz como um logotipo. Quando vemos as duas versões uma ao lado da outra, é claro que é fácil entender do que se trata a imagem, mas imagine ver isso sozinha. Bem, tenho certeza que você pode imaginar que ele realmente não funcionará como um logotipo. Também existe um termo chamado ratificação ou reificação que descreve toda essa ideia de fechamento e como nosso cérebro e olhos tendem a preencher as lacunas onde quer que faltem preencher as lacunas onde quer que contornos ou contornos E embora haja muitos outros exemplos muito bons aqui. Finalmente, eu só queria destacar este pôster ou design, onde podemos ver que fechamento também pode ser usado de forma extrema Onde nem mesmo mostramos nenhum esboço do assunto do nosso design, que neste caso é essa obra de arte que falta, que está cercada apenas por detalhes, os três ponteiros e o texto aqui no canto superior esquerdo da peça que falta Mas quando você pensa sobre isso aqui, na verdade não há nenhum contorno usado para esse detalhe Portanto, embora seja um uso bastante extremo do fechamento, ele ainda funciona principalmente porque todos os quatro cantos dessas formas retangulares têm algum tipo de detalhe que as mantém unidas Imagine remover uma dessas mãos, a composição se desintegraria imediatamente. 5. Continuidade (parte 1): A continuidade é outro princípio que trata de conectar pontos Novamente, isso é algo que nossa mente faz automaticamente. Então, basicamente, gostamos de ver as coisas organizadas em uma linha ou uma curva, e isso é agradável aos olhos e também mais fácil de entender É por isso que gostamos de ver árvores plantadas em fila em um jardim ou arrumar as roupas em um camarim mesma ordem em que as usaríamos, com chapéus na parte superior e sapatos na prateleira inferior Mesmo que não haja uma razão lógica real para colocá-los nessa ordem, isso apenas cria uma combinação esteticamente agradável e ajuda nossa mente a conectar esses itens ou as árvores que foram plantadas em É um instinto para seguirmos um rio, um caminho ou uma cerca E é exatamente isso que também gostamos de ver nos designs. Portanto, sempre que houver um convite, um caminho para nossos olhos seguirem, provavelmente o faremos. Como designer gráfico, continuidade é uma ferramenta incrível que pode ajudá-lo a realmente direcionar o olhar do espectador de um ponto a outro em seus designs E você pode pensar nisso como um desafio visual semelhante ao encerramento que você definiu para seus espectadores. Você os convida e dá a eles algo em que pensar, omitindo alguns detalhes ou talvez combinando coisas diferentes, mas dando uma continuação entre eles antes de começarmos a analisar alguns designs incríveis neste quadro Aqui está um exemplo muito interessante. Vemos alguns pontos, alguns deles são vermelhos, outros são pretos E mesmo que essas cores as separem claramente umas das outras, maioria das pessoas olharia para isso ou entenderia como uma linha reta e curva Em vez de seguir os pontos pela cor, preferimos seguir sua forma Aqui está uma linha reta e aqui está uma linha curva. É muito mais agradável para nossa mente conectar esses pontos dessa maneira ter uma forma como essa e outra forma como Na verdade, isso explica ou leva a uma descoberta muito importante de que mudanças abruptas nunca são boas em geral na vida cotidiana, mas também no design gráfico Por exemplo, quando olhamos para essa imagem a princípio nossa mente prefere olhar para essas duas pessoas dessa maneira Embora, é claro, na verdade haja uma pessoa aqui na parte superior e outra na parte inferior. Simplificando isso, também podemos imaginar um triângulo aqui na parte superior e outro triângulo na parte inferior E esse é o ponto em que a mudança abrupta está acontecendo tanto na parte superior quanto na Ou aqui está outro exemplo. Se olharmos para essas setas, mesmo sendo uma imagem bidimensional, ainda sentimos que há uma sensação de profundidade e espaço aqui, graças à forma como essas linhas são dispostas Mas o mais importante é que essas curvas aqui são criadas com uma boa transição gradual de descer aqui para subir até o topo dessa protuberância Temos essa transição gradual na espessura e direção das linhas. E a mudança nesses atributos nos prepara e nos ajuda a entender a mudança na direção Então imagine se essas linhas fossem completamente retas e outra linha aparecesse além delas, seria muito mais difícil percebê-las como linhas contínuas ou ver a continuidade nelas. Seu trabalho como designer gráfico, é claro, como sempre, é quando você entende que a regra é desafiá-la ou transformá-la em um desafio para seus espectadores. O que torna essa composição interessante é que, em vez de apenas exibir um retrato, o designer a dividiu em fatias separadas Mas como eles estão empilhados um sobre o outro, nossa mente ainda pode combiná-los facilmente E tenho certeza de que, na sua cabeça, você também está automaticamente visualizando todos esses detalhes caindo uns sobre outros e formando a cabeça real Aqui está outro exemplo muito semelhante em que, novamente, em vez de ver o retrato completo, vemos apenas partes dele E o que torna isso interessante é realmente o fato de termos essa fita, uma única linha contínua que forma toda a forma Assim, podemos rastreá-lo facilmente, você pode realmente ver que tem uma forma simples, quase como a casca de uma batata que foi descascada inteira E a continuidade dessa fita, o que ajuda nosso olho a conectar tudo e também o que torna a peça inteira interessante 6. Continuidade (parte 2): Uma regra importante da tipografia é a legibilidade. Portanto, certifique-se de que as pessoas possam ler tudo o que está escrito em um design. No entanto, títulos ou textos maiores sempre podem se tornar mais interessantes se você omitir ou cobrir alguns detalhes deles. Esse design é o exemplo perfeito em que a selva de texto é escrita em muito mais do que o resto da cópia E por causa de sua escala e também de seu alto contraste com o resto dos detalhes, ele funciona e lê perfeitamente bem, embora haja muita coisa coberta pelos detalhes da folhagem na composição. Se você prestar muita atenção, verá que cada letra da palavra selva tem algumas de suas partes cobertas por detalhes sobrepostos Então, há algo aqui na letra J, há uma grande parte aqui coberta na letra U. Além disso, há outro detalhe aqui, outro ali e outro E, a propósito, esses motivos florais também estão usando a regra da continuidade Então, aqui está um detalhe adorável que aparece e conecta não apenas a palavra livro à palavra selva, mas também as letras da selva, que são separadas nesses dois papéis separados O mesmo galho que sobe aqui também tem outro galho que está girando, a letra U. Esse é outro belo uso Primeiro começando pela parte inferior da composição, depois subindo, virando e depois subindo novamente. Ele gira em torno da letra U e cria uma sensação de continuidade, mas também adiciona um pouco de profundidade ao design E o mesmo se aplica a todos os outros detalhes, como essa ramificação aqui, novamente, tem uma boa curva contínua. E nossos olhos podem facilmente seguir esse tipo de curva e entendê-lo como um único elemento, mesmo que esteja dividido pela letra Da mesma forma, entendemos a letra como um objeto, mesmo que ela seja interrompida por esses elementos florais Este pôster é outro exemplo brilhante de como você pode desafiar seus espectadores aqui A tarefa, obviamente, é ser capaz de ler o texto, que é novamente dividido em várias linhas. Mais linhas do que a quantidade real de palavras. Então, são apenas três palavras, mas há cinco linhas. Portanto, esse arranjo do texto já desafiaria um pouco os espectadores a entender o que é o texto. Mas os espectadores enfrentam ainda mais desafios ao ver essa arena de sinos aqui, entrelaçada ou interligada à E se isso já não bastasse, eles até deixaram de fora o corpo, ou a parte central do corpo dessa bailarina, onde esperaríamos ver o vestido branco que elas normalmente usariam Mas é aí que entra nossa mente. E porque entendemos muito bem as proporções do corpo humano, porque o vemos o tempo todo, todos os dias, entendemos imediatamente que esses detalhes aqui na parte superior devem estar conectados de alguma forma às pernas por baixo Para que essa composição funcionasse, era muito importante garantir que a distância entre os detalhes aqui na parte inferior e os detalhes na parte superior fosse a mesma da fotografia original. Se eles se afastassem um do outro ou talvez se aproximassem um do outro, a coisa toda pareceria estranha e estranha de se olhar Então, para recapitular, há três maneiras diferentes de sermos desafiados Em termos de continuidade, precisamos, antes de tudo, conectar as linhas de texto Também somos desafiados por ter uma parte bastante substancial do texto coberta por detalhes da bailarina Então, temos que imaginar os detalhes que faltam nessas cartas. E terceiro, também temos aquele grande detalhe que falta na bailarina Então, a lição aqui e o que eu realmente estou tentando entender é que quando você usa uma única regra, neste caso a continuidade, você pode não apenas usá-la uma vez em sua composição, mas pode usá-la várias vezes para realmente enfatizá-la ou exagerá-la a ponto de ainda ser reconhecível Portanto, lembre-se de ajustar essas coisas e não exagerar, porque você perderá seus espectadores e eles não entenderão o que estão vendo, ou ficarão apenas confusos, e isso nunca é uma coisa boa. Então, por exemplo, com esse design, embora faltem muitos detalhes nesses números, ele ainda é quase imediatamente reconhecível E podemos lê-los. E também podemos entender que provavelmente representam datas. E essa composição, assim como as outras anteriores, também depende muito da continuação ou continuidade Nossa mente será capaz de conectar facilmente esses detalhes, mesmo que haja lacunas entre eles. Não apenas os números estão usando a regra da continuidade, mas também essas formas ou bolhas colocadas em vermelho Em vez de ter apenas alguns pontos, na verdade existem peças conectadas aqui Então, podemos ver uma continuação aqui e também outra aqui E também entre esses dois pontos, você pode perguntar: por que foi necessário conectar esses pontos vermelhos além de tornar os números mais legíveis dentro por que foi necessário conectar esses pontos vermelhos além de tornar os números mais legíveis Bem, principalmente porque eles estão guiando os olhos do espectador na direção em que esses números deveriam ser vermelhos Para que as datas façam sentido, precisamos começar aqui no canto superior esquerdo e depois ir para esse número aqui. Então, podemos continuar aqui embaixo. E essa linha aqui , na verdade, também é muito importante porque é a que divide as duas datas Então, novamente, esses pontos estão guiando nossos olhos até aqui. Depois de vermos o ponto lá, podemos subir e terminar de ler esse número junto com o ponto. Sem esses quatro pontos, novamente, todo o design desmoronaria e não seríamos capazes de realmente entender esses números Portanto, esses pontos ou pontos finais são tão importantes quanto os próprios números E agora, se você se concentrar apenas nessas formas conectadas, elas realmente ajudarão você a acompanhar esses detalhes importantes da composição na ordem perfeita. 7. Figura-fundo (parte 1): Um dos princípios gestálticos mais interessantes ou intrigantes deve ser a relação figura-fundo figura geralmente é o assunto da imagem e o fundo é o ambiente ou o plano de fundo. Mas pode ter muitas interpretações diferentes. Mas a melhor maneira de especificar qual figura está em uma composição é se referir a ela como o elemento que está em foco. O chão, como eu disse, é o plano de fundo ou ambiente dentro do qual essa figura ou assunto, ou ponto focal, está descansando ou no qual está colocada A única coisa sobre esse relacionamento é que nosso cérebro tenta automaticamente ou instintivamente manter a figura em primeiro plano ou esperar que a figura ou o sujeito esteja em Aqui está um exemplo interessante. Quando olhamos para essa ilustração abstrata simples, pensamos automaticamente que esses quadrados são o assunto independentemente de sua cor Consideraríamos que o quadrado branco nesse retângulo preto é o assunto ou a figura E da mesma forma que consideraríamos esse quadrado preto, novamente, a figura dentro do solo que, neste caso, é branca. O que podemos aprender com esse exemplo muito simplificado é que, na maioria das vezes, esperaríamos que a figura fosse menor que o solo. Obviamente, pode haver exceções ou você pode trabalhar intencionalmente contra essa forma de entender o que é a figura e o fundo Há outro termo importante que vale a pena mencionar quando falamos sobre a relação figura-base, que é estabilidade múltipla ou percepção multiestável, que é aquela experiência estranha quando você olha para algo e ela continua aparecendo para frente e Então, neste caso, por exemplo, você pode observar esse cubo, que, aliás, é chamado de Cubo de Necker, pois essa face está mais perto de você e o resto do cubo recuando para o espaço Mas se você desviar o olhar e olhar para trás, pode acabar vendo esse rosto mais perto de você e o resto do cubo recuando novamente para Ao considerar que essa fase está mais próxima de nós, é como olhar para o cubo de baixo Quando consideramos que essa fase está na frente, estamos olhando para o cubo de cima Esse tipo especial de visão que nos dá uma representação de um objeto tridimensional em um plano bidimensional é chamado de visão isométrica, que todas as linhas que recuam no espaço são paralelas umas às outras Em comparação com quando vemos coisas em perspectiva, onde todas as linhas paralelas convergiriam em um ponto de fuga Falaremos muito mais sobre perspectiva e visões exxonométricas porque todas elas são muito importantes de entender para entender para Mas isso é parte de outro tópico, então focando na relação figura-base. Aqui está outro exemplo muito interessante. O Rubin foi onde, novamente, temos essa sensação de estabilidade múltipla, onde podemos ver essa imagem como uma xícara ou vaso Mas talvez você tenha visto imediatamente essas duas faces aqui em ambos os lados. Então, nesse caso, nossa compreensão do fundo da figura é desafiada porque não podemos realmente decidir se os rostos são a figura, o sujeito ou o vaso Então, se considerarmos que os rostos são a figura , vemos o campo preto como plano de fundo. No entanto, se considerarmos que o vaso é o assunto ou a figura , isso significa que o vemos dentro de um ambiente ou fundo branco Você pode estar se perguntando se estabilidade múltipla é realmente uma coisa boa ou não e se você deve aplicá-la em seus projetos ou não A resposta é que, claro, ela pode ser utilizada e pode ser transformada em algo positivo e bom Mas se você não tomar cuidado com a forma como o está usando, isso pode acabar irritando seus espectadores Então, aqui está um ótimo exemplo de estabilidade múltipla, onde temos o Batman de cabeça para baixo, ou a silhueta do Batman e a silhueta do Pinguim ou Copa Pot, um dos famosos vilões um A razão pela qual essa composição funciona tão bem é porque o ilustrador ou designer realmente entende como funciona a relação figura-base Então, primeiro de tudo, assim como ver o objeto menor sendo a figura, normalmente também consideramos os detalhes mais brilhantes e saturados são a figura Porque os objetos tendem a ficar mais escuros e mais dessaturados à medida que avançam É por isso que, à primeira vista, quase todo mundo consideraria essa a figura E é por isso que era inteligente ter este em pé normalmente, então a cabeça em cima e depois o corpo abaixo. Porque essa é simplesmente a maneira natural ou esperada vermos um personagem em uma ilustração. Mas o fato de a Silhueta do Batman ser preta, é claro, funciona bem com o personagem em si, porque o Batman usa Mas, novamente, o fato de ele estar de cabeça para baixo funciona perfeitamente bem com a maneira como ele se comporta na história. É outro exemplo brilhante de ilustração minimalista que pode nos ajudar a entender outro termo que vale a pena lembrar É chamada de região inferior. E essa é outra daquelas coisas instintivas que consideraríamos a partir de duas regiões separadas por uma linha horizontal A região inferior para ficar mais perto de nós ou a região inferior para ser a figura. Portanto, embora não haja muitos detalhes nessa ilustração e seja muito abstrata, ainda podemos entender imediatamente que estamos olhando para uma praia com um barco. Então esta é a nossa figura e está em primeiro plano, enquanto temos o mar e uma ilha em segundo E lembre-se do que dissemos: novamente, espera-se que os detalhes mais claros estejam mais próximos de nós do que os detalhes mais escuros que também são aplicados aqui E, assim, facilitando a compreensão do que estamos vendo. 8. Figura-fundo (parte 2): Agora, aqui estão alguns exemplos de composições acromáticas em que temos apenas detalhes em preto e branco E todos esses pôsteres, novamente, brincam com esse fator de estabilidade múltipla Mas, provavelmente, você reconheceria primeiro as formas ou silhuetas dos objetos que estão Então, são as pernas aqui, ou o rosto e o corpo neste e o garfo neste terceiro pôster Mas depois de prestar atenção ao que primeiro percebeu como plano de fundo ou nesses detalhes pretos , você também pode começar a vê-los como a figura. Então aqui vemos a mão, também a mão aqui, e as garrafas de vinho neste exemplo. Nestes dois primeiros exemplos, essa estabilidade múltipla foi uma ótima maneira de chamar a atenção dos telespectadores e chamar sua atenção para essas questões muito importantes, assédio sexual e violência doméstica Já no caso do terceiro pôster, é um pouco menos severo É apenas um pôster muito inteligente que combina os dois detalhes importantes desse tópico ou evento para o qual esse pôster foi criado Portanto, é um festival de comida e vinho e podemos ver imediatamente a comida mencionada usando o garfo na ilustração E então podemos ver o vinho, é claro, através das garrafas. E acho que há uma razão pela qual eles decidiram usar o garfo em branco Eu acredito que existe uma maneira de seguir a mesma ordem, a forma como o título é escrito. Então, temos comida e vinho porque temos o garfo branco, essa é a primeira coisa que vemos, comida E então vemos as garrafas, que é a segunda palavra no título, simplesmente sabendo qual cor as pessoas verão. Primeiro, já estabelecemos a ordem visual ou hierarquia na qual as pessoas interagirão com esse design Adoro essa composição porque ela nos desafia. E, novamente, mostra muito bem como relação figura-fundo pode ser usada para tornar um design ou ilustração, neste caso, mais interessante. Então, quando você olha para isso, claramente, o ponto focal é o gato. Mas qual gato? Bem, isso aqui tem exatamente a mesma silhueta e tamanho do que vemos É apenas de cor diferente e , obviamente, de sua posição na composição. Mas provavelmente você demorou um pouco para descobrir qual é o gato e qual é a sombra. E a razão pela qual não é imediatamente óbvio qual é, é porque há apenas uma única linha aqui que sugere a fonte de luz vinda do canto superior direito. E o que explicaria a sombra a ser projetada nessa direção. Normalmente, em uma fotografia ou até mesmo em uma ilustração um pouco mais complexa, teríamos muitas sugestões sobre a luz e como as sombras são formadas Enquanto estiver aqui, na verdade, é intencionalmente apenas uma única linha, o que, novamente, é uma ótima maneira de desafiar o espectador O logotipo do Zoológico de Pittsburgh é outro exemplo brilhante da utilização do princípio figurativo Provavelmente, primeiro você verá a árvore, mas depois notará as mas depois notará silhuetas desses dois animais, o gorila e o Se você passar um pouco mais de tempo analisando o logotipo, também notará esses pássaros aqui na parte superior e os peixes aqui na parte inferior. Então, na verdade, há uma planta e quatro animais aqui, embora no início você provavelmente só veja a planta. Também adoro essa ilustração de Olimos, onde, novamente, somos desafiados a decidir qual é o tema da figura e qual é o fundo Porque temos uma compreensão imediata do personagem de Sheer Khan, o tigre E você gostaria de considerá-lo o tema da figura dentro da composição. No entanto, logo você notará que essas listras representam uma história muito importante de O Livro da Selva, onde Mowgli encontra o carro-cobra e fica hipnotizado por ele O Livro da Selva, onde Mowgli encontra o carro-cobra e fica hipnotizado carro-cobra e fica hipnotizado Então, o que a princípio parecia ser, as listras do tigre se tornam o assunto ou figura, e o próprio tigre se torna o chão E lembre-se de que dissemos que coisas menores parecem instintivamente a figura enquanto estão aqui mowgli e são muito pequenas em comparação com o resto da composição Então, isso apenas enfatiza ainda mais a controvérsia ou a estabilidade múltipla de decidir qual é a figura e qual é Também adoro essa ilustração. No fundo, temos uma garrafa e o vinho ou qualquer líquido que seja está saindo dela Então, se começarmos a seguir essas linhas, elas nos levam aos detalhes interessantes da composição, onde desafiamos e confundimos ao ver que isso pode realmente ser um tapete ou talvez seja um cânion Aqui, não há duas, mas três percepções diferentes de que podemos alternar entre o vinho derramado, o tapete e o cânion Da mesma forma, essa ilustração sobre tinta de monstros também é muito inteligente, pois, embora haja apenas um único uso de cor, verde nesse fundo amarelado consegue criar três camadas e nos fazer ver os três personagens mais importantes da Obviamente, também ajuda o fato maioria das animações da Disney e da Pixar ter silhuetas muito reconhecíveis de a maioria das animações da Disney e da Pixar ter silhuetas muito reconhecíveis para todos os personagens. Mesmo assim, adoro o fato a cabeça da garotinha estar perfeitamente alinhada com o local onde esperaríamos ver aquele grande olho ou globo ocular desse monstro E não só isso, até mesmo esses pequenos chifres aqui também funcionam como dentes ou aquelas grandes presas do monstro manchado Então, mais uma vez, é um exemplo brilhante do uso dessa relação figura-base. Mas o mesmo esboço representa coisas diferentes, dependendo como o vemos e o entendemos 9. Destino comum: fé comum é um princípio interessante que podemos usar para associar detalhes diferentes e fazer com que pareçam estar conectados ou relacionados entre si. Se for usado corretamente. Mesmo que os elementos sejam diferentes em tamanho, Mesmo que os elementos sejam diferentes cor ou forma, eles ainda podem se sentir conectados, desde que estejam se movendo na mesma direção ou colocados no mesma trajetória Este pôster é um ótimo exemplo fé comum é utilizada, onde podemos ver todas essas pessoas de cima E normalmente, desse ponto de vista, é muito difícil dizer em que direção eles estão se movendo em comparação com vê-los de lado Mas porque eles acabam ficando mais lotados por aqui imediatamente, se sentirmos que a maioria dessas pessoas está se movendo nessa direção Agora, isso depende de nossa compreensão e experiência de reunião de multidões. Normalmente, isso significaria que as pessoas estão vindo de várias direções diferentes, mas acabam indo para o mesmo lugar. Pense em fazer fila no estádio ou no show. Agora, o que torna essa composição ainda mais brilhante é o fato de que as informações reais, tanto a data, o nome e a localização do festival estão compactadas nesse pequeno espaço no canto superior direito O que é um posicionamento incomum para as informações, porque normalmente esperaríamos que elas estivessem em algum lugar no meio, ou talvez aqui no canto superior esquerdo. Mas, com a fé comum utilizada e todas essas linhas invisíveis apontando para essa parte do design, ele ainda consegue ser um ponto focal muito forte Além disso, também temos a sensação de que esse festival é muito popular e muitas pessoas participarão. Esta ilustração é outro bom exemplo de como podemos obter interesse simplesmente colocando alguns elementos florais ou decorações ao redor deste texto E, novamente, utilizando o destino comum fazendo com que todos apontem para o centro para fazer com que tudo nesta composição pareça em harmonia e união Este pôster que tenta aumentar a conscientização sobre os resíduos plásticos nos oceanos consegue comunicar um problema muito complexo com silhuetas simples de Então temos um golfinho aqui no lado direito, e então temos todo esse lixo plástico fluindo na direção da boca O que significa que é um grande perigo que todo esse lixo acabe na barriga desses animais E, obviamente, isso causará a morte deles. Portanto, o destino comum neste caso é utilizado por ter todos esses itens na mesma trajetória Então, mesmo que haja alguma aleatoriedade entre eles, todos parecem estar apontando para esse único ponto aqui E eles também convergem de um espaço maior para aquele espaço menor aqui Então, temos essas duas curvas se encontrando neste ponto, que é obviamente o ponto focal da composição E, a propósito, é um posicionamento muito inteligente porque também é um ponto de interseção da regra dos terços aqui E se você não estiver familiarizado com esse termo, nós o abordamos detalhadamente no tópico de composição. E, finalmente, outro exemplo em que o destino comum é usado para separar dois significados diferentes na mesma composição. Portanto, embora tenhamos o posicionamento vertical ou o posicionamento dessas garrafas de vinho, temos o posicionamento diagonal de suas sombras E essas, na verdade, não são as sombras das garrafas, mas as sombras de marcos famosos Normalmente, olharíamos para um objeto e o emparelharíamos com sua sombra. Então, dessa forma, combinaríamos, novamente, esta garrafa com sua sombra. Nesse caso, na verdade, há mais conexão ou relação entre as próprias sombras Para conseguir isso, a maneira correta de agrupar as coisas dentro da composição é mais uma vez conseguida fazendo com que elas sigam na mesma direção ou apontem para aquela direção, enquanto as garrafas estão todas colocadas em uma posição mais vertical, apontando para cima, ajudando-as novamente a se sentirem mais conectadas umas às outras do que suas Há muitos outros excelentes exemplos de fé comum exibidos neste quadro. E eu gostaria que você os analisasse e tentasse ver como eles são utilizados e o que enfatizam em cada uma dessas composições 10. Simplicidade (parte 1): Simplicidade é outro desses princípios que é muito fácil de entender e parece óbvio. No entanto, há um pouco mais do que no início, você pode pensar. Na verdade, é muito desafiador para todo designer gráfico, especialmente para quem está começando a manter esse trabalho simples na maioria das profissões. Para ser honesto, quanto mais simples algo tem que ser, mais difícil você tem que trabalhar para obtê-lo Isso pode parecer estranho à primeira vista, mas se você pensar bem, para que algo seja simples, ele precisa realmente ter apenas os detalhes ou informações mais essenciais e, ao mesmo tempo, ser esteticamente Quando falamos em design gráfico, é claro, mas isso se aplica a quase tudo, até mesmo design de produto, tudo começa sendo complexo. E então, por meio da iteração, chegamos a versões cada vez mais simples até que não haja mais nada para remover ou Um termo que também vem originalmente do design de produto também é algo que eu gosto de aplicar no design gráfico. Chama-se Kiss, que significa Keep it simple, stupid. Ou mantenha-o curto e simples. Essa é uma ótima diretriz que você pode ter em mente sempre que estiver projetando algo Então, basicamente, você quer criar algo que todos possam entender e sua experiência com seu trabalho, seja impresso ou baseado na web, que sua experiência com seu trabalho, seja impresso ou baseado na web, seja perfeita e indolor simplicidade no design gráfico sempre pode ajudá-lo a esclarecer sua mensagem e permitir que você chame a atenção dos espectadores e a compreensão da mensagem com muito mais rapidez do que quando você apresenta designs mais complexos. Menos é mais é outra coisa que continuamos dizendo em design. E essa é apenas outra forma de explicar a importância da simplicidade. Portanto, mesmo que pareça contraditório, é verdade que, ao remover elementos e complexidade do seu trabalho, torne-o mais impactante E acredite, um dos erros mais comuns dos designers que estão começando é complicar demais o trabalho Eles estão tentando introduzir muitos elementos e componentes em seu trabalho, o que só diminui a mensagem que estão tentando comunicar A diferença entre complexidade e simplicidade no design gráfico pode ser simplesmente a introdução de uma fase de tipo adicional ou uma cor adicional que não esteja em harmonia com o resto da paleta Portanto, é muito fácil se desviar do caminho da simplicidade e ficar tentado a adicionar mais e mais elementos ou componentes ao seu trabalho simplicidade, como todos os outros princípios, tem algo a ver com a forma como nosso cérebro funciona e como percebemos as informações visuais. Geralmente, é verdade para todos ao redor do mundo que preferimos ver coisas simples, claras e ordenadas. Isso porque instintivamente sentimos que essas coisas são mais seguras Quando vemos uma forma complexa e desconhecida, nosso cérebro imediatamente se esforça para entendê-la, dividindo-a em componentes menores e mais simples Quase todo mundo que olhasse para essa silhueta estranha aqui do lado esquerdo veria imediatamente o retângulo, elipse e o triângulo dentro dela, mesmo que não tenhamos Quando olhamos para o logotipo dos Jogos Olímpicos, novamente, quase todo mundo veria imediatamente que esses são cinco círculos conectados entre si. Isso, novamente, parece óbvio, mas se você pensar bem, não há uma distinção clara entre essas formas e elas estão completamente conectadas nesses pontos de interseção Então, na verdade, não temos nenhuma informação visual se esses são realmente círculos independentes colocados uns sobre os outros. Ou talvez seja apenas uma forma complexa ou composta composta por essas regiões maiores e menores. Então, se eu mostrar a mesma disposição exata de círculos em um formato ligeiramente diferente, sua mente, novamente, terá que trabalhar um pouco para descobrir o que está acontecendo aqui. Mas, novamente, geralmente leva apenas uma fração de segundo para reconhecermos os círculos. E mesmo que pareça diferente, tentamos novamente entender isso e simplificar o máximo possível. O que vemos é que você pode estar pensando que, embora a simplicidade seja uma coisa boa, em algumas coisas, como joias, por exemplo, gostamos de ter complexidade. Gostamos de ver detalhes complexos. Mas quando você olha para esses ornamentos ou enfeites, novamente, maioria deles pode ser dividida em formas e formas geométricas simples Adoro cruzes celtas, e esse é um belo exemplo, novamente, de algo que parece bastante complexo no início, mas, novamente, nossa mente pode encontrar rapidamente essas formas simples dentro dela, então há um círculo Esse outro detalhe aqui pode ser simplificado em um triângulo, ou você pode estar vendo a seção de um círculo. Nessas formas, há uma seção ali, há outro grande círculo aqui e há outro aqui. Na verdade, é composto por quatro círculos, o do meio e três maiores que não estão acabados. Em vez disso, eles estão apenas se transformando e se unindo . Mas o que torna esses ornamentos mais interessantes é o fato de que também há uma sensação de profundidade Quando essa forma, por exemplo, sobe aqui, ela passa por baixo desse círculo menor Mas quando volta, na verdade está em cima dela. E o mesmo acontece repetidamente. Portanto, há esse intrincado entrelaçamento dessas quatro formas que Embora seja um design simples composto por quatro círculos, ele é apresentado de uma forma que o torna mais complexo e intrigante Outro termo que vale lembrar quando falamos em simplicidade é a Lei de Hicks, que diz que quanto mais opções você apresentar ao seu usuário ou espectador, mais tempo ele levará para tomar uma decisão Agora, essa lei é muito importante em web design e design de UX, onde podemos dizer com orgulho que percorremos um longo caminho desde sites realmente cheios de informações desnecessárias até sites muito mais organizados, limpos e organizados limpos Então, esses dois exemplos eram o mesmo site, bom, ou seja, o site original e a versão atual, muito mais simplificada. E não só o site ficou mais simples, mas até o logotipo, então você deve se lembrar desse estranho logotipo com aparência de desenho animado que era original e definitivamente se destacava dos demais Mas agora, se você olhar o logotipo deles, é muito mais simples e limpo Não estou dizendo que seja necessariamente melhor, mas, em geral, o site em si parece muito mais acolhedor e profissional. E essa é uma forma muito comum de ouvir as pessoas se referirem a coisas que parecem simples, que parecem profissionais. E lembre-se de que é porque criar designs simples geralmente exige mais experiência. Porque você precisa ser capaz de selecionar os componentes mais importantes. E também tenha uma boa noção de quão grandes eles devem ser, quais cores devem usar e onde devem ser posicionados Como designer, na maioria das vezes, você teria muitas informações que precisaria compactar em seu trabalho E cabe a você criar ordem e simplicidade organizando as coisas e deixando tudo claro para seus usuários ou espectadores. 11. Simplicidade (parte 2): Há uma razão pela qual marcas internacionais famosas como Apple, Nike e Target têm logotipos muito simples Mesmo que eles não tenham começado de forma tão simples, eles acabaram estando nessa forma mais pura que ainda podemos reconhecê-los. Mas se você pensar bem, se removêssemos mais detalhes deles, seria impossível conectá-los à marca. Então, mesmo se eu removesse essa pequena forma aqui, que representa a folha da maçã, ela pareceria estranha e você talvez não a reconhecesse imediatamente. Se eu cortasse essa parte do logotipo noturno, ou talvez o final dele novamente, ficaria estranho e você talvez não o reconhecesse imediatamente. Ou se eu removesse o círculo menor do logotipo da Target, ele acabaria sendo apenas um círculo normal. Então, novamente, você não seria capaz de reconhecê-lo. Aqui está outro logotipo famoso que começou sendo muito mais complexo e, à medida que a marca se desenvolveu, o logotipo acabou se tornando cada vez mais simplificado, preservando sua estética original Atualmente, é uma prática comum que até mesmo os elementos de um logotipo possam ser usados separadamente e, se você ainda conseguir reconhecê-los conectados à marca, isso significa que seu logotipo é realmente icônico. Um ótimo exemplo é o D do logotipo da Walt Disney ou a Estrela Vermelha do logotipo da Heineken E, da mesma forma que os logotipos quando se trata de ícones, também é extremamente importante manter as coisas simples. E mesmo quando você pensa que os ícones já são muito simples ou simplificados, eles ainda podem ser simplificados Então, este é um exemplo perfeito disso, como todos os logotipos do Google foram redesenhados e simplificados Então, a partir desses que podemos ver aqui na parte superior, acabamos vendo esses que são os ícones atuais dos vários serviços do Google. Se você observar esses ícones de perto, verá que, além dos designers tirarem esses pequenos gradientes e sombras dos ícones originais, podemos ver quase todos Na nova versão, tudo é composto pelas formas geométricas mais simples, retângulos e triângulos com Então, mesmo quando se trata um ícone mais complexo, como uma câmera, eles conseguiram simplificá-lo para usar apenas um quadrado e um triângulo aqui à direita. Uma coisa que pode ajudá-lo a alcançar a simplicidade geralmente é a consistência. E isso é algo que também podemos ver aqui. No design original, todos os ícones tinham algum tipo de indicação de profundidade, mas não eram muito parecidos entre si. Embora o ícone do e-mail tenha apenas um toque sutil de profundidade por ter essa sombra aqui Então, esse detalhe dobrado parece um pouco mais alto do que o resto do ícone O ícone do calendário, por exemplo, tem muito mais profundidade e movimento em comparação com isso. Novamente, o ícone do Google Docs, novamente, comparado ao calendário, parece muito mais plano em termos de formas usadas Novamente, temos muita variedade aqui, de círculos a triângulos e retângulos, portanto, adicionar mais consistência em termos das formas usadas e também profundidade usada nesses ícones os tornou mais simples e também mais conectados Ao criar cartões de visita, também é um ótimo exercício tentar torná-los o mais simples possível. E adoro o quão criativo é esse cartão, onde, em vez de exibir todas as informações, há uma única linha de informações. E essas legendas nos ajudam a ver quais são as informações realmente relevantes para o site, Instagram, e-mail e assim por diante Em vez de escrever, por exemplo a Singing Bear Shop três vezes, era necessário anotá-la apenas uma vez. Também adoro essa ilustração minimalista e sinto que, mesmo sem ela, vendo tênis aqui na parte inferior, a maioria de nós seria capaz dizer que se trata de tênis Ou podemos ver uma quadra de tênis. E se você pensar bem, isso é conseguido usando apenas algumas formas simples. Então temos a bola, um círculo, temos sua sombra e elipse, e então temos essas duas linhas brancas, uma indo diagonalmente dessa maneira e a outra subindo E, claro, temos duas cores diferentes usadas aqui representando o tom real e a área ao redor dele. Então, novamente, não acho que você possa remover mais detalhes sem impossibilitar o reconhecimento do que estamos vendo. Por fim, apenas dois exemplos de uma empresa que é famosa por sua aplicação da simplicidade no trabalho Apple. Aqui podemos ver o cartão Apple, por exemplo, que mais uma vez contém apenas as informações mais necessárias e nada mais. Mesmo esse banner que está promovendo este cartão não pode ser mais simples do que ter o nome e o ícone do produto aqui na parte superior Em seguida, a Descrição e , em seguida, a chamada para as opções de ação abaixo dela. O cartão é exibido em um fundo branco puro, e apenas uma sombra sutil indica profundidade, o que o torna mais convidativo e E por fim, dê uma olhada nesses três pôsteres aqui na parte superior Novamente, elas representam histórias bastante complexas. Temos os dois filmes, Truman Show e Interstellar, e o conhecido conto de fadas The Little Red Writing Code E mesmo que as histórias tenham muito mais complexidade, esses designs minimalistas simplificados ainda podem enfatizar as informações mais importantes sobre elas. Todos esses designs usam muito espaço negativo, o que realmente destaca ou destaca os detalhes importantes , como a câmera, a nave espacial e a parede Lembre-se de que menos é mais. Sempre tente simplificar seu trabalho o máximo possível até que não haja mais detalhes desnecessários. 12. Simetria (parte 1): 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 você pode até 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 E até passaremos algum tempo analisando como a simetria é usada no design de logotipos Em primeiro lugar, por que a simetria é universalmente atraente para todos no mundo A principal razão para isso é porque aparece muito comumente na natureza, o próprio corpo humano e o rosto são quase perfeitamente simétricos Embora existam pequenas diferenças entre os dois lados, todos os componentes do corpo estão em simetria Então, 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 que 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, polegares se encontrando no meio e todos os outros dígitos refletidos nas laterais E 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 o vento forte, sempre vindo do mesmo lado, pode tornar uma árvore assimétrica O que não significa que não será mais esteticamente agradável Pelo contrário, pode se tornar mais interessante e único. Agora, é importante que a 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 ele pode ser usado em formato diagonal. 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 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 caracteres reais não estejam perfeitamente Mas também podemos colocar outra linha de simetria aqui, porque, mais uma vez, temos mesma quantidade de texto na parte inferior e na parte superior 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 cantos opostos e também o preto usado nos cantos opostos preto usado nos Assim como com qualquer outra ferramenta e método em design gráfico, quando você aplica simetria em suas composições, pode ser mais interessante quando você começa a combinar diferentes tipos de simetrias ou até mesmo combinar simetria E observe como o rosto não é perfeitamente simétrico. Como se essa linha aqui não se repetisse 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 Esses detalhes sutis que introduzem assimetria no rosto ajudam a torná-lo mais natural porque, como discutimos, rostos em particular não são E se eles forem feitos para ter essa aparência, eles se sentirão estranhos e desajeitados Mas em termos de composição, o que é ótimo é que temos esses detalhes assimétricos e simétricos detalhes E assim como o yin e o 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 por 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 aparecem alinhados à direita E ver que até mesmo coisas sutis como essa pessoa olhando para a esquerda, podem equilibrar o fato de 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 do Titanic, embora a parte inferior do pôster seja muito simétrica, faces aqui na Temos Kate Winslet olhando para a direita e Leonardo Dicaprio Mesmo nesta capa de livro, que parece a nossa, há uma 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 reflexão ou Você nem sempre precisa usar exatamente a mesma coisa nos dois lados. Você também pode confiar apenas em objetos semelhantes. E esse pôster mostra isso muito 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 É claro que 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 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 assuntos nas laterais 13. Simetria (parte 2): 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, formando essencialmente um padrão repetição e no ritmo Mas, por exemplo, este pôster usa simetria reflexiva, então poderíamos 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 espelhados estão Em vez disso, eles estão ligeiramente afastados um do outro. Nesse caso, a simetria reflexiva do deslizamento é usada nas mãos Embora sejam simétricos, eles não estão alinhados entre si de forma alguma Essa composição em particular também combina profundidade e ritmo muito bem. Podemos ver que essa linha amarela curvilínea está entrelaçada com Às vezes está atrás da mão, às vezes vem na frente dela. E o ritmo é criado por meio desse efeito de sobreposição, alternando uma vez que está atrás, próxima vez está na frente, depois novamente está atrás, depois está na frente e, mais uma vez, no final, está E a mesma coisa acontece aqui no topo também. Outra forma muito comum e eficaz de simetria é chamada de simetria radial ou rotacional, em que a maioria dos objetos e elementos de design são girados em torno de um ponto elementos de design são girados de simetria é chamada de simetria radial ou rotacional, em que a maioria dos objetos e elementos de design são girados em torno de um ponto central específico. E podemos identificar esses pontos centrais muita rapidez e facilidade. 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, como neste caso, podemos colocar o ponto central aqui, totalmente na borda esquerda do quadro. Mesmo que esteja na linha central da composição, ela pode ser colocada mais abaixo, não no centro exato, verticalmente Assim como com as outras formas de simetria. Você não precisa usar a radiossimetria de maneira perfeita, embora em alguns casos, como nesse padrão, ela seja usada de forma que todos os elementos se repitam perfeitamente e estejam ao redor do centro de Mas você pode ver ótimos exemplos como este pôster, onde claramente os detalhes não são idênticos Mesmo que a radiossimetria 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 gostaríamos de usar assimetria em uma composição? A melhor resposta para isso é que ela pode introduzir drama e intensidade, ou tensão. 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 Fall in Love. Todos nós sabemos que quando estamos apaixonados, não pensamos direito e as coisas podem ficar um pouco caóticas Então, 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 filme para você, caso você 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, em que teríamos o título aqui no meio e o balão também no meio, não teria funcionado com E 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 É exatamente isso que você verá no logotipo da Starbucks, onde, mais uma vez, o rosto tem algumas diferenças entre o lado esquerdo e o direito, porque seria um pouco estranho tê-lo perfeitamente 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. Essas sutis imperfeições na simetria ou forma sempre podem tornar as coisas um pouco 14. Experiência passada: experiência passada, também conhecida como isomorfismo, é provavelmente a mais subjetiva de todos os princípios do estilo de hóspedes Depende puramente do conhecimento e do interesse de um indivíduo E geralmente funciona bem quando você está exibindo algo icônico ou famoso, como o retrato de Bengog, batatas fritas do Mcdonald's ou o semáforo, que é o mesmo em todo o mundo Assim como os outros princípios, experiência passada também é uma ferramenta com a qual você pode fazer seus espectadores se esforcem um pouco mais para entender o que estão vendo. Novamente, é como um pequeno desafio que você define para eles. Como no caso do pôster de jazz aqui, em vez de mostrar um instrumento, estamos vendo apenas algumas meias secando em um Mas pela forma como estão dispostos e principalmente pelos espaços entre eles , e, claro, também pelo fato de serem todos pretos em um radiador branco nos ajuda a nos associar Nos lembra o teclado de um piano. Aqui está outro pôster brilhante em que as lápides são usadas para representar a morte E mesmo sendo um costume e símbolo cristão, ainda seria reconhecido em todo o mundo, mesmo em países não cristãos. E ver essas fileiras perfeitas de cruzes ao redor nos faz imediatamente olhar para o espaço vazio aqui, que é, obviamente, o ponto focal de toda a composição, dizendo que é a área para não fumantes Este texto, aliás, também está utilizando a regra da terceira colocação E também está na linha central visual, que é sempre um pouco mais alta do que a linha central física quando você divide uma imagem em uma metade superior e inferior. Estamos discutindo essas regras muito mais detalhes quando chegamos ao tópico de composição. Também adoro a simplicidade desse pôster sobre câncer de mama, que mostra detalhes suficientes dessas duas letras para que possamos reconhecê-las Mas, ao tê-los escondidos pela mão, podemos realmente ler isso também como Vencer o câncer Agora você deve estar se perguntando: o que esse design tem a ver com experiências anteriores? E se você pensar bem, câncer de mama é um dos tópicos mais discutidos. E há muitas campanhas para aumentar a conscientização, porque é algo que realmente pode ser evitado se as pessoas fizerem autoexames regulares. Portanto, o fato de ouvirmos falar sobre câncer de mama geralmente nos ajuda a ler isso, mesmo quando essas duas letras estão quase completamente escondidas. Também adoro esses dois exemplos de layout. Novamente, referindo-se ao fast food ou, em particular, ao Mcdonald's, onde a cópia corporal e a tipografia reais são usadas como parte integrante das ilustrações No texto, vemos o texto usado para formar um hambúrguer, a lata de refrigerante e também o catch up Enquanto estiver aqui à direita, ele é usado como pedaços individuais das batatas fritas, simplesmente aplicando uma cor diferente ao corpo da cópia Portanto, lembre-se de que você pode criar designs muito inteligentes confiando na experiência anterior de seus espectadores Mas você precisa ter cuidado ao usar itens ou objetos que sejam amplamente conhecidos ou compreendidos, mesmo quando estão simplificados obscurecidos ou simplesmente mencionados 15. Semelhança: Similaridade é outro princípio do estilo convidado, o que significa que instintivamente conectamos objetos ou elementos com atributos semelhantes e os consideramos conectamos objetos ou elementos com atributos semelhantes e os consideramos como parte do mesmo grupo Esse princípio pode ser aplicado a qualquer coisa, mas funciona muito bem em sites onde você tem muitos produtos diferentes que talvez queira que seus usuários comparem entre si. E mais uma vez, a Apple faz um trabalho brilhante ao fazer isso. Novamente, manter as coisas o mais simples possível e garantir que você possa ver não apenas as semelhanças, mas também identificar facilmente as diferenças entre os produtos Então, entre esses três modelos de Macbook, a principal diferença, é claro, é o tamanho E ao colocá-los perfeitamente próximos um do outro, podemos ver rapidamente as diferenças nos tamanhos das telas. Mas também podemos identificar diferenças sutis, como os chanfros serem maiores aqui, o entalhe da webcam, mais perceptível nesses dois modelos E também a base do Macbook. Um pouco diferente nos modelos maiores em comparação com os menores. Portanto, esta página, por exemplo, não funcionaria tão bem se alinhássemos esses Macbooks em seu ponto central vertical Isso significaria que o ponto inferior de cada um deles seria ligeiramente deslocado e seria muito mais difícil ver as diferenças nos tamanhos das telas A semelhança pode ser alcançada com muitas coisas diferentes Por exemplo, neste pôster, precisávamos manter o texto usando o mesmo tipo de letra e a mesma cor E mesmo que as letras estejam completamente espalhadas por todo o pôster e até mesmo se estendam e redimensionem de várias maneiras, ainda podemos conectá-las e ler esses textos com bastante rapidez e facilidade Você precisa ter cuidado novamente ao usar a similaridade. Se você tornar as coisas obviamente semelhantes, pode ser um pouco chato e estático Embora você introduza um pouco de variedade ou diferença ao mesmo tempo, garanta que as pessoas possam conectar esses detalhes umas às outras, você pode obter um design mais dinâmico e envolvente. Há outro termo que vale a pena lembrar quando se fala em semelhança É chamado de invariância, o que significa que reconhecemos formas semelhantes ou familiares apesar da variação em sua cor, tamanho Este pôster prova isso muito bem. Embora estejamos vendo aviões empilhados uns sobre os outros, também podemos ver rapidamente a árvore de Natal aqui, graças às pequenas luzes brilhantes no final de cada uma das asas Assim como com todos os outros princípios de estilo de hóspedes, quebrar a semelhança também pode ser uma boa maneira de chamar a atenção para um determinado detalhe E geralmente isso é o que chamamos anomalia nesse elemento similar, ou um elemento que se destaca do resto do ambiente Portanto, é uma ótima maneira de criar um ponto focal como este com a seta vermelha apontando na direção oposta. invariância é uma habilidade importante que quase todo mundo tem, e você, como designer gráfico, pode confiar nela para garantir que as pessoas reconheçam objetos ou personagens, mesmo quando eles estiverem realmente simplificados em uma versão minimalista, como o que podemos ver aqui Você só precisa desenhar algumas linhas na ordem certa e nas proporções corretas para poder criar algo como um gato, um poodle ou uma flor, um pincel ou até mesmo um abacaxi Da mesma forma que o artista de caricatura precisa identificar e exagerar as características únicas e destacadas das pessoas para criar ilustrações convincentes Você, como designer gráfico ou ilustrador, também deve aprender a reconhecer os detalhes mais importantes que ainda podem ajudar as pessoas a reconhecer o que você está exibindo Às vezes, isso pode ser difícil de conseguir, especialmente quando você tem muitas informações que precisa compactar em sua composição Por exemplo, veja este exemplo do mapa do Zoológico de Los Angeles. Além de todas as ilustrações dos animais, também há muitos sinais importantes aqui, incluindo as áreas de descanso e também os destaques botânicos Mas a semelhança, novamente, ajuda a conectá-las umas às outras, porque todas as áreas de refresco são indicadas com quadrados vermelhos e todos os destaques botânicos É muito rápido e fácil identificá-los no mapa, embora ele tenha muitos detalhes e informações adicionais. Normalmente, você gostaria que seus designs se destacassem e chamassem a atenção dos espectadores. No entanto, às vezes, pode ser mais eficaz ou mais fácil para seus usuários se você confiar em modelos ou layouts conhecidos, que definitivamente é o caso quando se trata de criar contas e fazer login em diferentes serviços Então, agora, em quase todos os lugares você encontra maneiras diferentes de fazer login, seja usando mídias sociais ou outras contas como Google ou Apple. Além de digitar manualmente seu e-mail e senha, e quase o tempo todo, você teria que se lembrar de mim e esquecer suas senhas colocadas aqui no canto inferior esquerdo e o botão de login real no canto inferior direito Então, aqui você pode ver as opções de login para três sites completamente diferentes. E você pode ver a semelhança no posicionamento das opções, no tamanho delas e até no A similaridade pode ser usada em um nível micro, ou seja, em seu design, mas também pode ser usada em um nível macro, que significa que você está criando algo semelhante a outros designs que as pessoas estão acostumadas Mesmo quando se trata de logotipos de marcas de moda famosas, há uma razão pela qual alguns deles tão parecidos entre si. Provavelmente porque estão competindo entre si e também tentando alcançar o mesmo tipo de estética Normalmente, você gostaria que o texto em seu logotipo fosse muito claro e legível. E se você dissesse ao seu cliente que planeja encobrir 50% do tipo em seu logotipo, ele provavelmente pensaria que você está louco. Mas foi exatamente isso que aconteceu com o logotipo da IBM. E mesmo que tenhamos essas grandes lacunas vazias no texto, ainda podemos lê-lo facilmente graças ao outro princípio de estilo de convidados sobre o qual já falamos , que é o fechamento Mas também o fato de todas essas linhas que ainda podemos ver serem semelhantes entre si, não apenas em sua cor, mas também em sua espessura. E mesmo essas lacunas ou espaços que foram adicionados têm exatamente o mesmo tamanho, então há até mesmo um ritmo e repetição dentro desse padrão de linhas Quanto mais falarmos sobre os princípios de estilo de hóspedes, e quanto mais você os entender, mais você os verá conectados em cada design. Portanto, um design bem-sucedido quase nunca depende de um único princípio Isso combinaria muitos deles e os faria trabalhar juntos para criar algo único e envolvente. 16. Conectividade uniforme: conexão uniforme é outro princípio inicial que pode ajudá-lo a emparelhar objetos uns com os Mas aqui, em vez de confiar na semelhança na aparência visual, você usa linhas, setas ou outras formas para conectar certos elementos uns aos Esses dispositivos de conexão podem ajudar os espectadores a conectar informações a determinados detalhes em uma composição, mesmo quando ela é bastante complexa e mesmo quando os dois detalhes conectados estão afastados um do outro. Os fluxogramas, por exemplo, não funcionariam sem o uso de uma conexão uniforme E o mesmo se aplica aos infográficos aqui. Por exemplo, além da linha que mostra a linha do tempo do histórico da comunicação, também existem essas setas menores para conectar informações relevantes a cada um dos pontos na linha do As linhas de conexão nem sempre precisam apontar para detalhes específicos e destacar características importantes em uma foto ou ilustração. Eles também podem ser usados apenas para agrupar informações. Como no caso deste pôster que depois de descrever algo, essa linha nos ajuda a voltar ao par E então outra linha nos leva às próximas informações. Essas linhas servem como caminhos visuais dentro do design. E o mesmo se aplica a esse design de outdoor, onde uma mensagem simples, uma única frase é dividida em quatro partes diferentes conectadas por pontos e linhas, destacando a importância de obter um guia para pular as dicas, mas ainda assim poder ver todos os mas ainda assim poder ver Esse layout usa uma composição semelhante, onde, novamente, temos o título dividido em três palavras separadas, completamente espalhadas nesta página E as linhas simplificadas e curvas do estatoscópio são a única coisa que as conecta e ajuda o leitor a ler esse título Também adoro neste exemplo em particular que o dispositivo usado para criar essa conexão também esteja entrelaçado com a tipografia também esteja entrelaçado com a tipografia Assim, podemos ver um uso muito sutil da profundidade. O V, por exemplo, se esconde um pouco atrás dessa linha preta aqui, enquanto o E já está na frente dela. Novamente, está atrás da linha preta, enquanto o U está na frente dela. E há até consistência na forma como todas as três palavras são ligeiramente recortadas Então, temos metade do T faltando aqui, metade do H faltando à direita e também metade do que falta aqui. Portanto, nesse caso, além da conexão uniforme, também há similaridade usada para garantir que possamos emparelhar essas três palavras Eles compartilham o mesmo tipo de fase, mas também têm a profundidade sutil ou o efeito entrelaçado da ilustração E também estão todos ligeiramente cortados nas pontas. Mais uma vez, a conexão uniforme não funcionaria tão bem quanto quando combinada com os outros princípios de estilo de hóspedes que já abordamos 17. Regiões comuns: A região comum é outro princípio bastante óbvio que afirma que os elementos são percebidos como parte do mesmo grupo se forem colocados na mesma região fechada. Sua tarefa como designer é ser capaz de criar essas regiões de maneiras criativas, seja usando molduras, cores de fundo diferentes para cada seção ou apenas linhas simples para divisão. Neste quadro, você pode ver alguns exemplos tradicionais, mas também alguns únicos e criativos. Por exemplo, aqui está um layout em que temos essas linhas dividindo as diferentes histórias Além dessas linhas de divisão finas, o que também ajuda os espectadores a reconhecer onde cada uma das histórias começa são os pontos de entrada indicados aqui com esses números, que, graças à semelhança, levarão imediatamente o espectador de um ponto a outro Você nem sempre precisa usar dispositivos como linhas ou molduras para criar essas regiões comuns. Às vezes, basta usar um espaço amplo ou lacunas. Como nesta página de um guia, não precisamos ver linhas de divisão individuais entre cada um desses componentes porque a lacuna entre as imagens e o texto já as agrupa e facilita o reconhecimento dessas regiões comuns E a única vez em que uma linha é usada é quando é importante garantir que possamos separar a categoria de alimentos e bebidas das demais. E categoria, como sempre menos é mais. E um único uso de uma linha é muito mais eficaz do que criar uma malha ou grade que seria completamente desnecessária nesse layout, mesmo que tenhamos algumas linhas de divisão entre as colunas. A principal ferramenta usada para criar essas regiões comuns são as diferentes cores de fundo. E, novamente, a razão pela qual esse design parece elegante e fácil é porque em vez de introduzir bordas fortes entre essas duas regiões, ou padrões decorativos como linhas onduladas ou ziguezagues ou talvez até mesmo um ângulo nessa linha de divisão, ele já funciona perfeitamente do jeito que é quando se trata de design de interface de usuário Também é importante poder criar essas regiões comuns, agrupar todas as funções ou recursos importantes . Mas, novamente, é importante que os dispositivos ou detalhes que você usou para criar essas regiões sejam sempre secundários e muito fracos em segundo plano, garantindo que eles não superem os recursos reais que precisam se destacar Você pode ver aqui, por exemplo, como essas linhas de divisão são sutis. Eles não são apenas finos, mas são muito fracos, quase da mesma cor da cor fundo circundante A área central aqui também é um pouco mais escura do que as outras regiões ao redor Seria muito difícil se introduzíssemos uma cor de fundo mais forte Por exemplo, usando a cor do logotipo aqui neste plano de fundo, você pode imaginar que seria muito intenso e criaria muito contraste com o resto da composição. Contrastes mais fortes nos detalhes do plano de fundo são usados somente em elementos menores e mais importantes como esses E por último, mas não menos importante, como mencionei, você pode ser muito criativo ao criar regiões comuns. Como neste exemplo da Apple, os próprios Macbooks são os dispositivos usados para separar as regiões Portanto, as informações aqui no lado esquerdo e no lado direito claramente não estão conectadas umas às outras, mas conectadas aos dispositivos próximos a elas. E, claro, também ajuda o fato de eles terem um alinhamento diferente Enquanto esse texto aqui está alinhado à esquerda, o outro está alinhado à E até mesmo coisas simples, como o alinhamento do texto, podem ajudar a realmente se conectar aos detalhes certos em uma composição O alinhamento, é claro, é outro grande tópico que abordaremos que abordaremos muito mais detalhes quando começarmos a falar sobre espaço 18. Proximidade: A proximidade é outro princípio inicial que afirma que percebemos que objetos que estão mais próximos uns dos outros estão mais relacionados do que elementos ou objetos que estão mais distantes. Isso é semelhante às regiões comuns, mas aqui, em vez de realmente usar dispositivos como molduras ou linhas, você simplesmente agrupa as coisas simplesmente colocando-as próximas umas das outras. Esse é um princípio muito importante que você deve aplicar tanto no design impresso quanto no web para criar hierarquia e orientar seus espectadores pelo design na ordem pretendida Mesmo que, novamente, pareça uma coisa bastante óbvia de se fazer, na verdade é um grande tópico e há muito mais do que isso. E acredito que faz mais sentido falar sobre isso no contexto do espaço e como usamos o espaço em nossos projetos, o que é outro grande tópico deste curso. Então, se você quiser aprender sobre esse princípio de estilo de convidado agora, sinta-se à vontade para ir para o capítulo chamado espaço. E quando terminar, você pode voltar e continuar com o resto deste capítulo. A proximidade é outro princípio inicial que afirma que percebemos que objetos que estão mais próximos uns dos outros estão mais relacionados do que elementos ou objetos que estão mais distantes. Portanto, isso é semelhante às regiões comuns, mas aqui, em vez de realmente usar dispositivos como molduras ou linhas, você simplesmente agrupa as coisas simplesmente colocando-as próximas umas das outras. Esse é um princípio muito importante que você deve aplicar tanto no design impresso quanto no web para criar hierarquia e orientar seus espectadores pelo design na ordem pretendida E mesmo que, novamente, pareça uma coisa bastante óbvia de se fazer, na verdade é um grande tópico e há muito mais do que isso. E acredito que faz mais sentido falar sobre isso no contexto do espaço e como usamos o espaço em nossos designs, que é outro grande tópico desta série de teoria do design gráfico. Então, se você estiver interessado em aprender mais sobre isso, não deixe de conferir esse. Da mesma forma que os outros princípios de estilo de convidado que abordamos neste curso, vou analisar detalhadamente todos os exemplos que você pode ver neste quadro, mas você também ouvirá me referir a eles em alguns dos próximos vídeos. E, claro, você poderá acessar este quadro para dar uma boa olhada nesses exemplos em seu próprio tempo. 19. 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 Miller Not Boards 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. Por favor, deixe-nos saber 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 Sm Designer.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.