Técnica SIMPLES pra aprender a COMBINAR CORES

vamos lá o vídeo de hoje vai ser sobre cores eu não sei mais gravar o vídeo Hoje vai ser sobre cores você tem dificuldade de escolher paleta de cores e de usar essas cores eu vou te dar uma dica muito simples bem iniciante bem básica que vai te ajudar a resolver esse problema e dar o pontapé inicial nesse problema aí que nós designers temos na hora de combinar cores vamos lá Oi tudo bem meu nome é mairla eu sou criadora do art design e hoje eu vou te explicar uma tecnic fazinha muito simples muito Marota

muito fácil de ser aplicado nos seus projetos que vai te solucionar um problema que a gente enfrenta todo dia que é usar cores combinar cores tá como eu disse ela é bem simples A gente vai partir de uma base e a partir dessa base você vai poder expandir essa ideia este conceito para paletas mais complexas porque de início nós vamos trabalhar com apenas três cores tá a gente vai adicionar uma complexidade Zinha da terceira cor né e não simplesmente combinar duas cores porque aí eu acho que você não I perder seu tempo Assistindo um vídeo

te explicando a como combinar Duas coes né então vamos cominar três certo e uma ressalva isso não é necessariamente uma regra a gente fala regra porque a comunicação fica mais fácil porém não é exatamente uma regra é só um indicativo uma orientação para te ajudar aí aí ter esse ponto de partida e depois você seguir com o seu processo criativo do seu jeito livre como tem que ser então vamos começar 60 30 10 é isso que você tem que ter na na sua cabeça 60 30 10 e a gente tá falando de três cores 60

a cor 30 e a cor 10 mas o que é 60 30 10 muito simples meu caro jogo vou te explicar é basicamente uma forma de você determinar qual vai ser a sua cor predominante E qual vai ser a sua cor menos presente a sua cor de detalhes então a cor 60 vai ser a cor que vai ocupar 60 por do espaço da sua tela se você tiver fazendo um post para Instagram um outdor Flyer ou alguma coisa assim você vai escolher uma cor que vai ocupar 60% daquele layout uma cor que vai ocupar 30%

e uma cor que vai ocupar 10% bem mas eu vou ter que calcular Não claro que não tá esses números são só uma forma de você memorizar essa técnica de você saber do do que ela se trata E você tem uma noção mas obviamente não precisa ser exatamente 60% eu não sei nem como a gente calcularia isso e contar lá os pixels não faz sentido nenhum tá é só para você ter uma ideia de que numa paleta de três cores a gente precisa definir a cor predominante a cor intermediária e a terceira cor cor que

vai est nos detalhes mas mas como é que eu faço para escolher essas coisas primeiro tem uma coisa muito importante em qualquer paleta de cor que você for escolher Tenha ela três cores 5 10 20 40 cores na não interessa você precisa ter uma paleta para uma paleta funcionar você precisa que a sua paleta contenha cores em tons escuros e você precisa de cores em tons Claros isso é muito importante por é dessa forma que você vai conseguir contraste é dessa forma que você vai conseguir legibilidade dessa forma que você vai conseguir passar informações com

clareza tá você precisa ter tons escuros e tons claros e normalmente tons intermediários também eu separei aqui alguns projetinhos pra gente analisar que a gente pode observar isso sendo aplicado E como eu disse eu tô dando um exemplo de três três clores trê adicção eu estou dando exemplo de três cores Mas isso pode ser expandido para qualquer paleta você definir quais serão as cores predominantes daquela marca ou daquele layout e escolher as cores de menor importância escolher as cores que vão est é É nos detalhes Então a gente tem esse projeto aqui do estúdio C

né uma identidade visual e eu vou descer aqui pra paleta Perceba como aqui quando o estúdio vai explicar a paleta vai apresentar a paleta para quem tá assistindo é um possível cliente Quem tá assistindo quem tá vendo É ele coloca um quadrado bem grande na cor preta ele coloca um quadrado um pouco menor na cor branca e ele coloca um um retângulo na verdade né um pouco menor nessa cor nesse amarelo queimado nesse Dourado nesse platone aqui 7407 nisso aqui nesse layout ele já tá me sinalizando que essa é a cor 60 Essa é a

cor 30 Essa é a cor 10 e Aqui nós temos os subtons né um cinsas Mais Escuros cinas mais claros e aqui é a nossa cor de acento não Perceba como essa paleta é um perfeito exemplo do que a gente tá conversando uma cor escura uma cor que contrasta bem com essa cor escura né uma cor clara né nessas combinações aqui e a gente tem o que a gente chama de cor de acento que é uma cor que vai diferenciar que é a cor que vai trazer personalidade a cor que vai trazer um brilho a

