Princípios de design gráfico: aprenda os princípios de design necessários para fazer designs incríveis.

1. Introdução: Olá aí. Meu nome é Talia e sou instrutora de Design Gráfico, e tenho uma confissão. Quando comecei como designer gráfico, aprendi todas essas ferramentas de design sofisticadas, mas ainda não consegui fazer um bom design. Bem, é porque eu não conhecia seus princípios de design adequadamente. E para garantir que você não cometa esses mesmos erros. Eu criei este curso in vitro. Ensine tudo sobre princípios de design e 2D para que você possa criar um design incrível. Depois de concluir este curso, você ficará muito mais confiante ao projetar. Você passará muito menos tempo trabalhando. E, finalmente, você saberá exatamente o que está faltando em seus projetos e como corrigi-los. Então, o que exatamente você aprenderá neste curso? Começaremos aprendendo sobre espaço negativo e como as maiores empresas do mundo, como Apple, Google e Tesla, e as usaremos em seu design. Em seguida, aprenderemos sobre alinhamento e equilíbrio e seus diferentes tipos com a ajuda de alguns exemplos. Você também aprenderá sobre hierarquia, como criá-la em seus designs e seus padrões diferentes. A diferença entre e ritmo e como usá-los de forma eficaz em seu design. Também aprenderemos como o contraste e ênfase podem realmente fazer ou quebrar seu design. E, finalmente, como você pode tornar seus designs mais interativos. É proporção e movimento escalonados. Então, para quem é esse curso? Bem, se você fizer qualquer tipo de trabalho criativo visual, como design gráfico, motion graphics ou criar sites. Acredito que isso realmente se beneficiará. Você pode baixar o arquivo do projeto no link abaixo. E mal posso esperar para ver você nessa coorte e vomitar depois que você terminar de assistir ao curso, não se esqueça de deixar seu feedback porque seu feedback realmente me ajuda a fazer um curso melhor. 2. Vs negativos espaço branco: Ei pessoal, espero que estejam indo muito bem. Você entrou no curso, e eu gostaria de dar as boas-vindas ao primeiro vídeo. Então, hoje vamos aprender sobre espaço negativo e espaço em branco. Esses são dois conceitos com os quais muitas pessoas se confundem. Eles são muito importantes para ser honesto. Vamos começar. Vamos começar com o primeiro, que é espaço negativo. Então, vamos definir isso. Primeiro. Espaço negativo é a área vazia ao redor ou entre nosso elemento de design. Portanto, pode estar em torno do seu elemento também e no meio também. Mais tarde, explicarei a você o que quero dizer com isso. Ele é usado para mostrar outro elemento de design além do assunto principal. Assim, você pode ter um logotipo principal ou elemento de design principal. Se você quiser mostrar outra coisa com espaço negativo, você também pode mostrá-la. Um pouco confuso. Deixe-me mostrar alguns exemplos. É usado principalmente em logotipos e vamos usar logotipos como exemplos. O primeiro é a FedEx. Você pode ver o logotipo da FedEx aqui e é muito intuitivo. Eu adoro isso. Você pode ver isso entre o E e o X aqui. Deixe-me mostrar a você, mostrar com meu mouse. Então você pode ver que entre o E e o X do logotipo, eles estão mostrando o logotipo completo, mas também há essa seta no meio. Então, basicamente, isso mostra o avanço , já que eles são uma empresa de entrega. O segundo exemplo é o Tobler no chocolate. Você pode ver que muitas pessoas não sabem sobre isso. Na verdade, há um urso na montanha por aqui. OK. Então o Tobler on foi feito em uma cidade. Não me lembro o nome da cidade, mas é na Suíça Essa cidade é popular por suas cervejas. É por isso que eles decidiram incorporar cerveja em seu logotipo. E, finalmente, a fórmula 1, que é muito icônica, muito popular. Você pode ver que na verdade há um entre o F e a bandeira aqui. Acho que isso é uma bandeira para a linha final. Mas você pode ver que isso parece tão bom e eles usam espaço negativo tão bem aqui. Então esse foi um espaço negativo. Agora, deixe-me explicar o espaço em branco para você. Então, o que é espaço em branco? Espaço em branco é a área vazia ao redor do elemento de design ou texto para torná-lo mais visível. Deixe-me explicar melhor para você. Principalmente é usado em sites. Vamos, deixe-me mostrar alguns exemplos. Portanto, o Google é um dos melhores exemplos de espaço em branco. Você pode ver que toda a interface está bem no meio. E há muito espaço em branco ao redor da coisa toda para que as pessoas se concentrem no meio. E há muito espaço para respirar para o design. Da mesma forma, a Apple o usa muito bem. Você pode ver que eles garantem que seus produtos tenham muito espaço em branco. E agora você já deve ter percebido isso. Espaço em branco não significa branco. Pode ser de qualquer cor ou talvez uma imagem também. Você só quer ter certeza de que seus elementos de design estão focados corretamente. E por último, Tesla, como eu disse, esse espaço em branco não significa, basicamente significa vazio. Se você quiser mostrar seu elemento principal no meio, certifique-se de que haja muito espaço para respirar ao redor dele. Então, sim, esses foram exemplos de espaço negativo e espaço em branco. Espero que vocês tenham gostado muito disso. Espero que você tenha aprendido corretamente. Se vocês tiverem alguma dúvida, você pode basicamente comentar abaixo e eu me certificarei de respondê-las. Vejo vocês na próxima aula. 3. Variedade de Vs de unidade: Bem-vindos de volta, pessoal. Espero que você esteja indo muito bem. E hoje vamos aprender sobre unidade e variedade no design. Então, esses são dois dos princípios mais importantes também. Mas a união é realmente importante porque se você não tiver unidade em seu design, tudo desmoronará. Deixe-me explicar melhor para você. Então, basicamente, temos unidade aqui e damos diretamente ao design a aparência de unidade ou resolução. Então, sempre que você estiver projetando, você quer ter certeza de que cada elemento cada cor e cada forma fazem sentido, todos eles se encaixam. Também há uma coisa sobre a unidade. Desculpe, sobre design. Um bom design é perfeito. Não é óbvio que sempre que alguém olha para o design, não consegue dizer por que ele parece bom. Se eles são um limão, obviamente, mas eles sabem que parece bom. Então isso é unidade em seu design. Isso garante que nenhuma peça seja mais importante do que a outra. Quando você tem unidade em seu design, as pessoas não podem simplesmente descobrir que estamos nos concentrando nessa parte específica porque queremos ter certeza de que tudo como um todo faz sentido. Sinto muito, isso foi um monte de buracos em uma frase. Vamos ver a variedade aqui. Portanto, variedade no design significa usar diferentes tamanhos, formas e cores em sua arte. Para criar diversidade visual, certifique-se usar diferentes tamanhos e formas, além de cores, padrões e texturas que deixem seu design realmente bonito. Mas se você exagerar com eles, pode parecer vazio, horrível. Desculpa. Sim, também há um código muito bom para a unidade aqui. Portanto, alcançar a unidade visual é o principal objetivo do design gráfico quando os elementos estão de acordo ou o design é considerado unificado. Esta é a parte importante quando todos os elementos estão de acordo, eles podem ser de diferentes formas e tamanhos e tudo o que discutiremos nas palestras posteriores também. Mas todos eles devem fazer sentido. Eu tenho um exemplo para você aqui. A propósito, essa citação é de Alex White. O livro é o elemento do design gráfico. Os elementos do design gráfico, desculpe. Então Vr, aqui, temos dois exemplos, unidade e variedade. À esquerda, você pode ver que temos alguns círculos da mesma cor, mas de tamanhos diferentes. Então, basicamente, eles têm unidade em cores, mas variedade em tamanho. Então temos outro exemplo aqui. Há muitos círculos aqui, mas eles têm cores diferentes. Então eles têm, eles são unificados por tamanho, mas eles têm variedade por cor. Eu esqueci de adicionar alguns exemplos da vida real de unidade e variedade aqui. Mas deixe-me fazer isso como uma tarefa para vocês. Vá lá e encontre alguns exemplos de unidade e variedade que basicamente mostram que eles estão presentes em nosso design e publique-os aqui. E discutiremos isso mais tarde também. Isso foi basicamente sobre unidade e variedade e como você pode usá-las em seus projetos. Espero que vocês tenham gostado muito dessa aula e eu os vejo na próxima. 4. Alinhamento: Olá pessoal, bem-vindos de volta a outra aula e hoje vamos aprender sobre alinhamento em design gráfico. Então eu sei que pareço um pouco diferente. Na verdade, cortei o cabelo enquanto gravava este curso. Mas, uh, sim, vamos começar. Então, vamos aprender sobre alinhamento e vamos primeiro defini-lo. Então, basicamente, o arranjo de vários itens em relação às bordas ou itens em si é chamado de alinhamento. Mas isso basicamente significa que você alinha as coisas com base em um site ou em um canto, canto impertinente. Mas à parte, como alinhado à esquerda ou à direita ou você organiza a coisa com base nas coisas si, como a linha central. Deixe-me explicar melhor para você. Então, basicamente, existem dois tipos de alinhamentos, como eu disse, alinhamento de borda e alinhamento central. Deixe-me dar alguns exemplos de alinhamento. Primeiro, você deve ter visto esses ícones aqui. Deixe-me focar nisso. Então você deve ter visto esses alinhamentos à esquerda, alinhamento à direita, linha superior e linha inferior. Esses são basicamente os quatro tipos de alinhamento de arestas. Você pode ter. Seja qual for a ferramenta que você usa, como Adobe XD ou Figma, Photoshop ou Illustrator. Qualquer que seja a ferramenta de design que você usa, sempre há opções de alinhamento nelas. Então, esses são exemplos de alinhamento de arestas. Você já deve ter visto esses ícones antes. Da mesma forma, você pode ter visto isso também, como este e este. Então este é centralizado verticalmente e este está centrado horizontalmente. Você pode usar o alinhamento central ou o Agilent, dependendo da sua necessidade. Então, aqui estão alguns exemplos de alinhamento. E você pode ver o primeiro, que é um bom alinhamento. Você pode ver que tudo está alinhado corretamente e parece limpo e todos os blocos são adequados. E o certo, parece um pouco confuso porque é um alinhamento misto. O problema do desalinhamento é que você também pode usá-lo. Mas se você não usá-lo corretamente, como aqui, parece estranho e parece caos e seu design. Então, vou dar alguns exemplos de desalinhamento também, como você pode usá-los em seus projetos também? Então, primeiro os alertas, veja alguns exemplos de bom alinhamento. Então, esses são alguns dos designs, livros que eu realmente gosto. Os dois primeiros são basicamente alinhados ao centro. Então você pode ver que todo o texto aqui está alinhado ao centro, mesma forma aqui também. Mas a coisa sobre a linha central é que ela é um pouco complicada. Você precisa ter certeza de usá-lo corretamente. Há, tem que haver alguma ênfase no texto importante. Caso contrário, as pessoas não lêem muitos textos da linha central. As pessoas podem ler muito texto alinhado à esquerda. mesmo acontece com o alinhamento à direita, alinhamento à direita. Isso também é muito complicado. Aqui neste exemplo, você pode ver que neste livro hiperfoco, todo o texto está alinhado à esquerda. Então, sempre que estiver em dúvida, sempre use o alinhamento à esquerda. Então, aqui estão alguns exemplos de linha de mistura. Como eu disse, essa mistura de uma linha também pode ser usada se você usar os outros princípios com ela corretamente e especialmente equilibrar. Você pode ver que nesta imagem, nesta capa, você pode ver que todo o texto é, todo o texto e tudo mais é linha de mistura. Mas a questão é que está tudo equilibrado. Da mesma forma aqui, não está alinhado corretamente, mas é equilíbrio. O equilíbrio é um dos princípios mais importantes quando se trata de usar o alinhamento misto. Portanto, certifique-se de usá-lo corretamente. Por fim, o uso da grade é realmente importante quando se trata de alinhamento, especialmente em um designer de UX que usa essa UI UX, como você trabalha no Figma e Adobe XD e em outros softwares semelhantes, faça certifique-se de usar o Grid corretamente porque as notas são realmente importantes quando se trata de alinhamento. Sim, eu acho que isso foi basicamente sobre alinhamento. Espero que vocês tenham gostado muito da palestra. Se vocês tiverem alguma dúvida, sinta-se à vontade para me avisar e eu me certificarei de respondê-las. Vejo vocês na próxima aula. 5. Equilíbrio: Bem-vindos de volta, pessoal. Espero que você esteja indo muito bem. E hoje vamos aprender sobre como equilibrar o design gráfico. Portanto, o equilíbrio também é um princípio de design muito importante. E na aula anterior, você deve se lembrar que mencionei que usar o equilíbrio de alinhamento misto é muito importante. Então, hoje vamos aprender exatamente o que é equilíbrio e quais são seus diferentes tipos. Então, vamos começar. Vamos primeiro definir o equilíbrio, a distribuição do peso visual de objetos, cores, texturas e espaço. Basicamente, tudo isso define equilíbrio. Equilíbrio realmente não significa que, no mundo real, o que dizemos é que uma coisa é um quilo e outra coisa é dois quilos. Então esse teria um peso maior. Em design. O equilíbrio pode ser baseado em muitos fatores, como eu disse, cores, texturas, espaço, objetos, muitas outras coisas. Então, vamos definir os tipos de equilíbrio. Basicamente, existem dois tipos de equilíbrio, equilíbrio simétrico, equilíbrio assimétrico, equilíbrio radial. Também temos três exemplos aqui. Então, aqui você pode ver que, em equilíbrio simétrico, tudo está devidamente equilibrado do lado esquerdo e do lado direito. Mas quando se trata de equilíbrio assimétrico, nem tudo é isso. Isso é um quarteirão. Há seis quarteirões aqui, e eles são equilibrados, mas não simétricos. Ao mesmo tempo, mostrarei alguns exemplos e você será capaz de entendê-los adequadamente. Por fim, equilíbrio radial. Então, se você basicamente copiar qualquer coisa em um círculo, ela se torna facilmente equilibrada. Eu vou te dar exemplos disso também. Vamos primeiro cobrir o equilíbrio simétrico. Então aqui está o melhor exemplo de equilíbrio simétrico. Você pode ver que tudo é basicamente idêntico. Você veria que há três círculos aqui e três aqui também. Depois, há esse bloco no meio. Da mesma forma aqui, podemos basicamente chamar isso de algum lugar de equilíbrio radial também. Se houvesse talvez mais desses blocos. E aqui está esse exemplo também. Deixe-me dar alguns exemplos da vida real. Então você pode ver que temos essa capa de revista. Basicamente, tudo aqui não está devidamente equilibrado de acordo com, você diria, a regra. Mas uma vez que este e este estão devidamente equilibrados, mesma forma, este texto e este texto estão devidamente equilibrados. A coisa toda é basicamente equilibrada simetricamente. Vamos primeiro cobrir o equilíbrio assimétrico. Então você pode ver que tudo aqui, tudo parece um caos, mas parece agradável aos olhos. Se o seu design parece agradável aos olhos, eu diria que está equilibrado. Porque todo design no mundo, todo bom design no mundo, é basicamente equilibrado, caso contrário, parece estranho. E por último, equilíbrio radial. Você pode ver que aqui, tudo está em um círculo. Todo o Mandela, como você deve ter ouvido falar sobre esse termo, é um termo muito popular em design. Design de Mandela ou basicamente prontamente equilibrado. É por isso que eles parecem tão bons. Da mesma forma aqui, isso parece muito bom também. Sim, acho que foi praticamente tudo em equilíbrio. Vamos fazer uma pequena recapitulação. Então, basicamente, existem dois tipos de saldos. Equilíbrio simétrico, equilíbrio assimétrico , equilíbrio radial. E se você souber como usá-los corretamente, será uma virada de jogo para você porque você terá que usá-lo em todos os seus designs. Espero que vocês tenham gostado muito dessa aula. Se vocês tiverem alguma dúvida, fiquem à vontade para me perguntar. 6. Hierarquia: Bem-vindos de volta, pessoal. Espero que você esteja fazendo grade e hoje vamos aprender sobre hierarquia em design gráfico. Então, vamos começar. Vamos primeiro definir isso. O processo de classificação visual dos elementos é chamado de hierarquia. Ok? Então, deixe-me dizer qual é o uso da hierarquia, porque apenas entender essa definição não será suficiente para você. Basicamente, a hierarquia é usada para adicionar estrutura ao seu design. Uma ótima organização visual, como a redação é importante e o que não é. Crie direção. Você pode dizer ao usuário o que ler primeiro e onde ler depois. Em seguida, dê ênfase a uma coisa específica. E, por fim, ajudá-lo a navegar e digerir informações facilmente. Portanto, se você tiver uma hierarquia adequada em seu design, o usuário não ficará sobrecarregado com todas as informações. Eles seriam capazes de ler todo o design facilmente, não apenas detectar, mas todo o design facilmente. Então, o que acontece se você não tiver hierarquia no design? Portanto, nenhuma hierarquia basicamente cria confusão. Seu usuário fica confuso com o que você está tentando transmitir em seu design, porque, como você sabe, esse design gráfico tem tudo a ver com transmitir suas informações. E por último, não diz o que é importante. Se o seu design não diz o que é importante, seu design é inútil porque um design basicamente resolve um problema e diz ao usuário o que é importante. Por exemplo, se em um design você está tentando mostrar um sapato e o preço do sapato. Se o usuário não comprar o produto no final de assistir ao seu design, seu design será inútil. Então, como criar hierarquia? Basicamente, existem várias maneiras pelas quais você pode criar uma hierarquia. O número um é o tamanho. Por padrão, se você olhar para esse design específico, essa tela inteira, O que você está lendo primeiro? Obviamente, o texto em negrito em vermelho na parte superior. Então, o tamanho basicamente cria hierarquia. O segundo é a cor. Novamente, estou usando a hierarquia em meu próprio design aqui. O texto em vermelho é importante e você está lendo isso primeiro. Em seguida, topografia. Você também pode usar tipografia para criar hierarquia. E por último, layout. Vou dar exemplos de todos esses quatro nos próximos slides. Então, o número um é o tamanho. Você pode ver que eu tenho três exemplos aqui. E tudo, em todos os três exemplos, você está basicamente lendo os textos que fervidos primeiro, morra com 0. Próxima regra, Sherlock Holmes, você sempre lerá o negrito e o tamanho maior do texto ou a coisa maior primeiro, porque seus olhos, é importante e depois disso você lê o outro informação. Portanto, o tamanho é uma das melhores maneiras de criar hierarquia. O segundo também é a cor. Eu tenho dois exemplos aqui. E nesses dois exemplos, você pode ver que há muitos ícones no lado direito e há alguma textura no esquerdo também. Mas eu vou instantaneamente para o contraste e o primeiro, e a palavra artes no segundo, porque há hierarquia dependendo da cor. Em seguida, tipografia. Então você pode ver que diz, é muito bom que tenha um gosto. Hierarquia permite que você informe A Hierarquia permite que você informe ao leitor onde procurar primeiro. Você pode criar, desculpe, ele pode ser criado usando tamanho, cor estranha e espaço. Então, por padrão, você está lendo tudo isso dependendo da maneira como o usuário quer que você leia, ok? E por último, layout. Portanto, se você gosta de UI e UX, o layout é extremamente importante porque caso contrário, você não será capaz de dizer ao usuário como ele deve ler a coisa toda. E votar é importante e o que não é. O layout também é muito importante. Então, a questão da hierarquia é que você não precisa usar uma regra. Você pode usar várias regras. Então, em ambos os exemplos, você pode ver que neste, a cor também é usada. Mesmo na cor, existem cores diferentes para que você se concentre nas duas. E então, da mesma forma aqui em tamanho também. Então, da mesma forma aqui, você pode ver que o layout foi usado no tamanho foi usado, a cor foi usada. Até mesmo a tipografia foi usada porque você leu o texto em negrito primeiro e o resto do texto depois. Ok? E, por último, os padrões de hierarquia. Isso é muito importante quando se trata criar qualquer tipo de design, mas especialmente texto. E sempre que você estiver criando sites. Portanto, há o padrão F e o padrão Z. Então, primeiro, vamos primeiro cobrir o padrão Z. O padrão Z é muito importante nos designs de sites porque as pessoas realmente leem as informações da esquerda para cima. Em seguida, eles descem como esse padrão Z e depois leem o resto das informações. Então você deve ter visto que a barra de navegação está sempre lá na parte superior e tem todos os links importantes porque as pessoas lêem da esquerda para a direita primeiro. E da mesma forma no padrão F, esse padrão é muito importante quando se trata de escrever porque as pessoas leem da esquerda para a direita, como eu disse nos tutoriais anteriores também. Isso foi basicamente na hierarquia e em como usá-lo. Espero que vocês tenham gostado muito dessa aula. Se vocês tiverem alguma dúvida, fiquem à vontade para me avisar. Eu adoraria responder a todas elas. Então eu vou ver vocês na próxima aula. 7. Repetição vs ritmo: Bem-vindos de volta, pessoal. Espero que esteja indo muito bem. E hoje vamos aprender sobre repetição e ritmo e qual é a diferença entre eles? Esta será uma aula muito curta, mas eu diria que esses dois conceitos são realmente importantes se você gosta de fazer padrões e texturas. Então, vamos começar. Vamos começar com a repetição. Repetição é a recorrência de um elemento de design comumente utilizado em padrões ou texturas. Então, se você não fez uma textura ou um padrão principalmente no Illustrator, você pode ter visto que você apenas cria um elemento ou alguns elementos e depois os repete infinitamente. Esse é o nosso padrão ou textura. Então, deixe-me mostrar alguns exemplos. Por aqui. Você pode ver que há apenas um elemento aqui e ele continua se repetindo. Basicamente, temos apenas um elemento hexagonal e ele continua se repetindo. Da mesma forma aqui, temos esse círculo aqui e ele continua se repetindo. Mas o padrão ou textura não é o único uso da repetição. Você também pode usar a repetição para dar ênfase basicamente. Como tudo o que está em segundo plano, continue repetindo. A ênfase está na bola. E esse cara aqui, isso foi repetição. Deixe-me saber, expliquei seu ritmo. O ritmo é semelhante à reputação, mas um pouco diferente. Então, o ritmo basicamente significa que a reputação é criada por elementos de design recorrentes. Mas sim, há um pássaro, mas eles não precisam ser semelhantes na repetição. Deixe-me mostrar-lhe aqui na petição, tudo continua se repetindo. Mas ao fazê-los, deixe-me mostrar um exemplo e fazê-los, as coisas continuam se repetindo, mas não parecem. Então, neste exemplo aqui, você pode ver que temos essas ovais aqui e elas continuam, o tamanho delas continua aumentando. E eles estão basicamente se repetindo em espiral. Mas, ao mesmo tempo, eles estão repetindo, mas não são os mesmos. Eles estão basicamente causando um ritmo no design. Da mesma forma, aqui você pode ver que temos alguns círculos. Basicamente, todos eles são diferentes. Todas as linhas, todos os círculos são diferentes, mas eles ainda estão nos dando uma sensação de repetição. Então você pode até chamar ritmo de reputação assimétrica porque todas as coisas não são semelhantes, mas ainda assim dão a sensação de repetição. Então, espero ter sido capaz transmitir os shows corretamente. Espero que você tenha conseguido entender a repetição e o ritmo adequadamente. Se vocês tiverem alguma dúvida, como sempre, sinta-se à vontade para me perguntar e eu me certificarei de respondê-las. Vejo vocês na próxima aula. 8. Contraste: Bem-vindos de volta, pessoal. Espero que esteja indo muito bem. E hoje vamos aprender sobre um dos princípios de design mais importantes quando se trata de tipografia. E isso é contraste. Porque se você não tiver contraste em seus designs e tipografia, as pessoas não conseguirão entender o que você está tentando dizer. Então, hoje vamos aprender isso e vamos começar. Portanto, a diferença entre dois elementos em nosso design é chamada de contraste. Há outro princípio sob o princípio do design, que é chamado de ênfase, que é muito semelhante ao contraste, mas vamos abordar isso no próximo vídeo. Ok? Por isso, é usado para criar um efeito. Então, se você quiser criar qualquer tipo de efeito em seu design, contraste é muito importante. É usado para criar ênfase, é usado para adicionar um apelo visual. E também há alguns exemplos de contraste. Assim como muitos outros princípios de design, você também pode criar contraste com base na forma, escala, cor e layout. Mas o mais importante, que eu diria que é baseado na cor, como você pode ver aqui nesta tela. Qual é a coisa em que você está mais focado , a palavra contraste, porque o contraste dessa cor de acordo com o plano de fundo é muito, muito alto. Da mesma forma aqui, você pode ler isso corretamente porque o contraste dessa cor e da cor de fundo é adequado. Ok, então deixe-me dar um exemplo de contraste bom versus ruim. Por aqui. O primeiro é definitivamente um bom contraste porque você pode vê-lo corretamente, ok? No próximo, você não pode vê-lo corretamente porque o contraste não é adequado. Neste exemplo, a cor marrom não é adequada dependendo da cor de fundo. Quer saber? Vamos esquecer esses slides e deixe-me mostrar um site que é realmente muito útil e eu gosto muito dele. Então, deixe-me ir ao Google aqui e escrever sobre o verificador de confiança. Existem alguns absurdos que você pode usar, mas o que eu realmente gosto é coolers.co. Então, deixe-me abrir este. E esse site é muito bom. Eu realmente amo isso porque mostra se você tem uma cor de fundo e a cor do texto, e na verdade dá uma classificação se você deve usá-la ou não. Por exemplo, se eu tiver a cor do texto assim e mudei a cor de fundo para talvez algo como preto. Você pode ver que este texto não é legível e está nos dando uma leitura adequada para isso também. Talvez um pouco verde, um verde muito claro. Você pode ver que a leitura realmente importa porque está nos dizendo que o contraste é muito bom para essas duas cores. Em seguida, você pode basicamente selecionar qualquer cor para o texto e o plano de fundo. E isso lhe dará uma classificação adequada para uma leitura de contraste. E também informa se o texto fica bem em texto pequeno ou texto grande. Então, sim, isso é um absurdo muito útil e eu pensei em contar a vocês sobre isso. Espero que vocês tenham gostado muito dessa aula e eu os vejo na próxima. 9. Ênfase: Bem-vindos de volta, pessoal. Espero que esteja indo muito bem. E hoje vamos aprender sobre ênfase em design gráfico. A ênfase é semelhante ao contraste, como mencionei na aula anterior, mas eles são um pouco diferentes. E nesta aula, eu vou te dizer como. Então, vamos começar com ênfase. Vamos definir isso. Portanto, a ênfase é usada para focar a atenção do espectador em uma determinada parte de uma composição. Se você quiser que seu espectador se concentre em uma coisa específica, essa é a ênfase usada basicamente para como ela é alcançada. Portanto, o efeito é obtido manipulando os elementos de design, como cor , forma e tamanho, para destacar uma parte específica de um design. Então, em todo esse slide, que é uma coisa em que estou focando, estou enfatizando a palavra ênfases. Então, sim, essa é a seção de ênfase, desculpe pela piada idiota. Então, neste exemplo, você pode ver que temos esse padrão aqui, mas nossos olhos vão instantaneamente para esse hexágono específico aqui. Por quê? Por causa da cor, é diferente das outras. Também os mesmos conceitos que são para contraste, eles também são aplicados aqui. A ênfase também é criada dependendo do tamanho, da cor, da topografia e do layout. Da mesma forma nesses exemplos também. Mas deixe-me dar um exemplo um pouco mais prático. Então, temos dois designs aqui. E em ambos os designs, seus olhos vão automaticamente para um certo ponto. Por quê? Como enfatizamos essa parte específica, como neste exemplo, seus olhos passam automaticamente por aqui, mesmo que o resto do design cores diferentes e o fundo seja preto. Mas ainda assim eles vão até esse ponto porque enfatizamos isso. Da mesma forma, neste exemplo, ou os olhos vão automaticamente para essa pessoa aqui porque enfatizamos essa pessoa. Esse conceito é muito, maior parte do tempo, esse conceito também é judeu nos filmes. Sim, basicamente, se eu disser qual é a diferença entre contraste e ênfase, contraste é como em uma escala muito pequena e ênfase é como a imagem maior de todo o design. Se você está tentando criar contraste entre apenas duas coisas, se você está tentando, sim. Portanto, o contraste é entre duas coisas e a ênfase está entre muitas coisas. Essa é a maneira mais simples de defini-la. Então, sim, espero que vocês agora entendam o contraste e a ênfase da rotina diferente. A ênfase é muito importante e como usá-la. Espero que vocês tenham gostado muito dessa aula e eu os vejo na próxima. 10. Escala, proporção e movimento: Bem-vindos de volta, pessoal. Espero que você esteja indo muito bem e parabéns, você chegou ao último vídeo de todo o curso. Nesta aula, vamos aprender sobre três conceitos e eles são dimensionados, proporcionais e movimentos. Como eu acho que esses três conceitos são muito semelhantes, é por isso que devemos cobri-los todos juntos. Então, vamos começar com o primeiro, que é escala. Portanto, a escala no design é o dimensionamento dos elementos para criar um ponto focal. Ok, então deixe-me dizer como. Então, o que aconteceu é que, à medida que você cria escala com base em algo muito grande ou muito pequeno, você cria uma escala irreal e um tamanho realista das coisas. Você pode ver que temos alguns carrinhos bem pequenos aqui. No topo dos carrinhos, temos alguns elementos realmente gigantescos. Esse sorvete, essa bola e esse ônibus de badminton, acho que está frio. Então, como há escala no design, os carrinhos são tão pequenos, somos forçados a nos concentrar nas coisas maiores. Ok? Então, basicamente, é assim que você cria escala. Eu tenho outro exemplo aqui. Temos um texto muito grande no fundo e um carro muito pequeno. Como os textos não podem ser maiores que o carro, isso cria um tipo de expectativa irreal e é por isso que estamos focados no texto e no carro. Ok? Então isso é escala. Agora vamos cobrir a proporção. Proporção é o tamanho real entre dois elementos de design. Ao contrário da escala e da proporção, você garante que os tamanhos sejam realmente os mesmos porque a proporção deve ser a mesma de acordo com o exemplo da vida real. Sinto muito se você pode ouvir isso, mas acho que há alguém usando o martelo na minha casa, então sinto muito se você está batendo nisso, mas tenho certeza de que não terei que regravar isso. Proporção combinada versus proporção boa versus proporção ruim. Então, no primeiro exemplo, você pode ver que essa é uma proporção ruim. Uma pessoa não pode ser tão grande quanto a casa, ok? Você pode ser capaz de usar isso em um exemplo de escala, mas não neste exemplo de proporção. Essa é uma boa proporção. A pessoa está de pé na frente e os artistas por quê? É assim que uma pessoa na casa pode ser do mesmo tamanho, dependendo da perspectiva. OK. Sim, isso foi praticamente em escala e proporção. Acho que se tivermos outro exemplo, o basquete é obviamente muito maior do que o beisebol. Se o beisebol fosse tão grande quanto esse basquete, não teria feito sentido de acordo com a proporção. Mas, em termos de escala, você pode definitivamente fazer isso. E o último conceito é movimento. O movimento, então o movimento do design gráfico não se refere ao movimento das imagens na tela porque, caso contrário, ele se tornaria um gráfico em movimento ou uma emissão. Em design gráfico, é algo muito diferente. Em vez disso, refere-se ao movimento ou olho do espectador à medida que eles se movem pela tela. Então, basicamente, você cria o movimento do olho do usuário na tela. Seu design é tão comovente que nem se move de forma espiritual. Deixe-me dar um exemplo. Então, temos alguns exemplos aqui. E neste exemplo, no primeiro, você pode ver que, por padrão, somos forçados a olhar para o meio porque os dois socos estão se movendo para dentro. Da mesma forma, neste exemplo, há círculos aqui e esse vértice se resume a essa parte e estamos focados, somos feitos para focar nessa parte. Da mesma forma, aqui, parece que o, eu acho que este é um slot e o slot está funcionando, palavras certas. Então, basicamente, é assim que você pode criar movimento em seus designs. Então eu acho que isso foi basicamente em escala, proporção e movimento. Espero que vocês tenham gostado de todos os conceitos deste curso. E se vocês tiverem alguma dúvida, sinta-se à vontade para me perguntar, porque eu adoraria respondê-las, porque eu gostaria que vocês entendessem esses conceitos corretamente e os implementassem em seus projetos. Então, sim, foi praticamente isso. Espero que vocês tenham gostado muito do curso. E espero ver você no vídeo final. Tchau tchau. 11. Projeto de classe: Bem-vindos de volta, pessoal. Espero que você esteja indo muito bem. E acho que é hora de falar sobre o projeto da turma. O crédito da classe é muito simples. Tudo o que você precisa fazer é basicamente selecionar qualquer princípio de design de todo o curso. Pode ser qualquer pessoa que você goste mais, e você tem que explicar basicamente com pelo menos dois exemplos. A coisa sobre o exemplo é que você pode pegar os exemplos da Internet. Ou seria muito melhor se você mesmo projetasse algo e explicasse o conceito usando esses exemplos. Espero que vocês tenham gostado muito de todo o curso. Espero que você tenha se divertido aprendendo os princípios do design. E se vocês tiverem alguma dúvida, fiquem à vontade para me perguntar lá embaixo, e espero ver vocês em outro dos meus cursos. Então, tchau.