Teoria do design gráfico: unidade e harmonia

1. Introdução: De todos os termos comumente usados no contexto do design gráfico, unidade e harmonia são provavelmente os mais ambíguos. Há muitas maneiras de unificar elementos em um design para criar composições agradáveis e Neste curso, aprenderemos as técnicas mais usadas, incluindo repetição, ritmo visual, variedade, enquadramento, padrões de agrupamento e muito 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. Unidade e harmonia: É essencial alcançar unidade e harmonia em seus designs para criar composições e layouts agradáveis Esses dois termos parecem muito semelhantes e quase podem ser considerados sinônimos um do outro. No entanto, há uma diferença sutil entre seus significados. A maneira como gosto de pensar neles é que alcançamos unidade aplicando todos os princípios de design. E a harmonia é algo que alcançamos além da unidade, ajustando esses princípios e decidindo quanto ou com que intensidade os aplicamos ao nosso design Então, se você olhar dessa maneira, você pode alcançar a unidade sem harmonia. Mas você não pode alcançar harmonia sem união. Mas quais são os princípios que realmente precisamos para alcançar a unidade? Bem, você pode pensar em praticamente todos os princípios de todos os convidados e eles o ajudarão a criar união. Uma delas óbvia é a semelhança e a continuidade. Por exemplo, com essas três capas diferentes desses livretos, podemos ver imediatamente que há algum tipo de conexão ou unidade entre elas, graças aos elementos que se repetem Portanto, temos a tipografia colocada na mesma posição com o mesmo formato e tamanho Embora as cores dessas linhas grossas estejam mudando entre os três livretos, há uma cor que se repete, que é essa cinza, que podemos ver em todos eles. Mas, além disso, esses ângulos de 45 graus também são os mesmos em todas as três composições E até a espessura dessas linhas é a mesma em todas elas. Ao colocá-las lado a lado, também quase parece que essas linhas podem ser continuadas de uma capa para a outra. No caso de uma série como esta, você deseja alcançar essa unidade não apenas no design, mas também entre as diferentes versões das capas. Ao mesmo tempo, você também quer ter certeza de que há diferença suficiente entre eles, o que pode ser obtido com a inclusão de algum tipo de contraste. Agora, o contraste é definitivamente algo com o qual você pode interromper a harmonia no design, mas o uso inteligente do contraste pode, na verdade, enfatizar Aqui está outra série de composições da incrível artista chamada Magda E podemos ver em seu trabalho que ele usa muitas maneiras diferentes de interromper a harmonia em cada uma dessas composições Seja cortando, retratando ou cobrindo rostos com quadrados Mas mesmo quando esses detalhes disruptivos são introduzidos, eles sempre se conectam à composição geral Por exemplo, aqui, esses gradientes funcionam perfeitamente bem com os gradientes usados no fundo e também com os gradientes usados no corpo Até mesmo detalhes disruptivos como esses podem ajudar a criar união e harmonia Mas vendo alguns exemplos desse projeto lado a lado, também podemos ver que toda a série tem algum tipo de harmonia. Portanto, até mesmo as composições individuais têm semelhanças entre elas E isso ajuda a estabelecer um resultado agradável quando estão todos dispostos lado a lado Assim, para mídias sociais baseadas em imagens como o Instagram, também é importante ter harmonia entre as várias postagens. E a harmonia aqui, novamente, dependerá, em primeiro lugar, dos princípios de design usados e também de elementos ou cores recorrentes, formas e até tratamentos de imagens Repetição e consistência são dois grandes tópicos que abordaremos muito mais nos próximos vídeos Mas também há alguns métodos interessantes que você pode evitar criar resultados chatos, mesmo quando você está criando apenas uma única composição ou uma série de composições como essas Mas se você está constantemente repetindo ou repetindo, usando os mesmos elementos e o mesmo tipo de composição, isso pode facilmente ficar entediante Também é importante usar coisas como ritmo e variedade. Novamente, coisas que abordaremos muito mais detalhes nos próximos vídeos. Ao olhar esse feed do Instagram, podemos ver, por exemplo, que a cor de fundo ou a cor dominante em cada uma dessas postagens existe, mesmo que haja uma paleta de cores específica que esteja sendo usada, você não veria o fundo amarelo usado em duas postagens próximas uma da outra Está aqui no topo. Então o próximo está aqui embaixo. E, novamente, parece ser a cor dominante lá embaixo. O mesmo vale para esse fundo roxo. Podemos ver um exemplo aqui, outro ali, e podemos dizer que talvez ele também seja dominante neste. E o mesmo vale para esse fundo turquesa. Temos um aqui, outro aqui em cima e outro lá embaixo. A semelhança entre elas ajuda a criar unidade, mas o ritmo e a variedade aplicados tornam todo o feed mais dinâmico e interessante de se ver Portanto, não se esqueça de que criar harmonia não significa apenas adicionar estrutura ao seu design. É mais sofisticado do que isso. Por exemplo, você pode criar uma composição harmoniosa usando assimetria ou falta de simetria, como nesta série de pôsteres sobre design de experiência do usuário, onde nenhum deles tem uma linha de deles tem E na maioria das vezes tínhamos um item muito maior colocado de um lado e um menor do outro lado. Então, esses dois ainda estão se equilibrando ou criando um equilíbrio visual na composição E a unidade é alcançada usando uma grade dentro do design e alinhando as coisas umas às outras Mas também a consistência e repetição de cores e formas entre todos esses pôsteres da série Quando se trata de alcançar a união com a ilustração, geralmente tudo se resume ao estilo. Portanto, se houver um estilo distinto e muito reconhecível aplicado a todos os detalhes de uma ilustração, parecerá que está em harmonia e que tudo está conectado ou unido Temos alguns ótimos exemplos aqui, como a capa deste livro de receitas, que todos os objetos diferentes são ilustrados nesse estilo distinto com bordas afiadas e proporções levemente instáveis O mesmo vale para a ilustração distorcida de vegetais e frutas, onde, mais uma vez, embora as formas sejam variadas e haja muitas cores diferentes, o estilo dos desenhos é o mesmo E também há uma unidade criada com detalhes repetidos ou recorrentes, como olhos e bocas sorridentes ao criar um conjunto de ícones para impressão ou projeto É claro que também é muito importante criar união porque você quer ter certeza de que eles se sintam parte da mesma série. E isso pode ser conseguido mais uma vez certificando-se de que haja consistência no peso da linha, nas cores e também nos raios usados nos cantos arredondados Até mesmo uma página de um jornal pode parecer unida ou harmoniosa novamente ao reutilizar ou repetir certos atributos Aqui podemos ver que a cor verde é usada em combinação com o preto em toda a página. E mesmo que sejam artigos independentes, todo o layout parece conectado e unificado. E outra área do design gráfico união e harmonia são extremamente importantes é a marca na qual o logotipo da empresa e todos os outros ativos da marca, como a cor e os tipos de letra selecionados, devem ser usados de forma consistente onde quer que a marca apareça para garantir que as pessoas possam reconhecê-la, agora que sabemos o quanto é importante alcançar unidade e harmonia em nossos projetos. Nos próximos vídeos, abordaremos certos métodos e técnicas que podem nos ajudar a alcançá-los. 3. Repetição: A repetição é uma maneira muito simples de unir seus projetos, porque quando você repete os mesmos elementos repetidamente, eles obviamente se sentirão conectados Mas é claro que há muito mais além unidade que você pode alcançar usando a repetição. Também pode dar ênfase aos elementos repetidos em sua composição, da mesma forma que palavras repetidas na escrita e na fala. Um ótimo exemplo disso é esse pôster do Coringa, que quase parece pôsteres colocados uns sobre os outros e E o detalhe principal é aquele sorriso grande e esquisito que continua aparecendo repetidamente, ligeiramente deslocado Aqui, os elementos repetidos são um pouco caóticos. E isso funciona muito bem para esse tópico ou o pôster que representa o estado mental do personagem principal do filme Neste design, há um uso de grade muito rígido para os elementos repetidos, o que era necessário para chamar a atenção para aquela transição sutil que acontece aqui na parte inferior, onde a letra começa a girar, que eventualmente se transforma no logotipo Nescafé, sendo essa a primeira O pequeno slogan aqui na parte inferior diz: nada te acorda como Nescafé Portanto, o objetivo deste pôster é mostrar o tempo que você passa dormindo e como uma xícara de café o ajudará a acordar Você pode ver que a repetição é um ótimo método para chamar a atenção das pessoas porque, a princípio, é incomum ver um detalhe repetido tantas vezes que quase parece um erro Mas também estamos curiosos para identificar quaisquer diferenças e descobrir por que elas foram introduzidas. Interromper algo que foi repetido muitas vezes pode criar uma ênfase e um ponto focal muito fortes Este Edward também é um exemplo perfeito disso, onde temos um pequeno item aqui que quase se perdeu entre esse padrão de círculos vermelhos. E mesmo que essa bola o mesmo tamanho dos outros círculos e até da mesma cor por causa dessa sombra sutil nela. E é claro que essa linha branca cruzando-a ainda permite separá-la do resto das instâncias repetidas. Ao se esconder e fazer apenas uma diferença sutil entre todas as instâncias repetidas, você pode, novamente, criar um pequeno desafio visual ou jogo para os espectadores, e isso sempre ajuda a tornar seus designs mais envolventes. Aqui está outro marcador muito inteligente, anúncio. É a agulha no palheiro, então temos, novamente, a repetição da palavra feno, e a palavra agulha é destacada, e a palavra agulha é destacada, criando esse Neste exemplo, a tipografia é usada quase como uma textura. Então, temos esse grande bloco de texto que na verdade não precisamos ler. Basta lermos uma das palavras e imediatamente percebermos que é a mesma por toda parte, graças ao fato de que tudo está perfeitamente alinhado, exceto, é claro, aquela única palavra ali, que é toda a mensagem ou objetivo desse anúncio Aqui está outro exemplo da repetição da tipografia, onde, mais uma vez, embora possamos lê-la, ela também serve como pano de fundo para Criar esse retângulo sólido e enfatizar que essa coleção é para repetição de primavera também pode ser uma ótima ferramenta quando você deseja mostrar ou representar o progresso em seu design Como neste exemplo, onde podemos ver uma pessoa com sobrepeso ou obesidade e outra pessoa na parte inferior que está muito em forma e E é o uso inteligente dessa postura que primeiro parece mais uma e depois passa para algo mais parecido com uma da gordura para a O mesmo é conseguido neste design, onde as letras estão formando as escadas da cena icônica do filme Rocky E mesmo que estejamos vendo apenas esse momento específico em que ele está alcançando essa terceira letra em nossa mente, já podemos ver imediatamente a direção e o movimento e todo o pôster se torna muito dinâmico Outro exemplo interessante de repetição, que a mesma silhueta de uma cabeça feminina é usada em cores diferentes, sobrepostas umas sobre as outras, para criar um pano de fundo ou recipiente para os principais elementos tipográficos em que a mesma silhueta de uma cabeça feminina é usada em cores diferentes, sobrepostas umas sobre as outras, para criar um pano de fundo ou recipiente para os principais elementos tipográficos desse layout. E a repetição geralmente funciona muito bem em combinação com o ritmo O ritmo nesse caso é estabelecido alternando entre o texto grande e o texto menor Então, mais uma vez, texto grande e depois textos menores e, mais uma vez, o texto maior na parte inferior. E você nem precisa de mais idas e vindas do que essas poucas vezes para já estabelecer esse ritmo visual em sua composição. Esse é outro tópico que abordaremos muito mais detalhes em um dos próximos vídeos. 4. Consistência: Embora a consistência soe e pareça semelhante à repetição, ela ainda é um pouco diferente e tem um significado diferente em design gráfico Como vimos no vídeo anterior, a repetição consiste em replicar e criar várias instâncias dos mesmos elementos em nossa composição Nossa consistência consiste mais na reutilização do mesmo tipo de face, da mesma cor ou até mesmo do mesmo tratamento em imagens em todo o nosso design para alcançar a unidade E a consistência se torna muito mais importante quando seu trabalho começa a crescer em tamanho. Então, por exemplo, em uma revista, você gostaria de ter consistência em onde os números das páginas são colocados e todos os detalhes nos rodapés e cabeçalhos também devem ser Mas o mesmo se aplica aos livros em que você esperaria as mesmas margens usadas e claro, o mesmo tipo de texto para o corpo do texto e os títulos dos títulos e capítulos Sem consistência, não reconheceríamos nossas capas de revistas favoritas na banca do jornal. E aqui podemos ver dois exemplos brilhantes das revistas Dazed and Red, mostrando que elas usam o cabeçalho de forma consistente, mesmo que a cor mude entre as O fato de ser do mesmo tipo de face e do mesmo tamanho, e também estar na mesma posição, estabelece a consistência necessária No caso da Time Magazine, não é apenas o cabeçalho que é usado como um elemento recorrente para garantir a consistência, mas também a icônica moldura vermelha como mencionamos quando falamos sobre unidade e harmonia, ilustrações também podem ser usadas para Obviamente, é fundamental que o estilo das ilustrações seja o mesmo E é por isso que as revistas contratam ilustradores para criar todas as ilustrações necessárias para um Como neste exemplo, podemos ver que não apenas as cores dessas ilustrações estão em harmonia e unidade, mas também essas poses estranhas e comprimidas criam ou estabelecem Quando se trata de design de UX, há certos elementos que são consistentes em toda a nossa experiência, navegando em um aplicativo ou site E isso é na maioria das vezes, o menu na parte inferior e também o menu no canto superior direito ou no canto superior esquerdo. Mas, para garantir uma curva de aprendizado suave para novos usuários de nosso aplicativo, também é útil ser consistente em onde colocamos esses elementos comuns em nosso design. Portanto, não devemos apenas ser consistentes em nosso trabalho real, mas até mesmo com as expectativas do usuário com base em sua experiência anterior com outros aplicativos. Quando se trata de design responsivo, também precisamos garantir que haja consistência entre os diferentes tamanhos de tela Quando o espectador visita o site em um computador, ele deve ter uma aparência muito semelhante à que ele veria em um dispositivo móvel. Então, aqui podemos ver a versão desktop deste site e a versão móvel ao lado dele. Mais uma vez, como antes, consistência é obtida usando as mesmas cores, as mesmas faces de tipo e, nesse caso, o mesmo estilo em imagens e botões que você esperaria A consistência também é crucial para embalagens, onde, se você tem sabores diferentes, por exemplo, ainda deseja garantir que os usuários reconheçam imediatamente que fazem parte da mesma marca E mesmo que as cores dessas bebidas sejam completamente diferentes, graças ao fato de todos os outros elementos serem consistentes, é fácil reconhecê-las como sabores diferentes do mesmo produto A consistência também desempenhará um papel crucial em um design de apresentação bem-sucedido, onde, na maioria das vezes, você não gostaria de chocar o público com slides completamente diferentes. E ao reutilizar as mesmas cores, tipos de letra e até mesmo posição para determinados elementos, você está reduzindo a carga cognitiva dos membros da platéia Isso basicamente significa que eles estão à vontade porque veem formas, cores e designs familiares em todos os slides da apresentação. E eles podem realmente prestar atenção e se concentrar no conteúdo real da apresentação. Sem consistência, as marcas não pareceriam profissionais. Portanto, é crucial também para o design de identidade e também para mídias sociais, onde você precisa de unidade e harmonia entre o feed de imagens. E, mais uma vez, a consistência e o uso repetido do mesmo tipo, faces , cores e elementos ajudarão você muito a conseguir isso. E há uma outra ferramenta muito usada para garantir a consistência no design gráfico, que é usar uma grade. E você pode ver neste exemplo de layout de revista que, mesmo a essa distância, podemos identificar coisas que estão alinhadas na mesma posição dentro da composição Portanto, esta imagem aqui está no mesmo alinhamento que aquela lá em cima em outra página. Ou, mais uma vez, aqui está outro alinhamento. Portanto, o texto aqui nesta página ou página espelhada também está alinhado na mesma posição desta página E trabalhar com grades em design é um tópico enorme e muito importante Portanto, abordaremos isso muito mais detalhes quando chegarmos ao tópico intitulado espaço. 5. Ritmo visual: O ritmo é outro princípio que anda de mãos dadas com a repetição. É muito parecido, mas em vez de repetir as coisas de uma forma muito ordenada, geralmente quando usamos ritmo no design, isso significa que estamos introduzindo algum tipo de padrão alternativo em vez de apenas ter uma grade estática de todas as cópias do Quando usamos o ritmo, estamos sugerindo movimento e ação em nossas composições Ritmo é um termo originalmente mencionado quando falamos sobre música. Mas, assim como a comunicação e a fala têm seu próprio ritmo e ritmo, às vezes podemos falar rápido ou às vezes podemos desacelerar. E isso pode ajudar a chamar a atenção das pessoas. A mesma coisa que podemos fazer na comunicação visual. Portanto, o design gráfico também pode ter seu próprio ritmo visual e ritmo visual Então, vamos dar uma olhada em alguns desses exemplos para entender melhor como aplicar o ritmo. E também descobriremos que, na verdade, existem cinco maneiras diferentes de usar o ritmo neste vídeo. Aqui está um incrível pôster ilustrado do filme Os Sete Samurais de Akira Kurasava Akira Kurasava E nesse caso específico, é um ritmo regular. Então, há alguns elementos diferentes aqui usados para introduzir o ritmo na composição. Em primeiro lugar, temos essas pinceladas grandes. Então, estamos começando com uma pincelada preta. Depois, há uma lacuna e depois vem outra pincelada. Agora, há até uma sensação de movimento com pinceladas e, embora seja um pouco difícil dizer de qual direção elas estão vindo, parece que provavelmente a primeira estava indo para a direita, depois a próxima estava indo para a esquerda, depois novamente para a direita e depois novamente para a esquerda Como eu disse, não está totalmente claro porque não podemos ver as pinceladas completas Então, eles são recortados nessa composição, mas ainda há uma sensação de alternância de direções que já cria um ritmo Em vez de deixar claro ou óbvio que eles estão indo todos na mesma direção, essa aleatoriedade já cria aquele interesse visual que pode ser introduzido usando o ritmo Mas é claro que adicionar essas pinceladas e deixar algum espaço entre elas também Temos detalhes escuros, depois temos esses detalhes claros ou espaços em branco. Então, novamente, temos uma pincelada. Então, novamente, branco, preto, branco, preto. Conequilibrando as cores dessas pinceladas e o espaço em branco entre elas, temos as cores opostas ou inversas usadas nas letras colocadas no centro da composição Na pincelada preta, temos uma letra branca. Então, no espaço em branco, temos uma letra preta. E assim por diante e assim por diante. Portanto, mesmo que apenas olhemos as letras e leiamos a palavra samurai, também vemos um ritmo com as cores alternadas Mas o que realmente une tudo e o que realmente dá uma grande ênfase ao ritmo dessa composição são os personagens samurais reais e sua colocação ou alinhamento na Começamos pela esquerda, depois vamos para a direita, depois voltamos novamente, e assim por diante. Estamos continuando esse movimento em ziguezague. Agora, em termos dos samurais e do texto no meio, eu chamaria isso de ritmo irregular, como já mencionei no início Mas, ao observar as pinceladas e os espaços em branco entre elas, também podemos chamar isso de ritmo aleatório Como o tamanho dessas pinceladas e o espaço entre elas são completamente aleatórios , não há espaço ou espessura iguais aplicados E acho que isso ajuda a aumentar essa tensão dentro dessa composição, que funciona muito bem para o tema do filme. Portanto, temos um ritmo regular, mas também um ritmo aleatório ou ligeiramente caótico ao mesmo tempo E mesmo que pensemos que dois tipos diferentes de ritmos se chocariam, nesse caso, eles funcionam perfeitamente bem juntos Esse layout usa um tipo semelhante de ritmo, mas depende apenas da tipografia E aqui, em vez de ter sete seções separadas, temos dez delas, o que obviamente é um número par. Assim, o designer poderia colocar os cinco primeiros desses mandamentos à esquerda quando os alinhasse à esquerda, enquanto os demais, 6-10, alinhados Mas em vez de criar duas colunas completamente separadas, o que podemos imaginar que seria algo assim, o designer decidiu mesclar essas duas e criar essa dinâmica interessante usando mais uma vez um ritmo regular Agora, isso poderia realmente ser contraproducente ou confuso se você tivesse que ler esses mandamentos na Se houvesse algum problema ao ler o primeiro e depois o sexto, eu não recomendaria usar esse layout. Mas, como realmente não importa em que ordem você lê esses mandamentos, na verdade, funciona perfeitamente bem do jeito que você, como espectador, pode decidir se deseja lê-los nessa ordem Então, indo de cima para baixo, ou você realmente seguiria a ordem pretendida, que seria o número 12345, e continuaria do lado direito até o número O que ajuda a estabelecer o ritmo aqui é simplesmente o alinhamento do texto, mas também a diferença sutil na cor do texto Observe como o texto dos números e do corpo da cópia está definido em preto no lado esquerdo. Então, tudo isso está definido em preto. Enquanto estão aqui à direita, tanto os números quanto o corpo da cópia estão definidos em um tom de cinza. Mesmo usando apenas a cor, teria sido suficiente separá-los um do outro, mas para tornar esse padrão ou ritmo mais óbvio, também usamos o alinhamento, onde temos esse recuo nos números do lado direito em comparação com todos os números que temos aqui no lado esquerdo, o que cria essa estrutura ou grupo separado aqui em o lado direito. 6. Ritmo fluido e progressivo: Outro tipo interessante de ritmo que você pode introduzir em suas composições é chamado de ritmo fluido. E para isso também, temos alguns exemplos aqui no quadro. Vamos começar com esta ilustração na qual temos uma malha de linhas azuis no fundo que é perturbada ou distorcida pelo movimento deste veleiro aqui no Caso a linha permanecesse completamente reta, esse seria um ritmo regular. Mas como agora eles estão distorcidos, como mencionamos, isso cria esse ritmo fluente. Então, as linhas agora se transformaram em pequenas ondas, e cada uma dessas ondas é ligeiramente diferente uma da outra. Então, novamente, não há nenhuma regularidade real neles. É por isso que eu chamaria isso de ritmo fluente. A mesma ideia também pode ser aplicada simplesmente usando a tipografia E eu acredito que este é um exemplo perfeito disso, onde mesmo sem ver nenhum vestígio ou sinal de uma praia ou do mar, ainda podemos imaginar aquele lindo ritmo das ondas chegando à costa de uma praia arenosa Além da curvatura rítmica da tipografia, obviamente também há uma forte sugestão do uso dessas cores, o azul do mar e o amarelo da Aqui está outra composição brilhante usando ritmo fluído Mas acredito que até mesmo esse ritmo fluente ou distorção aleatória do ritmo, ou falha dessa tipografia é usada para criar aquele ritmo e dinâmica únicos nessa composição O ritmo fluído é algo que vemos com frequência na natureza. Como eu disse na praia, mas também nos desertos. As dunas de areia são formadas e moldadas de forma a criarem novamente esse lindo ritmo de fluxo. Ele pode ser replicado não apenas no design gráfico, mas também na arquitetura, como mostra este exemplo perfeitamente Existe outro tipo interessante de ritmo chamado ritmo progressivo, em que mudamos uma característica cada vez que algo é repetido. Nesse caso, em vez de apenas repetir o mesmo texto repetidamente e se alinhar perfeitamente um sobre o outro, já temos um pequeno movimento para frente se começarmos de baixo, então um leve recuo a cada vez para a direita Mas o que o torna interessante é que, embora haja uma diferença em onde o texto começa, a letra B está perfeitamente alinhada em toda a composição E o que muda entre cada linha é a forma como a letra S é esticada deste lado e aqui Então, enquanto está aqui no topo , ele começa a ficar menor, mas já um pouco esticado À medida que descemos, fica mais esticado. Enquanto vemos o oposto acontecendo à direita, onde o alongamento da letra E está aumentando à medida que subimos Também há uma diferença sutil no quanto a letra B é esticada em cada linha Como você pode ver aqui no lado direito, não é uma linha perfeitamente reta, mas não é tão perceptível quanto o que podemos ver na letra E dos dois lados Ritmos progressivos podem ser usados para criar algum tipo de acúmulo em sua composição, quase como um crescendo na música em que aumentamos lentamente a intensidade ou um diminuendo, que é outro termo usado na música para diminuir lenta e gradualmente E já que estamos falando sobre música, vamos dar uma olhada neste pôster de um festival de jazz Aqui, mais uma vez, temos um uso muito interessante do ritmo. E eu me pergunto se você será capaz de dizer sozinho agora que tipo de ritmo você pode identificar aqui. Se você observar a composição como um todo, provavelmente escolherá um tipo específico de ritmo, mas também poderá observar determinadas partes da composição isoladamente ou individualmente. E nesse caso, você também pode observar diferentes tipos de ritmos usados em vários lugares Então, uma óbvia seria aqui na parte inferior, onde temos o mesmo tipo de linhas, as linhas em ziguezague, repetidas Temos os pretos e depois os brancos. Você pode chamar isso de padrão alternativo se considerar que linhas brancas e pretas próximas uma da outra Ou se você considerar isso simplesmente linhas pretas com espaço em branco ao redor delas. Você pode até mesmo chamá-lo de padrão regular. Mas, ao analisar a composição como um todo, eu diria que podemos ver um belo exemplo de um ritmo aleatório em uso. Isso é conseguido repetindo essas formas geométricas, mas não de forma ordenada E, a propósito, essas formas também nos lembram dos instrumentos como símbolos. Também temos uma versão abstrata de um teclado, de um piano. E há até os botões que normalmente veríamos em um instrumento de sopro, como um saxofone ou clarinete aqui na parte inferior e também aqui no lado direito Então, por que foi uma boa ideia do designer introduzir esse ritmo aleatório nesse caso em vez dos outros tipos de ritmos que vimos Bem, porque funciona perfeitamente bem com o tipo de festival que é. Se você está familiarizado com jazz, provavelmente sabe que tudo gira em torno da improvisação Portanto, é a aleatoriedade da música que a torna única e reconhecível Portanto, a lição a aprender com isso é que você, como designer, deve sempre ter uma boa compreensão do tópico do seu design. Por exemplo, se você precisar criar um pôster para um tipo de música que não conhece, provavelmente não conseguirá capturar a essência do assunto e não conseguirá criar uma composição eficaz Não estou dizendo que você não deva trabalhar em projetos em que o tópico seja algo com o qual você não esteja familiarizado. É mais sobre você passar algum tempo fazendo sua pesquisa antes de começar a criar seus conceitos de design. Isso é muito importante. Portanto, mesmo que você não esteja completamente familiarizado com o assunto, passar algum tempo conhecendo o que você vai projetar fará uma grande diferença na qualidade do seu trabalho 7. Variedade: A variedade é uma maneira brilhante de garantir que você demonstre interesse em seu trabalho e também que não perca a atenção de seus espectadores. Ele pode ser aplicado a praticamente qualquer coisa que você possa imaginar, desde música até as roupas que você está vestindo ou a maneira como você fala ou age. Você escolhe. Mas, mais especificamente em design gráfico, é uma ótima ferramenta para criar composições mais envolventes E você pode estar pensando que a variedade é na verdade, quase o oposto da unidade. Então, quando falamos sobre unidade, mencionamos que todos os componentes e elementos do nosso design precisam estar de alguma forma conectados uns aos outros. Mas quando temos variedade, quase parece contraproducente, porque teríamos que introduzir diferenças entre os elementos Mas o interessante é que você pode realmente alcançar a unidade usando a variedade. Então, deixe-me mostrar o que quero dizer. Aqui está um ótimo exemplo de capa ou layout de revista que usa uma densidade incomum ou um alinhamento do corpo do texto E isso é ainda mais enfatizado por essas linhas coloridas próximas a elas no lado esquerdo Então, temos as linhas azuis, as vermelhas e também as verdes. Portanto, definitivamente há uma variedade nas cores e também nos recuos usados No entanto, também há alguma estrutura aqui. Observe que a linha azul é sempre usada quando o recuo é maior Então, podemos ver que o espaço aqui é exatamente o mesmo aqui. E também mais uma vez aqui à direita. Então temos a linha verde, que forma um recuo que tem aproximadamente metade do tamanho do azul E, novamente, é a mesma distância exata aqui, aqui e aqui também. Você pode ver que se conectássemos essas duas linhas aqui , elas estariam exatamente na mesma posição. E, finalmente, a linha vermelha está formando a linha mais distante à esquerda E isso é novamente repetido ao longo dessas três colunas. E está sempre na mesma posição embora as coisas pareçam um pouco aleatórias devido à variedade nos recuos. Ainda há estrutura aqui, graças à repetição e até mesmo ao ritmo aplicado aos variados recuos Ao seguir o texto do início ao fim, você notará que, na verdade, não há um padrão na forma como esses recuos são usados Então, começamos com azul, depois vermelho, depois verde, depois vem o vermelho, depois azul e depois vermelho novamente, depois verde. Portanto, não há um padrão real aqui em termos de ritmo aqui. Seria um ritmo aleatório, mas como os recuos individuais são repetidos e usados exatamente da mesma maneira a cada vez, ainda podemos chamar isso de repetição ou ritmo, e ele ainda forma uma unidade na composição geral Aqui está outro belo exemplo de como variedade e união podem trabalhar lado a lado. Nessa composição monocromática, tudo está usando a mesma cor azul E quase todos os detalhes são criados a partir de linhas simples. E a tipografia principal em si, a Escola de Design de Praga, acaba se tornando parte dessa malha ou padrão de linhas azuis horizontais A estrutura ou grade nessa composição são essas linhas azuis. Embora a variedade seja aplicada principalmente na tipografia e na forma como cada letra é esticada de uma maneira diferente, para garantir que ainda possamos ler Algumas das letras como aqui ainda estão na largura normal e também nesta área e aqui na parte inferior. Embora existam alguns exemplos extremos de alongamento, por exemplo, aqui na letra G e também nas letras H e D. Então, você pode ver que, desde que encontre um bom equilíbrio entre unidade e variedade em sua composição, ela funcionará, comunicando a mensagem, mas, ao mesmo tempo, será interessante e envolvente para seus espectadores Mas, como sempre acontece com todos os outros princípios de design, você precisa ser muito bom em ajustar a quantidade de variedade que está introduzindo. Se você adicionar muito, seu design pode ficar confuso E aqui está um exemplo interessante em que definitivamente temos muita variedade. E se todo esse texto manuscrito que podemos ver se formando quase como uma textura nessa composição fosse composto por palavras diferentes Pode parecer avassalador e confuso porque gostaríamos de lê-lo, mas seria muito difícil entender onde o texto começa e onde termina Mas como aqui há apenas duas ou três palavras sendo repetidas repetidamente, isso na verdade não atrapalha. Portanto, a variedade aqui, novamente, é definida na quantidade certa, aumentando o interesse, mas não distrai a mensagem que o autor da postagem está 8. Mestres de variedade: Agora, não posso falar sobre variedade sem mencionar designers gráficos incríveis Tenho certeza que você já ouviu falar de David Carson que é realmente revolucionário em design gráfico E eu diria que ele é o melhor em ultrapassar os limites da quantidade de variedade usada nas composições O fato de ele estar quebrando praticamente todas as regras nas formas de design gráfico, seu próprio sistema único, como ele está juntando as coisas. E mesmo que na maioria das vezes seja difícil entender o que você está vendo, isso definitivamente chama sua atenção e mantém você interessado em ver a composição Outro artista que vale a pena mencionar, que está usando a variedade de forma brilhante, é Asian Tro ou também conhecido como Eu recomendo fortemente conferir o perfil das mãos dele porque você verá alguns trabalhos incríveis e, em praticamente todos eles, você verá como ele está aplicando variedade em suas composições Ao olhar para este pôster, por exemplo, você pode ver que já existem todos os tipos de formas e formatos aqui De formas geométricas perfeitas, como um círculo, a formas orgânicas com bordas irregulares E quase nenhum dos elementos ou atributos se repete. Sabemos que agora é melhor criar unidade em um design e harmonia repetindo elementos ou criando componentes recorrentes Enquanto estamos aqui, as coisas que se repetem são muito menos perceptíveis, elas estão quase disfarçadas Se olharmos bem, podemos notar que, na verdade certas cores se repetem. Assim. azul aparece aqui novamente à direita, embora seja um pouco mais escuro, ainda tem o mesmo tom Essa cor de tijolo avermelhado é usada em toda a composição, então isso é bastante constante Mas também usamos o branco em algumas áreas. E então há uma cor de destaque que não se repete em nenhum outro lugar, esse amarelo aqui neste retângulo Também temos tons de cinza preto ou escuro usados em algumas áreas também nesse formato. A propósito, novamente, essa forma é a única que usa um gradiente que a faz parecer mais tridimensional do que o resto da composição E, novamente, temos apenas essa forma única aqui que usa um padrão de alto contraste muito forte, enquanto todas as outras são limpas e não usam padrões. A textura é algo usado em algumas áreas aqui, lá em cima, também aqui embaixo e até mesmo no círculo. Então, isso é algo que se repete com mais frequência do que os outros componentes e é quase imperceptível Mas também há essas linhas brancas muito finas que aparecem em algumas áreas. Quase parecem arranhões no pôster. Porque são muito irregulares. Mas, embora haja muito mais variedade do que elementos repetidos nessa composição, ela ainda parece harmoniosa e equilibrada Tanto o trabalho de David Carson quanto o de Bogazm são um bom exemplo de que , quando você estiver muito confiante na aplicação das regras do design gráfico, começará a ultrapassar os limites e criar versões extremas, contradizendo essas regras, mas ainda usando princípios de design suficientes para fazer as coisas funcionarem e ainda criar algo que as pessoas possam entender e desfrutar. 9. enquadramento: O enquadramento é uma das formas ou métodos mais fáceis de entender para criar unidade na composição do design gráfico E é algo sobre o qual já falamos quando estávamos discutindo os Princípios do Guest Start ou a Psicologia do Design. Lá, nos referimos a regiões comuns, ou seja, áreas em nosso design que devem ser agrupadas E na maioria das vezes isso é conseguido usando quadros. Agora, embora, novamente, pareça uma coisa muito óbvia e direta, você pode ser muito criativo aplicar molduras em seu design E, na verdade, há muita sofisticação e nuances que você pode adicionar na forma como as aplica em seu design Neste vídeo, analisaremos e veremos alguns exemplos brilhantes em que enquadramento é usado de forma muito profissional Primeiramente, vamos começar com esse pôster noturno, onde temos o texto rebatido formando uma moldura dentro da composição Aqui, essa linha branca que é interrompida algumas vezes ainda forma esse retângulo visível, que entendemos imediatamente como uma E o interessante é que o texto é mantido dentro desse retângulo Mesmo que esteja se movendo para cima e para baixo , ainda forma um limite. E por causa disso, a tipografia quase se transforma em uma animação de uma bola pulando para cima e para baixo em Adoro o fato de o retângulo si estar em segundo plano, enquanto a tipografia começa atrás do atleta, mas depois vem na frente e, provavelmente, volta para Sempre que você introduz profundidade criando esses detalhes entrelaçados, como neste caso, a fotografia e essa moldura, e a tipografia se movendo para frente e para trás no espaço, ela também atinge essa esses detalhes entrelaçados, como neste caso, a fotografia e essa moldura, e a tipografia se movendo para frente e para trás no espaço, ela também atinge essa relação específica entre seus componentes. E isso por si só já está criando alguma forma de enquadramento. Então, pense sobre isso. Até mesmo a tipografia por si só, sem esse retângulo, já emolduraria, de certa forma, Porque começa atrás depois vem na frente. E, novamente, não sabemos se essas duas letras estão atrás dele ou não, mas temos esse tipo de sensação simplesmente por ter o que está escondido atrás do braço dele aqui. Este é um ótimo exemplo de como nossa mente pode se distrair, simplesmente sendo acionada por um pequeno detalhe, como sobreposição entre a pessoa e a Portanto, sua tarefa como designer gráfico é pensar nesses gatilhos que você pode introduzir em seu trabalho, que ajudará seus espectadores a começar fazer suposições sobre o realmente está acontecendo As margens também são usadas em design gráfico para formar molduras em composições Novamente, neste design, temos uma margem bastante ampla. Então isso é o que eu consideraria a margem, essa área cinza. E tem o mesmo tamanho na parte superior, inferior, esquerda e direita. Funciona de forma semelhante a uma peça de poste, que você colocaria em uma moldura de imagem pendurada na parede, seja, aquele papelão recortado no meio. O que, novamente, cria algum espaço vazio ou espaço em branco ao redor da imagem real dentro do quadro. E, assim como acontece com as molduras de imagem nos designs, adicionar algum espaço em branco nas bordas sempre ajuda a direcionar a atenção do espectador para o centro da composição. Isso funciona particularmente bem quando a composição em si está alinhada ao centro E se você tiver alto contraste em valores tonais e cores entre as áreas das margens e a composição dentro delas, que, novamente, podemos ver claramente aqui, temos uma área de margem muito clara e uma região mais escura no centro Mas esse design específico também usa algumas soluções adicionais interessantes. Dentro das margens, temos uma linha fina branca adicional que se entrelaça com essa imagem distorcida Assim, podemos ver que algumas áreas estão escondidas. Então, a estátua está vindo na frente dessa linha branca. Enquanto estiver aqui na parte inferior, a linha branca está na frente. Novamente, é semelhante ao pôster de salto. Está indo e voltando no espaço. Novamente, a cabeça está vindo para a frente. Mas não só isso, a estátua, na verdade, em alguns lugares, como aqui no topo, está se projetando no espaço das margens Isso é algo que normalmente chamaríamos de efeito ou método fora dos limites Você pode enfatizar ou aumentar a sensação de profundidade. E isso é sempre bom no design porque, claro, tudo é bidimensional. Estamos trabalhando em uma folha plana de papel ou tela. E qualquer coisa que faça as coisas parecerem mais tridimensionais ou que introduza essa profundidade vai cativar os espectadores e convidá-los a ver sua composição E se isso ainda não era interessante, o designer, neste caso, também adicionou algum texto nos lados esquerdo e direito, o que é um pouco difícil de ler. Mas o mais provável é que ele precise ser lido nessa direção. Mas você não precisa necessariamente ler esse texto ou entendê-lo, porque ele também atua como uma forma de dispositivo de enquadramento, mantendo a composição unida pelos dois lados Embora seja bastante solto e aleatório, ele ainda quase forma um suporte em cada lado Nessa composição, podemos ver que você pode ter vários elementos e vários enquadramentos usados no mesmo design E se você os estiver equilibrando bem e incorporando-os ao seu assunto , eles podem funcionar muito bem em harmonia juntos 10. Formas únicas de enquadramento: Há muitos outros exemplos neste quadro em que vemos novamente a margem sendo usada. E, novamente, como nesta ilustração aqui, vemos esses efeitos sutis fora dos limites, onde, novamente, alguns detalhes estão ultrapassando as margens Também temos outros exemplos, como este pôster aqui, onde, novamente, a tipografia é usada para formar a moldura Ou outro mais abaixo, onde, novamente, o assunto é cercado pela tipografia E nesse caso, eu até chamaria a tipografia de margem, mesmo que neste caso não seja Mesmo assim, temos uma margem mais estreita neste lado, enquanto ela é mais larga à direita e na parte superior Também há uma ilustração divertida aqui, o assunto real, neste caso o gato que está tocando violão está formando a moldura para a composição. Se desenharmos um retângulo aqui, podemos ver que o gato se encaixa perfeitamente nele, embora a ilustração esteja apenas sugerindo essa moldura, graças ao fechamento do princípio do hóspede, nossos olhos e mente conectarão automaticamente essas áreas vazias As molduras, como você pode ver, nem sempre precisam ser um elemento independente. Ele pode até ser criado ou sugerido pelo assunto real em sua composição. Este é outro exemplo interessante, quando a área da margem ou o quadro na composição contém as informações reais, enquanto o centro onde esperaríamos que o assunto aparecesse é completamente omitido e, na verdade, é um espaço negativo. Lembre-se de que, como designer gráfico, sua tarefa é chamar a atenção dos espectadores. E, às vezes, fazer o oposto do que as pessoas estão acostumadas, ou as soluções usuais, como manter as margens livres ou vazias, podem produzir uma composição mais exclusiva e empolgante Até agora, vimos principalmente molduras retangulares geométricas. Mas é claro que você pode usar formas mais orgânicas e curvas, bem como molduras como nesta composição Temos essa forma funcionando como uma moldura e segurando o objeto mais uma vez, objeto saindo usando o efeito de limites externos Mas, além disso, também temos algumas tipografias usadas nas bordas E se eu fosse conectá-los, eles também formariam esse limite ou moldura quase invisível que ainda funciona como uma forma de manter tudo unido E isso realmente cria um bom contraste. Ter esse texto preto sólido escrito ao redor desse pastor mais suave colore as formas curvas no centro Isso também é algo que você pode considerar : sua moldura pode se misturar à sua composição ou fazer o oposto, e realmente se destacar usando alto contraste. Já vimos ótimos exemplos dessas duas soluções. E, na verdade, cabe a você decidir se deseja chamar a atenção para a moldura ou dar menos ênfase a ela. Também é outra técnica comum em design gráfico que a tipografia seja usada como moldura aqui Em vez de formas geométricas ou orgânicas, na verdade temos esses números que também podem ser letras do alfabeto aplicadas como moldura para a cena que podemos ver nessa composição Seria uma pena não mencionar ou mostrar um exemplo das revistas National Geographic ou de revistas National Geographic ou seu site quando falamos de molduras, já que elas têm sua icônica moldura amarela E eu escolhi essa capa em particular porque, nesse caso, elas eram muito ousadas. E eles praticamente cobriam não apenas uma grande parte da moldura, mas até mesmo o cabeçalho ou o título da revista E a razão pela qual eles podem fazer isso é porque todos reconhecem que esta é a National Geographic Magazine, principalmente graças à sua moldura icônica E a principal razão pela qual essa composição funciona tão bem, com essa árvore saindo da moldura tanto na parte inferior quanto na parte superior e cobrindo o título, é porque o artigo principal desta edição é sobre as árvores mais altas E como é difícil mostrar essas árvores na íntegra, o designer decidiu se concentrar em uma seção menor e enfatizar sua altura pelo quanto elas ocupam da cobertura Mas, claro, também mostrando uma pessoa aqui ao lado. Isso, é claro, também é um elemento crucial na composição, porque sem uma pessoa na imagem, é sempre difícil relacionar ou entender as proporções de algo. Então, se você quiser que seus espectadores tenham uma ideia da escala de algo, é sempre bom colocar uma pessoa ou um objeto comumente usado na composição, porque isso é algo com o qual todos podemos nos identificar. A propósito, você deve ter notado que, para criar unidade nessa composição, temos a mesma cor usada nessa linha de cobertura de suporte para que possamos ver esse alpinista variando em termos de posicionamento Tanto essa pessoa quanto aquela linha de cobertura de apoio são colocadas perfeitamente de acordo com a regra dos terços. Portanto, há muitos motivos para amar essa capa de revista. 11. Padrão: Os padrões são muito usados em design gráfico, mas também são muito importantes em moda e design de interiores. E podemos ver padrões o tempo todo ao nosso redor. Podemos ver isso nos papéis de parede dos quartos. Podemos ver isso nas roupas que vestimos, produtos que compramos. E o fato de os vermos com tanta frequência é apenas uma prova de como eles podem ser atraentes e por que é tão importante aprender como aplicá-los em suas composições de design gráfico Então, vamos mergulhar e aprender sobre os diferentes tipos de padrões que você pode criar. E, novamente, veja alguns usos muito criativos deles. Em primeiro lugar, aqui está uma embalagem muito colorida e vibrante para esta lata de sidra E podemos ver que o padrão aqui no fundo é o mesmo usado na própria lata. E funciona como um pano de fundo sobre o qual as informações principais são apresentadas em um quadro separado E o resto das informações é completamente isolado desse padrão, usando, novamente, uma cor de fundo sólida Agora, o que podemos aprender esse exemplo específico é que, mesmo se você estiver usando um padrão de cima para baixo em uma composição, neste caso a lata, você ainda pode garantir que a legibilidade e a legibilidade da tipografia em seu design não E isso pode ser conseguido simplesmente cobrindo partes do padrão. Com essas formas sólidas bloqueadas, observe como até mesmo o logotipo em si está usando uma cor de fundo sólida. Novamente, certifique-se de que ele se destaque desse padrão vibrante e movimentado. Aqui está outro bom exemplo de padrões usados na embalagem de um produto. Nesse caso, são papéis de embrulho usando padrões regulares, onde os motivos são Por isso, chamamos detalhes repetidos de motivos. Esse é um termo útil para lembrar. Chamamos padrões regulares quando os motivos se repetem de forma previsível Comparado a isso, se dermos uma olhada neste pôster, por exemplo, da Ikea, esse é um padrão mais irregular que os motivos estão mudando e até mesmo a forma como são repetidos em que os motivos estão mudando e até mesmo a forma como são repetidos é imprevisível. Também foi outro ótimo exemplo que o designer está desafiando o espectador. Portanto, não é tão fácil encontrar a mensagem escondida nessa composição. Mas, eventualmente, você será capaz de ler isso. Diz, onde estão minhas meias novas? Além disso, você provavelmente encontrará o ponto de interrogação aqui na parte inferior. E a maneira como o designer conseguiu garantir que ainda possamos ler isso como texto foi, obviamente , colocando as meias que formam essas letras um pouco mais próximas umas outras do que o resto das meias ao redor Mas também usando cores de maior contraste que se destacam um pouco mais do que as outras meias na composição geral Então, para poder identificar isso melhor, se você apertar os olhos ao olhar para este pôster, poderá perceber que as cores mais contrastantes são todas usadas nas meias que formam as Aqui está outra composição interessante em que podemos ver o uso de um padrão irregular, embora o motivo, que é esse triângulo, seja Nesse caso, o peso repetido ainda é imprevisível E como falamos sobre enquadramento no último vídeo, você pode ver que até mesmo essas formas geométricas transformadas em um padrão podem funcionar como uma Porque a imagem dessa mulher, nesse caso, é colocada no próprio padrão. Portanto, não sinta que está restrito a usar padrões apenas em segundo plano. Como você pode ver, eles podem até se tornar os recipientes ou dispositivos de retenção do assunto principal em sua composição. Ou aqui está um exemplo ainda mais extremo, quando o próprio padrão se torna o assunto. E a razão pela qual isso foi possível é porque é um padrão geométrico tão icônico do filme brilhando que basta mostrar isso ao fundo e imediatamente podemos associá-lo ao filme ou à cena em particular ou ao garotinho andando de triciclo pelos corredores do hotel Aqui está outro ótimo exemplo em que um padrão se torna muito mais integral toda a composição, desempenha um papel mais importante e se torna o próprio assunto. E, mais uma vez, eu chamaria isso padrão irregular porque não temos um motivo claro que se Mas a razão pela qual ainda consideramos isso um padrão é porque ele ainda usa elementos recorrentes, como os elementos florais, mas também coisas como esses relógios, xícaras de chá e conjuntos de chá O melhor dos padrões é que, como eles se baseiam em elementos ou motivos repetidos, eles funcionam perfeitamente bem para alcançar unidade e harmonia em 12. Padrões sem emendas: Se você planeja se tornar um designer de padrões, o que você terá que aprender é como criar padrões perfeitos Isso basicamente significa que você terá um bloco criado dentro do qual você pode ter vários motivos, mas esse bloco será repetido sem problemas, usando uma grade padrão e simples ou uma grade de transição tijolo por linha ou tijolo por coluna Então, vamos dar uma olhada em alguns exemplos neste quadro aqui. Primeiro, começando com esse lindo padrão com o tema de Paris e usando o estilo de esboços ou ilustração desenhada à mão Portanto, esse é um padrão contínuo usando uma grade padrão aqui. Se prestarmos atenção aos elementos repetidos, podemos notar os detalhes que se destacam, como a Torre Eiffel, que podemos E então se repete novamente aqui embaixo. Mas também podemos ver um pouco disso aqui nas bordas. Portanto, essa é uma boa âncora visual para podermos identificar o tamanho de um ladrilho Então, eu diria que o ladrilho está mais ou menos por aqui. Então, vou mover isso um pouco para cima, e acredito que esse é aproximadamente o ladrilho que se repete horizontal e verticalmente nesse padrão A maneira de garantir que um padrão contínuo pareça interessante, mesmo quando ele usa essa grade padrão, é garantir que as bordas do ladrilho estejam ocultas ou sejam muito difíceis de encontrar A maneira mais fácil de conseguir isso é ter coisas que se sobreponham, modo que elas interrompam a borda do ladrilho Como neste caso, acredito que essas docas aqui estão exatamente colocadas na borda do ladrilho Portanto, eles não estão perfeitamente encaixados dentro do ladrilho, mas estão divididos entre as duas bordas do ladrilho. E uma vez que vejamos os ladrilhos como um padrão contínuo, eles serão unidos Outra coisa útil a ser lembrada ao criar padrões é trabalhar com uma espécie de hierarquia dentro dos elementos de seus padrões O que quero dizer é que você deve ter alguns elementos de destaque que possam ter um contraste maior ou maior em comparação com o resto dos elementos Mas você deve ter vários detalhes menores que possam funcionar facilmente como um preenchimento para garantir que o padrão não tenha grandes orifícios ou lacunas dentro dele Então, nesse caso, por exemplo, eu chamaria esses potes de detalhes de destaque, ou podemos chamá-los de elementos heróicos, copos Eu chamaria detalhes secundários junto com alguns itens maiores. Mas também há esses pequenos elementos, como as flores e os sacos, que são mais parecidos com enchimentos que mencionei anteriormente E a maneira de alcançar a harmonia em seu padrão é garantir que os mesmos componentes ou elementos não sejam colocados próximos uns dos outros, para que você não tenha os mesmos detalhes exatos várias vezes no mesmo local. Em vez disso, você está usando um ritmo visual, afastando-os um do outro e garantindo que sempre haja variedade entre os elementos Observe como em uma frase eu uso praticamente todos os termos que abordamos até agora neste tópico. Isso só mostra como esses princípios de design estão conectados e como você precisa confiar, e não em uma única, em várias regras e princípios para obter um resultado agradável em seus projetos Como nota final, eu só queria mostrar essas poucas imagens aqui no final do quadro, os padrões na natureza. que, novamente, só prova que a razão pela qual achamos os padrões atraentes é porque estamos tão acostumados a que eles os vejam ao nosso redor Seja o padrão de uma aranha B, ou a bela simetria de rádio em um floco de neve, ou até mesmo os hexágonos Não se esqueça de que a natureza é uma grande inspiração para criar ótimos designs, não apenas quando se trata de criar padrões. 13. Agrupamento: O agrupamento é outro método usado no design gráfico para unificar os elementos em suas Isso pode ser conseguido de muitas maneiras diferentes colocando seus elementos próximos uns dos outros, principalmente confiando na proximidade deles ou usando dispositivos de retenção ou recipientes para mantê-los conectados uns aos outros Também podemos usar linhas entre objetos para conectá-los. Baseando-se no princípio de saída de hóspedes , na conexão uniforme ou usando estruturas e linhas de divisão, criando Mais uma vez, outro princípio convidado agrupar as informações visuais em suas composições, especialmente se elas forem complexas e tiverem muitos elementos É importante porque ajuda os espectadores a encontrar a ordem na qual devem receber as informações. Mas também pode estabelecer hierarquia neste vídeo. Como sempre, veremos alguns exemplos muito criativos de composições e ilustrações de design gráfico, dependendo muito Para começar, aqui está um ótimo design de pôster de festival onde, como sempre, temos , onde, como sempre, temos muitos detalhes tipográficos, onde, em primeiro lugar, temos todos os nomes dos artistas, mas também vemos em qual palco eles se qual palco Então, quando há muitas informações para exibir, o agrupamento se torna essencial Sem isso, todo esse pôster realmente não serviria ao seu propósito Aqui está outro exemplo, a página de índice de uma revista e, da mesma forma que os pôsteres de festivais, geralmente nessas páginas Também temos muitas informações para exibir e elas também são usadas para navegação dentro da revista , neste caso, já que nesta revista em particular há duas seções ou categorias principais de artigos, uma intitulada Diversão e outra intitulada Crianças, e um grupo menor adicional que aparece em cada edição. Ter esses grupos para que os espectadores encontrem os artigos nos quais estão interessados ajuda ainda mais a se orientar na revista, ajuda ainda mais a se orientar além de simplesmente ver os números das páginas aqui. Quando se trata de design de cardápios para restaurantes e bares, também é crucial criar grupos porque, mais uma vez, temos muitas informações para exibir. E queremos garantir que nossos espectadores possam encontrar as informações relevantes o mais rápido possível. Porque não há nada pior do que lutar para encontrar os pratos certos quando você está com fome. Como eu disse antes, o agrupamento pode ser feito de muitas maneiras diferentes, seja usando quadros reais para separar uma determinada parte da informação do resto, ou com um fundo de cor sólida em uma seção, o que, novamente, faz com que ela realmente se destaque das demais Às vezes, até uma única linha é suficiente para separar, nesse caso, o endereço e identificadores de mídia social aqui na parte inferior. Bem, lembre-se de que falamos sobre consistência, que também é uma forma de obter unidade em um design. Bem, nesse caso, todas as categorias usam o mesmo tipo de face e também o mesmo tamanho e cor, mesmo sem usar uma linha de divisão aqui. Simplesmente porque temos esses títulos de categorias aqui, já podemos imaginar que esse é um grupo diferente desse aqui no topo. Portanto, lembre-se de que, quando você tem muitas informações que precisa exibir, deve ter muito cuidado com a intensidade dos grupos que cria. Alguns grupos podem ser mais relevantes do que outros, como neste caso. Acho que essa seção lateral é a que mais se destaca. Ele quase salta da página por causa da cor de fundo de alto contraste usada nele E deve ser intencional porque não importa o que você peça, provavelmente você terá alguns lados E em termos de hierarquia dos grupos, eu diria que a seção de happy hour é a que vem em segundo lugar E isso também é importante porque a maioria das pessoas gostaria de pedir bebidas mesmo que não estivessem pedindo comida 14. Containers e dispositivos de retenção: Mas vamos dar um passo atrás agora e dar uma olhada em alguns exemplos. Quando há muito menos informações para exibir. Mesmo no caso de uma ilustração sem nenhuma tipografia, agrupamento tem um papel muito importante a desempenhar Agora você pode estar se perguntando o que é considerado um grupo nesta ilustração porque é menos óbvio. Mas os mesmos princípios que vimos nos exemplos anteriores, mais complexos, também são aplicados aqui para ajudar o espectador a entender o que está vendo e a ler essa ilustração. Então, primeiro de tudo, as cores usadas nos ajudam a ver o que está mais perto nós e o que está mais atrás de nós. Dessa forma, essas cores mais escuras, azuladas e esverdeadas são usadas para estabelecer e criar o primeiro plano na ilustração Em seguida, essas cores mais suaves e quentes são usadas para estabelecer o E, finalmente, a combinação de alguns outros tons quentes e a cor de fundo é usada para estabelecer o fundo com esses três picos aqui nas montanhas Adoro a forma como essas montanhas se misturam ao fundo. E também a mesma coisa acontece aqui com o coelho em primeiro plano Lembra quando falamos sobre enquadramento? Isso seria considerado a margem desta ilustração em vez do efeito fora dos limites usual, a ilustração estaria cobrindo partes da margem aqui, o oposto está acontecendo e a margem está se sobrepondo ou se espalhando pela ilustração A forma geral desse retângulo aqui e do círculo aqui na parte superior também é considerada uma forma de agrupar a ilustração ou as informações dentro da Normalmente, essas formas que mantêm as coisas unidas chamaríamos de dispositivo de retenção ou recipiente. E você verá muitos exemplos disso neste quadro. Como nesse caso, a letra D é o recipiente ou dispositivo de retenção que reúne todas as informações da ilustração. E o interesse visual é criado por todos esses pequenos detalhes que cruzam levemente as bordas ou limites da forma da carta. Quando se trata de design de logotipo, também é muito comum usarmos um dispositivo de retenção para unir as coisas. Como neste caso, temos um círculo invisível. Portanto, depende do princípio de fechamento do Guest Stop para imaginarmos que existe uma forma que mantém todos esses vegetais juntos Já nesses outros dois exemplos, temos círculos e formas geométricas reais formando esses dispositivos de retenção Mesmo quando você está usando apenas dois círculos simples em um logotipo , agrupar as coisas já ajuda. Como neste caso, temos esse texto aqui entre os dois círculos. Isso nos ajuda a conectar o texto na parte superior e o texto aqui na parte inferior. Então, sabemos que dentro dos dois círculos, esses dois textos se conectam um ao outro. Enquanto o texto definido em um tamanho menor dentro um segundo círculo formará imediatamente um grupo com o outro texto na mesma posição. Aqui está outro design impactante, baseado no agrupamento ou no uso de um dispositivo de retenção; neste caso, está a primeira letra do título do filme título do Todos os caracteres e naves espaciais importantes são combinados e agrupados usando E o negócio desta seção aqui é bem equilibrado usando muito espaço negativo no lado direito e também um pouco aqui no esquerdo Obviamente, além do interesse visual principal estar agrupado nesse formato de carta, também temos dois grupos adicionais aqui Temos o texto aqui na parte superior. E também outro grupo importante na parte inferior, onde temos o nome dos dois atores principais, o título do filme e a data em que foi lançado. Portanto, não se esqueça de aplicar o agrupamento em seus designs, sejam eles complexos ou simples, pois isso sempre resultará em uma composição mais unida e esteticamente 15. 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.