mais para aquilo que a gente tá criando Então vamos dar uma olhada aqui nas aplicações olha aqui ó quando ele tá tá mostrando a tipografia que o o logotipo tipográfico perceba que a gente tem 60% no fundo cor escura a gente tem 30% as linhas e o detalhe são esses quadradinhos aqui a gente tem nessa outra cor aqui nesse amarelo e a gente vai ver isso presente em o Outras aplicações também e isso pode Se inverter Às vezes você pode trazer a cor de acento como cor predominante mas sempre fazendo esse equilíbrio tá olha aqui

tem uma aplicação aqui que eu achei muito interessante para demonstrar isso que foi essa daqui olha só essas aqui ó que interessante ó Preto predominante aqui a gente tem o branco e aqui a gente tem o nosso cor para dar um detalhe percebe como dá bastante personalidade como dá um charme Você tem uma cor mais acesa né que não seja Preto e Branco AL ali chamando atenção dando esse esse toque e aqui já foi invertido ó o fundo da imagem tá numa cor aproximada a essa daqui e a gente já tem a paleta invertida que

é algo muito interessante de se trabalhar também quando vocêver trabalhando com essas três cores não quer dizer que a cor que é 60 sempre vai ser 60 a de 30 sempre vai ser 30 e a de 10 sempre vai ser 10 Você pode trocar essas cores de posição para criar um layout dinâmico né olha só que interessante essa cbag aqui também ó 60 30 aqui e só somente a alça de uma cor diferente para trazer essa personalidade Olha isso aqui que interessante também ó 60 30 e a tirinha aqui e a calça do rapazinho foi

mudada de cor também para combinar com o cordãozinho aqui do capo interessante né sear aqui alguns outros projetos porque tem alguns tipos de design que são é mais comuns a gente essa técnica sendo aplicadas Tá então vamos dar uma olhada nesse projeto aqui ó você olha para esse board com várias imagens Você já consegue identificar qu são as cores predominantes né você vê que tem esse verde mais escuro você vê que tem esse Verde clarinho em cada layout tem a sua predominância Olha só esse aqui primeiro 60 verde escuro 30 esse verde mais clarinho 10

esse verde mais vivo mais saturado essas cores mais saturadas mais brilhantes são muito boas para esses detalhes e aqui ó a gente já tem as três cores aqui colocadas mas a gente tem bastante espaço vazio né e o teixo aqui numa cor escura isso vai se repetir ó por toda a marca é aqui já tá a cor 60 já é o branco tá vendo que aqui é um layout de aplicativo que o branco funciona melhor Olha só como as cores estão bem equilibradas justamente por conta da aplicação dessa técnica Tá certo e isso aqui é

muito usado em layout de página se você tem interesse em trabalhar com página de venda página de captura criação de sites essa técnica vai te ajudar demais vamos dar uma olhada em outros projetos aqui ó que eu separei esse aqui é bem simples Ó você já identifica que a cor predominante é uma cor escura né que tem um degradê e a cor de acento a cor do botão é laranja a cor do gráfico é laranja Então a gente tem alguns pontos de chamar atenção que é justamente o botão de comprar então a gente tem tudo

uma cor meio neutra né escura que tem uma fumaça laranjinha para dar um tom o our Luz Mas aí tem a o laranja aqui piscando para chamar a nossa atenção vamos olhar mais um aqui olha aqui mais um outro projeto com uma paleta de cores parecida com aquela que a gente viu antes né aqui a gente tem Tons de Cinza as cores preto e branco e cinza são muito boas PR PR usar essa técnica porque a gente tem uma cor que brilha né uma cor que chama atenção e todo o projeto tá feito dessa forma

olha só a gente tem só essa cor como um detalhe como algo que dá um charme para esse projeto tem umas aplicações muito bonitas olha só site que interessante ó a gente tem esse verde escuro aqui ó aí só o ícone aqui da da localização na nossa cor de acento na nossa cor 10 aqui a gente tem um layout de site sempre usando essa técnica com o botão ó em destaque o botão que a gente quer que o cliente clique a gente deixa ele em destaque da nossa cor a gente só consegue fazer isso se

a gente cria um ambiente neutro um ambiente com pouca informação e a gente consegue chamar atenção Para esse botão que é o que a gente quer que a pessoa vê é isso eso que você tenha gostado se você gostou e quer continu aprendendo design comigo conheça al tem link aqui na descrição PR você saber mais sobre o meu curso sobre design gráfico e tem outro vídeo aqui para você assistir te vejo na próxima